新着情報

2013年11月9日（土）に開催するCSS Nite in SAPPORO, Vol.11「実践！ スマートフォン対応サイト制作」の、各セッションの見どころ／聞きどころをご紹介します。

セッション1
スマートフォン対応サイトの基本
益子 貴寛（サイバーガーデン）

これからスマホ対応をはじめたい人や、ディレクターなどエンジニアではない人を対象に、最低限知っておきたいスマホ対応手法と、レスポンシブWebデザインの基本を説明します。

セッション2
CSS Nite in SAPPORO公式サイトのスマートフォン対応事例
口田 聖子（WebbingStudio）

今年4月、北海道らしさ、にぎやかさを全面に押し出したデザインに大幅リニューアルしたCSS Nite in SAPPORO公式サイト。

サイト責任者の口田が、メンテナンス性を考慮した設計、スマホ用の端末判定と負荷軽減、CMSテーマのインクルードによるコンテンツの部分切り替え、Sassの導入とデザインルールの統一など、企画、設計の面からスマホ対応のコツを解説します。

セッション3
凝ったレスポンシブWebデザイン実装と画像の最適化
松田 直樹（まぼろし）

スマホで使える画像形式、SVG、Web Icon Fonts、data URI schemeなど新たな形式のポイント、利用機会が減っているビットマップ形式の考え方や使いどころを整理。

さらに、CSS Layout Module、JavaScriptフレームワークなどを活用した凝ったレスポンシブWebデザインの実装方法について、株式会社まぼろしの制作事例をまじえて解説します。

セッション4
UX視点ではじめるスマートフォンサイト制作
岡野 マミ（リーグラフィ）

ユーザーニーズとデザインへの落とし込み、「誰に」「どのような情報を」などスマホサイトを進化させるための要素、事例で見るUXデザインプロセス、UXデザインのためのツールなど、スマホサイト制作で役立つUXデザインの考え方や具体例を解説します。

セッション5
スマートフォンサイト制作 よくあるトラブルの解決方法と回避方法
木村 哲朗／西畑 一馬（まぼろし）

viewport、フォーム、フォントまわり、固定配置、動画のよくあるトラブル、検証環境の整備、リフローとリペイントのしくみとAndroidでの対処法など、実践的なトラブルシューティングを解説。

また、「とれたて！iOS 7ネタ」と題して、登場して約1か月のiOS 7でよくあるトラブルも詳しく扱います。

セッション6
スマートフォンサイト制作のディレクション術
小林 信次（まぼろし）／鷹野 雅弘（スイッチ）

制作手法にもとづくヒアリングポイント、ワークフローの見なおしの必要性、メジャーなUIの実装とクライアントワークの注意点、ターゲット端末と検証、見積もり方法など、具体的なディレクション術をお伝えします。