JavaScript(452)

452follower
harada さんのアバター 21views

配列をJavaScriptで表示する

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

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

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

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

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

配列に保持してある分だけマーカーを作成(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 さんのアバター 98views

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

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

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

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

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

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

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

【JavaScript】MutationObserverでDOMを監視する

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

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

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

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

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

【javascript】html タグを含む文字列を加工したいときのメモ

html タグを含む文字列を渡されて、色々加工したいときのメモ (2016/12/26:タイトルを修正) 例) var text = 'あいうえお<br />かきくけこ<br /><a href="#... 2016年10月13日
otaguro さんのアバター 230views

javascriptで和音を鳴らす

ちょうどいい和音を鳴らすツールがなかったので、自作しました。 OSによらず実行できるようにjavascriptで書いてます(デスクトップのChromeで動作確認済み)。 MIDI.jsというライブラリを使えば、javascriptで任意の音... 2016年10月6日
かしこ さんのアバター 200views

jQuery と html と css で複数選択可能なボタンを作る

タイトル通り、複数選択可能なボタンを作ろうと思い作成しました。 とりあえず、ボタンを押したら今押されているボタンのIDを取得して画面に表示させています。 ※ 細かいバグがあるかも ■ index.html <!DOCTYPE ... 2016年10月4日
@iwasaki さんのアバター 4,813views

JavascriptでUser AgentからiOSのバージョン番号を判別する方法

iOS10がリリースされましたね。 User AgentからiOSのバージョンを取得する方法ですが、バージョン番号は以下のような形式になっているようです。 iOS10.0 Mozilla/5.0 (iPhone; CPU iPhone... 2016年9月30日
かしこ さんのアバター 51views

サイト一覧に favicon.ico を付けていい感じにしたい

サイトの一覧を文字だけじゃなくて ・[アイコン] サイト名1 ・[アイコン] サイト名2  … のように表示したいと思いました。 <!DOCTYPE html> <html> <head>... 2016年9月27日
かしこ さんのアバター 84views

switch(true) というもの

最近初めて業務で見た ↓ のような書き方 <script> switch(true) { case test() : alert("ABCDE") ; // function test() が の re... 2016年9月21日
Kazutoshi Shinoda さんのアバター 814views

javascriptでエクスクラメーションマーク(!)2つ

javascriptでエクスクラメーションマークを2つ使っているところを見かけました。 !!obj これの意味は、objがundefinedでないとき、trueを返すというものらしいです。 undefinedというプリミティヴ値自体... 2016年9月20日
かしこ さんのアバター 102views

jQuery と php を連携させたい② ~ json ファイル表示・削除編~

先日作成した json 保存処理に機能を追加してみました。 (前回の → https://hacknote.jp/archives/22335/ ) 1) 保存した json を画面表示 2) json の削除(json ファイルの中... 2016年9月15日