HTML、CSS、JavaScriptといった技術の進歩によって、Webにおけるアニメーションを取り巻く状況は目まぐるしく変化しています。本講義ではWebサイト上のアニメーション活用事例や、実装方法などを交えながら、Webアニメーションの「今」と「これから」についてお話します。

【講演者プロフィール】美術大学にて情報デザインを学び、卒業後ヤフー株式会社へ入社。
学生の頃からウェブの技術に興味があり、HTML/CSS/JavaScriptを駆使したインタラクティブな実装を得意とする。 現在はデザイナーとエンジニアの領域にとらわれず、ヤフー検索のUI/UXの向上に取り組んでいる。

HTML5でゲーム開発というと難しく感じる方もいらっしゃると思いますが、本講義ではどのようなツールや技術を使って開発がされているのか、その裏側をこれまでの歴史から優しく解説いたします。
ゲームは様々なHTML5の機能を必要とします。そのためHTML5は何となくわかってきたけど次のステップに進みたいといったスキルアップにも最適です。
またjQueryがある程度使える方なら、かんたんなゲームであればそれほど時間をかけずに作れますので受講後にぜひご自宅で挑戦してみてください！
※本講義では本格的なプログラミングの知識や、ゲーム開発についての事前知識がなくてもご理解いただけます。

【講演者プロフィール】リクルート、まぐまぐを経て起業、その後スクウェア・エニックス社にていち早くソーシャルアプリの開発に携わる。現在はフリーランスとしてゲーム開発に携わる一方で、日本工学院八王子専門学校でゲームクリエイター科の非常勤講師も務める。

就職活動をしたいクリエイターやエンジニアを対象に、ポートフォリオの種類や制作ツールのご紹介をします。HTML5を活用した具体的な制作事例を見ながら、動画やアプリの制作スキルをアピールできる最新ポートフォリオ事情のお話をします。

【講演者プロフィール】ＩＴ・Ｗｅｂ、映像等ビジュアルデザインやＶＲ・ゲーム開発に携わりながら、職業訓練校、大学、専門学校で就職支援講座や制作技術を指導してきました。多くの転職希望者・学生の業界就職をサポートしてきたノウハウ・実績から、実践的な就職作品の制作方法、プレゼン方法をアドバイスしています。

企業システムでも、業務の効率化や新しいビジネス価値創出の手段として、HTML5技術が活用されてきています。しかし、実際に開発するとなると、開発環境やテスト、アーキテクチャ設計、パフォーマンスなど考慮すべきことは多岐にわたります。
当社は、お客様企業のビジネスに貢献し、様々な企業システムへのHTML5適用に携わってきました。 また、その中で得た知見をもとに、企業Webシステム開発プラットフォームであるhifiveを開発し、OSSとして公開しています。
今回は、表現力は勿論、デバッグやパフォーマンス対策など企業システム開発に役立つHTML5の機能をご紹介し、これらによってどのようなシステムが作れるようになるのか、事例や経験を踏まえてご紹介します。

【講演者プロフィール】2012年新日鉄住金ソリューションズ株式会社（当時は新日鉄ソリューションズ株式会社）に入社。研究開発部門に所属し開発現場の生産性向上を目的とした研究開発を行うとともに、案件ではWebアプリケーションを中心にアーキテクトを担当。当社開発のHTML5プラットフォーム「hifive」の高機能UI部品等の開発にも携わる。

リアルタイムストリーミングメディアをHTMLで扱うWebRTCを利用し、「テレコミュニケーション連携」「HTML5でマルチメディア連携」をデモを通して簡単に紹介する予定です。
サーバ間通信に利用するWebSocket/Server-Sent Events、ブラウザ上に図形を描画するHTML5 Canvas APIなどを例に、HTML5 Level2試験範囲についても合わせて触れる予定です。

【講演者プロフィール】HTML5関連技術を利用した開発(CSS3/WebRTC)、テレコム開発(SIP/PBX)。スマートフォンクライアントアプリやWebアプリケーション開発などを行う。
HTML5プロフェッショナル認定試験 レベル2 対策テキスト 問題集(株式会社マイナビ出版)を執筆。HTML5 Professinal レベル2取得。

CSS3の実装が進み、JavaScriptを使わなくても、インタラクティブなアニメーションが表現できるようになりました。また、JavaScriptのライブラリでCanvasを用いれば、ダイナミックなモーショングラフィックスがつくれます。小さな作例をいくつか採り上げながら、表現のポイントや組み立て方を解説します。魅力的な動きが、数学的な考え方により、簡単な四則演算で表される例もご紹介する予定です。

【講演者プロフィール】テクニカルライター, ソフトウェアトレーナー, フロントエンドエンジニア 1961年生まれ。東京都出身。上智大学法学部卒。慶応義塾大学大学院経営管理研究科修士課程修了(MBA)。独立系パソコン販売会社で総務・人事、企 画、外資系企業担当営業などに携わる。その後、コンテンツ制作会社に転職し、ソフトウェアトレーニング、コンテンツ制作などの業務を担当する。2001 年11月に独立。株式会社ロクナナ取締役(非常勤)。webフロントエンド周りの開発を中心に、セミナーや講習、解説の執筆などに力を注ぐ。
主な著書に『ActionScript 3.0プロフェッショナルガイド 』（毎日コミュニケーションズ)、『ActionScript 3.0による三次元表現ガイドブック』（同）、『ActionScript 3.0パフォーマンスチューニング』（技術評論社）、『WebクリエイターのためのCreateJSスタイルブック』（マイナビ）ほか多数。Adobe Community Professional。
参考：http://www.FumioNonaka.com

スマートフォンやタブレットの登場以降、Webサイトのレスポンシブ対応はますます重要になっています。
本セッションでは、レスポンシブサイトを制作する上で役に立つグリッドレイアウトについて、floatプロパティを使った往年の手法から、CSS3のflexボックスを使ったフルードグリッドまでを、実演を交えながら紹介いたします。

【講演者プロフィール】Flashエンジニアとして数多くのキャンペーンサイトを作成した後、2014年、株式会社フォークにフロントエンドエンジニアとして入社。
現在はWebインテグレーションユニットにて、主に企業サイト構築におけるフロント周りの技術選定や実装を担当しながら、若手エンジニアに対する技術指導も行っている。HTML5 Professinal レベル2取得。

未来を見据えたエンジニアになるためには、Webアーキテクチャを支える技術の現在と未来の動向の把握することはとても重要なものです。ここでは、Web技術の動向を中心に、アーキテクチャ、ネイティブ技術やハイブリッドアプリ実装など他の実装プラットフォームも交え雑多な話をします

【講演者プロフィール】エンタープライズ業界にWebを広めるべく日々奮闘している。COBOLでの生産管理システム/会計システムから始まり、Oracle Databaseを用いた物流システムのDB設計&実装、Javaフレームワーク開発・導入、品質管理システムの開発、ERPパッケージ導入など幅広く経験し、現在はWebの魅力に取り憑かれ、html5jやAngular Japan User Group.などコミュニティ活動を積極的に行っている。

オープンソースカンファレンスに参加し、Webの魅力を伝えるべく全国行脚実施中。