JavaScript(405)

404follower
goto_jp さんのアバター 24views

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

【JavaScript】MutationObserverでDOMを監視する

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

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

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

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

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

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

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

javascriptで和音を鳴らす

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

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

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

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

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

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

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

switch(true) というもの

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

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

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

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

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

jQuery と php を連携させたい ~ json ファイル保存編~

画面から入力されたデータを php へ渡して json ファイルとして保存させる処理です。 入力値未記入でも保存はします。 (2016/09/15) : main.php を少し修正 ■ test.php ※ js、css も直書き... 2016年9月14日
かしこ さんのアバター 713views

jquery で xml ファイルを読み込む

xml ファイルを読み込んで画面に表示させようと思いました。 今回は html と javascript を分けています。 ■ test.xml (読み込む xml ファイル) <?xml version="1.0" encod... 2016年9月13日
かしこ さんのアバター 93views

jquery で json ファイルを読み込んだときのメモ②

以前作成したjson読み込み処理に機能を追加してみました。 (※ 前のやつ → http://hacknote.jp/archives/22085/) 追加した機能としては 1) json が更新されたら再読み込みしなくても画面に変更... 2016年9月12日
Yukimi Sato さんのアバター 198views

Odometerを実装してみる

Odometer というカッチョイイJSを実装してみました。 仕様 クリックしたら数値変わる クリック用のナビゲーションつけよう 実装 HTML <ul> <li id="month" class="se... 2016年9月9日
かしこ さんのアバター 503views

jquery で json ファイルを読み込んだときのメモ

下のようなファイルを用意 ■ test.json { "室町幕府将軍" : [ { "名前" : "足利尊氏" , "生年" : 1305 ... 2016年9月7日
かしこ さんのアバター 17views

【javascript】上下左右を押されたか確認する

何かゲームを作りたくて、その第一歩としてキーボード操作を作成。 キー番号は色々あるので、必要に応じて調べます。 (2016/12/26:タイトルを修正, 文章を増やしたり) <script type="text/javascri... 2016年9月6日
tortuepin さんのアバター 41views

dojo.query()が便利

dojo.queryというのが出てきたのでしらべてみたらえらく便利でした。 dojo.query("#num .foo").forEach(function(item) { console.log(item.innerHTML);... 2016年9月2日