開催日:

2012/7/14(Sat.)

ゲーム開発者・JS開発者・アプリ開発者向け・Webディレクター・Flashデザイナー

スマホアプリ、ゲームに必須技術!今、求められている! HTML5,CSS3,JavaScript,Canvas,WebGL
オフラインでクリエイティブコンテンツを実現

英国映画テレビ芸術アカデミー賞、プラグインメディア部門を2度に渡って受賞。
アングリーバードを30分でWebアプリケーション化する実力者が来日!

スマートフォンの普及で、ゲームやスマホアプリの分野が広がりをみせています。 これらの分野はネイティブで実現してきていることが多かったのですが、Webアプリケーション(HTML5 + JavaScript +CSS3) で実現されるようになってきました。

プラットフォームに依存してしまうネイティブ系の技術は現在のところできることが多く、今までの実績から考えても安心して開発しやすいという利点がありますが、Webアプリケーション技術はネイティブに書き出すこともできますし、 プラットフォームに依存せず開発が実現できるでの安心してリソースをかけられる分野ではあり、凄い勢いで開発されています。

ビジネス面においても、販売できる経路(プラットフォーム)が増えることはメリットです。 Flashのようなインタラクションデザインは今までの(X)HTMLではできないものでしたが、HTML5 やCSS3 , JavaScript を利用することで実現できるようになりました。そして、一般的なWebページという概念を越し、電子カルテ、デジタルサイネージなどいろいろな分野、領域に入り込んできています。

今回のDoubbbleは、世界的に注目されているセブ・リー氏を招聘し、「今、求められている技術やクリエイティブ」をご紹介いただきます。彼は3年前にWeb技術を利用し Microsoft Kinect のプロモーションとしてユーザーの動きを利用した花火CGの打ち上げを実現させた実績を持っています。同じ様に、日本でも昨年に、 デジタルサイネージのコンテストでブロンズ賞を取得した博報堂で、ビルに Tweetアイコンを表示させ花火を打ち上げるというものを作成し注目を浴びました。

このように、Web標準技術はあらゆる分野に浸透しています。今後押さえておくべきオフラインなどの技術だけでなく クリエイティブなデザインも含めご紹介いただきます。Webがさらに進化しています。時代に取り残されず、技術とクリエイティブを磨きましょう!

イベント情報のご案内です

概要

イベント名 スマホアプリ、ゲームに必須技術! 今、求められている! HTML5,CSS3,JavaScript,Canvas,WebGL,オフラインでクリエイティブコンテンツを実現
日時 2012年7月14日()13:00 〜 17:00(12:30受付開始)
会場 きゅりあんイベントホール
定員 200名(S席前列50名/普通席150名)
スピーカー
対象者
  • ゲーム開発者
  • フロント、サーバーサイドJS
  • コーダー
  • アプリ開発者
  • Webディレクター
  • Flasher
  • Flashデザイナー

こんな方に参加いただきたいです。

連動イベント 即戦力を身につけたい人には「世界トップクラスのエンジニアから教えてもらう、 世界一わかりやすい、インタラクションデザイン実現のための クリエイティブJavaScriptとCANVAS2D Webアプリケーション講座 」が15.16日に開催されます
備考
  • スクール形式(机あり)
  • 電源(席の近くのコンセントをご利用いただけますが数に限りがございます。譲り合ってご利用ください。延長コード持参をおすすめいたします。)
  • Wifiはございません。
  • 逐次通訳または文字幕で開催されます。
  • Seb Lee-Delisle氏の今回の日本国内の滞在中は Web Directions East LLC.との全て専属契約を締結しております。他のイベントでの講演を希望の方は必ず事務局までご連絡ください。
協力 Web Directions East LLC
twitter タグ #swapskills_w6 ※つぶやく時は、「半角スペース+#swapskills_w6」

ご紹介いただく内容と講演者のプロフィールです

セッション&スピーカー紹介

セッションタイトル

DESIGN IT AND BUILD IT デザインしろ、コーディングをしろ

デザインしろ、コーディングをしろ=DIBI(DESIGN IT AND BUILD IT)を一言でいうと、 「デザイン」と「コーディング」のコンビネーションと言えます。 もし、自分がどちらかに大きく傾いているのであれば、クリエイティビティを見失っていると言えます。
このセッションでは最初から最後まで、Seb Lee Delisle氏がクリエイティビティとコードの共存の最高の例をお見せします。 そして、自分のスキルの殻をやぶり新しい領域に伸ばすことは、それほど難しくないことを証明します。 デモでは、いかに簡単な JavaScript でアニメーション作成できるかをライブコーディングでお見せいたします。

写真 Seb Lee-Delisle

Seb Lee-Delisle(セブ・リー・デリスル)

  • HTML5+CSS+JavaScriptのトレーニングブランド「creative.js」の作成者、教育者/クリエイティブコーダー

現在世界で注目度No.1とも言われるエンジニアのひとりです。有名にさせたのは、技術面でなく「アイディア」も高く評価され、英国映画テレビ芸術アカデミー賞、プラグインメディア部門を2度にもわたって受賞しています。

