セッション・出演者

本イベントは終了しました。ご参加ありがとうございました。
終了から一定期間がたちましたので、セッション資料を公開しました(2014年2月21日)。


セッション 1 キーノート
HTML5が拓く未来 ~HTML5との正しいつきあい方~


Web業界でHTML5を知らない人はいないといっても良いほど、ここ数年、HTML5の話題で持ちきりでした。マークアップが新しくなっただけでなく、さまざまなAPIが加わり、Web標準でリッチなコンテンツが制作できるようになったことはご存じの通りです。スマートフォンやタブレットの普及の後押しもあり、すでにWeb制作の現場ではHTML5を積極的に取り入れていると言えます。しかし、HTML5をはじめとしたWebテクノロジーの応用範囲はますます広がりを見せ、もはやWebページという文脈では語ることができないテクノロジーに進化しようとしています。

本講演では、現在のHTML5の状況をおさらいし、今後、HTML5をはじめとしたWebテクノロジーが世の中にどのような影響を与えていくのかを考察します。そして世界のプレーヤーたちがHTML5をどう捕らえ、それをどう活かそうとしているのかを紹介します。

HTML5をWebページの進化という文脈で捕らえていると、将来を大きく見誤ります。今やWebテクノロジーはアプリケーション基盤になろうとしているとよく言われます。これは何を意味するのか、将来Webはどうなろうとしているのか、みなさんのスキルは将来的にどの分野で活かせるのかについて、考察していきます。

すでに成熟産業になってしまったWebページ制作業界でトップを目指してがんばるもヨシ、Web技術のスキルを応用して新たな世界にチャレンジするのもヨシ。今後、Web業界はどの方向へ進むべきなのか、そして、みなさん個人はどういった方向に軸足を置くべきかを考えるきっかけになれば幸いです。


写真:伊藤 公助

羽田野 太巳(はたの ふとみ)

有限会社futomi 代表取締役
株式会社ニューフォリア 取締役 最高技術責任者

HTML5の気運が高まる以前からHTML5の探求を始め、HTML5専門サイト「HTML5.JP」を立ち上げ、HTML5の普及啓蒙に関わり、HTML5関連書籍や雑誌記事執筆も行う。

2011年 (株)ニューフォリア取締役(最高技術責任者)に就任し、HTML5を使ったコンテンツ作りの指揮を執る。また、W3CにてWeb-based Signage Business Groupの共同議長を務める。

主な著書に『HTMLとJavaScriptではじめるWindowsストアアプリ開発入門』、『徹底解説 HTML5 APIガイドブック ビジュアル系API編』、『徹底解説HTML5マークアップガイドブック 最終草案対応版』(秀和システム)、共著に『HTML5ガイドブック 増補改訂版 (Google Expert Series) 』(インプレスジャパン)など。

セッション 2 HTML5マークアップの基本

W3CのHTML5仕様が2012年12月に勧告候補となり、内容がほぼ固まりました。

ブラウザサポートがだいぶ向上し、安定してきたことから、スマートフォン向けサイトやCSSフレームワークはもとより、デスクトップ向けサイトの多くでもHTML5が採用されています。

このセッションでは、HTML5仕様の概要、文書構造、セクション、APIなど、HTML5の全体像とページ制作に必要な知識をコンパクトに解説します。また、セクション要素(section、nav、article、aside、header、footerなど)の使い方と、ページを適切に構造化するコツを身につけましょう。


写真:益子 貴寛

益子 貴寛(ましこ たかひろ)

株式会社サイバーガーデン 代表取締役

1975年、栃木県宇都宮市生まれ。早稲田大学大学院商学研究科修了。学生、社会人と長らく過ごした東京を離れ、2011年6月より北海道旭川市に在住。

Webサイトのコンサルティング、Webサービスの企画・制作、Webテクノロジー関連の執筆や教育活動などに従事。スマートフォン向けWebサービス、HTML5、CSS3、各種APIを利用したWebサービスの開発にも積極的に関わる。

主な著書に『Web標準の教科書』(秀和システム)、『現場のプロから学ぶXHTML+CSS』(共著、マイナビ)、『ウェブの仕事力が上がる標準ガイドブックシリーズ』(監修、ワークスコーポレーション)など。

2013年5月に、企画・構成から監修、執筆まで総合的に関わった書籍『ウェブの仕事力が上がる標準ガイドブック 2 Webデザイン 第2版』が発売。

セッション 3 マルチデバイス対応とCSS3、
レスポンシブWebデザイン

角丸、ドロップシャドウ、不透明度などのCSS3のプロパティを使うことで、これまで画像を使用しなければ実現できなかった表現をCSSのみで実装できます。このメリットを存分に発揮できるのがスマートフォン向けのサイト制作です。

CSS3のプロパティやセレクタをおさらいしつつ、マルチデバイス対応として注目の高いレスポンシブWebデザインの実装についてデモを交えて解説します。


写真:鷹野 雅弘

鷹野 雅弘(たかの まさひろ)

株式会社スイッチ

