新米デザイナーの日報|design tracks » セミナー

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

ts — Sat, 22 Aug 2009 08:05:37 +0000

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

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

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

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

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

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

ts — Sat, 11 Jul 2009 14:56:39 +0000

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

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

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

まず、
■コミュニケーションコンテンツセッション　みんなの携帯で大型ビジョンをリアルタイム共有！
こちらは、開始10分後から聞いていました。
着いたとき、ブロジェクターには確か「helmets」というモバイルを使った参加型のサービス？の紹介がされていました。
バスキュールさんは度々モバイルとPCを連動させたwebサイトをリリースされていますが、helmetsに関してはイベント用みたいで○×ゲームを行っていました。まだまだ、自分の携帯で操作したことが、目の前のプロジェクターに反映される様は新鮮です。
他には、どうやってモバイルとPCを連動させているかという、少し技術的な話がありました。
簡単にいうと、モバイル→連動サーバー→FMS→PCという流れ。ちょっと自分には難しいお話だったんですが、早々にPCとモバイルを連動させたサービス、コンテンツを作りたいと思っていたので、FMSは勉強するべきだなと思いました。その前にFlashをできるようになるのが先決ですが。

続いては、
■インスピレーションセッション　クリエイティブアワードを獲れる5つ（くらい）の方法
話ばかりでつまらなくなりそうで怖いなと思っていたのですが、これはとても面白かったです。一緒に行った同じ会社の人もいい刺激を受けていました。
博報堂アイ・スタジオの佐野勝彦さんと電通の中村洋基さんがスピーカーで、このお二方がエッジが効いていてあっという間にセッション終了の時間になりました。
セッションの内容としては、主にアイデアの発想の仕方を各々紹介されて佐野さんは、佐野さんご自身が疑問に思ったことをとことんやってみるという内容で、

・手相は変わるというが本当か？
じゃあ毎日手相をコピー機でコピーして見ていったらどうか

・なんで満員電車が発生するのか？
メトロマップを作成して、時間ごとに電車の動きを見れば原因がわかる

他には、CBCNETの求人サイトの枠を利用して、アイちゃんへひたすら告白するFlashが流れたり、
pen webの紹介だったり。

中村さんは、
・どこでもラストガイ
これをどう広めるとというもので、サイトではURLを入力するとそのサイトがステージとなりすぐに遊ぶことができるようにしたり、ブログパーツを作成し、ブログがステージに変わったり。単純なゲームだからこそ、下手な説明をユーザーに見てもらうよりもとりあえずやらせてみる、ということだった。（この時に佐野さんがおっしゃられていたのが、難しいモノだとそれを理解したときに満足してもうやらなくなるが、簡単なモノだとハマってしまうと自分なりの楽しみ方を見つけて何度もやってしまうこともあるよね、ということでした。←何か納得！！）

・INTERNAVI REALIZATION
カーナビの機能を理解してもらうことは難しいよね、だから違う切り口で。ということから始まりGPSデータを利用して光の点で表し、それを遠い視点から見る。何かカッコいいとなる。他には、車が走る映像を音楽を使って淡々と見せるなどなど。
もとからあるリソースを使って以下に魅力的に見せるかが大事だなと感じました。

・coming soon generator
制作の現場でよくある、期限に間に合わないどうしよーという時にcomming soonを利用しちゃう。が、そのページを作るのがまた面倒だよねというときに使えるもの。
これはすげー面白い！！と思いました。会場もこのときどっと湧きましたね。
ぜひ、一度お試しを♪

他には、404ページを利用しようというもので、もしかしてこのサイトじゃない？とサイトの部分がテキストリンクになっており、ついでに見る的な役割をさせたり、相田みつをの詩が張ってあったり、いきなり松岡修造の動画が再生され「諦めるな！」と熱く語られたりどれもこれも発想と、それを実現する力が素晴らしいなと思いました。
セッション後の質問タイムもなかなか面白かったです。

正直暗いなかでのセッションで、恥ずかしながらメモを何も取っておりませんでした。（以後こんなことがないように気をつけます。）ので、もしかしたら間違っている内容もあるかもしれませんが、後日フォローメールがあるようなので、その時に修正します。

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

ts — Thu, 09 Jul 2009 14:34:24 +0000

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

簡単な内容は、資生堂、サントリー、ソフトバンクがどのような広告を作り、どのように広めていったのかが書かれていました。改めて感じたのは、自分は今までありとあらゆるデザインされたもの（webサイトはもちろん、日常使っているトイレなど）を、表面的にしか見れていなかったなと。それと、売りたいモノや、伝えたいことを考えてデザインするとなると、ターゲットや価値、用途やその商品の特徴をしっかりと理解することが大事だと感じました。
本を読んだ後は、資生堂、サントリー、ソフトバンクに対する見え方が変わりました。将来関わることができればなと思います。

