Qiita - JavaScriptタグが付けられた新着投稿

Java, JavaScriptのチーム開発環境をつくる(問題提起編)

SN

7/17 04:38



シリーズ案内

 本稿はシリーズものになる予定です。(未完成)

 今考えているのは以下のような構成です。

 ・問題提起編 - 本記事

  本稿掲載の経緯とテーマ、その完成図について説明する。

Qiita記事解析システムを作ろう その1

SN

7/17 00:24



概要

 Qiitaの記事をGoogle Cloud Natural Languageで解析してみるという企画。コンソールアプリで作っても面白くないので、意味も無くWebシステムで構築するのだ!




項目
内容




VPS
Google Compute En...

個人学習メモ#5 Javascript 一定以上スクロールすると要素のサイズを変更

SN

7/16 22:29

Javascriptテックラボ様からの引用です。

引用元:https://rfs.jp/sb/javascript/js-lab/resize-header-scroll.html

HTML



CSS



Javascript


の関数は何をしようとしているのでしょうか? call

SN

7/16 22:25

function call(method, path, body, callback) {

この関数は何をしようとしているのでしょうか? 漠然としすぎの初心者の質問で申し訳ないです。 お願いします。

【JC・JK・JD必見】サーティワンの日をお知らせするLINEBotを作った

SN

7/16 21:59



きっかけ

ある日Qiitaを眺めていて思ったのです…。Qiitaで扱われる題材って、アニメとかアイドルとか、おじさん好みなものが多すぎて、JKが見ても面白くないんじゃないか?我々は、もっとJKがワクワクするよう...

intellij が js でMutable variable is accessible from closure.と注意してくれた時

SN

7/16 21:18



react native 書いていた時にMutable variable is accessible from closure と忠告してくれた

var をconstに変えたら治ったのでどうやら変数のスコープの問題だったっぽい。

可変な変数はかっこから参照でき...

Vue.js【基本】をまとめてみたPart1

SN

7/16 21:12

初投稿です。

投稿する中で徐々に慣れていけたらなあと思います。

今回は最近、Vue.jsについて勉強してたので、基本編としてまとめていきます。

Agenda:Vue.jsとは、データバインディング、ディレクティブ...

Node.js でつくる Node.js ミニコンパイラ - 04 : 四則演算と余りをサポートする

SN

7/16 18:37



はじめに

「RubyでつくるRuby ゼロから学びなおすプログラミング言語入門」(ラムダノート, Amazon) という本の影響で自分でもミニNode.jsインタープリターを作ってみました。

さらにポッドキャストの Turi...

AWS LambdaからFirestoreに書き込む

SN

7/16 17:49

趣味開発でAWS LambdaからGoogle傘下サービスFirebaseのFirestoreへデータを書き込みをしたい需要が発生したため試した。


環境


OSX HighSierra
AWS CLI 導入・設定済
Node v10.6



firebase-adminインストー...

JavaScriptで, 正規表現 StringオブジェクトのmatchメソッドとRegExpメソッドの違い

SN

7/16 17:40

JavaScriptを勉強中です. 自分の理解のためにも, 習ったことをアウトプットさせようと思っています.

間違いなどあれば, 積極的にコメントしてくれると嬉しいです.

JavaScriptには, 組み込みオブジェクトの中に,...

JS基礎ーthisの指す先

SN

7/16 17:17



thisとは

this は function を呼んだ時の呼び出し元オブジェクトを指している


例(自分自身の性別取得したい)


function getGender() {
return this.gender;
}

var ma = {
name: 'ma',
gender:...

JavascriptでEthereumのアドレスからトランザクションを取得する

SN

7/16 14:57



正攻法

直近のブロックから、アドレスのトランザクション数が0になるか、Balanceが0になるまでトランザクションを取得し続けます。

function getTransactionHistory(address){
const web3 = new Web3...

JavaScript:クリップボートのイメージをBase64変換する

SN

7/16 14:27



始めに

JavaScriptでクリップボートのイメージをBase64変換するプログラムを書いてみた

クロスブラウザは全く考慮していないので、まともに動くのはChromeだけとなる


ソース


dragImage.html
<html&...

正規表現で改行を置き換えする時は /\n|\r/g を使う

SN

7/16 13:07

改行を置き換えるときよくやりがちな /\n/g を指定していたのですが、これだと全ての改行を網羅できません。

/\n|\r/g を指定すれば全部置き換えできます。


replace_kaigyo.js
var kaigyonashi_text = '改...

cookieパースしたら謎のスペースが入っていた

SN

7/16 11:43



Javascript使って自力パースしている場合はパースロジックを見直すこと

let cookies = document.cookie.split(';');
cookies.map((value) => {
let content = value.split('=');
if (conte...

react-router-domとreact-transition-groupを使って画面遷移時にアニメーションを挿入する

SN

7/16 10:37



結論

とりあえずそれっぽい動きができた。



この記事はreact-router-dom v4 入門してみたの続きになります。

ここで使用しているコードは、githubに置いてあります。


react-transition-group のイン...

機械学習で秘書問題を解いた

SN

7/16 10:03



TL;DL;

強化学習の手法の一つであるQ学習を用いて、N=10 の秘書問題の最適戦略を再現できた。

姉妹編: 秘書問題とその応用問題をシミュレーションで検証


秘書問題とは

Wikipedia より。



秘書を1人雇い...

JavaScriptの連想配列の説明をしつつ、配列内文字列の出現回数を調べる

SN

7/16 09:44



前段

A氏「数字が入っているリストがあって、そこから数字の出現回数を調べたいんですけど、連想配列使わない方法ってないですか?」

私 「連想配列じゃダメなのですか?」

A氏「いまいち連想配列が...

Chrome 67からJavaScriptのプリミティブ型BigIntが使用可能に

SN

7/16 04:33

表題の件を知り、調べてみたまとめになります。

間違いなどあればご指摘いただければ幸いです。


はじめに

BigIntは任意精度の整数型。

TC39(ECMAScriptの策定委員会)で提案中のプロポーザルの一つです...

Material-UI チュートリアル + マウス移動可能な webアプリを作成する

SN

7/15 23:31



はじめに

Reactを勉強中に、Material-UIで作成した要素をマウスで移動するようなUIを実現したく、

react-draggableというモジュールを使用してみました。


できること


Material-UIの公式サンプルのボタ...

lodash の forEach/map/reduce 系の関数を紹介

SN

7/15 23:23

JavaScript を使っているなら lodash は大変便利なのですが、関数が多すぎてどれ使ったらいいのか解りづらいのが難点です。

ここではその中でも良く使う、配列ループ系の関数群を整理して紹介します。


forEach...

JSX記法

SN

7/15 21:20



JSX記法メモ


index.js
ReactDOM.render(
<div>Hello World</div>, // 末尾のカンマがないと動かない
document.getElementById('root')
);



classの付け方


index.js
ReactDOM.render(
&...

FaceAPIを使った感情分析

SN

7/15 19:38



はじめに

FaceAPIを使った顔認証から感情分析を行ってみました。

FaceAPIを使い、画像を送信するとこのように8種類の感情をJSON形式で取得する事が出来ます。



今回はカメラから取得した画像を送信し...

RowToListであそぼう!(苦悶)

SN

7/15 17:11

全世界70億人のPureScripterのみなさん、お疲れさまです。PureScriptで今一番アツい話題といえばRowToListですが、PureScript v0.12ではいろんなライブラリにこのRowToListを使って各種のインスタンスが追加で定...

クロスドメインでめちゃくちゃハマった話①

SN

7/15 16:39

Ajaxは奥が深い。仕事でWEBアプリ開発する中で、クロスドメインで苦労したので忘備録として記録しておく。


1.Ajaxとは?

まずはAjax。実は、今までAjaxをそこまで理解していなかった。(同期通信でデータ取っ...

JavaScriptで時刻だけ扱う(moment.js)

SN

7/15 15:42



JavaScriptでは時刻だけのオブジェクトを持っていない

時刻のみを扱いたい場合はmoment.jsを使いましょう。

便利なメソッドが用意されています。

公式ドキュメント


文字列からパースして時刻として...

Node.js でつくる Node.js ミニコンパイラ - 03 : 足し算(+演算子)を実現する

SN

7/15 14:33



はじめに

「RubyでつくるRuby ゼロから学びなおすプログラミング言語入門」(ラムダノート, Amazon) という本の影響で自分でもミニNode.jsインタープリターを作ってみました。

さらにポッドキャストのTurin...

確率に基づいて配列要素を選択(くじ引きの実装)

SN

7/15 11:28

配列要素からランダムに要素を取り出すのはカンタン。

function choice(arr) {
return arr[Math.floor(Math.random() * arr.length)];
}

choice([100, 200, 300]) // -> 100


では、確率付きで要素を取り...

Microを使ってReactのSSRをする

SN

7/15 07:59

先日、『Node.js でちょっとしたサーバーサイドやるなら、 Micro が良いかも』を読みReactのSSRも簡単にできそうだなと感じたので試してみました。

以下の記事の完成したコードはshisama/micro-react-ssr-sam...

Riot.jsで数字のランダム選択

SN

7/15 03:04



背景

会社内でコンペみたいな発表会があったのですが、ランダムにチーム番号を選ぶ要件がありました。

フリーソフトを利用していたのですが、広告が頻繁に表示されうざそうだったので作ってみた。


完成...

PR:bitflyer

bitFlyer ビットコインを始めるなら安心・安全な取引所で