はしくれエンジニアもどきのメモ

情報・Web系技術の勉強メモ・備忘録です。

jQuery

「2日でできる JavaScriptTraining」をやってみた(モジュールの利用(bower))

「2日でできる JavaScriptTraining」をやってみた(モジュールの利用(bower)) mixi の「2日でできる JavaScriptTraining」をやってみたのでメモ。 今回は、モジュール(bower)の使い方についてまとめておきます。 github.com 目次 環境 6.モジュールを実装す…

「2日でできる JavaScriptTraining」をやってみた(DOM操作)

「2日でできる JavaScriptTraining」をやってみた(DOM操作) mixi の「2日でできる JavaScriptTraining」をやってみたのでメモ。 今回は、DOM操作のみまとめておきます。 github.com 目次 環境構築 1.DOM 要素を取得するトレーニング 2.DOM 要素の属性・テ…

oEmbed API の値を取ってくるjQuery プラグインを作ったよ

oEmbed API の値を取ってくるjQuery プラグインを作ったよ はてなブログを書くときに、URL をコピペすると、 URL のみのリンク タイトル付きリンク 埋め込みリンク が生成されると思います。 この機能が結構便利で、 はてなブログ以外でも使いたいと思ったの…

Animate.css を使ってみる

Animate.css をってみる Animate.css を使ってみたのでメモ。 Animate.css は、JavaScript を使わず、CSS のみでアニメーション効果を付けることができます。 animate.css 公式 目次 サンプル CDN 使い方 参考リンク サンプル Animate.css Click!

#(ハッシュ)で、Ajax でロードするページを切り替える

#(ハッシュ)で、Ajax でロードするページを切り替える リンクの #(ハッシュ)で、Ajax でロードするページを切り替えられることがわかったのでメモ。 やりたいこととしては、ページ内アンカーリンクのAjax版です。 目次 サンプル ディクレトリ構成 コード解説…

Canvas で東京電力の電力使用状況を可視化してみた

Canvas で東京電力の電力使用状況を可視化してみた Canvas の棒グラフ、円グラフの描画 + 東京電力の電力使用状況API を組み合わせて、可視化してみたのでメモ。 なお、他の電力会社の電力使用状況データを取得できないか調べてみたところ、 yahoo の電力使…

CSS3 のfilter で加工ソフトなしで画像に効果を加えてみる

CSS3 のfilter で加工ソフトなしで画像に効果を加えてみる CSS3 のfilter を試してみました。 目次 サンプル 対応ブラウザ 使用できる効果 grayscale(グレースケール) sepia(セピア) saturate(彩度) hue-rotate(色相回転) invert(階調反転) opacit…

JavaScript で位置情報を取得してみる

JavaScript で位置情報を取得してみる JavaScript の位置情報取得API geolocation を使ってみたのでメモ。 目次 サンプル コード geolocation について getCurrentPosition watchPosition 成功時 失敗時 オプション 参考リンク サンプル PC からも試せますが…

jQueryでつくる先頭ジャンプ

jQueryでつくる先頭ジャンプ jQueryで、クリックすると先頭へジャンプするようなボタンをつくったのでメモ。 目次 ソース 参考リンク ソース 処理としては, 最初は先頭ジャンプ用のリンクを消しておく。 ( $('リンク').hide();) ある程度スクロールされたら…