Web講座

野中文雄のHTML5 + CreateJSによるリッチコンテンツ作成講座

HTML5とCreateJSでFlashのようなインタラクティブコンテンツを作成する技術を学ぶ注目の講座!

CreateJS Suiteは HTML5の技術にもとづく、JavaScriptの統合ライブラリです。 これまでFlashで実現されていたようなインタラクティブなリッチコンテンツをつくることができます。
本講座では、CreateJSライブラリを用いて、簡単な描画から始め、トゥイーンアニメーションやマウスインタラクション、外部画像の読込み方などを解説します。JavaScriptの基礎を学んだ方が対象となります。

概要

講義時間 10:30~17:00 (昼休憩60分) 5.5時間×1日間
受講料 20,000円+消費税 (教材費込) 優待制度もございます。
難易度 ★★★☆☆初級 前提スキルをご確認ください。

※2014年4月の消費税率変更と受講料について

人気の書籍付き講習!著者から直接指導が受けられます!

WebクリエイターのためのCreateJSスタイルブック」(マイナビ刊)をテキストに採用し、著者である野中文雄がみずから指導する「著者直伝講座」です。
書籍代は受講料に含まれています。

詳しくは講座開催要項へ

カリキュラム

Canvasに図形を描く
canvas要素を定める/CanvasにJavaScriptで矩形を描く/塗り色を定める
EaselJSで図形を描く
Stageオブジェクトをつくる/Shapeオブジェクトに描画する
EaselJSで描いた星形を回す
星形を描く/EaselJSによるアニメーション
TweenJSでインスタンスにトゥイーンアニメーションを加える
簡単なトゥイーンアニメーション/複数のトゥイーンを組合わせる
EaselJSで描いた星形を回す
星形を描く/EaselJSによるアニメーション
EaselJSで描いた星形を回す
星形を描く/EaselJSによるアニメーション

到達目標

  • Web制作を始めるにあたり、整えておくべき制作環境を理解する
  • Web標準、ユーザビリティ、アクセシビリティ、文章表現等、Webを制作する上で留意すべき基本的なポイントを理解する

担当講師のコメント

CreateJS Suiteでアニメーションやインタラクションといった中心的な役割のライブラリとなるEaselJSを基本として、トゥイーンアニメーションのTweenJS、外部データの読込みを待つPreloadJSなどについて、サンプルをつくりながら学んでいきます。
HTML5のCanvasだけでつくると面倒なアニメーションやマウス操作とのインタラクティブな動きが、CreateJSを用いると少ない行数でスクリプティングできます。 JavaScriptの文法的な解説も、必要に応じて加えます。

(野中文雄)

受講前提スキル

下記に該当する方を対象とした講座です。ご確認ください。
※スキル不足と思われる方は、JavaScriptベーシックトレーニングからの受講をお勧めします

  • JavaScriptの基礎知識がある方

講座開催要項

※2014年4月の消費税率変更と受講料について

講義時間 10:30~17:00 5.5時間×1日間
受講料 20,000円+消費税 (教材費込)受講料優待制度もございます。
難易度 ★★★☆☆初級 前提スキルをご確認ください。
募集人数 10名 (最少開講人数:3名)
担当講師 野中 文雄(のなか ふみお)
テキスト WebクリエイターのためのCreateJSスタイルブック
マイナビ刊 B5変型判 368ページ 定価3,129円
※本テキストをすでにお持ちの方へは、次回の講座お申し込みに使用できる2000円分の割引券を差し上げますので、お申し込み時にお申し出下さい。
受講OS Windows 7/Mac OS X (お申し込み時に選択)
使用ソフト Adobe Dreamweaver CC(アドビ ドリームウィーバー CC):エディタ
Firefox(ファイアーフォックス):Webブラウザ
※その他類似製品、旧バージョンをご利用の方も受講いただけます。
持ち物 ノート、筆記用具
データ持ち帰り希望の方は、保存用メディア(CD-R、USBメモリなど)
その他 お申込み前にご来場時のお願いをご確認ください。

HTML5 + CreateJSによるリッチコンテンツ作成講座:開催日

本講座は、現在企業向け講習のみの対応で、常設講座としての開催予定はございません。

*1:申し込みがまだ開講最少人数に達していません。最終開講確定日は、開催日の5営業日前となります。

*2:満席に達しています。クリックするとキャンセル待ちフォームへ移動します。3席以上のキャンセル待ちで追加開講の調整をさせていただきます。

  • 3名様以上まとめてのお申し込みで、日程外講習を開催することも可能です
  • 全国対応の出張・訪問研修も可能です 詳しくは企業向け講習をご覧ください
  • 上記日程で都合がつかない、土日に開講してもらいたいという方のために、開講リクエストを承ります

お申込みはこちら

関連講座

ご来場時のお願い

  • 受付開始は10:00~となります。講義開始5分前までに受付をお済ませください。
  • 遅刻する場合は、必ず事前にご連絡ください。
  • 駐車場・駐輪場の用意はございません。公共の交通機関をご利用ください。
  • 会場内は全面禁煙です。喫煙される方は、携帯灰皿の持参にご協力ください。
  • 教室内の空調が寒く感じられる方へは膝かけをご用意しておりますが、数に限りがございます。冷房が苦手な方は、上着を持参くださるようお願い申し上げます。
  • 受講者様へのお電話の取り次ぎは休憩時間のみとさせていただきます。

開講日カレンダー

Web講座一覧

Web基礎
Web業務ベーシックトレーニング~必須基礎知識編
Web業務ベーシックトレーニング~HTMLマークアップ編
HTML+CSS
Web業務ベーシックトレーニング~CSS編
HTML+CSS実践トレーニング
HTML+CSSプロフェッショナルテクニック
CSS3
CSS3アニメーションでつくるインターフェイス表現
Adobe Fireworks
Fireworksで学ぶWebデザインの基礎
Adobe Dreamweaver
Dreamweaverベーシックトレーニング
Dreamweaverアドバンストレーニング
HTML5
HTML5 + CreateJSによるリッチコンテンツ作成講座
Javascript
JavaScriptベーシックトレーニング
WordPress
WordPressベーシックトレーニング
WordPressアドバンストレーニング
Adobe Flash
Flashベーシックトレーニング
Adobe Flash ActionScript
ActionScriptベーシックトレーニング(ActionScript 3.0対応)
基礎から学ぶActionScript 3.0