JavaScript(408)

408follower
Tomoumi Nishimura さんのアバター 10views

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

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

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

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

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

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

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

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

javascriptでスクロール制御

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

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

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

JavaScriptで文字列をいじる

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

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

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

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

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

【javascript】アロー関数

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

jQuery.post()とjQuery.ajax()

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

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

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

AjaxでもURLを変更したい

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

JavaScriptでSet演算

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

jsとjQueryでforeachを行う

phpでよく使うforeachですが、jsとjQueryでもやっぱりできる!!とのことなのでハックに残しておきます。 【javascript】 //forEachメソッドを使う var a=[1,2,3,4,5] a.forEach(f... 2016年12月23日
かしこ さんのアバター 71views

【javascript】length の罠

久々の投稿。寒いと色々進まなくなりますね。 よく javascript で .length をよく使うかと思います。 // こんな感じ。。。 var count = list.length ; for(var i = 0 ; i <... 2016年12月21日
harada さんのアバター 16views

配列をJavaScriptで表示する

PHPの配列をどうにかこうにかしてJavaScriptに渡してひとつずつセットする方法です。 ex.「r_info」という文字列に配列が入っている場合 var content = ''; for (i = 0; i < r_inf... 2016年12月16日
Motoki Watanabe さんのアバター 79views

Google Maps オリジナルデザインにカスタマイズ

Google Mapを描画する関数内に http://code.prostaff1.com/sample/10_google-map/styledmaps/ こちらで生成したjsonコードを記入(次のコードは例) // Original ... 2016年12月12日
@iwasaki さんのアバター 16views

Javascriptでcheckedやvalueを取得する際の注意点

条件によって画面上にフォームの要素が表示される/されないといった場合には if (dojo.byId('flag0') && dojo.byId( 'flag0').checked) { //処理を書きます } のよう... 2016年12月7日
Motoki Watanabe さんのアバター 36views

配列に保持してある分だけマーカーを作成(Google Maps)

// 変数 map_canvas var map_canvas; // 配列の生成 var data = new Array(); data.push({lat:'35.319933', lng:'139.487519', name:'片... 2016年12月7日