ホーム > タグ > セミナー

セミナー

「HYPE Frameworkで創造力を加速する」に参加してきました。

先月FITC 2010 Tokyoのワークショップである「HYPE Frameworkで創造力を加速する」参加してきました。
主に配布されたサンプルをもとに進んでいったので、メモはぶつ切りですが備忘録までに。

HYPE frameworkとは

HYPE Frameworkは、ActionScript 3を土台にして築かれた、創造的なコーディングフレームワークです。HYPEの主なゴールは、FlashとActionScriptの入門者が、プログラムの方法を学びながら、創造的に遊び、自らを表現できるようにすることです。

まあHYPE使うと、難しいことも簡単にできちゃうよということです。

サンプル

ObjectPool
例えばステージの左から右に消えていくムービークリップをそのままにせずに、ステージから消えたらきちんと消す?みたいな。
概念は理解できていないですが、無限に増えていくオブジェクトをステージから消えても何も処理しないと徐々に動作がもっさりしてくるとか。
addClassの引数に数を指定することで、優先させることが可能だったり。
GridLayout
グリットに沿ってオブジェクトを配置する。
ShapeLayout
シェイプに沿ってオブジェクトを配置する。
円とか、文字とか。
Colorに関して
  • 写真の色が欲しい場合は、photoshopでgifで32bitディザリングなしで書き出し、flashの色見本でgif画像を読み込み色を増やす
  • 色に関してはcoloPoolを使える
  • bitmapデータをリンケージすることで、色を抽出する
  • pixelColorListの引数は3つ(画像のインスタンス名、横位置、縦位置)
  • swfをイラレに持っていく場合は、swfを右クリックでprint、そしてポストスクリプトとして保存をする ※macのみ

    windowsではacrobatを使用して、pdf化→イラレ
  • HYPEの次期バージョンではalphaやグラデーションも付けて書き出せるようになるかも
  • cs5からFXGに対応(イラレ⇆flashという作業がやりやすくなる)
BitmapCanvas
ベクターをビットマップへ。
ベクターデータよりもビットマップデータを動かす方が1.5~1.75倍早いらしい。
あと、Progressionが早いのはピクセル表現されていてflashはベクターなので、ということらしいです。
SoundAnalyzer
読み込ませている音に反応してオブジェクトを動かしたり。
個人的に一番おっと思ったモノで、方法もHYPEなら簡単でした。

その他に、

  • flashは3600×3600までのステージサイズが限界だが、hypeは越えた場合は分割してくれる
    →ピクセル近似がハイクオリティなので劣化
    →ベクターをピクセルに保管しているので、拡大しても汚くならない?
    →pngのmaxが12万ピクセルなので、それ以上の数値でする場合にはクラッシュする
  • 次期バージョンではシステムズという概念と、マイクからの入力に対応するsoundanalyzerが追加されるとか
丸一日のワークショップだったので他にもたくさん学びました。
本当に全くActionScriptかじりたてなので、付いていけなかった場面もありましたが、ますますFlashでモノ作りしたいという思いが強まったので参加して良かったです。

「規格の策定者が解説する JIS X 8341-3:2010」と「HTML5に備えよう:DOMの超基本」に参加してきました。

先日参加してきた2つのセミナーに参加してきました。

規格の策定者が解説する JIS X 8341-3:2010

はじめに、概要やJIS X 8341-3:2004との変更点などが紹介されました。WCAG2.0の内容を含んでいる点がポイントだったのかなと思います。

実装方法や試験方法に関しては、当たり前ですがJIS X 8341-3:2010の理解が大前提みたいです。ただJIS X 8341-3:2010のみだと詳しい内容や実装方法が記載されていないので、Understanding WCAG 2.0日本語訳Techniques for WCAG 2.0 日本語訳も合わせて読む必要があります。

今社内でチェックリストや簡単なガイドラインを作成しようとしていて、まずは内容の理解なんですが、表現が曖昧なところがあり判断に迷うことが結構あります。ただ今年中には形になるようにもっていきたいのでがんばります。

