JavaScript(434)

429follower
harada さんのアバター 98views

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

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

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

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

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

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

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

改行タグの置換

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

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

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

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

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

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

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

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

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

javascriptでスクロール制御

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

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

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

JavaScriptで文字列をいじる

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

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

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

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

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

【javascript】アロー関数

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

jQuery.post()とjQuery.ajax()

jQueryの日本語版リファレンスには、「$.postは$.ajaxの略記です」とあります。パッと見では理解できなかったのですが、それほどややこしい話でもありませんでした。 jQuery.post()は以下のように使います。   jQ... 2017年1月19日
huruhurupyotr さんのアバター 33views

Javascriptのスコープチェーンについて

スコープ関係は基本的な話だと思うのですが、いまだに悩まされることが多いです。今回はスコープチェーンと呼ばれる仕組みについてです。 引用します。 JavaScript では関数内で宣言された変数は、その関数内でしか見ることが... 2017年1月17日
harada さんのアバター 58views

AjaxでもURLを変更したい

pushStateという関数で、履歴やURLを操作することができるようです。 たとえばWordPressの検索画面をAjaxで動かしていたら、以下のようにすることで、 AjaxでもURLを変更することができます。 jQuery(docum... 2017年1月6日
yamagenii さんのアバター 246views

JavaScriptでSet演算

重複する値を許さないコレクションSetで、python,rubyでは集合演算の機能が提供されていますが、jsではありません。 なので演算したい場合は自分で書かなければなりません let s = new Set([1,2,3,4,5,6... 2017年1月5日