JavaScript/jQuery

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

はじめに 特定の範囲の株価チャートを画像として保存しようとしたことがあったのですが、一つ問題がありました。比較的自由度の高いWebツールであればスライダーやボタンで表示範囲や表示するものの選択ができる ...

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

ツール本体 入力 カロリー入力 1日の余剰摂取/消費カロリー kcal カロリーあたりの体重変化量 g/kcal 結果 体重変化 1日 g 1週間 kg 1か月 kg 1年 kg 説明書 1日の余剰カ ...

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

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

monacaを使ってWebサイトをアプリ化するための叩き台としてのメモです。 Webサイトのアプリ化…というより単純にページを表示しただけでは面白みがない(というか審査通るのか疑問)のでオリジナルのブ ...

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

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

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

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

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