概要
長崎で初開催となるCSS Niteをマイクロソフトとのコラボイベントとして開催します。
最終更新日： 2013年10月7日
- イベント名
- CSS Nite in NAGASAKI, Vol.1 with Microsoft
「HTML5+CSS3 Web Camp 2013」 - 日時
- 2013年9月28日（土）13:00-18:00（仮）
- 会場
- メトロ総合
ビジネスカレッジ セミナールーム、
（長崎県長崎市出島町5-3） - 出演
- 羽田野 太巳（futomi/ニューフォリア）、
益子貴寛（サイバーガーデン）、
鷹野 雅弘（スイッチ）、
中川 直樹（アンティ・ファクトリー）、
春日井 良隆（日本マイクロソフト）
- 主催
- CSS Nite実行委員会
- 共催
- 日本マイクロソフト
- 特別協力
- 日本Web協会（旧「日本Webソリューションデザイン協会」、
メトロ総合ビジネスカレッジ - 協賛
- 写真素材 PIXTA（ピクスタ）、
NTTレゾナント（AppKitBox）、
クラウド型ビジネスチャットツール チャットワーク （ChatWork）、
株式会社クラウドワークス、
Webクリエイター能力認定試験（サーティファイ）、
ソシム、
日本Web協会（旧「日本Webソリューションデザイン協会」、
サイバーガーデンbiz - 協力
- HTML5KARUTA（WEBCRE8.jp）、
baser CMS - URL
- https://cssnite.jp/nagasaki/vol01/
- このイベントのFacebookページ
- ハッシュタグは #cssnite_nagasaki1 です。
会社名のうち、
株式会社などは省いています。
最新情報
Facebookページ、Twitterをチェックしてください。
@cssnite_ngsk からのツイートセッション概要と 出演者のプロフィール
プロフィールは、本セミナーイベント開催時のものです。
キーノート：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、aside、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）時代に考えるWebサービスのあり方
「体験をプロデュースすること」がWeb施策における大枠のミッションとなっている今、大切なことは、まず、時代とともに、人の消費、行動決定のプロセスがどのように変化したか、また、人々の価値観は如何に変わったかを理解することが重要です。
その上で、スマートデバイス時代のWebサービスのあり方を一緒にさぐっていきます。
中川 直樹（なかがわ・なおき）
株式会社アンティー・ファクトリー
代表取締役
1969年生 浜松市出身
ニューヨーク州立大学 Fashion Institute of Technology（F.I.T）広告デザイン学科卒業。NYにてWebデザイン、グラフィックデザインに従事。 帰国後 1997年アンティー・デザインを設立。
実績は、三菱電機、資生堂、カネボウ、S&B食品、日産自動車、バドワイザー、SonyEricsson、コカ・コーラ、フジテレビ、アルファロメオ、ALL ABOUT、VOGUE他多数。
Web Designing「中川流Web道」、デジタルハリウッド、リクルート、ベネッセコーポレーション他、講師、講演活動多数。
2009年度より社団法人JWDA会長。2012年度より社団法人JWSDA会長。
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 NAGASAKI, Vol.1 with Microsoft は有料のイベントです。
ご参加いただくには参加登録が必要です。
参加費
- 5,000円（事前決済）
- 6,000円（当日決済）
4,000円（8月28日まで早期割引）
遠方割（キャッシュバック）
ちょっと遠方からご参加の方のためのキャッシュバックを設けます。
- 往復で3,000円以上かかる方を対象とします。当日、受付にて切符や領収書などをご提示ください。
- 当日2,000円、キャッシュバックします。
- 早期割引などとの併用はできません。
- 事前のお申し出は不要です。
開催の背景
2012年、岡山、新潟、青森、仙台、松山、高松の6都市、および、東京で2回、計8回「CSS Nite with Microsoft」を開催しました。
2013年は会津（福島）、土佐（高知）、札幌、広島の4都市での開催が終了。秋口に、長崎、沖縄、東京で開催を予定しています。
CSS Niteについて
CSS Nite（シーエスエス・ナイト）は、Web制作に関わる方のためのセミナーイベント。
2005年10月、アップルストア銀座にてマンスリーイベントとしてスタート。当初は文字通り「CSS」にフォーカスしていたが、現在は“Web 制作者にとって有益であろうトピック”を広く扱っている。
東京を中心に、名古屋、大阪、青森、福岡、沖縄、札幌、福井、仙台、福島、広島、新潟、高松、静岡、宮崎、岡山、山梨、また、海外では韓国でも開催されている。マークアップ系にとどまらず、WebディレクターやSEO/SEM、プログラマー系、経営者など、Web制作に関わる方の交流の機会となっている。
これまでに360回を越える関連イベントを通して、のべ44,000名を超える方が参加している（2013年8月現在）。
JWSDAについて
JWSDA（一般社団法人日本Webソリューションデザイン協会）は、インターネットを利用した仕組み、サービスの制作・開発に従事する団体、個人間の技術的な情報共有や社会的な地位向上、産業活性化を目的に活動する団体です。
セミナーや「Web Solution Design Award」の開催、そして「Webアナリスト検定®」および、ほかに2つの職能検定を行っております。
タイムテーブル
2013年8月3日 時点で最新のものです。変更の可能性があります。
- タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します。
- 10分程度、延長する可能性があります。
- 適宜休憩をはさみながら進行します。
| 時間 | 講演 | 出演者 |
|---|---|---|
| 12:40 | 開場 | |
| 13:00 | オープニング | |
| 13:10 | キーノート：HTML5が拓く未来 〜HTML5との正しいつきあい方〜 |
羽田野 太巳 （futomi/ニューフォリア） |
| 13:55 | 休憩 | |
| 14:05 | HTML5マークアップの基本 | 益子貴寛（サイバーガーデン） |
| 14:50 | 休憩 | |
| 15:05 | マルチデバイス対応とCSS3、 レスポンシブWebデザイン |
鷹野 雅弘（スイッチ） |
| 15:50 | 休憩 | |
| 16:00 | スマートデバイス時代に考える Webサービスのあり方 |
中川 直樹（アンティ・ファクトリー） |
| 16:45 | 休憩 | |
| 16:55 | HTML5とマイクロソフト | 春日井 良隆（日本マイクロソフト） |
| 17:55 | エンディング | |
| 18:00 | 終了 |
FAQ
開催に関して
- 当日の配布資料はありますか？
- ほかのCSS Niteと同様、基本的にありません。スライドなどは、開催終了後にダウンロードいただけるようにご案内します。セミナー中に撮影いただいたり、録音いただき、個人として利用されることはOKです。ただし、撮影時に音が出る機器（携帯電話など）はご遠慮ください。
- パソコンを持参した方がいいですか？
- いいえ、必要ありません。パソコンを持ち込んでいただくのは結構ですが、電源は十分にありません。まわりの方と分け合ってご利用ください。
なお、「隣に座った方の、キーボードのタイピング音がうるさくて気が散る」といった苦情を最近よくいただきます。ご配慮をお願いします。 - 無線LANなどの環境はありますか？
若干のご準備はいたしますが、申し訳ありません。今回、無線LANのご用意はありません。基本的にはご自身でご用意ください。- Twitterで実況中継してもいいですか？
- はい、どうぞ。ハッシュタグは「#cssnite_nagasaki1」です。なお、場合によっては、守秘義務に関する内容があります。講演者から指示があった場合、そちらは避けていただけますようお願いいたします。
- Ustreamで中継してもいいですか？
- こちらはご容赦ください（=NGです）。主催者サイドでUstream配信する予定はありません。
- 諸事情により参加できなくなりました。
- 下記のキャンセルポリシーをご一読の上、キャンセルフォームからご連絡ください。
キャンセルポリシー
決済後のキャンセルについては、下記のポリシーにて行わせていただきます。
| 3日前まで | 500円を除いて返金 （フォローアップなし） |
|---|---|
| 前々日、 前日、 当日 |
返金なし（フォローアップあり） |
参加費のキャンセル返金に関して
- キャンセルポリシーをご一読の上、キャンセルフォームからご連絡ください。
- 返金処理は、お申し出から1週間以内に実行します。
関連情報
バナー
ブログやサイトにバナーを掲載いただければ幸いです。ソースコードのままご利用ください。
（幅200ピクセル×高さ200ピクセル）
発言の最後に半角スペース＋「#cssnite_nagasaki1」を入れてツイートしていただくと「#cssnite_nagasaki1」に自動的にリンクが張られて、CSS Nite in NAGASAKI, Vol.1 with Microsoft「HTML5+CSS3 Web Camp 2013」関連の発言を参照することができます。
中継や覚え書きなどにご利用ください。