HTML5に備えよう:DOM(Document Object Model)の超基本

■DOMとは?

メモったことをずらずらと。
  • JavaScriptを使ってHTMLの中身をダイナミックに編集することができる
  • イベント(マウスをクリックしたり)をどうするか
  • スタイルを操作することが可能←今回は説明なし
  • いろんなプログラム言語でもDOMに対応(準拠)していれば、書き方が同じである(getElementsByTagNameなど)
  • HTML5の仕様書はDOMを知った上で書かれている、DOMの上に成り立っている
  • HTML5(HTML)標準では改行またはインデントもノードとして存在する

    ※IE8以前ではホワイト・スペースというノードが存在しない

  • DOMアクセサー、複数ある場合(TagName、ByName、ClassName)はgetElementsとsが付く
  • Selectors API
    • CSSセレクターを使用したアクセサー
    • IE7以前でなければ実装されている
    • Allを付けたり付けなかったりで、細かくタグを指定できる。

■イベント

  • イベントフェーズ
  • イベントの伝搬
    • 内包したdivに設定していても、まずhtmlが押されたと認識して下に伝わっていくイメージとなる
    • キャプチャ、ターゲット、バブリングと3つのフェーズが存在する
    • 実際はバブリングフェーズが多い
    • 最後をfalseにするとバブリングフェーズで、trueだとターゲットフェーズで
    • コールバック
  • IE8以前はキャプチャーフェーズを実装していなくバブリングフェーズでしか引き抜けなかった、ので
    全ブラウザに対応するとすればバブリングフェーズを使用することが多かった

■プログレッシブ・エンハンスメント

  • 概念の分離
    • JavaScript側でCSSのプロパティを編集するのはあまりよくない(BehaviorとPresentationの混在)

      スタイルはあくまでスタイルで編集するという風にした方が良いので、JavaScript側ではclassを変えるみたいな

  • あくまでもJavaScriptは脇役という考え

そもそもDOMというものを全く理解していなかったんですが、初心者向けということもあってとてもわかりやすく、DOMに対して興味が湧きました。

「大重美幸のActionScript 3.0入門 CS4 集中特訓」に行ってきました。

先日、急に時間に余裕ができたので行ってきました。

内容はタイトルの通り、入門なんですが想像よりちょっとレベルが高くて、頭は常にフル回転でした。でも少し高くて良かったです。できなかったことができたときの快感があるので。

セミナーを1、2日行っただけで何もかもできるようになるなんてことは当然ないですが、今回の収穫としては、ActionScript3.0でできることがわかったことと、自分と同じくらいモチベーションが高い人と接することでいい刺激になったこと、客観的に自分が今いる位置をなんとなく把握できた、の3点でした。参加して本当に良かったと思います。

来月ぐらいには、中級講座でまた大重さんにお世話になれるようにActionScript好きになりたいです。

そういえばWISH2009行きたかったですが、当日欠席しました。行きたかったー!!!

「Yahoo! JAPAN × ロクナナワークショップ クリエイティブカレッジ」に行ってきました。

昨日、「Yahoo! JAPAN × ロクナナワークショップ クリエイティブカレッジ」を受けに渋谷までダッシュで向かいました。渋谷はとても暑くて汗ダラダラで…。
受けたセッションは二つ。

17:00からの
■コミュニケーション コンテンツ セッション みんなの携帯で大型ビジョンをリアルタイム共有!

と、18:30からの
■インスピレーション セッション クリエイティブアワードを獲れる5つ(くらい)の方法

全文を読む

資生堂やソフトバンクの広告に関する歴史がわかる「宣伝部物語」

sendenbu1
通勤時間を使って読んだのですが、内容が面白くあっという間に読み終えてしまいました。

全文を読む

Home > Tags > セミナー

最近の読書本
gremz
etc
あわせて読みたいブログパーツ
無料アクセス解析
フィードメーター - 新米デザイナーの日報|design tracks
track feed
ブログランキング・にほんブログ村へ