2009.10.14
Flash制作に欠かせない3つのツール・独学ActionScript編
KAYACさんの_level0ブログで「Flash制作に欠かせない3つのツール」というお題でKAYAC閃光部の方々のお気に入りツールを紹介するとても素晴らしいシリーズ企画をやっているので、僭越ながら自分も便乗してみました。
1.プログラミングに適したフォント「Bitstream Vera Sans Mono」
プログラミングに使うフォントにはちょっとだけこだわっていて、色々試してきた結果、現在は「Bitstream Vera Sans Mono」に落ち着きました。
このフォントは、例えば小文字のLが独特なんですが、この形状のおかげで大文字のIや数字の1との区別をはっきりと出来てとても読みやすいです。あと、ゼロ(の中)がスラッシュではなくドットが描かれていて、これも賛否が分かれるところですが、円の中に何も描かれていないゼロよりは断然わかりやすいです。ちなみにスラッシュのゼロバージョンも存在していて自分はそちらを使っています。(下画像参照)その他にも視認性に優れた造りになっており、一度使い出すと通常のフォントには戻れなくなるほどです。
また、このフォントはプログラミング時の視認性が高いだけでなく、ライセンス的にもかなり自由度が高く(ほとんどパブリックドメイン)、このライセンスのおかげでBitstream Veraをベースにした派生フォントがたくさん存在します。
上記のキャプチャ画像のフォントもその派生バージョンの1つで、欧文書体は前述の「Bitstream Vera」をベースに、日本語のひらがな・カタカナ部分を「M+ FONTS」、漢字部分を「IPAフォント」で合成した「M+とIPAフォントの合成フォント」というフォントです。このフォントファイルに含まれる「M+2VM+IPAG circle」というフォントを現在使用しています。
(2009.11.11 01:15 追記) Twitterで時計職人の人の発言を見て思い出したので追記。この「M+とIPAフォントの合成フォント」の日本語ひらがな・カタカナ部分に使われている「M+ FONTS」の半濁点は、とても大きな円でかなりかわいい仕上がりになっています。最初見たときは、とても特徴的でかわいさをアピールしすぎな気もしていたんですが、使っていくうちに濁点と半濁点の視認性(違い)を高めるために、こういう大きい半濁点のデザインになっていることに気がつきました。*1
この半濁点の大きさのおかげで、このフォントを使っている限り、濁点と半濁点の違いを読み間違えたり打ち間違えることはかなり減ったと思います。アルファベットに比べれば、プログラミングにおいて日本語を入力することはかなり少ないですが、それでもこういった配慮のあるフォントを使うことで、人的なミスを少しでも抑える効果がある気がします。この濁点と半濁点の違いの部分でも、このフォントはオススメです。
2.お手軽画面キャプチャツール「Rapture」
普段自分が使用しているディスプレイが小さいので、そのための工夫をいくつかしているのですが、このツールもそういった面で重宝するので、ディスプレイが小さい人に特にオススメです。お手軽に好きな箇所だけ切り取れる画面キャプチャツール「Rapture」です。
このツールはディスプレイ画面をキャプチャするためのもので、Photoshopの「長方形選択ツール」のようにドラッグして囲ったエリアだけを切り取ってくれるものです。
上記のキャプチャ画像では、Wonderflから必要なコードの箇所だけをRaptureを使ってキャプチャしておき(自動で最前面配置になる)、それを見ながらFlashDevelopで写経のようにコーディングする、といった感じを再現してみました。実際、この使い方は良くやります。このキャプチャしたらそのまま最前面配置になるというのが結構使い勝手が良いです。さらに私は、別のソフト*2を使ってRaptureをグローバルホットキーとして割り当てておいてすぐ呼び出せるようにしておいて「ホットキー>画面を切り取る」をよく使います。もちろん、このエントリーで使用しているキャプチャ画像もRaptureでキャプチャしたものです。
3.FlashDevelopの日本語情報サイト「FlashDevelop.jp」
KAYACさんのエントリーの中でも何人かの方が「FlashDevelop」を挙げていましたが、私も今やFlashDevelopは、Flash制作を行う上で絶対に欠かせないツールとなりました。そして、そのFlashDevelopをさらに便利に使いやすくするために、ユーザー同士で情報を共有するために、FlashDevelopユーザー有志によって先日立ち上げられた「FlashDevelop.jp」というサイトがあります。このサイトの運営団体FDUGに私も参加しています。
まだサイトが立ち上がったばかりで、現時点では情報はあまり多くはありません。ですが、これから徐々にユーザーによって寄せられた情報が蓄積されていき、いずれはFlash制作で欠かせないツール(サイト)の一翼を担えるようになると思います。というわけでそんな期待を込めて、そして告知を兼ねてw 3番目はFlashDevelop.jpにさせていただきました。
既に専用のフォーラムが設置されていますので、FlashDevelopに関する質問や情報があれば是非お寄せください。もっと情報を発信したいという方は、是非FlashDevelop.jpの編集に参加してみてください。FlashDevelopの日本語バージョンを作るための翻訳をしている「日本語化プロジェクト」なんてのもあります。さらに足を踏み入れたいという方は、是非運営団体FDUGに参加してください。I love FlashDevelop! な人たちがたくさんいますw
タイムリーなことに先ほど、FlashDevelopの最新版となる3.0.5がリリースされたようです。FlashDevelopに関する速報は馬鹿全さんのサイトで!
(2009.10.15 14:21 追記) ClockMakerさんがFlashDevelo.jpに関する詳しい紹介記事を書いてくださいました!詳しくはそちらをご覧ください。
FlashDevelop.jp を立ち上げました(サイトができるまでレポートも) | ClockMaker Blog
他のFlasherさんのお気に入りツール紹介記事
この企画に便乗してくれているFlasherさんに気がついたらこちらに載せていこうと思います。記事を書かれたら是非Twitterやコメント欄などで教えてください。こういう流れは嬉しいですね!
- Flash制作に欠かせない3つのツール・和泉編
- Flash制作に欠かせない3つのツール・flair4jp編
- Flash制作に欠かせない3つのツール・WhirlPower編
- Flash制作に欠かせない3つの設定・clockmaker編
- Flash制作に欠かせない3つのツール・ll_koba_ll編
- Flash制作に欠かせない3つのツール・nbhd編
- Flash制作に欠かせない3つのツール・emzah編
- Flash制作に欠かせない3つのツール・BMA_JAPAN編
- Flash制作に欠かせない3つのツール・northprint編
- Flash制作に欠かせない3つのツール・馬鹿全編
- Flash制作に欠かせない3つのツール・FlexBuilderプラグイン編
- Flash制作に欠かせない3つのツール・fumix編
- Flash制作に欠かせない3つのツール・kaede編
- asdocに高速にアクセスする・uwitenpen編
- Flash制作に欠かせない3つのツール・松本編
- Flash制作に欠かせない3つのツール・PAPHEAD編
- Flash制作に欠かせない3つのツール・coppieee編
- Flash制作に欠かせない3つのツール・yaimo編
- Flash制作に欠かせない3つのツール・tnker編
ll_koba_llさんがこの「Flash制作に欠かせない3つのツール」記事のまとめ記事を書いてくださっています!
xxxYukihiroxxxさんもこのシリーズのまとめ記事を書いてくださっています!
ついにこのシリーズ発祥地のKAYACさんがまとめてくださいました!
*1:たぶん、おそらく。
- 368 http://level0.kayac.com/2009/10/flash3tool_band.php
- 364 http://www.google.co.jp/search?hl=ja&client=firefox-a&rls=org.mozilla:ja-JP-mac:official&hs=PYv&q=actionscript+カーソル&btnG=検索&lr=lang_ja
- 351 http://clockmaker.jp/blog/2009/10/flashdevelop-jp/
- 216 http://clockmaker.jp/blog/2009/10/flash-3-setting/
- 193 http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rlz=1T4GGLL_jaJP323JP323&q=AS3+入門 XML
- 189 http://www.google.co.jp/search?hl=ja&lr=lang_ja&client=firefox-a&rls=org.mozilla:ja:official&hs=BBZ&q=flashdevelop+使い方&revid=544989602&ei=ETTVSruEGI2Q6APRvLi1Ag&sa=X&oi=revisions_inline&resnum=0&ct=top-revision&cd=1&ved=0CAYQ4QIoAA
- 110 http://www.google.co.jp/search?hl=ja&source=hp&q=flashdevelop+使い方&lr=&aq=1&oq=flashde
- 107 http://reader.livedoor.com/reader/
- 82 http://www.google.co.jp/search?q=FlashDevelop&lr=lang_ja&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&client=firefox-a
- 74 http://www.google.co.jp/search?hl=ja&q=flashdevelop+使い方&sourceid=navclient-ff&rlz=1B3GGGL_jaJP309JP309&ie=UTF-8&aq=t&oq=flashdevelop









