本イベントは終了しました。ご参加ありがとうございました。
終了から一定期間がたちましたので、セッション資料を公開しました（2014年3月16日）。
セッション 1 スマートフォン対応サイトの基本
これからスマートフォンサイト制作に取り組みたい、でも、どこから手をつけてよいかわからない、という人向けに、とりあえず「これだけは押さえておきたい」内容として、次の項目をコンパクトに解説します。
- スマートフォン対応のいくつかの手法
- レスポンシブWebデザインの基本
- viewportなどHTMLの設定
- 伸縮するレイアウトなどCSSの設定
- HTML5フォームの利用
- かんたんな確認ツール
益子 貴寛（ましこ たかひろ）
株式会社サイバーガーデン 代表取締役
1975年、栃木県宇都宮市生まれ。早稲田大学大学院商学研究科修了。学生、社会人と長らく過ごした東京を離れ、2011年6月より北海道旭川市に在住。
Webサイトのコンサルティング、Webサービスの企画・制作、Webテクノロジー関連の執筆や教育活動などに従事。スマートフォン向けWebサービス、HTML5、CSS3、各種APIを利用したWebサービスの開発にも積極的に関わる。
主な著書に『Web標準の教科書』（秀和システム）、『現場のプロから学ぶXHTML+CSS』（共著、マイナビ）、『ウェブの仕事力が上がる標準ガイドブック（Web検定 公式ガイドブック）シリーズ』（監修・執筆、ワークスコーポレーション）など。
2013年5月に、企画・構成から監修、執筆まで総合的に関わった書籍『ウェブの仕事力が上がる標準ガイドブック 2 Webデザイン 第2版』が発売。
CSS Nite in SAPPORO実行委員。
セッション 2 CSS Nite in SAPPORO公式サイトの
スマートフォン対応事例
CSS Nite in SAPPORO公式サイトは、スマートフォンとタブレット端末での閲覧に対応しています。
サイトの大枠はレスポンシブWebデザインをベースとしており、CSS以外にもモバイル環境の最適化のための工夫を行っています。
2012年7月の立ち上げ時、2013年4月のリニューアルの2回にわたり、制作担当者としてスマートフォン対応にあたって考慮したことや、実際の制作過程の一部をご紹介します。
口田 聖子（くちだ せいこ）
WebbingStudio（ウェビングスタジオ） Webエンジニア
札幌市在住のフリーWebエンジニア。Movable Type、a-blog cms、WordPressの業務向けテーマ制作とPHPプログラミングに特化し、「CMSカスタマイズアドバイザー」として技術支援、コンサルティングを行っている。
市内のIT関係者の交流活動に積極的に関わり、自身もa-blog cmsの普及を目的とした勉強会「a-sap（エーサプ）」を開催。
Facebookページ制作・運用の研究を通し、2011年発売の『Facebookページプロフェッショナルガイド』（マイナビ）で制作事例の提供、コラムを執筆。続刊『Facebookマーケティング プロフェッショナルガイド』（マイナビ）では共著者として企画・執筆に関わる。
CSS Nite in SAPPORO実行委員。
セッション 3 凝ったレスポンシブWebデザイン実装と画像の最適化
もはやスマートフォンサイト制作の主流になりつつあるレスポンシブWebデザインでの凝ったレイアウト、凝ったデザインのがんばりどころを、実際の案件などをベースに紹介します。
また、画像の最適化・軽量化といったパフォーマンスの見なおしについて、スマートフォンのデバイス特性という視点から解説します。
松田 直樹（まつだ なおき）
株式会社まぼろし デザイナー
ゲーム業界で企画開発担当を経験したあと、Web業界に転身。2011年より株式会社まぼろしに参加。まぼろしのCCO（Cheif Creative Officer）として、ゲーム業界の経験を生かした企画、デザイン、マークアップ、プログラミング、書籍・雑誌の執筆、講演などの業務を幅広く担当している。
主な著書に『よくわかるDreamweaverの教科書【CS6対応版】』（共著、マイナビ）、『現場のプロが教える スマートフォンサイト 制作ガイドブック』（共著、翔泳社）など。
趣味が高じて、「歴史雑談録」で戦国・幕末などの歴史系ライティング活動も行っている。
セッション 4 UX視点からはじめるスマートフォンサイト制作
スマートフォンサイトの制作で「本当にこのデザインでよいのだろうか？」と悩んだ経験はありませんか？
ユーザーシナリオ、ペルソナ、ユーザーテスト検証などのUX（User Experience／ユーザー体験）の視点と具体的な手法を取り入れた、「リクルート（就転職者向け）コンテンツ」の制作事例を紹介します。
岡野 マミ（おかの まみ）
1984年、北海道札幌市生まれ。2013年4月より有限会社リーグラフィに入社。主にWebデザイナー、マークアップエンジニアとしてWeb制作に従事。
運動不足解消に「すすきの」を散歩するのが最近の日課。
CSS Nite in SAPPORO実行委員。
セッション 5 スマートフォンサイト制作
よくあるトラブルと解決方法・回避方法
スマートフォンサイトへの要求レベルが高まるにつれ、バグに出会う頻度もこれまで以上に増しつつあります。特にAndroidは機種が多様であり、メーカーがOSに独自のカスタマイズを加えていることから、むずかしい対応が迫られるケースが多いといえます。
このセッションでは、わたしたち株式会社まぼろしでの経験を交えながら、スマートフォンサイト制作のフロントエンドまわりでよくあるトラブルについて、その解決方法・回避方法を具体的に解説します。
※ iPhoneの新OS「iOS 7」でよくあるトラブルも扱っていただきます。
木村 哲朗（きむら てつろう）
株式会社まぼろし フロントエンドエンジニア
1980年、東京都文京区生まれ。企業サイトや動画サイトの運用更新を経験したあと、2012年5月に株式会社まぼろしへジョイン。主にWebサービス、アプリケーションの仕組みや構成の設計、HTML、CSS、JavaScriptを用いた実装を行う。
写真の技能を習得しているため、ポートレートや商材などの撮影にも対応可能。
西畑 一馬（にしはた かずま）
株式会社まぼろし フロントエンドエンジニア ／ to-R 代表
JavaScript / Ajaxを利用したWebアプリケーション制作やCSS3 / HTML5を利用したサイト作成を業務で行い、個人でも書籍や雑誌の執筆、Webクリエイター向けの講座 / セミナーなどの活動を行っている。また、ブログ「to-R」ではJavaScript/jQueryやCSSなどの情報の発信も行っている。
主な著書に『Web制作の現場で使う jQueryデザイン入門［改訂新版］』（アスキー・メディアワークス）、『jQuery Mobile スマートフォンサイト デザイン入門』（共著、同）がある。
セッション 6 スマートフォンサイト制作のディレクション術
従来のデスクトップ向けサイト制作の現場でも、「ディレクターと現場の作業者の間には大きな認識のズレが発生している」ということをよく耳にします。さらに、スマートフォン対応が必須の時代になり、次のような問題に直面している人が多いようです。
- 増えつづけるターゲット端末
- 未知のバグをかかえるAndroid
- どしどし増えていく習得スキル
このような状況の中、円滑なコミュニケーションのために、ディレクターは何を知っておくべきなのか。鷹野の的確なツッコミを受けつつ、小林がテクニカルディレクションに必要なことを重点的にお伝えします。
小林 信次（こばやし しんじ）
株式会社まぼろし 取締役副社長COO
1980年、茨城県生まれ。専修大学経営学部卒業。Webディレクション、マークアップ、Webクリエーター向けの講義や執筆に従事。
著書に『現場のプロから学ぶXHTML+CSS』（共著、マイナビ）、『すべての人に知っておいてほしい スマートフォンサイトデザインの基本原則』（共著、MdN）、『Webデザイン 知らないと困る現場の新常識100』（共著、同）など。
雑誌、メディアサイトへの寄稿多数。
鷹野 雅弘（たかの まさひろ）
株式会社スイッチ
Webサイトの構築やコンサルティングを中心に、WebやDTPに関しての講演やトレーニングのほか、書籍の企画や編集、スクールなどのカリキュラム開発も手がける。
2005年からCSS Niteを主宰。日本全国、および海外に展開し、300回を超える関連イベントを通し、のべ40,000名を超える方が参加している。
テクニカルライターとして20冊以上の著書を持ち、総販売数は14万部を超える。主な著書に『よくわかるDreamweaverの教科書』（共著、マイナビ）、企画編集を行った書籍に『現場のプロから学ぶXHTML+CSS』（マイナビ）など。
スポンサーセッション
スマホの検証が10倍はかどる！Remote TestKitの紹介
NTTレゾナントの「Developers AppKitBox」は、スマートフォン活用者向けの支援サービスです。この中でスマートフォン向けの検証に役立つ「Remote TestKit」を紹介します。
Remote TestKitは一般的な実機レンタルとは一線を画すスマートフォンの「リモート・レンタル・サービス」。利便性の高い検証環境を実現します。
北岡 恵子（きたおか けいこ）
NTTレゾナント株式会社／Developers AppKitBox
NTTレゾナント株式会社にケータイ担当として入社。ガラケーサービスのディレクションなどを行ったのち、ライフ系サービス、地域まとめサービスPinQAプロデューサーを歴任。スマートフォンではキャリア向け検索サービスやAndroidアプリケーション開発のディレクションを担当。
現在はスマートフォン向けアプリ開発者支援サービス「Remote TestKit」のプロモーション担当として、国内外へのサービス告知を行っている。
