jQuery+ajaxでモーダルのコンテンツを取得する方法

JavaScriptjQuery
March 17,2024 12:03 AM
Tag:[Ajax, jQuery]
jQuery+ajaxでモーダルのコンテンツを取得する方法を紹介します。 1.はじめに モーダル表示の使い方は、たとえば商品ページで、その商... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでパスワードの表示・非表示を切り替えるサンプル

JavaScriptjQuery
April 18,2023 11:55 PM
Tag:[jQuery]
jQueryでフォームのパスワードの表示・非表示を切り替えるサンプルを紹介します。 1.はじめに フォームのパスワードの表示・非表示を切り替... [記事ページへ]
Comments [0] | Trackbacks [0]

複数のsubmitボタンをonsubmitで判定する方法

JavaScript
November 29,2018 12:03 AM
Tag:[JavaScript, jQuery]
複数のsubmitボタンをonsubmitで判定する方法を紹介します。 1.問題点 下記のように、複数のsubmitボタンが実装されたフォー... [記事ページへ]
Comments [0] | Trackbacks [0]

Riot初歩の初歩

JavaScriptRiot
August 29,2018 12:03 AM
Tag:[Riot]
Riot(ライオット)は、HTMLの中にJavaScriptやCSSを書くことができる、シンプルで洗練されたコンポーネントベースのUIライブ... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptの時間を0パディングする方法

JavaScript
May 16,2018 12:03 AM
Tag:[JavaScript]
JavaScriptの時間を0パディングする方法を紹介します。 1.問題点 下記の、今日の年月日を表示する簡単なサンプルを作ってみました。 ... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptでJSONデータを作る方法

JavaScript
February 21,2018 12:03 AM
Tag:[JavaScript]
JavaScriptでJSONデータを作る方法を紹介します。 1.問題点 JavaScriptで下記のようなJSONデータを作りたいと思いま... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでファイル選択時にプレビュー表示する方法

JavaScriptjQuery
July 6,2016 12:03 AM
Tag:[jQuery]
jQueryでファイル選択時にプレビュー表示する方法を紹介します。 1.はじめに フォームのファイル選択で画像を選択したときに画像のプレビュ... [記事ページへ]
Comments [0] | Trackbacks [0]

ラジオボタンをjQueryで解除する方法

JavaScriptjQuery
February 3,2016 1:55 AM
Tag:[jQuery]
ラジオボタンをjQueryで解除する方法を紹介します。 1.問題点 次のようなラジオボタンがあるとします。 <input type="... [記事ページへ]
Comments [0] | Trackbacks [0]

テーブルのセルをポイントすると行と列を反転表示するjQueryプラグイン「Table Hover」

JavaScriptjQuery
September 11,2015 1:11 AM
Tag:[jQuery, Plugin]
テーブルのセルをポイントすると行と列を反転表示するjQueryプラグイン「Table Hover」を紹介します。 1.はじめに 本エントリー... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで親ページからiframeのスクロールバーを非表示にする方法

JavaScriptjQuery
July 10,2015 12:55 AM
Tag:[CSS, iframe, jQuery]
jQueryで親ページからiframeのスクロールバーを非表示にする方法を紹介します。 1.問題点 次のようなiframeページがあるとしま... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのカスタムビルドが簡単にできるサービス「jQuery Builder」

JavaScriptjQuery
June 19,2015 1:55 AM
Tag:[jQuery]
jQueryのカスタムビルドが簡単にできるサービス「jQuery Builder」の紹介です。 1.はじめに jQueryではカスタムビルド... [記事ページへ]
Comments [0] | Trackbacks [0]

いまさら聞けないJSONPのまとめ

JavaScriptJSONP
May 25,2015 1:23 AM
Tag:[JSONP]
JSONPについてまとめました。 1.はじめに JSONやJSONPが流行り出したころ、JSONはまあそれなりに理解できたのですが、JSON... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptやjQueryで設定されたイベントの定義場所を調べる方法

JavaScript
March 23,2015 1:33 AM
Tag:[Firefox, JavaScript, jQuery]
JavaScriptやjQueryで設定されたイベントの定義場所を調べる方法を紹介します。 1.問題点 次のサンプルHTMLがあります。 &... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでCSSをまとめて書き換える方法のまとめ

