jQueryの呼び出す時の書き方が何通りかあり、それぞれ実行タイミングが違います。今回は、皆さんも何度か目にしたと思われる書き方について、どのタイミングで呼び出されるのかをご紹介します。どれも同じように見えますが、実際には書き方によって動作が...

今回は、最初に一覧データをすべてのを読み込み、jQueryのプラグインでクライアント側で検索やページャー、ソート機能を付ける「DataTables」と「Tablesorter」をご紹介します。一旦テーブルを作って、そのテーブルをJavaScriptで制御するといった感じにな...

世の中には様々なCSSフレームワークがありますが、最も有名なのはBootstrapだろう。Bootstrapだけでも効率よく構築できるようになったが、更にほぼコーディングせずにもっと簡単かつ素早く構築できるツールが「Bootstrap Studio」ですスマホが広まり始めた...

最近まで、スマホのブラウザで表示したWEBサイトのURLスキームから、インストールしたネイティブアプリが起動するのは知らなかった。 スマホ用のWEBアプリ作ることが増え、ネイティブアプリと連携したくなることもしばしばあります。実はこのURLスキームは...

今やフォントアイコンの定番になった「Font Awesome Icons」をCSSの擬似要素（:before、:after）のcontentプロパティで使用する方法をご紹介します。Font AwesomeとはHTMLタグにクラスを指定するだけで、フォントアイコンが表示できる優れものです！Bootst...

最近、サイトの背景にYoutubeなどの動画を入れるのが流行っているようです。今回はjQueryのプラグインを利用してYouTubeの動画を背景に埋め込み、ループ再生する方法をご紹介します。背景に動画を埋め込む方法は、HTML5のvideoタグの出現が大きく影響して...

SPA（シングルページアプリケーション）のフレームワークと聞くと、どうしてもReactやAngular等のJavaScriptのライブラリを想像すると思いますが、今回は学習コストがかかるような複雑なものでなく、iOSやAndroidのネイティブアプリのようなUIを実現するた...

以前、D3.jsと言うJavaScriptライブラリを紹介しましたが、グラフの描画をするだけのライブラリではないので、グラフの描画をするだけにしては重く、学習コストもかかります。そこで、もっと簡単でグラフの描画だけに特化したJavaScriptライブラリ「Chart....

Offcanvas（オフキャンバス）とは、皆さんご存知のiOSやAndroidなどのスマートフォンでは当たり前のように使っているもので、画面の横（左右）からスルッと飛び出してくるメニューのことで、今回はBootstrapにこのOffcanvasを付けたベーステンプレートを作...

特殊なメガネをかけて見る3Dテレビや、裸眼で立体的に見えるゲーム、スマホが流行ってきた頃、WEBデザイナーやAppleは3Dなんて必要ないと言わんばかりに"視差効果"を使ったデザインが流行りだしたことを今でも覚えています。WEB2.0と言われていた時代には...