Webサイトの構築やコンサルティングを中心に、WebやDTPに関しての講演やトレーニングのほか、書籍の企画や編集、スクールなどのカリキュラム開発も手がける。

2005年からCSS Niteを主宰。日本全国、および海外に展開し、300回を超える関連イベントを通し、のべ40,000名を超える方が参加している。

テクニカルライターとして20冊以上の著書を持ち、総販売数は14万部を超える。主な著書に『よくわかるDreamweaverの教科書』(共著、マイナビ)、企画編集を行った書籍に『現場のプロから学ぶXHTML+CSS』(マイナビ)など。

セッション 4 CSS3とJavaScriptで魅せるサイト、
そのWebディレクションの現場

CSSとJavaScriptの高度化によって、Flashを使わずにHTMLベースで豊かな表現や動的な演出が実装できるようになりました。それに伴い、企画立案時の考え方や、制作時のワークフローもこれまでと変わりつつあります。

このセッションでは、CSS3とJavaScriptを実際の案件にどのように活用していくのか、また、ディレクションを行う上でどのような判断が必要となるのかを実例を交えながらご紹介します。


写真:岩崎 正寛

岩崎 正寛(いわさき まさひろ)

株式会社マックグラフィックアーツ 取締役

1974年生まれ。プロデューサー/プランナー。2006年、取締役就任。コンセプトメイキング、コミュニケーション戦略立案、ディレクションなどを行う。主なクライアントは三菱電機、佐川急便、日清製粉など。2012年度企業Webグランプリ、コンセプト&アーキテクト部門グランプリ、ステューデント部門グランプリ、他受賞歴多数。

セッション 5 HTML5で作るWindows 8アプリ

アプリケーションの開発プラットフォームの側面をもつHTML5が登場してきたことにより、従来Webコンテンツを制作するためのものであったWeb技術が、さまざまなデバイスのアプリケーション開発プラットフォームとして採用されてきています。

この流れは Windows も例外ではなく、Windows 8で採用されたタッチデバイス用の新しい UI環境で動作するアプリは、HTML5+JavaScriptを使用して開発することができます。

「Windowsストア アプリ」と呼ばれるこのアプリの開発は、プログラマーはもちろん マークアップエンジニア、デザイナーなども、いままで培ったスキルセットをそのまま生かしてアプリを作成することができるようになっています。

このセッションではWindowsストア アプリの具体的な開発方法、開発したアプリの販売、収益化の方法について紹介します。


写真:古荘 貴司

物江 修(ものえ おさむ)

日本マイクロソフト株式会社 Webエバンジェリスト

.NET 黎明期より、マイクロソフトと NTT docomo のジョイントベンチャー企業にて.NET Framework を使用したサービス開発に携わる。2004年3月、マイクロソフト・アジアリミテッド入社。インターネット関連の開発製品のサポートエンジニアを経て現職に。現在は、マイクロソフトのWeb技術を広めるべくOSSのイベントなどにも出没中。

セッション 6 HTML5とマイクロソフト

今デバイスが変わろうとしています。

携帯はスマホへ、パソコンはタブレットへ、キーボート&マウスはタッチへ。Firefox OSやTizenのような新しいOSが登場し、Google Glassのようなウェアラブル(身につける)コンピュータも現実になりつつあります。

こうした多様化の中で存在感を増しているのがWebの技術「HTML5」です。これからのWebはブラウザーで表示されるWebページとしてだけでなく、OSで動作するアプリを支える技術としても利用されていくことになるでしょう。このセッションでは、マイクロソフトがそのHTML5をどう捉えているのか? 最新のIEやWindowsとの関係を示しながらお伝えします。


写真:春日井 良隆

春日井 良隆(かすがい よしたか)

日本マイクロソフト株式会社 UXエバンジェリスト

岐阜大学を卒業後、大沢商会を経て、アドビ システムズに入社。After EffectsやPremiereといったビデオ編集ツールのマーケティング一筋の10年を過ごす。

2007年にMS初のデザインツールと銘打ったExpressionのプロダクトマネージャーとして、マイクロソフトに入社。その後、Silverlightのプロダクトマネージャーを兼務し、両製品のマーケティングを統括する。2009年にエバンジェリスト部門に異動。ユーザーエクスペリエンス (UX) とHTML5、Internet Explorer、Windowsを担当。HTML5の中では<video>が一番得意。

開催概要

