JavaScriptやPythonなどのスクリプト言語を使ってアプリケーションを制御するのは、いまや珍しいことではありません。本連載の第3回では、Photoshop上で動くJavaScriptについて紹介しましたが、アドビのアプリケーション(旧マクロメディア製品を除く)でもっとも早くJavaScriptに対応したのが
「Illustrator」
です。Illustratorは2001年に発売されたバージョン10からJavaScriptによる制御に正式に対応し、それまで手作業でしていた面倒な処理を自動化できるようになりました。
今回は、IllustratorをJavaScriptで制御する方法について紹介します。最終的には作例として「百ます計算」の表を完成させます。百ます計算とは、左側と上側にある数値の合計を10×10のマス目に記入していくもので、集中力を高める手法として小学校などで使われています。
●(参考)百ます計算
http://ja.wikipedia.org/wiki/百ます計算
作成するのは、マス目が空欄の問題シートと、合計の結果が入った解答シートの2種類です。こうした表は手動で作ろうとすると大変面倒なものですが、JavaScriptを使ってスクリプトを書けば楽に作れます。完成図を以下に示します。
Illustratorのバージョンと作成環境について
IllustratorのJavaScriptエンジンはIllustratorのバージョンによって異なり、バージョンによっては互換性がありません。今回は、CS3/CS4を前提に解説を進めます。CS2以前のバージョンでは正しく動作しません。
IllustratorでJavaScriptを扱う場合、本連載の第3回で紹介した
ESTK (Extend Script Toolkit)
を使うのが便利です。Illustrator CS3の場合はESTK 2を、Illustrator CS4の場合はESTK CS4を使ってください。ESTKのWindows版は「すべてのプログラム」→「Adobe Photoshop CS3(またはスイート名)」内に、Mac版は「アプリケーション」→「ユーティリティ」→「Adobe ユーティリティ」内に入っています。
WebPro
Ext JSでGoogleマップを表示するチュートリアル
「デスクトップアプリ並みの美しいUIが作れる」と評判のJavaScript/Ajaxフレームワーク「Ext JS」の使い方をチュートリアルで解説する。
WebPro
jQueryとも共存できる「Ext JS 3.0」入門
「デスクトップアプリ並みの美しいUIが作れる」と評判のJavaScript/Ajaxフレームワーク「Ext JS」の使い方をチュートリアルで解説する。
WebPro
PhotoshopのフィルターをJavaScriptで作る!
JavaScriptの活躍の舞台はデスクトップアプリケーションにも広がっている。PhotohopのフィルターをJavaScriptで自作してみよう。
WebPro
iPhoneがJavaScript+SQLiteでGPSレコーダーに!
JavaScriptでGPSデータを取得できるようになったiPhone OS 3.0。取得した位置情報をSQLiteに記録し、Googleマップに表示してみよう。
WebPro
iPhoneのGPSをJavaScriptで操ろう
JavaScriptの最新ライブラリ&Tipsを紹介する新連載。iPhoneのGPSデータを取得し、Googleマップに表示する方法を紹介する。
WebPro
Web制作の現場で使えるjQuery UIデザイン入門(目次)
Webデザイナー、(X)HTML/CSSコーダー、マークアップエンジニアが扱いやすいJavaScriptライブラリー「jQuery」を基礎から解説。プログラムの基本的な書き方から、実務で使えるサンプルまで。jQueryをマスターして仕事の幅をぐっと広げよう。<cj:inc template="792" element_id="499288" />
WebPro
JavaScriptライブラリで作るリッチUI(まとめ)
簡単・便利なJavaScriptライブラリの使い方、実際の採用サイトの情報をまとめてみた。ぜひ自分のWebサイトのUI制作の参考にしてみよう。
WebPro
29分でできる! あのサイトの“技”を盗め
「プロが作ったWebサイトのあの“技”をウチのサイトでも(それもタダで)マネしたい!」――。そんな欲求に応えてくれる JavaScriptライブラリ/フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
WebPro
Adobe CS4日本語版、12月発売へ
英語版の発表から2カ月弱。11月11日、アドビ システムズから「Adobe Creative Suite 4(CS4)」日本語版が発表された。同日からアドビ ストアでの予約も開始。提供開始は12月中旬の予定だ。
WebPro
Illustrator×JavaScriptで百ます計算を自動生成
JavaScriptを使ってIllustrator(イラストレーター)を制御する方法の後編。「百ます計算」を完成させる。