JavaScript(418)

417follower
@iwasaki さんのアバター 6views

Javascriptで型判定を行う

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

JSONのあれこれ

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

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

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

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

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

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

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

functionってなに

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

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

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

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

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

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 さんのアバター 48views

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 さんのアバター 20views

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

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

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

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

javascriptでスクロール制御

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

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

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

JavaScriptで文字列をいじる

1.全角カナを半角カナに変換する 自作することもできそうだが、MITによって配布されているので利用させていただく。 http://freesofutotravel.blog94.fc2.com/blog-entry-19.html?sp ... 2017年2月20日
huruhurupyotr さんのアバター 27views

行を削除するためのfor文の書き方

for文といえば、以下の形が一般的ですね。 for(var i = 1; i <= 10; i++){ //ここに処理を書く } 上だと、なにがしかの処理を10回繰り返すプログラムです。 ところで、たとえば、goo... 2017年2月16日
goto_jp さんのアバター 54views

【Googleチャート】ツールチップのフォーマットを書き換える

サンプルは以下。 See the Pen Google Chat Custom Tooltip 1 by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 同じデータのグラフですが、下のものは... 2017年1月24日
かしこ さんのアバター 58views

【javascript】アロー関数

会社のエレベータで二十四節気を延々説明してるので1年いれば覚えられるんじゃなかろうか。 また久々です。 今回はアローを使ってみました。 // よくあるやつ var test_a = function(aaa) { return... 2017年1月20日