イベント名 CSS Nite in SAPPORO, Vol.10 with Microsoft
「HTML5+CSS3 Web Camp 2013」
全国での開催情報 札幌を含めて、全国4都市で開催されます
CSS Nite with Microsoft「HTML5+CSS3 Web Camp 2013」(2013年6月〜7月に会津、土佐、札幌、広島で開催)
日時 (予定)
会場 札幌国際ビル 国際ホール
北海道札幌市中央区北4条西4丁目1番地 札幌国際ビル8F
地下鉄南北線「さっぽろ駅」8番出口から地下直通
JR「札幌駅」南口から徒歩3分
会場アクセスについて詳しくはこちら
出演者 羽田野 太巳(futomi/ニューフォリア)
益子貴寛(サイバーガーデン)
鷹野 雅弘(スイッチ)
岩崎 正寛(マックグラフィックアーツ)
物江 修(日本マイクロソフト)
春日井 良隆(日本マイクロソフト)
主催 CSS Nite in SAPPORO実行委員会
共催 CSS Nite実行委員会
日本マイクロソフト
特別協力 JWSDA(日本Webソリューションデザイン協会)
協賛 LACNE(ラクネ)
ウェブ解析士認定講座
bizYou(ビズユー)
ソシム
PIXTA(ピクスタ)
協賛企業を募集中です
スイーツタイム提供 社団法人 恵庭観光協会 えにわ はなまるストア「えにわどら焼」
プレゼント提供 恵庭商工会議所 北海道えにわ特産品市場
(かぼちゃプリン3個+かりんとうかぼちゃ饅頭 3セット)
awesome! creators shop(参加者全員分のポストカード)
協力 リーグラフィSaCSSサイバーガーデンbiz
サイボウズLiveEventClipGarage labs
定員 100名 120名(お申し込み多数のため増席しました)
参加費 今回のイベントは、日本マイクロソフト社の協賛により、
参加費を通常より安く設定しています

早割 3,500円(銀行振込/PayPal決済) ※ 6月21日 15時まで
通常 4,500円(銀行振込/PayPal決済)
当日 5,000円(残席がある場合のみ)
フォローアップ参加 2,000円(詳しくはこちら
こちらのフォームからお申し込みください
会場参加は満席のため、フォローアップ参加のみ受付中
お申し込み受付は終了しました

会場参加は、遠方割/学割アリ(当日受付時 1,000円キャッシュバック)
  • 遠方割(交通費往復5,000円以上の方) - 切符または領収書提示
  • 学割(専門学校生、中高大学生、職業訓練生) - 学生証提示
懇親会 本編終了後、会場から徒歩4分ほど、
札幌グランドホテル別館1F「ビッグジョッキ」で開催します
定員:40名(予定)
参加費:3,500円(飲食代実費/当日、本編中の休憩時間のお支払い)
こちらのフォームからお申し込みください
お申し込み受付は終了しました
Twitterハッシュタグ #cssnite_sapporo10
Twitterアカウント @cssnite_sapporo
Facebookページ http://www.facebook.com/cssnite.sapporo

タイムテーブル

開始 セッション 出演者
11:30 開場/受付開始  
12:10 開演/オープニング 司会:
 鷹野 雅弘
 (スイッチ)
 水越 佑介
 (リーグラフィ)
12:15 セッション1 40分
キーノート:HTML5が拓く未来 ~HTML5との正しいつきあい方~
羽田野 太巳
(futomi/ニューフォリア)
13:00 セッション2 35分
HTML5マークアップの基本
益子 貴寛
(サイバーガーデン)
13:35 スイーツタイム/休憩 20分
社団法人 恵庭観光協会 えにわ はなまるストア
「えにわどら焼」
 
13:55 セッション3 40分
マルチデバイス対応とCSS3、レスポンシブWebデザイン
鷹野 雅弘
(スイッチ)
14:40 セッション4 35分
CSS3とJavaScriptで魅せるサイト、そのWebディレクションの現場
岩崎 正寛
(マックグラフィックアーツ)
15:15 休憩 15分  
15:30 セッション5 40分
HTML5で作るWindows 8アプリ
物江 修
(日本マイクロソフト)
16:15 セッション6 35分
HTML5とマイクロソフト
春日井 良隆
(日本マイクロソフト)
16:50 エンディング  
17:00 終演  

会場アクセス

[[:lt:]]strong[[:gt:]]札幌国際ビル 国際ホール[[:lt:]]/strong[[:gt:]][[:lt:]]br /[[:gt:]]
北海道札幌市中央区北4条西4丁目1番地 札幌国際ビル8F

札幌国際ビル 国際ホール

北海道札幌市中央区北4条西4丁目1番地
会場は8F「国際ホール」です
http://www.itogumi.jp/kokusai_hall/access/

電車でお越しの方

地下鉄南北線「さっぽろ駅」
8番出口横より地下直通

JR「札幌駅」南口より徒歩3分

お車でお越しの方

タイムズ北4西3
収容台数71台(有料)
タイムズステーション札幌駅前
収容台数392台(有料)

More 「会場アクセス」の詳細はこちら

協賛募集

CSS Nite in SAPPORO, Vol.10では、イベントの主旨に賛同いただき、協賛いただける企業・団体を募集しています。また、書籍、グッズ、サービスなどを限定数、参加者向けにご提供いただける企業・団体・個人を募集しています。

More 「協賛募集」の詳細はこちら

バナー

ブログやサイトにバナーを掲載いただければ幸いです。
バナーは予告なく変更することがあります。ダウンロードせずソースコードのままご利用ください。

160×160ピクセル

CSS Nite in SAPPORO, Vol.10 with Microsoft「HTML5+CSS3 Web Camp 2013」


560×120ピクセル

CSS Nite in SAPPORO, Vol.10 with Microsoft「HTML5+CSS3 Web Camp 2013」