JavaScript(422)

422follower
Tomoumi Nishimura さんのアバター 27views

yield, Promise, coの話

ES2015ではPromiseを使って非同期処理が書けるわけですが、yieldや、Node.jsのパッケージcoと連携させるとうまく使えます。 基本事項 Promise Promiseは以下のようにして使います。 const p =... 2017年7月19日
nissy さんのアバター 7views

Fetch APIリクエスト

初歩的な内容ですが、jsのPromiseの考え方の振り返りも兼ねてハックにFetchによるAPIリクエスト方法を残しておきます。 一般的に、以下のように使います。 fetch(url, { method: 'GET'} // オプシ... 2017年7月10日
kensuke-iizuka さんのアバター 29views

JavaScriptとPHPで全角数字を半角数字に変換する

入力フォームで数字を入力した時に全角で入力されてしまうと、数字のバリデートチェックをするときに 弾かれてしまうことがあります。もっとユーザーフレンドリーになるべく全角数字も半角に変換してバリデートチェックをパスできるように したいです。 J... 2017年7月4日
nbeppu さんのアバター 9views

Google Tag Manager で utm_source を Cookie に保存する

まず、「カスタム JavaScript」の「変数」として、以下の JavaScript を定義します。 ここでは「JS – setCookie」という名称で保存します。 function() { return functi... 2017年7月4日
@iwasaki さんのアバター 9views

Javascriptで型判定を行う

以下を使うことで型判定が行えます。 Object.prototype.toString.call(hoge) [object RealmObject] などのような結果が返ってきます。 http://qiita.com/sdn_... 2017年6月21日
hurts14 さんのアバター 8views

JSONのあれこれ

JSONとは JSONはJavaScript Object Notationの略で JavaScriptの記法でデータを記述できるハイパーメディアフォーマット。 ハッシュや配列といったプログラム言語から扱いやすいデータ構造を記述でき... 2017年6月19日
nbeppu さんのアバター 12views

特定のソースコードファイルのみESLintの警告を無視する

ファイルの先頭に以下のような記述をすると、そのファイル内は該当のESLintの警告が無視されます /* eslint no-underscore-dangle:0 */ ... 2017年6月13日
harada さんのアバター 29views

JavaScript:要素の高さを取得する

要素のIDを指定して、JavaScript高さを取得する方法です。 var divHeight; var obj = document.getElementById('ID名'); if(obj.offsetHeight) { ... 2017年5月30日
harada さんのアバター 35views

JavaScript:画像のURLから高さと幅を取得する

以下の記述で画像のURLから高さと幅が取得できます。 var img = new Image(); img.src = '画像のURL';//高さと幅を取得したいURLを入力 var img_width = img.... 2017年5月30日
hurts14 さんのアバター 12views

functionってなに

javascriptで度々出てくるfunctionってなんぞやってことです。 単純に関数ってことです。 function 関数名(引数){ 処理; return 戻り値; } って感じで普通です。 ローカ... 2017年5月19日
kensuke-iizuka さんのアバター 33views

JavaScriptで小数点第n位までの四捨五入

// 小数点n位までを残す関数 // number=対象の数値 // n=残したい小数点以下の桁数 function roundFloat( number, n ) { var _pow = Math.pow( 10 , n ); ... 2017年5月9日
kensuke-iizuka さんのアバター 67views

JavaScriptで数値をカンマ区切りにフォーマットする

物の値段やお金に関する数値が大きくなるとよく三桁ごとにカンマ区切りで表示することがあります。 JavaScriptで数値をカンマ区切りにフォーマットするにはtoLocaleStringメソッドを使います。 使い方は簡単で、 Number(... 2017年5月9日
nissy さんのアバター 54views

javascript 連想配列の複数のキーについてソート

便利なのでハックに残しておきます。使える時は勿論、値が数値の時だけです… var test = [ {a: 1, b: 30 }, {a: 2, b: 21 }, {a: 2, b: 10 }, {a: 1, b: 5 ... 2017年5月1日
ysugiyama12 さんのアバター 8views

改行タグの置換

‘\n’などを含む文字列をページに表示しても改行が反映されないことがある。 そのため、’\n’などは’‘に置き換える必要がある。 var text = '改行\nしま... 2017年4月28日
Tomoumi Nishimura さんのアバター 55views

javascriptのジェネレータ関数と遅延評価

ES6で追加された文法としてジェネレータ関数というものがあります。 ジェネレータ関数とは ジェネレータ関数とは、処理を離脱したり復帰したりできる関数であり、大雑把にいえばイテレータ(ジェネレーター)を生成する関数です。 具体的には、f... 2017年4月21日
Tomohiro さんのアバター 9views

タグのidとonclick内の関数名は違う名前にする

HTMLからJavascriptを呼び出すときにonclickを使うことが多いけど、 <input type="submit" name="test" onclick=test();" value="テスト"> とかJa... 2017年4月18日
harada さんのアバター 32views

美しいグラデーションと幾何学模様のTrianglifyを背景に設定する方法

Trianglifyを利用して、簡単に美しいグラデーションと幾何学模様のTrianglifyを背景に設定することができます。 ファイルをダウンロードして読み込むか以下のCDNを利用することもできます。 設定例 読み込む <sc... 2017年4月13日
@iwasaki さんのアバター 95views

JavascriptのalertでObjectの中身を表示する方法

Firefox alert(hoge.toSource()); Chrome alert(JSON.stringify(hoge)); 参考 https://www.infoscoop.org/blogjp/2012/05/... 2017年3月24日
tortuepin さんのアバター 63views

javascriptでスクロール制御

イベントが起こったら一番下までスクロールしたい。 あるいは、ある場所までスクロールしたら何かしたい。 前者はelement.scrollTopプロパティ、 後者はelement.onscrollを用いることで実現できる。 //elem... 2017年3月21日
otaguro さんのアバター 23views

ChromeのConsoleで宣言した関数にブレークポイントを貼る方法

いちいちファイルを書き換えずにちょっと試したいような場合には、Consoleで関数を宣言しますが、そういうときにブレークポイントを貼る方法 function test(){ alert("test"); } のような関数をCons... 2017年2月23日