キーノート：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） 』（インプレスジャパン）など。

HTML5マークアップの基本

W3CのHTML5仕様が2012年12月に勧告候補となり、内容がほぼ固まりました。ブラウザサポートがだいぶ向上し、安定してきたことから、スマートフォン向けサイトやCSSフレームワークはもとより、デスクトップ向けサイトの多くでもHTML5が採用されています。

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

益子 貴寛ましこ たかひろ

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

1975年、栃木県宇都宮市生まれ。

Webサイトのコンサルティング、Webサービスの企画・制作、Webテクノロジー関連の執筆や教育活動などに従事。

スマートフォン向けWebサービス、HTML5、CSS3、各種APIを利用したWebサービスの開発にも積極的に関わる。

主な著書に『Web標準の教科書』（秀和システム）、『現場のプロから学ぶXHTML+CSS』（共著、マイナビ）、『Web検定 標準ガイドブックシリーズ』（監修、ワークスコーポレーション）など。

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

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

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

鷹野 雅弘たかの まさひろ

株式会社スイッチ

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

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

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

HTML5+CSS3　いつ切り替えるの？今ですか？

HTML5やCSS3をはじめ、Webには常に新しい技術が登場します。
Web担当者としては、常に最新の技術を身につけ、サイトに反映し、ユーザーを獲得していかなければなりません。

ここで問題です。上記の文章は、本当に正しいのでしょうか。
Webサイトを利用するユーザーに、そして企業にとって必要なことを考えた上で、HTML5やCSS3などの技術を取り入れること。それが重要なのです。

このセッションでは、一見難しそうな「Webアナリスト」について解説します。苦手な方も多い、解析ツールの使い方や、ログの扱い方ではありませんのでご安心ください。
頭を柔らかくして、Webサイトに向き合うヒントを身につけて、あなたの業務に活用してください。Webサイトの考え方が少し変わるきっかけになればと思います。

皆元 千奈みなもと・ちな

フリーランス

エアコンの設計、ラジオDJ、留学、翻訳、広報を経て、Web業界へ。

フィーチャーフォンサイトの制作、SEO、分析を得意とし、時代の流れとともにスマートフォンサイトやアプリの分析を中心に、フリーのWebアナリストとして活動中。その他、ASCII.jpにて、Web/書籍の編集を担当。

Twitter

・どこでもドア（ジャンク）

・WEB BUSINESS CREATE☆

ウェブクリエイターズ高知設立で見えてきたもの

土佐（高知）のWeb制作業界を盛り上げるために立ち上げたウェブクリエイターズ高知の運営をはじめて1年半が過ぎました。

その代表を経験して見えてきたこと、Webクリエイター達との関わりにより感じたこと、HTML5+CSS3などの新しい仕様にどう取り組もうとしているかなどについてお話しします。

杉本 憲昭すぎもと・のりあき

ウェブポップ

1976年高知県生まれのWeb＆イベントディレクター。

2000年香川県高松市のイベント＆Web制作会社に就職。主にモバイルサイト制作のWebディレクションを担当。イベントとWebという畑違いの業界を同時進行で経験する。

2009年地元（高知）のWeb制作会社にUターン転職し、企画営業部チーフとして活動。その後、2011年9月フリーランスとしてウェブポップを設立。プランニング／ディレクションを中心に県内外のWeb制作・運営に携わる。

2011年11月ウェブクリエイターズ高知を設立し、代表として地元のWeb制作業界を盛り上げるために獅子奮迅中。

土佐風Webデザインを考えてみた

Webデザインに地域性はあるのでしょうか？　プロダクトデザインやグラフィックデザインといった分野に比べ、Webデザインでは地域性や地方色といったものが出にくい傾向にあると思います。
「高知っぽさ」とはどんなものなのかを独自に検証し、"土佐風Webデザイン"として発表します。

中野 玄なかの・げん

HOOP Design 代表

1972年高知県生まれ。京都芸術短期大学卒業、有限会社アップルップルに2002-2008年在籍。Webサイト制作やCMS開発のデザイン設計全般に携わる。

退社後、フリーランスとして独立。HOOP Designのデレクター兼デザイナーとして高知県内外のWebサイトを多数制作。2012年、ウェブクリエイターズ高知に運営スタッフとして参加。a-blog cmsやFireworksの紹介セッションなどで登壇。

HTML5で作るWindows 8アプリ

アプリケーションの開発プラットフォームの側面をもつHTML5が登場してきたことにより、従来Webコンテンツを制作するためのものであったWeb技術が、さまざまなデバイスのアプリケーション開発プラットフォームとして採用されてきています。
この流れは Windows も例外ではなく、Windows 8で採用されたタッチデバイス用の新しい UI環境で動作するアプリは、HTML5+JavaScriptを使用して開発することができます。

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

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

