スマートフォン向けWebサイトの表示速度 高速化手法
対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS／デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス／OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4＋iOS 5」を想定して話を進めます。実際に「iPhone 4＋iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、
HTML5で進化したフォーム機能 ここが違う！サンプルで見るHTML5（5）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい
HTML5で再定義された要素と属性 ここが違う！サンプルで見るHTML5（3）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 要素はスタイルを表さない HTML5は、新たに追加された要素に注目されがちですが、旧来から使われてきた要素についても再定義しています。 HTML4やXHTML1.0で規定された要素には、スタイリングを指示する要素がありました。HTML5では、スタイリングはCSSに任せ、要素はセマンティクスのみを表すことに重点が置かれています。そのため、HTML5のすべての要素から、スタイリングを指示する意味合いが完全に排除されています。 実際に、スタイリングを指示するだけの要素は、HTML5で
HTML 5のレイアウト要素
はじめに HTML 5は興味深い仕様です。この仕様は計画的に生まれたものではありません。W3CはHTML 4.1をHTMLの決定版として表明していました。そのため、HTML 5に対する要望の多くは、主にWeb Hypertext Application Technology Working Group（WHATWG）などのHTMLユーザーコミュニティから出てきました。WHATWGからの圧力が強かったため、数年前にHTML 5のワーキンググループが編成されることになりました。それ以来、HTML 5ワーキンググループは少々ごまかしのある仕様を採用して、それをW3C的な表現で書き直すというプロセスを（そのプロセスに付随する駆け引きとともに）ゆっくり進めてきました。 2009年4月23日、HTML 5ワーキンググループはこの仕様の最新ドラフトをリリースしました。全体的に見て、このリリースは前回のリ
HTML 5のフォーム要素
HTML 5の最初の大きな目的の1つは、主要なHTMLフォーム要素を現状の潮流に合うように変更することでした。この記事では、HTML 5の草案に導入されている主要な新しいフォーム要素と既存要素の変更点を説明し、HTML 5の仕様が現在までにどれくらいこの目的を達成しているかを解説します。 はじめに ほぼすべてのWebアプリケーションにとって、フォームはなくてはならないものになりましたが、HTMLフォームの主要な要素は13年近くも前のものです。HTML 5の最初の大きな目的の1つが、現状の潮流に合わせてこれらの要素を変更することであったのも不思議ではありません。 W3Cが最初にXHTML仕様を策定したとき根底にあった目標の1つは、XMLコンテンツの処理に適したフォームアーキテクチャを作ることでした。そこで2002年にXFormsが開発されました。ところが、HTMLコミュニティの多くの人からは
Windows Vistaガジェット入門
はじめに Windows Vistaでは、デスクトップ上の右側（日本語版の既定の設定）に垂直のバーが表示されています。これは、「Windows Sidebar」と呼ばれる新しいツールで、この垂直バーの中で「ガジェット」という小さなプログラムを実行することができます。Windows Vistaには、時計やカレンダーなど、いくつかのガジェットが最初から組み込まれていますが、ユーザーは自由にガジェットを追加したり、解除することができます。Windows Vista標準では「RSSフィードのヘッドライン」「メモ」「時計」「カレンダー」「株価」「連絡帳」「天気予報」などが用意されていますが、さらにガジェットをダウンロードして、簡単に追加していくこともできます。ダウンロード可能なガジェットについては、以下のページを参照してください。 Windows Live Gallery 現在は、Windows L
Webサイトの制作／運用の効率化を図る 「ガイドライン策定」のすすめ（前編）（1/4）：CodeZine
Web標準に従うことは、SEO効果、ユーザービリティ、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従ってWebサイトを制作しようとすると、制作者の頭を悩ませる多くの問題が待っています。本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 はじめに Web標準に従うことは、SEO効果、アクセシビリティ、ユーザービリティ、相互運用性、互換性、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従って「正しい（X）HTML+CSS」でWebサイトを制作しようとすると、制作者の頭を悩ませる多くの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介
「印刷用ページ」の作り方