JavaScript(440)

439follower
goto_jp さんのアバター 137views

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

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

【javascript】アロー関数

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

jQuery.post()とjQuery.ajax()

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

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

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

AjaxでもURLを変更したい

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

JavaScriptでSet演算

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

jsとjQueryでforeachを行う

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

【javascript】length の罠

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

配列をJavaScriptで表示する

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

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

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

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

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

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

// 変数 map_canvas var map_canvas; // 配列の生成 var data = new Array(); data.push({lat:'35.319933', lng:'139.487519', name:'片... 2016年12月7日
Motoki Watanabe さんのアバター 67views

Javascriptで座標データを配列にするとき

var 変数名 = newArray(); 変数名.push({lat:'緯度の数値', lng:'経度の数値', name:'名前'}) 変数名.push({lat:'緯度の数値', lng:'経度の数値', name:'名前'}) 変数... 2016年12月5日
goto_jp さんのアバター 124views

WordPressのContactform7だけで作る簡易招待システム

下記仕様の「招待システム」をWordPressのContactform7とJavaScriptのみで実装する方法です。 フォームを送信すると自分の招待コードが発行される 招待コードとフォームURLを友達に伝え入力してもらう 招待コードを... 2016年11月18日
Tomoumi Nishimura さんのアバター 238views

Mac / Winのブラウザにおけるkeydownの処理の違い

MacのChromeとWinのChromeでどうもkeydownの動作が違うようなので、検索してみたところ、以下のような記事に到達しました。 JavaScriptのキーイベント・キーを押し続けた場合のブラウザ毎のイベント差異 ( しゃいん... 2016年11月17日
goto_jp さんのアバター 75views

A-Frame入門:a-cylinder(円柱)とa-sphere(球)

「A-Frame」の<a-cylinder>について紹介します。 サンプル See the Pen A-Frame Basic : cylinder by Kazuyoshi Goto (@KazuyoshiGoto) o... 2016年11月11日
hirokas さんのアバター 15views

javascriptの配列

var data = new Array( ["", "", ""], ["", "", ""], ["", "", ""], ); data[0][0] 一行一列目のデータが取り出される。 配列でそれぞれのデータに名前をつけた場... 2016年11月11日
goto_jp さんのアバター 810views

【JavaScript】MutationObserverでDOMを監視する

ボタンクリックなどユーザが自発的にするイベント以外で、「ある要素がある状態になった時」にイベントを発生させたい時、その「ある要素」を監視する必要があります。そんな時にMutationObserverを使うことで解決します。 サンプル S... 2016年11月4日
tortuepin さんのアバター 33views

dojo.byId().onClick()の実体を探す

onClick()にかぎらず、dojo.byId().~~みたいなやつの実体をさがす。 ブラウザの検証からコンソールを開く コンソールにdojo.byId();を入力 スペルミスがなければ、コンソールに実体が出力される。 検索すれば... 2016年11月1日
goto_jp さんのアバター 228views

A-Frame入門:a-planeとa-box

最近ハマっている、HTMLだけでVR空間を作れるライブラリ「A-Frame」について紹介します。 準備 ヘッダーでA-Frameのライブラリを読み込む必要があります。今回のサンプルは下記のCDNを使っています。 https://cdn... 2016年10月27日