添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

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(イラストレーター)を制御する方法の後編。「百ます計算」を完成させる。