CDN– tag –
-
Node.jsとAWS CloudFrontを使用した署名付きURLの生成
AWS CloudFrontは、コンテンツ配信ネットワーク（CDN）サービスとして広く利用されています。その中で、署名付きURLを使用することで、限定的なアクセス権を提供できます。本記事では、Node.jsでaws-cloudfront-signモジュールを使用して署名付きURLを生成... -
jQueryプラグイン「iziModal.js」でモーダルウィンドウをオシャレに！
今回は、モーダルウィンドウを簡単に表示できるjQueryプラグイン「iziModal.js」を紹介します。今やCSSでもBootstrapなどのフレームワークを利用するのが当たり前な時代ですが、JavaScriptにもスポットを当ててみると、もっとアニメーションをオシャレに演... -
画像を自由にトリミングできるjQueryプラグイン「Cropper」
よくWEBサービスで、プロフィールなどを作成する際にアバター画像をアップロードすることがありますが、親切なサイトだとその場でトリミング（切り抜き）ができることもあります。いつもは利用する側なのですが、今回は作る側として画像を加工できるjQuery... -
JavaScriptで画像アップロード時にサムネイルを表示させる方法
<input type="file">で画像をアップロードする際、特に複数ある場合にサムネイルがないと、正直何をアップロードしようとしているのか確認できません。そこで、JavaScriptとWeb APIのFileReaderオブジェクトを使用して、画像をBase64エンコードして... -
jQuery Validationプラグインの共通エラーメッセージを日本語化する方法
jQueryのバリデーションプラグインの中で3本指に入る（と勝手に思っている）jQuery Validationプラグインを日本語化する方法をご紹介。ちなみに、3本指のあとの2本は、jQuery Validation EngineとBootstrap Validator（と勝手に思っている）です。 サクッ... -
テーブルで並び替え・検索するなら「DataTables」か「Tablesorter」の2強！
今回は、最初に一覧データをすべてのを読み込み、jQueryのプラグインでクライアント側で検索やページャー、ソート機能を付ける「DataTables」と「Tablesorter」をご紹介します。一旦テーブルを作って、そのテーブルをJavaScriptで制御するといった感じにな... -
あらゆるデータを可視化するJavaScriptライブラリ「D3.js」最強説
Adobe Flashが衰退していく中、WEB上での描画に関して最も優秀なJavaScriptライブラリとして今回紹介したいのが、「D3.js」です。タイトルに「データを可視化する」と書くと、データをグラフ化すると捉えがちですが、D3.jsの凄いところはグラフだけでなく... -
CDNでWEBサイトを高速化！CDNを利用する場合のメリットとデメリット
近年、特にスマホなどの回線の細い端末では、高速化することが重要視されるようになり、CDNの存在がが広まって認知されるようになってきています。私もCDNを利用する機会が増え、WEBサイトの高速化だけでなく開発が少し楽になったと感じています。今回はCD... -
「Noto Sans CJK JP」フォントをサブセット化して配布中！
Googleが提供している人気のWebフォント「Noto Snas CJK JP」をサブセット化し、現在GitHubにて配布しています！今回は[Noto Snas CJK JP]をサブセット化する方法と、CSSでフォントファイルを読み込む方法をご紹介します。 サブセット化する理由 フォント...
1