- TOPページに戻る
- Javascript
カテゴリー：Javascript
ファイルサイズを自動で読み込むJSプラグイン「fileSizeGetter」
zipやPDFのダウンロード時にどれだけのサイズかわかりやすく自動で表示するプラグインです。
- 2019年07月17日
画像ロードを判定するプラグイン「imagesLoaded」
画像を読み込んだら処理を実行するJSのプラグイン「imagesLoaded」の紹介です。
- 2019年07月09日
既存のイベントを削除できるjQueryの.off()がとても便利
サイト全体の共通部分は別で作られていて一部のコンテンツを自分が作るという時はよくあります。 そこで困ることがあ […]
- 2019年04月08日
Vue.jsを使ってFF14で使えるツールを作ってみた
よくMMORPGのFF14を遊んでいるのですが、それを進めるうえでちょっとメモ的なツールが欲しいなと思ったので […]
- 2018年11月27日
YOUTUBEのiframeを直書きしてapiを使う方法
YOUTUBE動画の埋め込みに使えるYouTube Player APIですが、iframeをHTMLに直書き […]
- 2018年08月01日
Vue.jsで数値を入力するだけで計算するWebアプリを作ってみた
Vue.jsを勉強したので、ちょっとしたWebアプリを作ってみました。
- 2018年04月17日
Vue.jsを学ぶ最初の一歩として参考にしたサイトとちょっとした内容
JavaScriptのフレームワークのひとつ、「Vue.js」を調べたので、調べるのに見たサイトとメモを書いて […]
- 2018年04月16日
位置情報をブラウザで取得するGeolocation APIを使って今いる住所を調べる
Geolocation APIの位置情報を調べることがあったので、わかったことをメモしておこうと思います。
- 2018年04月11日
サイトに某ほとけ風な何かを呼び出すjQueryプラグイン・hotoke.jsを作った
ご存知の方は知っている某ドラマで現れる、「ほとけ」風ななにかを自分のサイト内に呼び寄せるjQueryプラグイン […]
- 2017年04月10日
jQueryのIEが使えるバージョンとバージョンアップしても使えるようにする方法
jQueryもこの記事を書いている現在では3.1.1まで新しいバージョンがでています。 しかし新しいバージョン […]
- 2017年02月14日
ドラッグアンドドロップでファイルアップロードする方法いろいろ
ファイルをアップロードする時、選択ウインドウを開いて画像を選択するのは少々面倒ですよね。そこで今回は、ドラッグ […]
- 2017年01月23日
CSSとJSでブレイクポイントがずれる時の処理を使いやすくする
CSSとJSでブレイクポイントがずれる時の処理を使いやすくする
- 2016年07月08日
さぁ、サイトを下からグイッっとパンしてサイトのロゴがドーン！する新しいjQueryプラグインを考えてみた
本当に新しいかどうかはわからないのですが、タイトル通り「サイトを下からグイッっとパンしてサイトのロゴがドーン！ […]
- 2016年03月28日
このWebサイトを作ったのは私だと主張するためのスタッフロールを流せるjQueryプラグインを作った
TVにあってWebサイトにはないもの。それは・・・スタッフロール！それに気づいてからはや数年・・・。そのjQu […]
- 2016年02月24日
CSSと同じpx数をブレイクポイントで指定するとjQueryでずれる
CSSで指定したレスポンシブのブレイクポイントに合わせてjQueryで設定をしようとし、そのままの数値を$(w […]
- 2016年02月08日
一人で遊べる神経衰弱ゲームを作った
前回作った都道府県当てゲームをSVGとjsonを使って作ってみたに引き続き、ちょっとしたゲームを作ってみたかっ […]
- 2014年11月05日
Instagramのapiを使って写真を表示する
こちらの記事を見て自分の投稿した写真を表示してみようと思い作成しました。
- 2014年10月06日
都道府県当てゲームをSVGとjsonを使って作ってみた
SVGとjsonとその他使って日本地図を見て都道府県を当てようゲームを作ってみました。ただSVGとjsonを～ […]
- 2014年09月24日
pinterest風のタイル上に並べるjQueryを作ってみた
pinterestやjQuery Masonry のようにコンテンツをタイル状に並べるレイアウトがありますが、 […]
- 2014年08月06日
jQuery.Deferredを使って、xml読み込んでから他の処理を実行する方法
前回の続きな感じですが、今回はxmlで内容を読み込んだあとに、それぞれの高さを合わせるために heightLi […]
- 2014年07月28日
xmlをjQueryで読み込んで表示する時に注意すること
xmlを利用してコンテンツを表示したりすることがあると思いますが、今回はその方法のメモです。
- 2014年07月23日
サイトで右クリックしたら他のサイトへ飛ばすjQuery
こんにちは、かしゅうです。 右クリック禁止！というサイトがありますが、もういっそ右クリック禁止の約束を破ったら […]
- 2014年07月16日
コンテンツを横にアコーディオンで表示させるjQuery
こんにちは、かしゅうです。 今回はjQueryを使って、コンテンツをアコーディオン状に表示するものを作成しまし […]
- 2014年07月14日
要素にぼかす効果を付けられるFoggy.jsを試してみた
「手前に小窓を出して後ろのコンテンツをぼかす」というサイトをどこかで見かけ、それをやってみたかったのでjQue […]
- 2014年06月10日
タスクランナー「gulp」の導入手順（Windows）
前に同じタスクランナーのGruntを導入してみましたが、gulpというのも結構話題に見るのでこちらも導入し試し […]
- 2014年06月03日
紹介したJavaScriptのまとめページを作りました
このブログでは自分で作ったり参考にして掲載したJavaScript（主にjQuery使用）をよく載せていますが […]
- 2014年05月20日
さまざまな動きをするjQueryスライダーを作ってみた
前々から自分でスライダーを作ってみようと思いつつ途中で詰まっていたのですが、本を買ったりいろいろ調べたりして出 […]
- 2014年05月13日
ソースコードを見やすく表示してくれるgoogle-code-prettifyが便利
ソースコードを表示する際、以前はSyntaxHighlighterを使っていたのですが指定の仕方が自分的に面倒 […]
- 2014年04月21日
jQueryでコンテンツをランダムに入れ替える
ページのコンテンツをランダムに表示する機能をjQueryを使って作成しました。最初にHTMLには要素の記述が全 […]
- 2014年04月14日
複数のスライドダウンコンテンツを実装するjQuery
内容をそのまま表示するとページが長く伸びてしまう時に最初に内容を隠しておき、ある箇所を押すと内容がスルスルと表 […]
- 2014年04月07日
動画を簡単に設置できるHTML5の動画プレーヤー video.js
HTML5ではFlashでなくてもvideoタグを使えば動画の再生が出来ます。とはいえIE8以下が対応してなか […]
- 2014年02月17日
コンテンツが下からスクロールで表示されるjQueryプラグイン
前にどこかのFlashサイトで見てこの仕組みJavaScriptで出来ないかなと思い作ってみました。 プラグイ […]
- 2014年02月12日
今更だけどやるgrunt入門編・インストールから基本的な使い方
JavaScriptやCSSの結合や圧縮などいろいろな事を自動で処理してくれるGruntですが、もう話題になっ […]
- 2014年02月05日
背景にYouTube動画を流せるJQueryプラグイン「tubular」
背景全体に動画が流れてるサイトってインパクトありますよね。そこでそれを試してみようと思い今回は背景にYouTu […]
- 2013年11月18日
JavaScriptを使って、どのブラウザかを判定するあれこれ
JavaScript（以下JS）で実装するものが増えてきたのに伴い、古いブラウザを判定して処理を分けることもあ […]
- 2013年11月05日
あれ何も見えない？を防ぐ、JavaScriptがオフでもきちんと表示させる方法
Flashを使わずにJavaScriptを使ってアニメーションなど様々な演出をしているサイトが増えてきましたが […]
- 2013年09月18日
jQueryプラグインの作り方の初歩
自分でもjQueryを使ってjsを書くので、これをプラグイン化できたらいいなと思うこともあります。という訳で大 […]
- 2013年09月09日
スクロールしてフッターで止まる、下揃いのサイドバー
前回作ったものの今度は下にピタッとくっつくタイプです。 どちかというとこちらのタイプの方がよく見ます。よく広告 […]
- 2013年08月20日
スクロールしてフッターで止まる、上揃いのサイドバー
よく見かけるようになった、スクロールしていくとサイドバーがそのままウインドウについてきて、フッターの箇所まで来 […]
- 2013年08月19日
ページ内ナビをコンテンツの位置によってカレント表示させる
パララックスをつかったサイトなど、縦長のページが昔に比べれば多くなった感じがしますがその際に、ページ内用のナビ […]
- 2013年05月27日
jQueryの$.loadと$.ajaxを使って他のページの内容を読み込む方法
他のページのhtmlを読み込むのに使うjQueryに$.loadと$.ajaxですが、使い方を調べたので忘れな […]
- 2013年05月13日
jQueryでtransformをアニメーションさせるプラグイン「Transit」
jQueryのanimateではアニメーションしながらtransoformさせることが出来ないようです。 それ […]
- 2013年03月26日
jQueryのanimateを使ったアニメーション
今回はjQueryのanimateを使って、要素をアニメーションさせる方法を試してみようと思います。 本当はC […]
- 2013年03月25日
JavaScriptを使って、自サイトでの「はてなブックマーク」の人気記事一覧を表示する
ソーシャルブックマークの「はてなブックマーク」。ここで自分のサイトの記事がどれだけブックマークされているかわか […]
- 2012年12月10日
jQueryを使ってチェックボックスが押されたらリンクをつける
チェックボックスにチェックを入れるとaタグが出てリンクが押せるようになるというのをjQueryで作成したので、 […]
- 2012年11月12日
Pinterest風のデザインを実装する「jQuery Masonry」を試してみた
Pinterestのデザインは、要素が敷き詰められた感じになっています。 これはなんていうデザインの通称かわか […]
- 2012年07月09日
パララックスサイトの作り方の初歩
最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたか […]
- 2012年07月02日
動画をサイトに埋め込む際に便利な、オープンソースのFlashVideoPlayer「NonverBlaster」
動画と言えば最近はYoutubeにアップしたり、ニコ動やその他動画サイトにアップして見ることが多いと思いますが […]
- 2012年06月25日
shadowboxをクリッカブルマップで使う方法
lightbox風のプラグインでshadowboxというのがあるのですが、これをクリッカブルマップで使った時に […]
- 2012年06月11日
jQueryで実装するスクロールに伴う演出
スクロールに関する演出を調べたので、調べたものに使用しているプラグインと実装方法のメモです。 なお、デモについ […]
- 2012年05月08日
JavaScriptの配列を特定の順番にソートする方法
JavaScriptで作った配列の順番を特定の順番に入れ替えたい時があったので、ソートして入れ替える方法を調べ […]
- 2012年04月25日
ページを読み込んだらすぐにfancyBoxを実行する方法
画像などをクリックすると拡大画像をふわっと表示してくれる、いわゆるLightBox風のjQueryのプラグイン […]
- 2012年02月20日
IE6で簡単にfixedを使えるようにするjQuery.exFixed.js
サイトを作る際に要素を画面のとある位置に固定して配置したい時に使うposition: fixed;ですが、 ご […]
- 2012年02月06日
スマートフォンサイトを作る時に便利なフリックが実装できるjQueryプラグイン7選
スマートフォンを使うときによく使う操作方法としてフリックがあります。このフリックの操作でギャラリーができるjQ […]
- 2011年10月11日
YouTubeの埋め込み動画プレーヤーをJavaScriptで制御するYouTube JavaScript Player APIの使い方
サイトに動画を設置する際や、Youtubeにアップされている動画を紹介したい場合など、 Youtubeの埋め込 […]
- 2011年08月22日
スマートフォンかどうかを判断するJavascriptの条件分岐
スマートフォンかどうかを判断するJavascriptの条件分岐です。
- 2011年06月17日
canvasを使って地下鉄の路線図を描けるjQueryプラグインで東京の地下鉄の路線図を描いてみた
少し前になりますが、jQueryで面白いプラグインが紹介されてましたので、そちらを使って 東京の地下鉄（東京メ […]
- 2011年05月09日
ページを読み込んだ後、数秒後にアンカーまでスクロールするJS
いろいろ調べたので、メモ。ページを表示したら一定時間後に目的の位置までスクロールするjQueryを使ったJSで […]
- 2010年11月30日
IE6でpng画像にロールオーバーする方法
IE6でpng画像にロールオーバーする時に動かなかったので、そのときに調べたことのメモ。 JSの記述を書き換え […]
- 2010年11月03日
Flashを全画面で表示して、スクロールバーを出す方法
全画面のFlashサイトがありますが、Flashのサイズが大きいと画面サイズによっては 見えなくなる領域もでき […]
- 2010年09月29日
iPhone用ページUIライブラリ iUI
以前にもiPhoneサイトを作成するさいに便利なjQueryプラグイン「jQTouch」をご紹介しましたが、 […]
- 2010年07月26日
tableのセルに交互に色をつける方法
テーブル（表）を使うとき、見やすいよう交互に色を付ける事が多いかと思います。その際、HTML側に交互にclas […]
- 2010年06月13日
jQueryを使ったアコーディオン
テキストや画像などをクリックすると隠れていたコンテンツがでてくるアコーディオンのサンプルをjQueryを使って […]
- 2010年06月05日
ie7.jsのバグ
IE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれるie7.js これだけ聞くととても便利そう […]
- 2010年05月26日
画像を拡大するJavascriptいろいろ
画像を拡大をJavascriptを使って行えるものをご紹介します。
- 2010年05月24日
target="_blank"を簡単に指定する
target="_blank"を簡単に指定する方法
- 2010年04月08日
jQueryで画像をロールオーバーする方法2
jQueryを使って画像名でロールオーバーする方法
- 2010年04月02日
jQueryで画像をロールオーバーする方法
jQueryで画像をロールオーバー
- 2010年04月01日
奥行きのある回転ができるjQuery – jQuery Roundabout
奥行きのある回転ができるjavascriptのjQuery Roundaboutを試してみました。
- 2010年03月13日
iPhoneページ製作用jQueryプラグイン「jQTouch」
iphoneページ製作用ｊQueryプラグイン「jQTouch」のご紹介
- 2010年02月28日
jQuery – ページスクロール
ページスクロールのJSで、上に戻るだけではなくてアンカーリンクの移動はすべてスクロールがつくJSのご紹介です。 […]
- 2010年02月20日
jQueryの使い方
jQueryとはjavascriptのライブラリの1つです。導入することによって簡単にjavascriptが扱 […]
- 2010年02月20日