今日のポイント

携帯電話のほとんどが，Flash Liteのバージョンアップができない。

Flash Lite 1.1まではActionScriotのバージョンが古く，複雑なコンテンツの制作は難しい

画面サイズ，入力デバイス，処理能力を考慮してインタラクティビティやデザインを計画する必要がある

Flash Lite

バージョンとしては上記のほかに，BREWプラットフォームで動作するFlash Lite 2.1 for BEWと，Flash Lite 2.1 for Windows Mobile 5.0が存在する（2007年時点）。

Flash Liteの制作

デザインの面では，データ容量の制限，通信速度，端末の処理能力を考慮して，複雑なパス，アニメーション，アルファの使用を抑える。音声は，デバイスに依存しており，様々な機種に対応するために異なる音声形式のデータを用意するなどの手間がかかる。

今日のポイント

Flashに標準で用意されている外部テキスト入力のフォーマットはURLエンコードされた変数の形式が使われている。

Flashでは，XMLを読み込んでデータを解析し動的に処理できる。

Flashは，GETもしくはPOSTメソッドでサーバーにデータを送信し，返り値を受け取ることができる。

Flashとサーバーの連携で可能になること

Flashの標準出力形式－SWFは，画像やデータなどがまとまったパッケージで構成されており，新しく情報をFlash内に取り込む場合は外部テキストより取得することが必要である。

Flashとサーバー間の通信データ形式

Flashとサーバーとの連携で多く利用されているのがPOST形式やGET形式を使ったテキスト形式でのデータ送受信である。

その他の通信方法

FLASHでは，URL円コーディングされた変数の書式やXML以外にも，プログラミング次第で様々な形式を読み込むことが可能。

サーバー連携で制作が可能になるコンテンツ

現在，Flashとサーバーが連動したコンテンツとして，不動産のエリアナビゲーションや格安航空券チケットの購入手続きなど，ユーザー主導で直感的に検索を行いたいリサーチタイプのコンテンツや，アンケートやクイズなどエンターテインメント性の高いコンテンツが浸透している。

サーバー連動型Flashの仕組み

多くのコンテンツがXML形式を採用している理由のひとつに文法が厳格であるため，エラーをチェックしやすいことが挙げられる。

今日のポイント

Flashに限らず，UIの設計は，既存ユーザーの習慣を踏まえたものが望ましい。

ボタンは，マウスでの操作が中心となるFlash上で展開されるナビゲーションの基本概念である

Flashを使った複雑な画面遷移を伴うGUIは，スクリプトを使って実現される。

Flashによるユーザーインターフェイスの基本

Flashは，バージョン5以降で実装されたActionScriptにより本格的なスクリプト実行環境が整い，FlashをUIとしても扱われる機会も増えてきた。

FlashのUI設計で気をつける点

Flashはクリックによるアクションがベースにあり，タッチパネルデバイスとの相性が良い。

Flash UIの用途

• サイトイメージ
• フォーム
• メディアプレーヤー

設計の際に把握しておく事柄

Adobe FlexはFlashで行うが，SWFはサーバーサイドで生成される。

Flash UIの仕組み

• ActionScript
• レイヤー
• タイムライン
• リンケージ

Flash UIの制作の効率化

Flash UIとHTMLに埋め込まれたJavaScriptと連携したり，SharedObjectに現在のUIの状態を随時記録することで，よりフレキシブルな使い勝手を実現できる。

今日のポイント

Flashの塗りは，線よりも再生パフォーマンスが高い。線は太いほど再生に負荷がかかり，パフォーマンスは下がる。

高品質なビットマップ画像やサウンドおよびビデオは，SWFに含むとファイルサイズが大きくなるため，外部から読み込むこともある。

アニメーションは複数のSWFファイルで構成することができる。長いムービーなどは分割して制作・配信を行う。

Flashアニメーションの仕様

フレームレートが高いほどスムーズにアニメーションが動くが，Web用の場合，12fls－30flsあたりが妥当。

Flashアニメーションの制作

• フレームとトゥイーン
• イメージの作画とシンボル変換
• オーサリング

Flashにおけるモーショングラフィックス

広告の分野，画面遷移や，インターフェイスの出現時にも，モーショングラフィックスがよく使われる。

モーショングラフィックスの制作手法

ActionScriptで用意されているTweenクラスで，モーショングラフィックスの制御が可能

今日のポイント

FlashはWebページ内に埋め込まれている形で表示されるが，表示できないデバイスがある点にも配慮する

Flashで使われているスクリプト言語は，JavaScriptと同様の文法を持つActionScriptである

Flashは高機能で様々なことができてしまうため，目的に合わせた使い方が重要となる

Flashの日本語処理状況

^{Flashは文字コードをUTF-8で内部処理しているため，日本語の処理が可能である。ただし，プレーヤーでのダイナミックテキストへのフォントの表示という点ではまだ英語圏に追い付いていない。ダイナミックテキストとは，処理によって内容が変化するタイプのテキストフィールドである。Flashはフォントの埋め込みが可能である。ダイナミックテキストにフォントを埋め込む場合，英字であれば数十－百文字程度のフォント情報で済む。
日本語の場合，使用頻度の高い第一水準で3,489文字であるためフォント情報だけで数MBのサイズになってしまう。多くの日本語が使用されるダイナミックテキストではデバイスフォントと呼ばれるシステムで使われているフォントを使用することが多い。}

今日のポイント

使用するチェックツールや動作確認に用いる音声読み上げソフトウェアをあらかじめ決めて統一しておく