「アップデート」というカンファレンスでは、ゲーム「アングリーバード」を30分でWebアプリケーション化させるデモを行い視聴者を驚かせました。
マイクロソフトのKinectと組み合わせた「Interactive Fireworks」では建物をキャンバス代わりに利用し、打ち上げ花火のCGを演出しました。ユーザーの動きに合わせてうち上がる花火はユーザーの興味をとても興味を引き、効果の高いプロモーションを行いました。また「Glowstick Voting」や「PixelPhones」なども人を引きつける面白い開発をしています。

HTML5+CSS+JavaScriptのトレーニングブランド「creative.js」の一部をご紹介

簡単な書き方で高度な技術(モーション/3Dなど)が実現します。

CreativeJS for non-coders from Seb Lee-Delisle on Vimeo.

セッションタイトル

CSS3で作成するインタラクティブアニメーション

スマートフォンの普及に伴いCSS3も一般的に利用されるようになりましたが、角丸などのデザインを少し変化させたものの利用に止まっているように思います。WDEの本家Web Direction Southの2010年度のオープニングタイトルが HTML+CSS+JavaScriptで作られたとたいへん話題になったのですが、その中身の60%が CSS3 での実装になります。このセッションでは、CSS3の新しい方向とインタラクティブな動きを構築するための情報を解説いたします。

写真 菊池崇

菊池 崇(きくち たかし)

株式会社Web Directions East 代表 スマートフォンサイト制作を得意とするWebクリエイター。大規模から自社プロジェクトのAndroidアプリ、iPhoneアプリ、スマートフォンサイト制作の経験から、ウェブメディアでの連載を行い、allWebクリエイター塾ではCSSの基礎からCSS3の実践を中心に解りやすいレクチャーを行う。自身では、世界最高峰イベント Web Directions の日本支部代表として活躍。 Webの可能性を信じ常に研究する事を好んでいる。食べる事も大好き。2012は、米国、豪州、イギリスの40以上のセッションへ参加してWeb技術の自己研鑽をしている。

セッションタイトル

Webアプリケーションのオフライン対応

いままでネイティブでしか利用できなかったことが、ブラウザをプラットフォームとして出来るようになりHTML5によって、Webアプリがよりネイティブアプリに近づくようになりました。その一つがオフライン機能です。このセッションではオフラインストレージがどのようにWebアプリで利用できるのかを説明していきます。

写真 吉川徹

吉川 徹(よしかわ とおる)

  • Google公認API Expert(Chrome)

Google公認API Expert(Chrome) 主にHTML5開発者コミュニティであるhtml5j.orgで活動中。 同コミュニティ主催の「HTML5とか勉強会」のスタッフを務め、HTML5の最新動向を追っている。 jQueryMobileについては、アルファ版がバージョン1の段階から研究している。 その他、Webに関する講演や記事執筆、allWebクリエイター塾ではjQuery Mobile講座を担当し講師などを行う。

セッションタイトル

WebGLを使った画像処理と3Dグラフィックス

WebGLは、ハードウェアアクセラレートされた3Dグラフィックスをブラウザで表示可能とする標準仕様で、Webアプリケーションの表現力に大きな変革をもたらすテクノロジーとして注目を集めています。このセッションでは、WebGLの現状、WebGLを使った画像処理や3Dグラフィックスの表示方法、WebGLの活用例をご紹介し、未来のWebアプリケーションの可能性を体験して頂ければと考えています。

写真 松井 健

松井 健(まつい けん)

デザインとエンジニアリング、フロントエンドとバックエンド、ソフトウェアとハードウェアといったサービス・プロダクト開発の様々な軸の両方向を手掛けるデザインテクノロジスト。iPhone/iPad, Android向けのスマートフォンアプリ開発、JavaScript, Ajax, Flash/Flexを用いたリッチアプリケーションの開発を得意とする。新しいテクノロジーを利用し、大規模な企業向けシステムからソーシャルゲームやインタラクティブな教育アプリなどを開発している。

開催される当日のスケジュールです

タイムテーブル

スケジュールは変更される場合がございます。

  • 開始時間
  • セッション内容
    出演者名
  • 時間(分)
  • 12:30
  • 受付開始
    受付後、お好きな席にお座りください。
  • 30分
  • 13:00
  • 開催のあいさつ
    主催者
  • 5分
  • 13:05
  • CSS3で作成するインタラクティブアニメーション
    菊池崇
  • 45分
  • 13:50
  • 休憩
  • 10分
  • 14:00
  • WebGLを使った画像処理と3Dグラフィックス
    松井 健
  • 45分
  • 14:45
  • 休憩
  • 10分
  • 14:55
  • Webアプリケーションのオフライン対応
    吉川徹
  • 45分
  • 15:40
  • 休憩
  • 10分
  • 15:50
  • DESIGN IT AND BUILD IT デザインしろ、コーディングをしろ
    Seb Lee Delisle(セブ・リー・デリスル)
  • 60分
  • 16:50
  • 閉会のあいさつ/当選者発表
    主催者
  • 10分

こんな方にはぜひともご参加いただきたいです

対象者

  • Webテクノロジーを利用して
  • JavaScript開発を考えている方
  • 人を魅了させるアプリ、サービスを作成されたい方
  • Webアプリ開発に携わっている方

ご参加ありがとうございました

関連記事

Page Top