セミナー

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

はじめに、概要や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に対して興味が湧きました。