2009.10.31
国立オリンピック記念青少年総合センターに、F-siteのセミナーを受講しに行ってきた。ActionScriptに精通した講師3人が、それぞれの得意分野で発表するとあって、これは見逃せないと思い即予約していたものだ。案の定申し込みが殺到し、大部屋に移されたとのことだが、会場に集まった人数の多さにFlash界隈の活気も感じることができた。
http://f-site.org/
● DEMO 1 吉川佳一 「ActionScriptでつくるActionScriptエディター」
http://b-o-w.jp/
最初は吉川さんのASで作ったASエディターの話。やっぱり変態だ（褒め言葉）。Adobe FlashのASエディターがボロクソ言われてて笑う。変なインデント、僕も凄く気になって使わなくなった。自動整形がかなりひどかったなぁ。
エディターにおいて、文字列の差分を抽出して処理することでカラーリングやコンパイルなどを軽くしている話はとても参考になった。step処理は自分も何かでやってみたい。AIRアプリ化することでOSなんかを選ばないというのは、自社ツールを作る上でもメリットだなぁと思った。
最後の方に登場した3Dエディター（背景はもちろん宇宙）は最高！ ぜひAdobe公式になってほしい。
● DEMO 2 阿部貴弘 「フレームワーク”の”作り方」
http://progression.jp/ja/
次は阿部さんのProgression開発時の経験を元にしたフレームワークの作り方の話。
共有ライブラリの管理を楽に行うため、COLEXを用い、AS3をjsflとしてバッチ処理しているとのこと。ここまでやらないとプロジェクト管理はしんどいらしい。普段Progressionにお世話になっているだけに、何か恩返ししたい気持ちになった。
● DEMO 3 Saqoosha 「サイトを作るツールを作るでござる、の巻。」
http://saqoosha.net/
最後はSaqooshaさんのサイト制作時に利用する自社ツールの話。Katamariのサイトはどれも工夫されていて好きだけど、裏側で作られているツールもとても興味深く、楽しく話を聴くことができた。
kyuconさんのQ-BLOCKが登場するより前に、社内ツールで既に3Dエディターを作ってたのは本当に凄いと思う。3DデータPNGの処理が重いので独自にバイナリ化。公開コンテンツでそのまま使うには重すぎるので、ビットマップ化したものも併用。それでも重いのでキャッシュ作成ツールまで作るなどなど、本当にすごい。
http://kyucon.com/qblock/
「東京リアルレポート!」用のGoogle Mapsデータを作成するAIRマップエディターもよく出来ていた。サイトを作りながらツールもアップデートしているそう。あくまで社内向けなのでバグは気にせず、どんどん作るスタイルのようだった。
http://tokyobookmark.net/feature/real_report/
オープンソースの利用も積極的なようで、Flashで自由にツールを作る楽しさが伝わってきた。今Perlとかで作ってる自分用ツールなんかも今後はAIRにしようかなと思う。
2009.10.06
2009.09.12
株式会社ビープラウド主催の勉強会「Desinger×Engineer勉強会#2」でスピーカーを担当させていただいた。
http://atnd.org/events/1313
今回テーマはFlashということだったので、Flashの歴史を振り返ることでバージョンごとの違いを明らかにし、Flashプログラミングの特長、懸念される問題点、現在どのような制作方法があるかなどについて述べてみた。当日利用したスライドの主要な部分はこちら。
http://www.concorde.gr.jp/~tatzuro/slide/20090911/
せっかくFlashの勉強会なので、参加者の方とFlashを使って面白いコミュニケーションが出来たらいいなと思い、trick7氏制作の「パパパコメント」を利用させていただいた。うまくいくか心配だったが、参加してくれたみなさんが面白がってコメントしてくれたので、ニコニコ動画のようなインタラクティブ感が演出できて本当に良かった。このプレゼンのために少しアプリに手を入れてくださったtrick7氏には非常に感謝している。
http://c.papapam.com/
スライドの内容に関しては、自分の知識や記憶をベースに、AdobeのサイトやWikipediaを参照しながら組み立てたため、勘違いや間違いもあるかと思われる。以下に原稿を掲載するので、何かお気づきのことがあればご指摘いただけると嬉しい。
» 続きを読む «
2009.08.14
3Dお絵かきWebサービス「Q-BLOCK」がすばらしい。インターフェイスがとても直感的で、さわってて本当に気持ちいい。EDITモードでブロックを追加したり削ったりが楽しすぎる。
http://kyucon.com/qblock/
まだ作品は少ないけど、トロとかマリオはいた。ファミコン世代にはたまらんものがある。
http://kyucon.com/qblock/?75
http://kyucon.com/qblock/?49
2009.08.03
2009.07.11
Flashプラグイン関係のチェックをするときに重宝するのが「KewBee Plugin Switcher」。メモったつもりで忘れていたので、改めて書いておく。
http://www.pluginswitcher.de/
もともと各ブラウザやIDEのプラグイン入れ替えが便利なソフトだが、Flash Player 10もサポートされて利便性が増している。Flash開発者なら入れておいて損は無いだろう。
ただ、Flash Developのときにも思ったけど、こういうのはAdobeが出すべきだよなぁ。
2009.06.16
6/12に開催された「extends Progression 拡張機能コンテスト 授賞式」を同僚と見に行ってきた。会場としてMTLの打ち合わせスペースが使われていたのだが、あまりの居心地のいい空間に思わず嫉妬。さすがリクルートだなぁ。
受賞作品の中でも、思わず声が出てしまったのがclockmaker氏の「AutoSitemap」。Progressionならではという拡張機能であり、なおかつFlashで作られたサイトの弱点を補完し、しかも製作者の負担が少ない。すばらしい作品だと思った。
http://extends.progression.jp/
http://mtl.recruit.co.jp/blog/2009/06/extends_progression_1.html
2009.04.17
2009.04.10
自社サイトのポートフォリオを手作業で更新していたのだが、あまりにも効率が悪く、UIやSEOの観点からもリニューアルしたほうが好ましいと考えたので、CMSを導入することとした。
当初はMovableTypeにしようかと思っていたのだが、Googleトレンドなどを考慮すると、ここらでWordPressを研究しておく必要があると考え、まずはヘテムルにインストールしてみた。
http://www.google.co.jp/trends?q=movable+type%2Cwordpress&ctab=0&geo=all&date=all&sort=0
http://ja.wordpress.org/
使ってみた感想としては、非常にいい感じだ。基本的に全てのページが動的生成なのでMTのように再構築を待つ必要がなく、管理ツールも洗練されておりプラグインの追加やアップデートはFTP不要で簡単に行える。WYSIWYGエディタの機能、カテゴリ・タグ管理も申し分なく、MTと違ってページという概念があるのも好感触だった。
以下はポートフォリオで導入したプラグイン。インストールするだけで、これだけの機能が使えるのは本当に驚きだ。
●Akismet（WordPress日本語版に同梱）
コメントスパムチェック。
●WP Multibyte Patch（WordPress日本語版に同梱）
WordPress のマルチバイト文字の取り扱いに関する不具合の累積的修正と強化。
●Contact Form 7
http://wordpress.org/extend/plugins/contact-form-7/
複数のコンタクトフォームを管理。フォームとメールの内容を簡単なマークアップでカスタマイズ可能。
●Simple Tags
http://wordpress.org/extend/plugins/simple-tags/
快適タグ入力＆関連記事表示。
●All in One SEO Pack
http://wordpress.org/extend/plugins/all-in-one-seo-pack/
SEO対策に詳しく無くても設定画面で各項目に入力するだけの簡単操作で一通りのSEO対策が出来る。
●Google Analytics for WordPress
http://yoast.com/wordpress/google-analytics/
Google Analyticsのコードを自動挿入。
●Google XML Sitemaps
http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/
XML準拠のサイトマップを生成して公開してくれる。
●Link Indication
http://sw-guide.de/wordpress/plugins/link-indication-plugin/
リンク先のドメイン・拡張子を判別し、aタグにclass属性を付加したり、外部リンクにtarget=”_blank”を付加できる。
●WordPress Database Backup
http://www.ilfilosofo.com/blog/wp-db-backup
スケジュールを組んでデータベースを自動的にバックアップし、メールで送信可能。
●WP lightbox 2
http://zeo.unic.net.my/notes/lightbox2-for-wordpress/
記事内の画像へのリンクにLightboxが自動適用。
●Ktai Style
http://wppluginsj.sourceforge.jp/ktai_style/
日本の携帯電話対応（5キャリアおよびスマートフォン対応）。
●WPtouch iPhone Theme
http://wordpress.org/extend/plugins/wptouch/
Apple iPhone, Apple iPod touch, Google Android or Blackberry に対応。
下記は今回導入するか検討中だが、案件ベースでは使えそうだ。
●WP-PostRatings
http://www.lesterchan.net/wordpress/readme/wp-postratings.html
http://xing.xrea.jp/public/weblog/?p=592（日本語化ファイル）
星の画像を使って訪問者が記事を評価できる。
2009.04.03
ROXIK城戸さんによるAdobe MAX Japan 2009でのプレゼン。3Dの手法を2Dでもうまく取り入れており、多数のムービークリップを制御する際などの参考になる。実演時に日本語メソッドを使うなど、解りやすさを重視した説明には感心した。長いけど最後まで見る価値はある。
http://jp.max.adobe.com/player.html?2-10
過去の作品や資料はこちら。
http://roxik.com/