SSL/TLS に関する脆弱性
TLSで通信が行われている場合に、暗号化の強度は実際に使用するアルゴリズムは双方のネゴシエーションによって決まるため、TLSを使用していてもセキュリティ強度の低いアルゴリズムが使用される可能性があります。重要な通信が行う […] Continue reading →
Category: Webプラットフォーム
Webでソースコードをハイライトする
Prettifyスクリプトを使うことで、ウェブページのソースコードを構文を色分け表示することができます。コードを色分けすることでコードを読みやすく理解しやすくなります。 使い方 以下のようにpre要素に “p […] Continue reading →
レスポンシブレイアウトとデバイス解像度
レスポンシスブレイアウトではデバイスの横幅によってレイアウトを切り替えるために、デバイスの解像度について予め知っておく必要があります。この記事ではレスポンシブレイアウトの元になるとレイアウトの定義ルールのベストプラクティ […] Continue reading →
Web 標準
Audio Audio Data APIMozilla Draft 2012, this API has been deprecated in favor of the Web Audio API Audio Proce […] Continue reading →
レスポンシブテーブル
ウェブブラウザのユーザーは一般的にウェブサイトを縦方向にスクロールすることには慣れていますが、横方向へのスクロールには慣れていません。モバイル端末において、ページ全体を表示するために横方向へのスクロールを行わせる必要があ […] Continue reading →
数式とWeb
この記事では ウェブページで 数式を表示するためのMathMLとMathJaxの2つの技術を紹介します。MathMLは普及に失敗した標準で、一方の MathJax は事実上の標準となっています。 MathML MathM […] Continue reading →
アイコンフォント
アイコンフォントの概要 アイコンフォントとはベクトル形式のフォントに文字ではなくアイコンが割り当てられたフォントのことです。アイコンフォントはどんなサイズのデバイスにも柔軟にフィットします。PNGやGIFのようにスケーラ […] Continue reading →
ユーザインタフェースのレスポンスタイムの目標
ユーザーインタフェースのレスポンスタイムが遅すぎて怒る人はいても速すぎて怒る人はいません。速ければ速い方が良いのです。 Jakob Nielsenは『Usability Engineering』(1993, 2014)で […] Continue reading →
クライアントサイドテンプレートエンジンの設計
Webサイトを構築する場合にテンプレートを使用してページをデザインするのは、とても人気のある方法です。Webページで使用するテンプレート設計はテンプレートの展開タイミングで次の2つに分類することが出来ます。 サーバーサイ […] Continue reading →
画像ファイル形式のWebブラウザ対応状況
この記事ではWebブラウザにおける画像フォーマットの対応状況をまとめている。 特許が存続している画像フォーマットでは特許フリーとされていても将来において特許使用料が徴収される可能性があって安全ではない。また、ISO規格に […] Continue reading →
SPDYとHTTP/2のプロトコルサポート
SPDYとHTTP/2の概要 SPDY（スピーディー）はHTTPを基にに高速化を行ったプロトコルである。TLS接続の上にセッション層を追加し、単一のSPDYセッションで複数のリクエストを送受信する。TLSの拡張仕様の一つ […] Continue reading →
HTML5 Audio コーデックのブラウザ対応
HTML5 Audio コーデックのブラウザ対応 Browser Platforms WAV PCM mp3 AAC Ogg Vorbis Ogg Opus WebM Vorbis WebM Opus Chrome&nd […] Continue reading →
レスポンシブレイアウト
レスポンシブレイアウトはリキッドレイアウトの実現手法の１つです。CSS3 で導入された Media Queriesを使用して横幅を基準にレイアウトのルール定義によってスマードフォン、タブレット、ノートPC、デスクトップの […] Continue reading →
HTML5 Video コーデックのブラウザ対応
HTML5 Video コーデックのブラウザ対応 Browser Platforms H.264(MP4) VP8(WebM) VP9(WebM) Theora IE 9–current Windows (v […] Continue reading →
Webセーフフォント
CSS の font-family プロパティで、異なるブラウザ、オペレーティングシステムで最大限互換性を確保する為に、複数のフォールバック用フォントファミリを優先度順に指定し、最後に総称体を指定します。フォールバックに […] Continue reading →
WebGLのブラウザサポート
WebGLの対応ウェブブラウザは以下の通り。実際に利用する場合には加えてビデオカードが OpenGL 2.0 をサポートしている必要があります。セキュリティ上の問題から WebブラウザはGL_ARB_robustness […] Continue reading →
Webフォントのブラウザ対応
Webフォントのブラウザサポート Browser Platforms SVG Fonts TTF OTF WOFF IE 8 Windows (xp) No Yes* Yes* No IE 9–current […] Continue reading →
WebGLのプラットフォーム概要
WebGLとは WebGLはインタラクティブな3Dグラフィックスを生成することを可能にする為の標準仕様です。WebGLに対応するWebブラウザで特別なブラウザのプラグインなしに動作します。 WebGLは非営利団体のKhr […] Continue reading →
skipfishによるWebアプリエーションの脆弱性検査の手順
本書ではFreeBSD9.xプラットフォームでのskipfishコマンドによるWebアプリケーションの脆弱性検査の手順を簡潔に示します。skipfish は Google がApache ライセンスで公開しているオープン […] Continue reading →
TLSのブラウザサポート
TLSのブラウザサポート Browser Platforms TLS 1.0 TLS 1.1 TLS 1.2 Chrome 0–21 Android, iOS, Linux, Mac OS X, Window […] Continue reading →
Nginx で SSL/TLS および SPDY に対応する手順
本手順は FreeBSD 9.x プラットフォームでの Nginx サーバーを対象にした SSL 及び SPDY対応のセットアップ手順です。 Nginx は Version 1.4 から SPDY が正式にサポートされま […] Continue reading →