昨日からモバイルサイトのコーディングをしているのですが、PCとは別物で正直頭で考えながらHTMLを書いて、CSSを…という流れがないので、物足りないです。ただテキストや絵文字を有効に使うという概念はPCにはないので、面白いのは若干あります。早いとこ終わらせないと明日のイベントに行けなくなるのでがむしゃらに頑張ります。
iPhone、いやiPod touchがすごく欲しい！

ポーケンがちょいと気になる。

ts — Sun, 05 Jul 2009 04:22:47 +0000

デジタル名刺「ポーケン」。
web系のセミナーやイベントに行くときに、紙の名刺とポーケンを持っていけば良いですね。
今は18種程度出ているそうですが、これっ！というデザインがまだ出ていないので、もう少し購入は待ちたいと思います。
早いうちにいろんなデザインのポーケンが発売されそうな気がするので。

最近イベントやセミナーに参加してなかったので、そろそろ…

ts — Mon, 15 Jun 2009 19:48:05 +0000

そろそろ何かイベントかセミナーに参加したい欲求が溜まってたところ、いくつか6/末〜7/初めあたりで良さげなのがあったので参加しようと思います。ちょっと競争率が激しいみたいなんで、是非参加できるように頑張りたいと思います！

まあそんなこんなで明日もコーディングDayなんですが、息抜きをしたいです。
「アドフェスト2009展」
これに行きたい！是非とも仕事を早く終わらせて行ってみたいと思います。といいつつ明日は会社に泊まりっぽいですが。。。

Webアクセシビリティ＠秋葉原

ts — Sun, 24 May 2009 19:10:22 +0000

Webアクセシビリティ＠秋葉原に行ってきました。
Googleストリートビューのおかげで、ほとんど行ったことがない秋葉原ですが、迷わず会場にたどり着きました。

セミナーの内容ですが、結構濃かったです。見せ方も会場にいる人だけでなく同時に動画で生中継したり、要約筆記もされていましたので、すごく良心的なセミナーだなと思いました。
それでは以下、プログラム順に内容について。

■JIS X 8341-3改正のポイント
まずはJIS改正にあたっての背景などの説明がありました。
そこでポイント、問題となって挙げられたのが、

ポイント
・JIS X 8341-1を国際提案したISO 9241-20の方向性をできるだけ取り入れる．
・WCAG 2.0の4原則，ガイドライン，達成基準と一致．その他，WCAG 2.0のnormativeもできるだけ取り入れる．
・プロセスに関する要件をさらに吟味
・適合性評価ができるようにする．できれば，WCAG 2.0と改正版JIS適合を同一にする．
・わかりやすさ，運用しやすさの向上．（でも，厳密性は保ちたい．）
・2004年度版からの移行ガイドを示す

問題
・ WCAG 2.0とどこまで一致できるか？
→ WCAG 2.0は3レベル，JISは必須と推奨．
→ WCAG 2.0のGlossaryをすべて取り込めるか？
→ WCAG 2.0の規格としての欠点，文書の欠点，曖昧さをどう補うか
→ 適合性をWCAG 2.0と完全に一致？欧州の取り組みをどう取り込むか？
・ Accessibility Supported文書を誰が作成？どうやって作成？
・WCAG 2.0の関連文書（Understanding，Techniquesなど）をどうするか？
・「（例を示す）わかりやすさ」か「厳密性」か？
・日本で適用できる達成基準であるか？
・なじみが薄い用語（ヒューリスティック，ロバスト）

この中でも制作者として気になるのが、WCAG2.0と一致している点、一致していない点と、
どこまでやればOKとされるのかである。
利用上の注意として、

・ JISはウェブコンテンツのアクセシビリティ向上のための憲法のようなもの
・達成基準の意図や具体例は「Understanding WCAG 2.0」参照．
・各達成基準を満たす具体的な実装方法は「Techniques for WCAG 2.0」が参考になる．
・ JISだけに頼らず，ユーザ（高齢者・障害者）の視点を忘れない．
・同時に，JISからかい離しない．
・ StandardはBestである必要はない．Betterであればよい．
・大事なのは，全員が同じStandardを用いること．つまみ食いや改変は駄目．

まあ要するに、書いてあることに従うことで必ずしもユーザに受け入れられる訳ではなく、
そのサイトや、コンテンツを通して重視していくものを決めていくことでより良いモノになるのかなと思いました。

■改正版JIS X 8341-3（予定）に適合した実装方法
主に制作者よりの話だったので、聞きやすく改めてなるほどと感心することが多かった。
久しぶりに植木さんを見た！！