物江 修ものえ おさむ

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

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

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 TOSA

全国各地で300回以上の関連イベントを通して、のべ40,000名以上の方が参加（2012年12月現在）しているWeb系最大級のセミナー・イベントCSS Nite（シーエスエス・ナイト）の地方版がウェブクリエイターズ高知主催で高知初開催！

イベント名	CSS Nite in TOSA, Vol.1 with Microsoft 「HTML5＋CSS3 Web Camp 2013」
全国での開催情報	CSS Nite with Microsoft「HTML5+CSS3 Web Camp 2013」公式サイト
開催日時	2013年6月22日（土） 13:35 開場 ／ 14:00 開演 ／ 19:00 終了予定 ※イベント終了後 19:30より懇親会（おきゃく）を開催します。
開催場所	高知市文化プラザかるぽーと　中央公民館　11階　大講義室
定員	100名
参加費	【日本マイクロソフト社協賛価格として】 今回のイベントは、日本マイクロソフト社の協賛により、割引価格での参加費を設定しています。 ◎早期割引：3,000円 　※高知県在住の一般・社会人 　※2013年6月10日（月）24:00まで。 ◎県外割引：2,000円　※高知県外在住の一般・社会人 ◎学生割引：1,000円　※大学生・専門学校生の方 ◎平成割引：1,000円　※平成生まれの25歳以下の方 ◎通常価格：5,000円　※6月11日（火）00:00以降のお申し込み 　※事前登録制です。お早めにお申し込みください。 　※参加費と懇親会（おきゃく）費は当日受付時にお支払いください。
出演	・羽田野 太巳（futomi） ・益子 貴寛（サイバーガーデン） ・鷹野 雅弘（スイッチ） ・皆元 千奈 ・杉本 憲昭（ウェブポップ） ・中野 玄（HOOP Design） ・物江 修（日本マイクロソフト） ・春日井 良隆（日本マイクロソフト）
懇親会（おきゃく）	和座 Dyning 東風（わざ ダイニング こち） TEL:088-872-9677 19:30〜 4,000円
主催	CSS Nite in TOSA実行委員会（ウェブクリエイターズ高知）
共催	日本マイクロソフト CSS Nite実行委員会
協賛	サーティファイ 高知情報ビジネス専門学校 こんぺいとうネット協同組合 写真素材 PIXTA（ピクスタ） ソシム
特別協力	JWSDA（日本Webソリューションデザイン協会）
後援	高知工科大学 エフエム高知 KSSさんさんテレビ KUTVテレビ高知 高知県
ハッシュタグ	#wck_css1

高知市文化プラザ かるぽーと

県外からお越しの方

高知駅より

• 【電車】土佐電鉄 はりまや橋下車　徒歩5分 / 菜園場下車　徒歩約3分
• 【バス】土佐電鉄・県交通　はりまや橋下車　徒歩約5分
• 【車】約5分

高知インターチェンジより

• 【車】約10分

高知龍馬空港より

• 【車】約30分
• 【空港連絡バス】約30分　はりまや橋観光バスターミナル下車　徒歩約1分

詳細はこちらのページをご確認ください。
http://www.bunkaplaza.or.jp/access/index.html

運営支援のお願い

今回のセミナーにご賛同いただける企業・団体のみなさまからのご協賛・ご寄附を広く募集いたします。

• 協賛A　一口１万円
• 協賛B　一口３万円
• 協賛C　一口６万円

下記特典もご用意しておりますので、高知県や中四国のウェブ関係者に　PRできる商品やサービスをお持ちの方は、ぜひご検討ください。

協賛企業・団体様への特典

協賛A、B、C共通

・ウェブクリエイターズ高知でのバナー、テキストリンク
・本セミナー申し込みサイトでのテキストリンク

協賛B、Cのみ

・カウントダウンメール内でのメッセージ、キャンペーン情報等掲載
・本セミナー参加者様へのチラシ配布(チラシはご準備ください)
・本セミナーへのご招待（B：２名まで　C：５名まで）

協賛Cのみ

・個別アンケート実施（全員実施アンケートへの設問付加）
・ブース出展orスポンサータイムのご提供

ご協賛・ご後援のお申し出・お問い合わせはkochiweb@gmail.comまでお願いします。

※いただいた協賛金は、今回のセミナー運営費の他、今後も各地で活躍されるウェブ関係者らを招聘し、ご講演をいただいたり、県内のウェブクリエイターの情報交換、勉強会開催など、ウェブクリエイターズ高知の運営に使わせていただく予定です。