JavaScriptjQuery
March 20,2015 1:55 AM
Tag:[CSS, jQuery]
jQueryでCSSをまとめて書き換える方法をまとめました。 1.問題点 jQueryでCSSを書き換えるには次のように記述します。 $("... [記事ページへ]
Comments [0] | Trackbacks [0]

「https://」で始まるページでブックマークレットが動作しない理由

「https://」で始まるページでブックマークレットが動作しない理由を調べてみました。 1.問題点 はてなブックマークでブックマークをする... [記事ページへ]
Comments [0] | Trackbacks [0]

javascript:void(0)のまとめ

JavaScript
March 11,2015 12:22 AM
Tag:[JavaScript]
a要素にonclick属性を使いたいけれどもページ遷移したくないときに利用する(というか昔利用していた)「javascript:void(0... [記事ページへ]
Comments [0] | Trackbacks [0]

親ページからiframe内の要素にCSSを適用させる方法

JavaScriptjQuery
March 3,2015 12:55 AM
Tag:[iframe, jQuery]
親ページからiframe内にCSSを適用させる方法を紹介します。 1.問題点 次のようなHTMLがあるとします。 index.html(親ペ... [記事ページへ]
Comments [0] | Trackbacks [0]

Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」

JavaScriptjQueryプラグイン
February 20,2015 1:55 AM
Tag:[Ajax, jQuery, Plugin]
Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」の紹介です。 1.はじめに jQuery.ajax()を使ってウェ... [記事ページへ]
Comments [0] | Trackbacks [0]

setTimeout()やsetInterval()で引数を渡す方法

JavaScript
January 19,2015 1:11 AM
Tag:[JavaScript]
setTimeout()やsetInterval()で引数を渡す方法を紹介します。 1.問題点 setTimeout()やsetInterv... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでページ分割ができる「SimplePaginationプラグイン」

JavaScriptjQueryプラグイン
December 17,2014 1:33 AM
Tag:[jQuery, Plugin]
jQueryでページ分割ができる「SimplePaginationプラグイン」の紹介です。 1.はじめに ページ分割の手法は色々ありますが、... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで要素を削除する方法のまとめ

JavaScriptjQuery
December 16,2014 12:55 AM
Tag:[jQuery]
jQueryで要素を削除する方法をまとめました。 1.自要素と配下の要素を削除する 自要素と配下の要素を削除するにはremove()を利用し... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでスクロールでトップに「戻る」リンクを表示する「PageTop」プラグイン

JavaScriptjQueryプラグイン
December 8,2014 2:55 AM
Tag:[jQuery, Plugin]
jQueryでスクロールでトップに「戻る」リンクを表示する「PageTop」プラグインを公開します。 1.機能 ページのスクロールで右下に「... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでテーブル幅を変更できる「jQuery Resizable Columnsプラグイン」

JavaScriptjQueryプラグイン
November 5,2014 12:55 AM
Tag:[jQuery, Plugin, table]
jQueryでテーブル幅を変更できる「jQuery Resizable Columnsプラグイン」の紹介です。 変更前 変更後 1.はじめに... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでテキストを追加するたびにスクロールさせる方法

JavaScriptjQuery
October 30,2014 1:33 AM
Tag:[jQuery]
jQueryでテキストを追加するたびにスクロールさせる方法を紹介します。 1.問題点 ログを出力するような感じで、あるエリアにテキストを1行... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptのFormDataの使い方

JavaScript
October 7,2014 12:55 AM
Tag:[JavaScript]
JavaScriptのFormDataの使い方についてまとめました。 1.ブラウザがFormDataオブジェクトに対応するか確認する ブラウ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.ajax()のJSONやJSONP取得で200 OKなのにエラーになる件のまとめ

JavaScriptJSON
October 1,2014 1:23 AM
Tag:[jQuery, JSON, JSONP]
jQuery.ajax()のJSONやJSONP取得で、200 OKにもかかわらずエラーになる件についてまとめました。 1.問題点 次のよう... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.ajax()でファイルをアップロードする方法

JavaScriptjQuery
September 30,2014 1:33 AM
Tag:[Ajax, jQuery]
jQuery.ajax()でファイルをアップロードする方法を紹介します。 1.はじめに jQuery.ajax()で画像ファイルをサーバに送... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptメールアドレスチェッカー

JavaScript
September 18,2014 12:33 AM
Tag:[JavaScript, Mail]
JavaScriptのメールアドレスチェッカーを作ってみました。 記事を書くにあたって、メールアドレスについてのRFCや関連記事をざっと調べ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで目次を自動生成する「tocプラグイン」

JavaScriptjQueryプラグイン
August 29,2014 12:55 AM
Tag:[jQuery, Plugin]
jQueryで目次を自動生成する「tocプラグイン」を公開します。 1.概要 プラグインを利用することでページ内の見出し要素を抽出し、指定し... [記事ページへ]
Comments [0] | Trackbacks [0]

preventDefault()で無効にしたイベントを有効にする方法

JavaScriptjQuery
August 20,2014 12:55 AM
Tag:[JavaScript, jQuery, preventDefault]
preventDefault()で無効にしたイベントを有効にする方法を紹介します。 1.はじめに preventDefault()は、「pr... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで要素数を取得する方法のまとめ

JavaScriptjQuery
August 8,2014 12:55 AM
Tag:[jQuery]
jQueryで要素数を数える方法のまとめです。 ここではul要素の子要素li要素の数を数えるサンプルを使って、いくつかの方法を紹介します。 ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryやJavaScriptでパスワードフィールドの文字を表示する方法

JavaScriptjQuery
May 12,2014 1:55 AM
Tag:[JavaScript, jQuery]
jQueryやJavaScriptでパスワードフィールドの文字を表示する方法を紹介します。 1.はじめに パスワードフィールドに入力した文字... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでフォームデータを送信する方法のまとめ

JavaScriptjQuery
March 25,2014 1:55 AM
Tag:[form, jQuery]
jQueryでフォームデータを送信する方法のまとめです。 1.submitイベントで送信する form要素のsubmitイベントで送信する場... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.pjaxとjQuery.bottomを使ってSEO対策つきの無限スクロールを実装する

JavaScriptjQueryプラグイン
February 18,2014 1:55 AM
Tag:[jQuery, SEO]
jQuery.pjaxとjQuery.bottomを使ってSEO対策つきの無限スクロールを実装することにより、追加されたコンテンツをインデッ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryによる郵便番号→住所変換ライブラリ「AjaxZip」

JavaScriptjQuery
January 21,2014 1:55 AM
Tag:[JavaScript, jQuery]
jQueryによる郵便番号→住所変換ライブラリ「AjaxZip」の紹介です。 サンプル 1.はじめに オンラインショッピングなどの住所登録で... [記事ページへ]
Comments [0] | Trackbacks [0]

PCのブラウザでiPhoneやAndroidのようなパスワードフォームを実現するJavaScriptライブラリ「FormTools」

JavaScript
January 7,2014 1:23 AM
Tag:[form, JavaScript]
PCのブラウザでiPhoneやAndroidのように、直前に入力した文字が見えるパスワードフォームを実現するJavaScriptライブラリ「... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.getScript()のまとめ

JavaScriptjQuery
December 19,2013 1:55 AM
Tag:[getScript, jQuery]
jQuery.getScript()について、逆引きリファレンスっぽくまとめてみました。 1.getScript()とは? getScrip... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでajax()の重複実行を回避する方法

JavaScriptjQuery
December 11,2013 1:55 AM
Tag:[Ajax, jQuery]
jQueryでajax()の重複実行を回避する方法を紹介します。 1.問題点 次のような、ajax()メソッドを使って「http://use... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのajax()を中断する方法

JavaScriptjQuery
December 6,2013 1:55 AM
Tag:[abort, Ajax, jQuery]
jQueryのajax()を中断する方法を紹介します。 1.問題点 次のように、ajax()メソッドでHTMLを取得するコードがあります。 ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.ajax()で取得したHTMLの一部を抜き出す方法

JavaScriptjQuery
December 5,2013 1:23 AM
Tag:[Ajax, jQuery]
jQuery.ajax()で取得したHTMLの一部を抜き出す方法を紹介します。 1.問題点 次のように、ajax()メソッドで取得したHTM... [記事ページへ]
Comments [0] | Trackbacks [0]

stopPropagation()について

JavaScriptjQuery
November 22,2013 1:55 AM
Tag:[JavaScript, stopPropagation]
jQueryおよびJavaScriptのstopPropagation()について調べてみました。 1.stopPropagation()と... [記事ページへ]
Comments [0] | Trackbacks [0]

preventDefault()について

JavaScriptjQuery
November 21,2013 2:33 AM
Tag:[JavaScript, preventDefault]
jQueryおよびJavaScriptのpreventDefault()について調べてみました。 1.preventDefault()とは ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで要素を追加するメソッドのまとめ

JavaScriptjQuery
October 10,2013 1:23 AM
Tag:[jQuery]
jQueryで要素を追加するメソッドをまとめてみました。 このエントリーはビギナーの方向けの内容です。 jQueryを呼び出すためのscri... [記事ページへ]
Comments [0] | Trackbacks [0]

スマホ向けページを拡大できるようにするブックマークレット

JavaScriptブックマークレット
October 8,2013 1:55 AM
Tag:[Bookmarklet, iPhone, JavaScript]
スマホ向けページを拡大できるようにするブックマークレットを作ってみました。 1.概要 最近、PC向けのページとスマホサイト向けのページで最適... [記事ページへ]
Comments [0] | Trackbacks [0]

パスワードを表示するブックマークレット

入力フォームのパスワードフィールドのパスワードを一発で表示するブックマークレットを作りました。 1.概要 ログイン時の入力パスワードをブラウ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでサイドメニューに現在のセクション要素を表示する「DisplaySectionプラグイン」

JavaScriptjQueryプラグイン
October 3,2013 1:11 AM
Tag:[DisplaySection, jQuery, Plugin]
jQueryでサイドメニューに現在のセクション要素を表示する「DisplaySectionプラグイン」を公開します。 ちなみにこのプラグイン... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでヘッダーに現在の見出し要素を表示する「DisplayHeadingプラグイン」

JavaScriptjQueryプラグイン
October 1,2013 12:55 AM
Tag:[DisplayHeading, jQuery, Plugin]
jQueryでヘッダー部分に現在の見出し要素を表示する「DisplayHeadingプラグイン」を公開します。 このプラグインは以下のページ... [記事ページへ]
Comments [0] | Trackbacks [0]

入力フォームの全角・半角を変換するブックマークレット

JavaScriptブックマークレット
August 30,2013 12:33 AM
Tag:[Bookmarklet, JavaScript]
入力フォームの全角・半角を変換するブックマークレットを作りました。 「入力フォームの全角・半角を勝手に変換してくれるJavaScript」を... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptでフォーカスのあたっている要素を取得する「document.activeElement」

JavaScript
August 29,2013 1:55 AM
Tag:[HTML5, JavaScript]
JavaScriptでフォーカスのあたっている要素を取得できるHTML5の新機能「document.activeElement」について紹介... [記事ページへ]
Comments [0] | Trackbacks [0]

入力フォームの全角・半角を勝手に変換してくれるJavaScript

JavaScript
August 28,2013 1:55 AM
Tag:[Form, JavaScript]
入力フォームの全角・半角を勝手に変換してくれるJavaScriptを作りました。 1.発端 「入力フォームの迷宮。全角数字を強要するフォーム... [記事ページへ]
Comments [0] | Trackbacks [0]

JSONデータをHTMLにマッピングできるjQueryプラグイン「JSON2HTML」

JavaScriptjQueryプラグイン
August 21,2013 12:03 AM
Tag:[jQuery, JSON, Plugin]
JSONデータをHTMLにマッピングできるjQueryプラグイン「JSON2HTML」を紹介します。 JSON2HTML 1.概要 「JSO... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでselect要素のテキストを取得する方法

JavaScriptjQuery
August 13,2013 12:33 AM
Tag:[jQuery]
jQueryでselect要素のテキストを取得する方法を紹介します。 このエントリーでは、 プルダウンで選択したoption要素のテキスト... [記事ページへ]
Comments [1] | Trackbacks [0]

ローディング画面を簡単に表示できるjQueryプラグイン「BlockUI」

JavaScriptjQueryプラグイン
August 6,2013 1:55 AM
Tag:[jQuery, Plugin]
イベント発生時にオーバーレイやメッセージ・ローディング画像といった、いわゆるローディング画面を簡単に表示できるjQueryプラグイン「Blo... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptエラーを表示・確認する方法のまとめ

JavaScript
July 31,2013 12:55 AM
Tag:[Error, JavaScript]
JavaScriptエラーを表示・確認する方法をまとめました。 1.はじめに ブラウザでページを表示したときに正しく表示されない、あるいはj... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでクリックした要素が何番目かを調べる方法

JavaScriptjQuery
July 17,2013 2:22 AM
Tag:[jQuery]
jQueryでクリックした要素が何番目の要素かを調べる方法を紹介します。 このエントリーはビギナーの方向けの内容です。 1.問題点 次のよう... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで新しい要素を作成する方法

JavaScriptjQuery
July 16,2013 12:33 AM
Tag:[jQuery]
jQueryで新しい要素を作成する方法を紹介します。 ここでは新しい要素を作成方法と、新しく作った要素にコンテンツを加える方法、そしてウェブ... [記事ページへ]
Comments [0] | Trackbacks [0]

Feedlyでサイドバーを常に表示させるブックマークレット

Feedlyでサイドバーを常に表示させるブックマークレットを作りました。 「サイドバーは常に表示されているよ」という方はこの記事を読み飛ばし... [記事ページへ]
Comments [0] | Trackbacks [0]

スクロールしたときにおすすめ記事を右下からにゅるっと表示させるjQuery「RecommendFooterプラグイン」

JavaScriptjQueryプラグイン
July 2,2013 12:33 AM
Tag:[jQuery, Plugin, RecommendFooter]
スクロールしたときにおすすめ記事を右下からにゅるっと表示させるjQuery「RecommendFooterプラグイン」を公開します。 1.サ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでoption要素を追加する方法

JavaScriptjQuery
June 25,2013 12:17 AM
Tag:[jQuery, option, select]
jQueryでoption要素を追加する方法を紹介します。 1.option要素を追加する 次のselect要素があると仮定します。sele... [記事ページへ]
Comments [0] | Trackbacks [0]

ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由

JavaScript
June 12,2013 12:33 AM
Tag:[JavaScript]
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由を調べてみました。 1.はじめに TwitterやPoc... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptでCSSの擬似クラスを設定する方法

JavaScript
May 29,2013 12:55 AM
Tag:[CSS, JavaScript]
JavaScriptでCSSの擬似クラス(:link/:visited/:hover/:activeなど)を設定する方法を紹介します。 1.... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery UI Soatableでソートしたテーブルの並びを保存する方法

JavaScriptjQueryjQuery UI
April 16,2013 12:03 AM
Tag:[Cookie, jQueryUI, Sortable]
jQuery UI Soatableでソートしたテーブルの並びを保存する方法を紹介します。 先日「jQuery UIを使ってテーブルをドラッ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery UIを使ってテーブルをドラッグ&ドロップでソートできるようにする

JavaScriptjQueryjQuery UI
April 11,2013 12:55 AM
Tag:[jQueryUI, Sortable]
jQuery UIを使ってテーブルをドラッグ&ドロップでソートできるようにする方法を紹介します。 テーブルをソートするには、jQuery U... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryプラグインの先頭にセミコロンがある理由

JavaScriptjQuery
April 9,2013 12:33 AM
Tag:[JavaScript, jQuery]
jQueryプラグインの先頭にセミコロンがある理由を調べてみました。 1.「jQueryプラグインの先頭にセミコロン」とは? 例えば、レスポ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery UIのtoggle()でjQueryのslideToggle()よりカッコよくスライドさせる方法

JavaScriptjQueryjQuery UI
April 4,2013 12:03 AM
Tag:[jQuery, jQueryUI, slide]
jQuery UIのtoggle()を使って、jQueryのslideToggle()よりカッコよくスライドさせる方法について紹介します。 ... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptの正規表現で文字列を抜き出す「グループ化」

JavaScript
April 2,2013 12:33 AM
Tag:[JavaScript]
JavaScriptの正規表現で特定の文字列を抜き出す「グループ化」について解説します。 JavaScriptで特定の文字列を抜き出して処理... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでCSSのimportantを指定する方法

JavaScriptjQuery
March 27,2013 12:33 AM
Tag:[CSS, jQuery]
jQueryでCSSのimportantを指定する方法を紹介します。 1.問題点 jQueryでCSSの設定を行う場合、css()を利用しま... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法

JavaScriptjQueryプラグイン
March 25,2013 12:03 AM
Tag:[jQuery, Plugin, Tab]
jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法を紹介します。 1.jQuery UI Tabsについて ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのAjaxやタブ切替などでブラウザの「戻る」「進む」が有効になる「hashchangeプラグイン」(実装解説つき)

JavaScriptjQueryプラグイン
March 22,2013 2:55 AM
Tag:[hashchange, jQuery, Plugin]
jQueryのAjaxやタブ切替などでブラウザの「戻る」「進む」が有効になる「hashchangeプラグイン」を紹介します。 jQuery ... [記事ページへ]
Comments [0] | Trackbacks [0]

ページを移動(離脱)するときにjQueryで警告を出す方法

JavaScriptjQuery
March 11,2013 12:55 AM
Tag:[beforeunload, jQuery]
Facebookなどでフォーム入力中にページを移動(離脱)しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介し... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでcookieを簡単に使える「jQuery Cookie」のまとめ

JavaScriptjQueryプラグイン
March 4,2013 12:03 AM
Tag:[Cookie, jQuery, Plugin]
jQueryでcookieを簡単に使える「jQuery Cookie」の利用方法のまとめです。 1.機能 名前のとおり、「jQuery Co... [記事ページへ]
Comments [0] | Trackbacks [0]

node.jsのHTTPクライアントでレスポンス時間が遅延する問題を解消する

JavaScriptNode.js
March 1,2013 1:55 AM
Tag:[Apache, Node.js, Ruby]
node.jsのHTTPクライアントでレスポンス時間が遅延する問題を解消する方法を紹介します。 1.問題点 業務で、Ruby on Rail... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.uploadプラグインで親要素のonsubmitを起動させない対処

JavaScriptjQueryプラグイン
February 18,2013 12:03 AM
Tag:[jQuery, Plugin, upload]
以前紹介した「jQuery.uploadプラグイン」で、onsubmitを起動しない対処方法を紹介します。 1.「jQuery.upload... [記事ページへ]
Comments [0] | Trackbacks [0]

スマホのマルチタッチジェスチャーを判断できるjQueryプラグイン「Hammer.js」

JavaScriptjQueryプラグイン
February 1,2013 12:33 AM
Tag:[jQuery, Plugin]
スマホでのタップやスワイプなど、マルチタッチジェスチャーを判断できるjQueryプラグイン「Hammer.js」を紹介します。 Hammer... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでセレクトボックス(プルダウンメニュー)のテキストを取得する

JavaScriptjQuery
December 21,2012 7:55 AM
Tag:[jQuery]
jQueryでセレクトボックス(プルダウンメニュー)のテキストを取得する方法を紹介します。 1.問題点 次のようなセレクトボックス(プルダウ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのgetJSON()でエラーをハンドリングする

JavaScriptjQuery
December 11,2012 12:55 AM
Tag:[jQuery, JSON]
jQuery.getJSON()でエラーをハンドリングする方法を紹介します。 1.はじめに JSONの取得でエラーをハンドリングにはjQue... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで既存サイトの画像を「なんちゃって遅延ロード」する方法

JavaScriptjQuery
November 22,2012 12:55 AM
Tag:[jQuery, LazyLoad]
jQueryを使って、既存サイトの画像を遅延ロードっぽく見せる方法、いわゆる「なんちゃって遅延ロード」について紹介します。 昨日エントリーし... [記事ページへ]
Comments [0] | Trackbacks [0]

画像を遅延ロードする定番jQueryプラグイン「Lazy Load」

JavaScriptjQueryプラグイン
November 21,2012 1:55 AM
Tag:[jQuery, LazyLoad]
画像を遅延ロードする定番jQueryプラグイン「Lazy Load」を紹介します。 1.概要 jQueryプラグイン「Lazy Load」を... [記事ページへ]
Comments [0] | Trackbacks [0]

「ノンプログラマーのためのjQuery生成ツール」作りました

JavaScriptjQuery
November 13,2012 1:55 AM
Tag:[jQuery, Tool]
ノンプログラマーのためのjQuery生成ツールを作ってみました。よければご活用ください。 ノンプログラマーのためのjQuery生成ツール サ... [記事ページへ]
Comments [0] | Trackbacks [0]

画像の一部をズームアップできるjQueryプラグイン「jqZoom」

JavaScriptjQueryプラグイン
October 31,2012 1:55 AM
Tag:[jQuery, jqZoom, Plugin]
画像の一部をズームアップできるjQueryプラグイン「jqZoom」を紹介します。 jqZoom 1.概要 Amazonをはじめとする、オン... [記事ページへ]
Comments [0] | Trackbacks [0]

レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント

JavaScriptjQueryプラグイン
October 19,2012 1:55 AM
Tag:[jQuery, Masonry, Plugin]
先日エントリーした「ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」」の続きで、レスポンシブWe... [記事ページへ]
Comments [0] | Trackbacks [0]

ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」

JavaScriptjQueryプラグイン
October 17,2012 1:55 AM
Tag:[jQuery, Masonry, Plugin]
ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」の使い方を紹介します。 jQuery Mason... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.ajax()の非同期通信で実行順序を保証する方法

JavaScriptjQuery
October 11,2012 12:03 AM
Tag:[Ajax, jQuery]
jQuery.ajax()の非同期通信で実行順序を保証する方法を紹介します。 具体的には、jQuery.ajax()による非同期通信を連続し... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.ajax()のまとめ

JavaScriptjQuery
October 2,2012 12:55 AM
Tag:[Ajax, jQuery]
jQuery.ajax()について逆引きリファレンスっぽくまとめてみました。 まとめた理由は、ネットで「jQuery.ajax」や「jQue... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptにおける引数や配列の要素数の制限について

JavaScript
September 15,2012 3:55 AM
Tag:[JavaScript, TroubleShooting]
JavaScriptにおける、引数や配列の要素数の制限について調べましたので、本エントリーで紹介します。 1.問題点 数万という、大量の要素... [記事ページへ]
Comments [0] | Trackbacks [0]

スクロールしたときにサイドバーのパーツをjQueryで止める方法

JavaScriptjQuery
September 10,2012 1:55 AM
Tag:[jQuery, PersistentHeaders]
スクロールしたときにサイドバーのパーツを止める方法についてご質問を頂きましたの、で本エントリーで紹介します。 似たような記事を、以前「jQu... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのtext()とhtml()の違い

JavaScriptjQuery
September 5,2012 1:55 AM
Tag:[jQuery]
jQueryのtext()とhtml()の違いについて紹介します。jQueryビギナー向けのエントリーです。 1.text()について te... [記事ページへ]
Comments [0] | Trackbacks [0]

AjaxでファイルをアップロードするjQueryプラグイン「jQuery.upload」

JavaScriptjQueryプラグイン
August 31,2012 12:55 AM
Tag:[jQuery, upload]
AjaxでファイルをアップロードするjQueryプラグイン「jQuery.upload」を紹介します。 jQuery.upload 1.機能... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptのsetTimeout()のまとめ

JavaScript
August 22,2012 1:55 AM
Tag:[JavaScript]
JavaScriptのsetTimeout()の使い方についてまとめてみました。 まとめているのは基本的なことのみですので、さらに詳しい内容... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでセレクタを複数指定する方法

JavaScriptjQuery
August 21,2012 12:03 AM
Tag:[jQuery]
ご存知の方も多いと思いますが、jQueryでセレクタを複数指定する方法を紹介します。 1.セレクタを複数指定する jQueryでセレクタを複... [記事ページへ]
Comments [0] | Trackbacks [0]

Facebookのニュースフィードやタイムラインのコメント文字を拡大するブックマークレット

Facebook
August 17,2012 12:33 AM
Tag:[Bookmarklet, Facebook]
Facebookのニュースフィードやタイムラインのコメント文字が小さいと思われる方、結構いらっしゃるのではないでしょうか。 ということで、F... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptの文字列置換とjQueryのDOM要素置換のまとめ

JavaScriptjQuery
August 10,2012 2:34 AM
Tag:[JavaScript, jQuery]
JavaScriptの文字列置換とjQueryのDOM要素置換について、まとめて紹介します。 特にJavaScriptの文字列置換はいつもや... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで要素の表示・非表示を判定する方法

JavaScriptjQuery
August 3,2012 1:23 AM
Tag:[jQuery]
jQueryの要素の表示・非表示を判定する方法を紹介します。 1.基本 jQueryでは、要素の表示・非表示のためのメソッドとして、show... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.ajaxメソッドのdataオプションに設定する変数がundefinedの場合の動作について

JavaScript
August 2,2012 3:33 AM
Tag:[JavaScript, JSON]
jQueryのajaxメソッドでdataオプションに設定する変数がundefinedの場合の動作について調べてみました。 動作というのは、P... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで遅延ロードを汎用的に実現する「ScrollTrigger」プラグイン

JavaScriptjQueryプラグイン
July 12,2012 12:33 AM
Tag:[jQuery, Plugin, ScrollTrigger]
jQueryで遅延ロード(遅延読み込み)を汎用的に実現する「ScrollTrigger」プラグインを紹介します。スクロールで要素が表示された... [記事ページへ]
Comments [0] | Trackbacks [0]

「jQuery」という名称が本当は「JSelect」だった件

JavaScriptjQuery
July 4,2012 1:55 AM
Tag:[jQuery]
ふと思い立って、「jQuery」という名称の由来・語源を調べてみました。 1.jQueryの由来について ネットで検索してみると、jQuer... [記事ページへ]
Comments [0] | Trackbacks [0]

ソーシャルボタンを簡単に設置できる「jQuery.socialbuttonプラグイン」

JavaScriptjQueryプラグイン
June 29,2012 12:33 AM
Tag:[jQuery, Plugin]
ソーシャルボタンを簡単に設置できる「jQuery.socialbuttonプラグイン」を紹介します。 1.機能 このプラグインを利用すれば、... [記事ページへ]
Comments [0] | Trackbacks [0]

data URI Schemeを使ってHTTPリクエストを削減する

WebSEO
June 12,2012 1:23 AM
Tag:[CSS, HTML, Image, Scheme]
data URI Schemeを使ってHTTPリクエストを削減する方法を紹介します。 1.概略 HTMLで画像を表示する場合、 <im... [記事ページへ]
Comments [0] | Trackbacks [0]

複数のJavaScriptファイルを簡単にマージできるオンラインサービス「JMerge」

JavaScript
June 5,2012 11:55 PM
Tag:[JavaScript, Service]
ウェブサイトのパフォーマンスを向上させるテクニックの1つに、HTTPリクエスト数を減らす方法があります。 複数のJavaScriptファイル... [記事ページへ]
Comments [0] | Trackbacks [0]

Facebookページへのページタブ追加が一瞬で行えるブックマークレット

Facebook
May 21,2012 11:55 PM
Tag:[Facebook, IFrame, PageTab]
以前、「FacebookページへのIFrameタブ追加方法が変更」で紹介したとおり、FacebookページにIFrameタブ(以下ページタブ... [記事ページへ]
Comments [0] | Trackbacks [0]

onclickイベントとjQueryのclickイベントを併用するときの注意

JavaScriptjQuery
May 4,2012 2:22 AM
Tag:[JavaScript, jQuery]
利用シーンはあまりないと思いますが、onclickイベントにjQueryのclickイベントを追加するときの注意点をまとめました。 次のよう... [記事ページへ]
Comments [0] | Trackbacks [0]

IEでzenbackとjQueryのコンフリクトによる不具合を回避する方法

サービスzenback
May 2,2012 3:00 AM
Tag:[jQuery, TroubleShooting, zenback]
IEでzenbackとjQueryのコンフリクトによる不具合を回避する方法を紹介します。 1.問題 IEでzenbackとjQueryプラグ... [記事ページへ]
Comments [0] | Trackbacks [1]

FacebookページのフィードURLを取得するブックマークレット

Facebook
April 28,2012 7:00 PM
Tag:[Bookmarklet, Facebook]
先日「FacebookページのフィードURLを取得してフィードリーダーで購読する方法」をエントリーしました。 エントリーの中にFaceboo... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScript圧縮・難読化の定番ツール「/packer/」

JavaScript
April 23,2012 1:11 AM
Tag:[Compress, JavaScript, jQuery]
JavaScript圧縮・難読化の定番ツール「/packer/」を紹介します。直感的で動作も軽量です。 /packer/ 「定番」と書いた理... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryによる要素の存在チェックまとめ

JavaScriptjQuery
April 18,2012 2:22 AM
Tag:[jQuery]
jQueryによる要素の存在チェックまとめです。 jQueryを実行する際、「$(selector)」が成功してjQueryオブジェクトが生... [記事ページへ]
Comments [0] | Trackbacks [0]

プログラミング初心者がJavaScriptを1分で実行する方法

JavaScript
April 17,2012 1:55 AM
Tag:[JavaScript]
プログラミング初心者がJavaScriptを1分で実行する方法を紹介します。 JavaScriptはブラウザ上で実行できるので、ブラウザを利... [記事ページへ]
Comments [0] | Trackbacks [0]

HTML5のplaceholder属性をクロスブラウザ対応にするjQueryプラグイン「jQuery-Placeholder」

JavaScriptjQueryプラグイン
April 12,2012 12:03 AM
Tag:[jQuery, placeholder, Plugin]
HTML5のplaceholder属性をクロスブラウザ対応にするjQueryプラグイン「jQuery-Placeholder」jQueryプ... [記事ページへ]
Comments [0] | Trackbacks [0]

ブラウザの幅にあわせてフォントサイズを拡大・縮小するjQueryプラグイン「FitText」

JavaScriptjQueryプラグイン
April 10,2012 1:55 AM
Tag:[FitText, jQuery, Plugin]
ブラウザの幅にあわせてフォントサイズを拡大・縮小するjQueryプラグイン「FitText」を紹介します。 FitText ウェブサイトをP... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグイン

JavaScriptjQueryプラグイン
March 27,2012 1:55 AM
Tag:[jQuery, PersistentHeaders, Plugin]
jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグインを公開します。 このプラグインは、下記のサ... [記事ページへ]
Comments [0] | Trackbacks [0]

HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」

JavaScript
February 20,2012 12:55 AM
Tag:[Compress, Decompress, HTML, JavaScript]
HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」を紹介します。 JavaScriptの難読化解除に... [記事ページへ]
Comments [0] | Trackbacks [0]

TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」

JavaScriptjQueryプラグイン
February 6,2012 1:55 AM
Tag:[jQuery, Plugin]
TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQ... [記事ページへ]
Comments [2] | Trackbacks [0]

リロードしたときにjQueryでページの先頭にスクロールさせる方法

JavaScriptjQuery
February 5,2012 3:33 AM
Tag:[]
ページをリロードしたときに、jQueryでページの先頭にスクロールさせる方法を紹介します。 リンクをクリックしてページの先頭にスクロールさせ... [記事ページへ]
Comments [0] | Trackbacks [1]

フォームに設置した複数のsubmitボタン(送信ボタン)をjQueryで制御する

JavaScriptjQuery
February 2,2012 1:55 AM
Tag:[form, jQuery]
1つのフォームに複数設置したsubmitボタン(送信ボタン)の挙動をjQueryで操作・変更する方法を紹介します。 1.用途 このエントリー... [記事ページへ]
Comments [0] | Trackbacks [0]

フォームの&lt;input type=&quot;file&quot; /&gt;の値をjQueryでリセット(クリア)する方法

JavaScriptjQuery
January 24,2012 1:55 AM
Tag:[jQuery]
フォームの<input type="file" />の値をjQueryでリセット(クリア)する方法を紹介します。 1.問題点 フ... [記事ページへ]
Comments [0] | Trackbacks [0]

リターン(Enterキー)でフォームを送信しない方法

JavaScript
January 20,2012 1:55 AM
Tag:[JavaScript, jQuery]
フォームのテキスト入力中にうっかりリターン(Enterキー)を押してしまい、中途半端なフォームが送信されてしまったという経験をした人は結構多... [記事ページへ]
Comments [0] | Trackbacks [0]

onsubmitの戻り値をfalseにしてsubmitを実行しない(中断させる)方法

JavaScript
January 18,2012 2:22 AM
Tag:[JavaScript, jQuery]
JavaScriptで、onsubmitの戻り値をfalseにしてフォームのsubmitを中断させる(実行しない)方法を紹介します。 1.o... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptで現在時刻や今日の日付を取得・表示する

JavaScript
January 12,2012 1:55 AM
Tag:[JavaScript]
JavaScriptで今日の日付や現在時刻を取得・表示する方法です。 毎回同じものを作っているような気がするのと、JavaScriptのビギ... [記事ページへ]
Comments [0] | Trackbacks [0]

HTML5のWebsocketを使って同時接続数をサーバから送信する

HTMLHTML5WebSocket
January 11,2012 2:22 AM
Tag:[HTML5, WebSocket]
HTML5のWebsocket(Node.js+Socket.IO)を使って、現在の同時接続数をサーバから送信するサンプルを作ってみました。... [記事ページへ]
Comments [0] | Trackbacks [0]

Windows+Node.js+Socket.IO

JavaScriptNode.js
January 10,2012 1:55 AM
Tag:[JavaScript, Node.js]
Windowsを使ってNode.js+Socket.IOを試してみました。 マシンはWindows VISTAですが、Windows 7でも... [記事ページへ]
Comments [0] | Trackbacks [0]

Twitter検索結果をリアルタイム表示するjQueryプラグイン「monitter」徹底解説

JavaScriptjQueryプラグイン
December 26,2011 12:55 AM
Tag:[jQuery, monitter, Plugin]
Twitterの検索結果をリアルタイム表示するjQueryプラグイン「monitter」を紹介します。スクリーンショットは「Android」... [記事ページへ]
Comments [2] | Trackbacks [0]

jQuery Mobileのデザインを簡単に作れる「ThemeRoller」徹底解説

JavaScriptjQuery Mobile
December 12,2011 12:22 AM
Tag:[jQueryMobile, Theme]
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery lightBoxプラグインで拡大画像の幅・高さを制限する方法

JavaScriptjQueryプラグイン
December 8,2011 12:33 AM
Tag:[jQuery, Lightbox]
拡大画像を表示するJavaScriptライブラリ「jQuery lightBoxプラグイン」で、拡大画像の幅・高さを制限する方法を紹介します... [記事ページへ]
Comments [0] | Trackbacks [0]

テーブルを直接編集できるjQuery.TableEditorプラグイン

JavaScriptjQueryプラグイン
November 29,2011 12:55 AM
Tag:[jQuery, TableEditor]
テーブルを直接編集できるようにするjQuery.TableEditorプラグインを紹介します。 1.サンプル 以下のリンク先にサンプルを用意... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでセレクタを再指定する方法

JavaScriptjQuery
November 10,2011 1:55 AM
Tag:[jQuery]
jQueryでセレクタ指定で取得したjQueryオブジェクトを使って、さらにセレクタ指定を行う方法です。 追記:to-Rの西畑さんに添削して... [記事ページへ]
Comments [2] | Trackbacks [0]

jQueryでテーブルに行を追加する方法

JavaScriptjQuery
November 2,2011 1:55 AM
Tag:[jQuery, table]
jQueryでテーブル(table要素)に行を追加する方法を紹介します。 テーブル操作は、テーブル系のjQueryプラグインで色々なことが実... [記事ページへ]
Comments [0] | Trackbacks [0]

Highslide JSの動作やスタイルを簡単に設定できる「Highslide Editor」の徹底解説

JavaScriptHighslide JS
October 31,2011 1:55 AM
Tag:[HighSlide]
ウェブサイトに掲載するサムネイル画像の拡大には「Highslide JS」が非常に便利ですが、多機能なせいか、動作やスタイルの指定が結構面倒... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでセレクトボックスの複数選択と単一選択を切り替える

JavaScriptjQuery
October 7,2011 1:55 AM
Tag:[jQuery]
jQueryでセレクトボックスの複数選択と単一選択を切り替える方法を紹介します。 1.サンプル サンプルを用意しましたので動作を確認してくだ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでスマホサイト向けに画像サイズを縮小する方法

JavaScriptjQuery
September 16,2011 12:03 AM
Tag:[jQuery]
jQueryでスマホサイト向けに画像サイズを縮小する方法を紹介します。 1.サンプル 次のようなPCサイト用のページがあります。この場合、M... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのlive関数を使ってAjaxで取得したコンテンツにイベントハンドラを登録する

JavaScriptjQuery
September 7,2011 3:33 AM
Tag:[jQuery]
jQueryのlive関数について紹介します。 live関数の使用例として、コンテンツの折りたたみをサンプルに用います。 1.コンテンツの折... [記事ページへ]
Comments [0] | Trackbacks [0]

CSSファイルやJavaScriptファイルを読み込むときの末尾にあるクエリー文字列は何のためにあるか

CSS
August 29,2011 1:55 AM
Tag:[Cache, CSS, HTTP, JavaScript]
あちこちのウェブサイトのHTMLソースを見ると、CSSファイルやJSファイルを読み込むlink要素やscript要素のファイル名の末尾に「?... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery Listfolderプラグイン v0.0.5

JavaScriptjQueryプラグイン
August 25,2011 12:55 AM
Tag:[jQuery, Listfolder, Plugin]
jQueryでサイドメニューの折りたたみを実現するListfolderプラグインをバージョンアップしました。 1.変更点 これまでのバージョ... [記事ページへ]
Comments [0] | Trackbacks [0]

Gmailのヘッダを非表示にするブックマークレット

GoogleGmail
August 22,2011 12:55 AM
Tag:[Bookmarklet, Gmail]
Gmailの上部にあるロゴや検索フォームなどのヘッダ部分を非表示にするブックマークレットを作ってみました。 Facebookでどなたかの「小... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryによるフォームデータ取得方法のまとめ

JavaScriptjQuery
July 6,2011 3:55 AM
Tag:[jQuery]
jQueryによるフォームデータ取得方法のまとめです。 フォームデータの取得で分かりにくいのは、セレクトボックス・ラジオボタン・チェックボッ... [記事ページへ]
Comments [0] | Trackbacks [0]

FirefoxやChromeでブラウザのウインドウサイズを変更するブックマークレット

JavaScript
May 30,2011 12:55 AM
Tag:[Bookmarklet, JavaScript]
小ネタです。ブラウザのウインドウサイズを変えるブックマークレットを紹介します。ビギナー向けにブックマークレットについても簡単に解説しています... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery Listfolderプラグイン v0.0.4(折りたたみマーク表示機能追加)

JavaScriptjQueryプラグイン
April 21,2011 1:55 AM
Tag:[jQuery, Listfolder, Plugin]
jQueryでサイドメニューの折りたたみを実現するListfolderプラグインをバージョンアップしました。 1.変更点 次のように折りたた... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery UI Tabsで作ったタブのフォーカスをはずす方法

JavaScriptjQuery
April 19,2011 2:22 AM
Tag:[JavaScript, jQuery]
jQuery UI Tabsで作ったタブをクリックしたときに、タブのフォーカスをはずす方法です。jQuery UI Tabsについては「jQ... [記事ページへ]
Comments [2] | Trackbacks [0]

Facebookでよく使われるようになったインラインフレーム(iframe)の注意事項

Facebook
April 11,2011 1:55 AM
Tag:[Facebook, iframe, JavaScript]
これまでウェブサイトの制作であまり使ったことがなかったインラインフレーム(iframe)ですが、Facebookが登場してからiframeタ... [記事ページへ]
Comments [0] | Trackbacks [0]

JSONデータをソートする方法

JavaScriptJSON
April 5,2011 2:55 AM
Tag:[JavaScript, JSON, sort]
JSONデータをソートする方法を紹介します。 ブラウザやPC環境等に依存するかもしれませんが、FirefoxやGoogle Chromeとい... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery UI Tabsを使ってタブを実装する

JavaScriptjQuery
April 1,2011 3:33 AM
Tag:[jQuery]
jQuery UI Tabsを使ってタブを実装する方法を紹介します。 本当は4月1日は毎年エイプリルフールネタをエントリーしているのですが、... [記事ページへ]
Comments [0] | Trackbacks [0]

Movable Type + jQuery Mobileによる「計画停電検索サイト」の構築方法まとめ

JavaScriptjQuery Mobile
March 22,2011 12:30 AM
Tag:[jQueryMobile, MovableType]
Movable TypeとjQuery Mobileを使って構築する、スマートフォン向けの計画停電検索サイトのまとめです。 先日公開した「東... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptでデータをダンプする「jQuery Dumpプラグイン」

JavaScriptjQueryプラグイン
March 8,2011 1:55 AM
Tag:[Dump, jQuery, Plugin]
PerlのData::DumperやPHPのvar_dump()のようなことをJavaScriptで行える「jQuery Dumpプラグイン... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery listfolderプラグイン v0.0.3(折りたたみ初期状態設定機能追加)

JavaScriptjQueryプラグイン
February 25,2011 2:55 AM
Tag:[jQuery, Listfolder, Plugin]
jQueryでサイドメニューの折りたたみを実現するjQuery listfolderプラグインをバージョンアップしました。 1.追加機能 v... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでサイドメニューの折りたたみを実現するListfolderプラグイン

JavaScriptjQueryプラグイン
February 23,2011 2:55 AM
Tag:[jQuery, Listfolder, Plugin]
jQueryでサイドメニューの折りたたみを実現するListfolderプラグインを紹介します。同じようなプラグインはすでに存在すると思います... [記事ページへ]
Comments [5] | Trackbacks [0]

フォームから別ウィンドウを開く方法のまとめ

JavaScript
December 20,2010 12:55 AM
Tag:[CGI, JavaScript]
フォームから別ウィンドウを開くためのTipsをまとめました。 1.はじめに フォームから別ウィンドウを開く場合、 別ウィンドウで起動される... [記事ページへ]
Comments [2] | Trackbacks [2]

jQueryでギャラリーを実現するGalleryboxプラグイン

JavaScriptjQueryプラグイン
December 16,2010 2:22 AM
Tag:[Gallerybox, jQuery]
jQueryでギャラリーを実現するGalleryboxプラグインを紹介します。 このプラグインを利用すれば、サムネイル画像をクリックすること... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery ベースのドロップダウンメニュー「Superfish」(縦メニュー)

JavaScript
August 9,2010 11:55 PM
Tag:[jQuery, Superfish]
Superfish は jQuery ベースでドロップダウンメニューを実現するためのライブラリです。 このエントリーは「jQuery ベース... [記事ページへ]
Comments [0] | Trackbacks [0]

Highslide JSのキャプションのスタイルを調整する

JavaScriptHighslide JS
July 6,2010 2:55 AM
Tag:[Customize, HighSlide]
Highslide JSのキャプションのスタイルを調整するカスタマイズです。ご質問を頂きましたので本エントリーで紹介致します。 カスタマイズ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery ベースのドロップダウンメニュー「Superfish」

JavaScript
September 30,2009 1:55 AM
Tag:[jQuery, Superfish]
Superfish は jQuery ベースでドロップダウンメニューを実現するためのライブラリです。 サンプルを用意しましたので動作をご確認... [記事ページへ]
Comments [2] | Trackbacks [0]

CommentCustomField プラグイン + HighSlide JS

JavaScriptHighslide JS
August 19,2009 1:55 AM
Tag:[Comment, CommentCustomField, MovableType, Plugin]
Movable Type のコメントにカスタムフィールドを追加する CommentCustomField プラグインと HighSlide... [記事ページへ]
Comments [0] | Trackbacks [0]

Highslide JS のギャラリーモード

JavaScriptHighslide JS
July 7,2009 12:03 AM
Tag:[HighSlide, JavaScript]
Highslide JS の新しいバージョンではスライドショー機能がいくつか組み込まれており、その中のサンプルにある「With Galler... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScript カレンダー修正(シルバーウィーク対応)

JavaScriptカレンダー
February 17,2009 12:55 AM
Tag:[Calendar, JavaScript]
現在公開中の「JavaScript カレンダー」をバージョンアップし、2009年9月のシルバーウィークに対応しました。 次のように、9月22... [記事ページへ]
Comments [7] | Trackbacks [0]

Accordion で特定のメニューをデフォルト表示する

JavaScript
August 11,2008 1:55 AM
Tag:[Accordion, JavaScript]
先日紹介した「Accordion によるサイドメニューの折りたたみ」で、特定のメニューを最初から表示させておくためのカスタマイズです。 1.... [記事ページへ]
Comments [0] | Trackbacks [0]

「JavaScript で文字をトリミングする(改善版)」バージョンアップ

JavaScript
August 7,2008 12:03 AM
Tag:[JavaScript, Trim]
JavaScript で文字をトリミングするスクリプトをバージョンアップしました。 JavaScript で文字をトリミングする(改善版) ... [記事ページへ]
Comments [0] | Trackbacks [0]

Accordion によるサイドメニューの折りたたみ

JavaScript折りたたみ
July 22,2008 2:22 AM
Tag:[Accordion, Customize, Folding, MovableType]
JavaScript ライブラリ Accordion によるサイドメニューの折りたたみです。 Accordion は、いくつかのメニューをグ... [記事ページへ]
Comments [39] | Trackbacks [0]

dtree のサブカテゴリーリストにブログ記事タイトルを表示する for Movable Type

JavaScript
December 28,2007 12:35 AM
Tag:[Customize, dTree, JavaScript, MovableType, SubCategory]
以前ご紹介した、「dTree によるサブカテゴリーリスト for Movable Type」で、ブログ記事タイトルを表示するカスタマイズをご... [記事ページへ]
Comments [5] | Trackbacks [0]

tabAccordion によるサイドメニューの折りたたみ for WordPress

WordPressカスタマイズ折りたたみ
December 10,2007 12:25 AM
Tag:[Customize, TabAccordion, WordPress]
WordPress で tabAccordion によるサイドメニューの折りたたみについて質問を頂きましたので、本エントリーにてカスタマイズ... [記事ページへ]
Comments [18] | Trackbacks [1]

Parallax Backgrounds で背景画像のスクロール速度を変える

JavaScript
November 15,2007 12:33 AM
Tag:[JavaScript]
背景画像のスクロール速度を変えることで、コンテンツと背景画像で遠近感を演出することができるスクリプト「Parallax Background... [記事ページへ]
Comments [0] | Trackbacks [0]

prototype.js と pngfix.js の競合を解消する

JavaScript
September 13,2007 2:18 AM
Tag:[JavaScript]
prototype.js の Ajax.Request と pngfix.js の処理が競合(あるいは干渉)して、pngfix.js 側の処... [記事ページへ]
Comments [2] | Trackbacks [1]

JavaScript の for 文のパフォーマンスを改善する

JavaScript
September 4,2007 2:28 AM
Tag:[JavaScript, Performance]
すでにご存知の方も多いと思いますが、for 文のパフォーマンス改善テクニックです。 変更前 for (i = 0; i < eleme... [記事ページへ]
Comments [1] | Trackbacks [0]

Google マップの貼り付け用 HTML を valid にする

JavaScript
August 23,2007 1:23 AM
Tag:[Google, JavaScript]
Google マップをブログ等に貼り付ける「埋め込み HTML」の提供が開始されましたが、その HTML を valid にするスクリプトを... [記事ページへ]
Comments [7] | Trackbacks [11]

Movable Type 4 の透過 PNG ロゴを IE6 以下のブラウザで透過する

JavaScript
August 14,2007 1:55 AM
Tag:[Customize, MovableType, PNG]
デフォルトテンプレートで新しく表示されている Movable Type 4 のロゴは透過PNGのため、IE6以下のブラウザでは透過されず、2... [記事ページへ]
Comments [2] | Trackbacks [1]

ツリー表示 JavaScript 「dTree」詳解

JavaScript
June 26,2007 2:27 AM
Tag:[dTree, JavaScript]
「dTree によるサブカテゴリーリスト for Movable Type」で紹介した dTree の詳細について、本エントリーにて紹介しま... [記事ページへ]
Comments [3] | Trackbacks [0]

dTree によるサブカテゴリーリスト for Movable Type

JavaScript
June 25,2007 12:38 AM
Tag:[Customize, dTree, JavaScript, MovableType, SubCategory]
dTree というエクスプローラー風のツリー表示スクリプトを利用した、Movable Type のサブカテゴリーリストのツリー化カスタマイズ... [記事ページへ]
Comments [35] | Trackbacks [1]

HighSlide JS と prototype.js の競合を解消する

JavaScript
May 24,2007 1:50 AM
Tag:[HighSlide, JavaScript]
サムネイル画像を拡大させる HighSlide JS(関連記事「Highslide JS でサムネイル画像を拡大表示する」)には、 ブラウザ... [記事ページへ]
Comments [2] | Trackbacks [2]

「サイドメニューの折りたたみ」でメニューリスト別に状態保持を設定する

JavaScript折りたたみ
April 27,2007 1:17 AM
Tag:[Customize, JavaScript]
「メニューリスト別に折りたたみ状態の保持を設定できないでしょうか」というご要望を頂きましたので、折りたたみスクリプトを修正し、メニューリスト... [記事ページへ]
Comments [9] | Trackbacks [3]

JavaScript カレンダー修正(春分の日・秋分の日の振替休日対応)

JavaScriptカレンダー
April 22,2007 12:37 AM
Tag:[Calendar, JavaScript]
現在公開中の JavaScript カレンダーで「春分の日と秋分の日の振替休日が有効になりません」というご指摘を頂き、スクリプトを修正致しま... [記事ページへ]
Comments [2] | Trackbacks [2]

「追記文章の折りたたみ 2.0」でIE7の不具合を解消する

CSS
April 19,2007 1:33 AM
Tag:[CSS, JavaScript, scriptaculous]
「追記文章の折りたたみ 2.0」というカスタマイズで scriptaculous の Effect.BlindDown および Effect... [記事ページへ]
Comments [2] | Trackbacks [0]

HighSlide JS の onclick 属性を JavaScript で登録する

JavaScript
March 30,2007 12:38 AM
Tag:[HighSlide, JavaScript]
サムネイルをポップアップ表示する HighSlide JS で onclick 属性および onkeypress 属性を JavaScrip... [記事ページへ]
Comments [13] | Trackbacks [4]

追記文章の折りたたみ Web2.0

JavaScript折りたたみ
March 8,2007 12:30 AM
Tag:[Customize, MovableType]
Movable Type のオーソドックスなカスタマイズのひとつ、「追記文章の折りたたみ」の Web2.0 版カスタマイズをご紹介します。 ... [記事ページへ]
Comments [34] | Trackbacks [4]

Slider によるフォントサイズ変更でアクセシビリティを向上させる

JavaScript
March 5,2007 1:35 AM
Tag:[Accessibility, JavaScript, Slider]
以前ご紹介した Slider を利用して、ページのフォントサイズを変更するカスタマイズをご紹介します。 下のサンプルをクリックし、ページ左上... [記事ページへ]
Comments [0] | Trackbacks [2]

コメント投稿時にフォームボタンをグレーアウトする for Movable Type

JavaScript
February 19,2007 3:17 AM
Tag:[Comment, Customize, JavaScript, MovableType]
本サイトで適用している、コメントを投稿時にフォームボタンをグレーアウトするためのカスタマイズです。カスタマイズ方法については以前よりリクエス... [記事ページへ]
Comments [6] | Trackbacks [0]

Slider の利用方法

JavaScript
February 6,2007 12:50 AM
Tag:[JavaScript, Slider]
Ajax ライブラリとしてスライダーの API が色々と公開されていますが、それとは関係なく、1年近く前にみつけてエントリーしていなかったW... [記事ページへ]
Comments [0] | Trackbacks [2]

カレンダーの日曜と祝日のスタイルを別にする

JavaScriptカレンダー
February 1,2007 2:01 AM
Tag:[Calendar, JavaScript]
当サイトで公開しているカレンダーのカスタマイズは、日曜と祝日に同じスタイル(厳密には同一のクラス属性値)を割り当てていますが、「日曜日と祝日... [記事ページへ]
Comments [0] | Trackbacks [0]

Highslide JS でサムネイル画像を拡大表示する

JavaScript
January 18,2007 12:51 AM
Tag:[CSS, HighSlide, JavaScript]
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルに... [記事ページへ]
Comments [97] | Trackbacks [37]

Litebox 1.0 の rel 属性を自動付与する

JavaScriptLightbox JS
January 8,2007 2:00 AM
Tag:[CSS, JavaScript, Litebox]
以前、クールに画像を表示するツール Litebox 1.0 をご紹介しました。この Litebox を起動するためには、a 要素の rel ... [記事ページへ]
Comments [0] | Trackbacks [6]

JavaScript 不要な月別アーカイブの年別ツリー化+折りたたみ

Movable Typeカスタマイズ月別アーカイブ
December 18,2006 12:39 AM
Tag:[Customize, MovableType, Tree]
月別アーカイブのリスト表示は、Movable Type のデフォルト機能では全ての年月を連続で表示することしかできませんが、プラグインを利用... [記事ページへ]
Comments [37] | Trackbacks [6]

JavaScript で文字をトリミングする(改善版)

JavaScript
December 7,2006 1:55 AM
Tag:[JavaScript]
JavaScript を用いてエントリータイトル等の文字をトリミング(指定した文字数だけ表示する)するカスタマイズです。前回の「JavaSc... [記事ページへ]
Comments [12] | Trackbacks [1]

JavaScript で文字をトリミングする

JavaScript
December 4,2006 1:50 AM
Tag:[JavaScript, Trim]
JavaScript を用いてエントリータイトル等の文字をトリミング(指定した文字数だけ表示する)するカスタマイズです。 以前、「Movab... [記事ページへ]
Comments [0] | Trackbacks [1]

BlogPeople 等のリンクリストによる表示の遅延を解消する(その1:JavaScript編)

JavaScript
October 18,2006 12:25 AM
Tag:[JavaScript]
BlogPeople やドリコム RSS がサービスとして提供しているリンクリスト。ご自身のページに直接HTMLでリンク集を作成するより、表... [記事ページへ]
Comments [2] | Trackbacks [4]

ドラッグ&ドロップできるサイドメニューの折りたたみ(その2:ブログへの適用)

JavaScript
September 28,2006 2:00 AM
Tag:[CSS, JavaScript]
その1では Docking boxes の基本的な設定方法を紹介しましたが、今回は当サイトの公開テンプレート(Movable Type/FC... [記事ページへ]
Comments [2] | Trackbacks [0]

ドラッグ&ドロップできるサイドメニューの折りたたみ(その1:基本設定)

JavaScript
September 27,2006 2:22 AM
Tag:[CSS, JavaScript]
「Docking boxes」という、JavaScript + CSS でサイドメニューの折りたたみとドラッグ&ドロップを実現したスクリプト... [記事ページへ]
Comments [4] | Trackbacks [0]

サイドメニューの折りたたみマークに画像を使用する

サイドメニューの折りたたみカスタマイズで、折りたたみマークに画像(img タグ)を使用できるよう、スクリプトを改変致しました。 とりあえずサ... [記事ページへ]
Comments [16] | Trackbacks [1]

カレンダースクリプト不具合のお知らせ

JavaScript
August 2,2006 4:07 PM
Tag:[Calendar, JavaScript]
当サイトで公開している「休日表示付きカレンダースクリプト」について、コメントで「8月の本日表示ができません」という頂き、調査したところ、スク... [記事ページへ]
Comments [6] | Trackbacks [1]

Litebox 1.0 をブログに適用する

JavaScriptLightbox JS
July 7,2006 1:35 AM
Tag:[Customize, Litebox]
Lightbox JS v2.0 の後継版、Litebox が出ていました。ということで v2.0 はエントリーし損ないましたが、今回は L... [記事ページへ]
Comments [145] | Trackbacks [55]

サイドバーの折りたたみ

JavaScript
June 26,2006 2:02 AM
Tag:[Customize, JavaScript, Sidebar]
マルチカラムレイアウトでサイドバーを丸ごと折りたたむカスタマイズを紹介します。動作は Windows XP+IE6.0/Firefox1.5... [記事ページへ]
Comments [8] | Trackbacks [1]

ブログタイトルを分割してCSSで異なるスタイルを設定する

JavaScript
May 8,2006 11:53 PM
Tag:[Blog, Customize, JavaScript]
ブログタイトルは Movable Type/Serene Bach 等のブログツールや FC2ブログ/Seesaa ブログ等のブログサービス... [記事ページへ]
Comments [3] | Trackbacks [0]

休日表示カレンダースクリプト(イギリス版)

JavaScriptカレンダー
April 11,2006 1:00 AM
Tag:[Calendar, England, JavaScript]
以前にご要望を頂いていたカレンダースクリプトのイギリス版を作りました。教えて頂いた下記のサイトを参考に休日を判定しています。 スクリーンショ... [記事ページへ]
Comments [4] | Trackbacks [0]

Lightbox JS の rel 属性を自動付与する

JavaScriptLightbox JS
March 23,2006 1:25 PM
Tag:[Customize, JavaScript, Lightbox]
Lightbox JS を起動するには a 要素の rel 属性に "lightbox" を付与しなければならないという条件がありますが、手... [記事ページへ]
Comments [13] | Trackbacks [6]

Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す

JavaScriptLightbox JS
March 17,2006 2:17 AM
Tag:[Flash, JavaScript, Lightbox]
サムネール画像から拡大画像をポップアップさせずにスマートに表示する Lightbox JS、以前当サイトでもLightbox JS で画像を... [記事ページへ]
Comments [21] | Trackbacks [16]

JavaScript カレンダー(休日表示付き)

JavaScriptカレンダー
March 15,2006 12:30 AM
Tag:[Calendar, JavaScript]
カレンダーに土、日・祝日、および本日表示を行うための JavaScript です。このスクリプトにカレンダー解析スクリプトとCSSを加えるこ... [記事ページへ]
Comments [22] | Trackbacks [1]

Lightbox JS の Movable Type での不具合を修正する

JavaScriptLightbox JS
January 15,2006 11:55 PM
Tag:[Customize, JavaScript, Lightbox, MovableType]
昨日エントリーしたLightbox JS で画像を表示するですが、Movable Type のアーカイブページ(カテゴリー・アーカイブ/月別... [記事ページへ]
Comments [33] | Trackbacks [15]

Lightbox JS で画像を表示する

JavaScriptLightbox JS
January 13,2006 11:55 PM
Tag:[Customize, FC2, JavaScript, MovableType, sb, SereneBach]
サムネールをクリックすると同一ウィンドウ上に画像を表示するという Lightbox JS です。ご質問を頂いて知ったのですが結構広まっている... [記事ページへ]
Comments [54] | Trackbacks [48]

表示するデータを周期的に切り替える

JavaScript
December 19,2005 11:56 PM
Tag:[Customize, JavaScript]
お知らせ等のちょっとしたデータの表示を周期的に切り替えるカスタマイズです。サンプルでは3秒周期でデータを切り替えるように設定しています。テン... [記事ページへ]
Comments [0] | Trackbacks [0]

商品リンクをランダムに切り替える

JavaScript
November 23,2005 11:57 PM
Tag:[]
Amazon 等の商品リンクをランダムに切り替えて表示する方法です。具体的な動作は、JavaScript の乱数を利用して、ページを表示する... [記事ページへ]
Comments [4] | Trackbacks [1]

JavaScript エラーを解消する

JavaScript
November 10,2005 11:50 PM
Tag:[JavaScript]
Windows IE6.0 でページを表示した時、ステータスバー左下に画像のような黄色いアイコンと「ページでエラーが発生しました」という情報... [記事ページへ]
Comments [14] | Trackbacks [1]

サイドメニューの折りたたみ(v5.0:ゆっくり折りたたむ)

お知らせ:2005/8/25 15:00 頃より前にカスタマイズされた方は動作に不具合がありますので、「4.スクリプトの修正」を実施ください... [記事ページへ]
Comments [75] | Trackbacks [25]

サイドメニューの折りたたみに画像を使用する

サイドメニューの折りたたみ(v4.0)でブロックレベル要素指定による折りたたみをご紹介しましたが、タイトル部分の背景やロールオーバーした時に... [記事ページへ]
Comments [2] | Trackbacks [0]

サイドメニューの折りたたみ(v4.0)

お知らせ:現在 Ver5.0 をリリースしています。 これまでの折りたたみスクリプト menufolder.js を大幅に改造してバージョン... [記事ページへ]
Comments [231] | Trackbacks [80]

サイドメニュー折りたたみスクリプト(cookie等改善版)

Movable Typeカスタマイズ折りたたみサイドメニュー
December 6,2004 2:00 AM
Tag:[]
サイドメニュー折りたたみスクリプトを改版致しました。 現在公開中のサイドメニュー折りたたみスクリプト(menufolder.js)は、 co... [記事ページへ]
Comments [92] | Trackbacks [69]