内容は簡単にまとめると、
・「AAAに絶対する」というのはやめた方がいい（WCAG2.0でも同じことを言っている）あったらいいねという感覚でとらえる。そもそもHTMLではないFlashでは同じことが言えるかそうでもなかったりで、なので、AAをめざしAAAで可能なものは作業をするという姿勢が良いらしいです。
・すべての機能をキーボードから利用できるようにする。
などなどありました。
日本で主流になっているPC-Talkerはページ内リンクに対応してないという事実があり、まだまだJAWSなどには追いついていない箇所もありますが、これからJISが新しくなることで開発される方ががんばってくれるのではないかと期待しています。

■オープンソース・スクリーンリーダNVDA日本語版
今回のセミナーで一番聞きたかったモノです。
辻さんが事情により欠席されていたので残念だったのですが、中村さんの説明はわかりやすく、声も非常に聞き取りやすくよかったなと思いました。

内容は、NVDAの紹介と、現状と課題、今後についてでした。
NVDAとは簡単に、オープンソースのスクリーンリーダーで、すでに20カ国語以上の言語に翻訳されているらしいです。（スゲェ！！！）ちなみに言語はPythonです。今年はJAVAや、PHPを少し学ぼうと考えていたのですが、悩ましげです。

・NVDAの現状
→スクリーンリーダーとしての基本機能（音声エンジンの選択や、速度音量の調整が可能）
→優れている点（見出しを巡って読み進めることができる、音声を読み上げる内容を表示してくれるので音声エンジンがない制作者が自分が作成したサイトがどのように読まれるかの確認が可能）
→改良点（漢字変換の問題で読みはできるが書きが苦手、音声合成エンジンが付いていない）

・NVDA日本語化プロジェクトの課題
→漢字変換時の変換候補の読み上げ
→カーソル移動時、必要に応じて詳細読みをさせる機能
→NVDA日本語版パッケージに同梱できる音声合成エンジン

・NVDAの今後
→さらなる追加機能の実装（WAI-ARIA、Internet Explorer）
→OS関連の読み上げの強化（ログオン画面の読み上げ）

まだまだ課題はあるものの、現状の段階まできているスピード感を考えるとすぐに解決されそうな予感がします。
どうしてもスクリーンリーダーを購入するとなると高価であまり手が出ないとですが、NVDAが広まると助かる人がたくさんいるのではないかと思います。自分はまだfirevoxでしか検証ができていないので、windowsにインストールしてみようと思います。
今後のカテゴリーは問わず、セミナーには参加していきたいと思います。その際にはアウトプットもしっかりと行います！

WordCamp Tokyo 2009

ts — Tue, 14 Apr 2009 21:47:20 +0000

4/12(日)に東京で開催されたWordCampに行ってきました。

WordPress歴2日の自分にとっては難しい内容でした。。。
しかし、どういったことが今後できるのかなどを聞けたことで
WordPressの今後に期待でき、やる気もでてきたのでいろいろと試行錯誤してみようと思います。

以下内容です。————————————————————————————————–

■buddypress
ユーザー同士の関係を深める。
wordpress muをソーシャルネットワークのプラットフォームに変える

■Akismet
個人向けは無料で、法人向けは有料。

■その他
wordpress.org/showcaseでwordpressを利用しているサイトがわかる。

■KtaiStyle
・モバイルサイトについて
au、softbankは検索が一番上にある。
docomoは上に広告があり、中央にある。
docomoとauはgoogleと提携。

・検索表示順について
公式サイト→携帯サイト→PCサイトの順で表示

・モバイルサイトの特徴
画面が小さい
文字コードはUTF8ではなく、Shift_JIS
絵文字、半角カナ対応
キャリア毎に仕様が異なる
通信パケット料金は1MB450円～1,600円
個体機種別の判別を行う
リンクに関しては、ソフトバンク、イーモバイルは上下左右の移動が可能で、
docomo、auに関しては、上下の移動のみなので、不必要なリンクは邪魔になる。

・KtaiStyleの特徴
長い内容を自動分割してくれる
絵文字対応（表示、入力）
画像を縮小
簡易的なウェブログ機能
カスタマイズしたテンプレートの作成が可能
※パワポでQRコードをのせて参加型にするプレゼンの仕方は面白かった！！

ドコモとウィルコムは絵文字に互換性がある。ただし、デザインは多少違う。
KtaiStyleに自分のテーマを作れる←熱い！！

デメリット
多くの人に見られてしまう。
変なコメントが付くことがある
クローラがうざい（頻繁にくる）

いくつかのプラグインとKtaiStyleは相性が悪い模様

詳細は、wordpress.tvで見ることができるらしい。（mattの翻訳付きで）