ガイドライン各項目ごとの具体的な事例を蓄積していき，そのノウハウをWebサイトの運用者や制作者で共有する

ユーザーテストなどを通じて，できるだけ多くのユーザーの生の声を収集して，Webサイトの改善に役立てる

主なアクセシビリティのチェック（例）

（X）HTMLソースコード

CSS

アクセシビリティ・ガイドライン

コントラスト（色）

各種チェック／シュミレーション

音声読み上げ

JIS X 8341-3 第6章

6.情報アクセシビリティの確保・向上に関する全般的要件

6.1企画・制作に関する要件

^{Webコンテンツの情報アクセシビリティが容易に維持できるよう企画・制作しなければならない}

6.2保守及び運用に関する要件

^{Webコンテンツを保守及び運用するときは，情報アクセシビリティの品質を確保し，向上させなければならない}

6.3検証に関する要件

^{Webコンテンツの企画・制作を行う者は，Webコンテンツがこの規格の要件を満たしていることを検証しなければならない}

6.4フィードバックに関する要件

^{Webコンテンツの企画・制作を行う者は，利用者の意見を収集する窓口を用意し，利用者からの意見をWebコンテンツの情報アクセシビリティの確保・向上に活かさなければならない}

6.5サポートに関する要件

^{利用者とコミュニケーションが取れるよう，問い合わせ先をWebコンテンツ上の分かりやすい位置に明示しなければならない}

今日のキーワード

JIS X 8341-3 の第6章の適用

特に，ユーザーからの意見や要望を収集するための仕組み（フォーム，電話，FAX，郵送など）を提供するこが大切。また，ユーザーテストを定期的に実施するなどして，ユーザー中心設計という手法を取り入れるべきである

JIS X 8341-3 と WCAG2.0

JIS X 8341-3には，日本語特有の問題など，従来のWCAG1.0や米国リハビリテーション法508条のガイドラインにはなかった独自の項目もある。しかし，W3CのWCAGワーキンググループとの"国際協調"で，WCAG2.0にも適用される方向で進められている。

今日のポイント

JIS X 8341-3などの公的なガイドラインをベースにして，Webサイトに合わせた独自のガイドラインを作成する

ガイドラインの内容は，Webサイトの運営者やコンテンツの制作者・開発者などを中心に，関係者全員で正しく理解して共有する

Webサイト全体のアクセシビリティ確保レベルは，初期段階の基本設計および詳細設計で決まる

Flashのアクセシビリティ（例）

ポイント

1. 代替テキストを提供する
2. 画面の状況を伝える
3. 音声読み上げ順序に注意する
4. アニメーションを制御する
5. キーボードだけでも操作可能にする
6. 段階的に操作オプションを提供する
7. コンポーネントのアクセシビリティを有効にする
8. 音声にはキャプション（字幕）を提供する
9. 音声の再生を制御できるようにする
10. 注意をもって色を使用する
11. 弱視ユーザーをサポートする

^{Flashのアクセシビリティは，バージョンアップごとに向上している，常に最新情報をアドビ システムズのサイトで確認するとよい}

アドビ システムズ：アクセシビリティ リソースセンター

今日のポイント

画面上の文字情報やソースコードのテキスト情報は，合成音声や点字に変換できる
_{（ただし，画面上の文字等は除く）}

OS標準のアクセシビリティ機能で，画面拡大，白黒反転表示，スクリーン・キーボードの使用などができるほか，専用の支援技術ソフトウェアもある

マウスを使用できなくても，キーボードのみ，あるいはトラックボール，スイッチやセンサーなどの支援技術で操作できる

支援技術に関するリソース

こころリソースブック

みんなの公共サイト 運用モデル

OS標準のユーザー支援機能

マイクロソフト アクセシビリティ

アップル Mac OS X ユニバーサルアクセス

今日のポイント

JIS X 8341-3は，Webサイトの制作者・開発者だけでなく，運営者も理解すべきガイドラインである

JIS X 8341-3の「6.情報アクセシビリティの確保・向上に関する全般的要件」も理解しておくことが望ましい

海外のWebサイトでは，W3CのWCAGがデファクトスタンダードである

国際的なデファクトスタンダード「WCAG」

海外では，W3C／WAIが策定しているWCAGがデファクトスタンダードとして，世界各国で採用されている

W3Cでは，以下のガイドラインを提供している

• WCAG
• UAAG
• ATAG

JIS X 8341-3の構成

序文

1. 適用範囲
2. 引用規格
3. 定義
4. 一般的原則
5. 開発及び制作に関する個別要件
6. 情報アクセシビリティの確保・向上に関する全般的要件

• 附属書1（参考）ウェブコンテンツに関する例示
• 附属書（参考）関連規格

^{W3CのWCAGや米国リハビリテーション法508条などのガイドラインに相当するのが，「5.開発及び制作に関する個別要件」，「6.情報アクセシビリティの確保・向上に関する全般的要件」は，従来のアクセシビリティガイドラインにはなかったガイドラインである}

JIS X 8341-3の適用範囲

－高齢者・障害者および一時的に障害のある人

－"ウェブコンテンツ"とは利用者がウェブブラウザを用いて利用する情報・サービスを指す

・インターネット

・イントラネット

・ウェブ技術を用いて操作する機器

－国および自治体，公共団体のウェブは必須

－企業には自主的な取り組みが望まれる

^{JIS X 8341-3における"ウェブコンテンツ"は，インターネット上で公開されているWebサイトのコンテンツに限らず，Webブラウザで閲覧・操作できるコンテンツすべてを指す}