テクノロジーjQueryプラグイン「iziModal.js」でモーダルウィンドウをもっとオシャレに！
今やBootstrapなどのCSSフレームワークを利用するのが当たり前な時代です。 欲しい機能がほとんど詰まっているので、つい全ての機能をそれに頼って使っています。 しかし、それぞれの機能にスポットを当ててみると、もっとオシャレに演出できる...
CDN
テクノロジー
テクノロジー画像を自由にトリミングできるjQueryプラグイン「Cropper」
よくWEBサービスで、プロフィールなどを作成する際にアバター画像をアップロードすることがあります。 その時に、そのサイトが指定する幅や高さに合わせるために、縦横比を合わせて強制的にカットする場合もありますが、親切なサイトだとその場でトリミン...
テクノロジーJavaScriptで画像アップロード時にサムネイルを表示させる方法
<input type="file">で画像をアップロードする際、特に複数ある場合にファイル名だけでは、正直何をアップロードしようとしているのか確認できません。 そこで、JavaScriptとWeb APIのFileReader...
テクノロジーjQuery Validationプラグインの共通エラーメッセージを日本語化する方法
jQueryのバリデーションプラグインの中で3本指に入る（と勝手に思っている）jQuery Validationプラグインを日本語化する方法をご紹介。 ちなみに、3本指のあとの2本は、jQuery Validation EngineとBoo...
テクノロジーテーブルで並び替え・検索するなら「DataTables」か「Tablesorter」の2強！
一覧系の画面で検索やページャー、ソート機能を付ける際は、SQLを利用したサーバー側との通信が発生すると思います。 Ajaxを利用した非同期通信もありますが、通信するとどうしても遅くなります。 今回紹介するjQueryのプラグインは、最初に一...
テクノロジーあらゆるデータを可視化するJavaScriptライブラリ「D3.js」最強説
Adobe Flashが衰退していく中、WEB上での描画に関して最も優秀なJavaScriptライブラリとして今回紹介したいのが、「D3.js」です。 タイトルに「データを可視化する」と書くと、データをグラフ化すると捉えがちですが、D3.j...
テクノロジーCDNでWEBサイトを高速化！CDNを利用する場合のメリットとデメリット
近年、特にスマホなどの回線の細い端末では、高速化することが重要視されるようになり、CDNの存在がが広まって認知されるようになってきています。私もCDNを利用する機会が増え、WEBサイトの高速化だけでなく開発が少し楽になったと感じています。...
テクノロジーGoogleの日本語WEBフォント「Noto Sans CJK JP」をサブセット化して配布中
何を隠そう、当サイトもGoogleの人気Webフォント「Noto Snas CJK JP」を利用しています。 日本語フォントをそのまま使用すると、表示速度が遅くなったり、対応していないブラウザがあったりと様々な問題がありますが、これを解決す...