JavaScript/jQuery

はじめに 前回Google HomeとSwitchBot Hub Plus(IFTTT対応リモコン)で自宅をスマートホームに一歩近づけました。Google Home経由でエアコンや照明などの家電をつけ ...

はじめに Webサイト上でグラフを描こうと思った場合、いくつかのJavascriptのプラグインがありますが、今回はGoogle Chartsを使ってグラフを描きましたのでその方法を紹介します。本家サ ...

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。 下記2点の設定が必要です。 　 　・viewport 　・回転イベント時のhtmlサイズ変更 下記例では横幅を480pxに固定した ...

ページ内に設置したiframeのスクロールイベントおよびスクロール量を取得したかったのでメモ スクリプト JS側 $(function(){ $( $('#ifr')[0].contentWindow ...

jQuery UIでProgressbarを使う 処理経過を表示する場合プログレスバーにより提示させるという方法があります。 ↑Windowsで何かコピーしたときに出てくるダイアログ ただ、HTMLや ...

GoogleMapsAPIを使って地図上に線を引いたときに気を付けたことなどをメモしておきます。 線を引く GoogleMapsAPIではオーバーレイと呼ばれる地図上のオブジェクトを作成してそれをGo ...

PHPであれば「var_dump」や「print_r」などでJSON形式のデータの中身が思い通りの者になっているかどうか簡単に確認することができるのでjavascriptでもそういったのが無いのか探し ...

javascriptでのクラス定義 javascriptではいわゆる正確なクラスは作れませんが、それに近いものをfunctionキーワードを用いて作ることはできます。 恐らくpublicは「thisキ ...

強制的にページをスクロールさせたいと思って調べていたのですが、なかなか思うようなものが見つからず困っていました。ページのスクロールというのはこのページに(恐らく)出ているような赤い部分にマウスをのせる ...

jQueryでセレクタを使って取得してきたjQueryオブジェクトからその子要素をchildrenで複数取得してきておいて、each等で各子要素に対してhasClassでチェックして指定のクラスがあれ ...

カメラのレンズが違うことでどのくらい出来上がる写真に差が出てくるのかを確かめることのできるシミュレーションを作成しました。描画にはThree.jsのラッパーライブラリであるjThree.jsを使ってお ...

WebGLのライブラリであるThree.jsやそのラッパーライブラリのjThree.jsでcanvasに描かれた3Dの画面を画像として保存しようとした際に割と困惑したのでメモ。 toDataURL H ...