Quick LookはmacOSに備わるプレビュー表示機能です。Finderなどで対象ファイルを選択した状態でQuick Lookを起動すると、素早く見た目を表示してくれます。選択してスペースキーを押すだけで発動するので、ファイルを開かなくてもどんなファイルなのかを簡単に確認でき便利です。
しかし中には、ファイルのアイコンが拡大されるだけで見た目が確認できないものもあります。Adobe XDファイルもその1つです。
そこで今回は、macOSのQuick LookにてAdobe XD 書類（.xd）のプレビューを見られるようにするプラグイン、ExpandDesign.qlgeneratorを紹介します。
ただしmacOS 12〜14でだけで動作する（15や26・27では動かない）ため、実用性はいまいちです。お遊び扱いになります。あらかじめご了承ください。
続きを読む
Spotlight is a high-speed search feature built into macOS. For example, with PDF files, when a search keyword is entered, Spotlight incrementally finds files containing that string within their contents and displays them in a list.
It’s convenient to find the file with the text typed inside as a clue—especially in situations like, “I think I created an illustration with similar content before,” or “I need old data for a revision, but where did I save it?”
However, with Illustrator files (.ai), Spotlight cannot detect text within the file. Searches only return results based on filenames, so relying on our own memory is the only way to access the content. If full-text search is to be implemented using makeshift methods, the following approaches could be considered, for example.
However, that would be too time-consuming, and clients often specify naming conventions like “001-01.ai.” Ideally, it would be great to be able to search using the usual .ai files without having to take any special action on the parts.
So this time, meet Artfind.mdimporter, a Spotlight plugin for macOS that makes it possible to search for text and other information within Illustrator files (.ai).
続きを読む
SpotlightはmacOSに備わる高速検索機能です。例えばPDFの場合、検索キーワードを入力するとファイル内部に該当文字列を含むものをインクリメンタルに発見し、一覧にしてくれます。
「何か前に似たような内容のイラストを作ったことがあったな」とか「改版で昔のデータが必要になったけどどこに入れたかな」という状況のとき、中に打ち込んだテキストをヒントに対象ファイルを見つけられて便利です。
ところがIllustratorファイル（.ai）の場合は中身のテキストを検出できません。ファイル名くらいしか引っかからず、内容については自分の記憶任せです。もしありあわせで全文検索を実現するなら、例えば次のような対策が考えられます。
しかしそれは手間がかかりすぎますし、依頼主から001-01.aiのような命名ルールを指定されることも多いでしょう。いつもの.aiファイルのまま、自分は何ら特別な行動をとることなく検索できるようになってほしいですね。
そこで今回は、macOSのSpotlightにてIllustratorファイル（.ai）の中身のテキストなどを検索可能にするSpotlightプラグイン、Artfind.mdimporterを紹介します。
続きを読む
Illustratorでレイアウトや図版を作っていると、複数の行の先頭に同じ文字を追加したくなったりします。そういうときには、正規表現というパターン検索（あいまい検索）を使うと便利です。
例えば検索パターンに「^」、置換パターンに追加したい文字、例えば「✅ 」を指定して置換を実行すると、もとの文字の各行先頭に「✅ 」が追加されます。
| もとの文字 | 置換後文字 |
|---|---|
| マッチ範囲をカンバス上で選択 マッチ範囲をパネル上に表示 マッチ範囲を置換 | ✅ マッチ範囲をカンバス上で選択 ✅ マッチ範囲をパネル上に表示 ✅ マッチ範囲を置換 |
問題は、Illustratorの検索・置換機能はそこまでの柔軟さがないことです。正規表現は使えませんし、モーダルダイアログなので検索中は視点を動かしたり拡大したりできません。InDesignならできるのですが、Illustratorで実現したい状況も多いでしょう。
そこで今回は、パネルにて正規表現で文字を検索・置換・選択するIllustrator用エクステンション、FindReplaceSession for Illustrator を紹介します。
続きを読む特定の形式のテキストを，日本語／英語でXMP（IPTC）メタデータに書き込み，ai・eps・jpg・pngファイルとして書き出すIllustrator用ドロップレットinfoVector 3.2のページです。4.0.0で仕様が変わったため，旧バージョンの情報を残しておきます。
最新の情報は，【解決】ストックイラストのタグ付けと画像書き出しを一気に済ませたい！を参照してください。
続きを読む
社会科系の教科書や学習参考書では、世界地図・日本地図のベクターデータを作ることがよくあります。
トレースで作るには時間がかかりすぎるし、正しい海岸線の形や国の塗り範囲を把握するのは大変なことです。制作できる専用アプリがあるといいですね。
実際にそういったアプリは存在し、QGISなどが利用可能です。ただ、そもそも元となる地理データを自力で用意する必要がある、できるベクターデータのアンカーポイントが多く重くなりがち、などの課題がありました。
したたか企画では、地図の制作にD3.jsとTopoJSONを利用しています。パスの省略の仕方が絶妙で、シンプルかつパスファインダーで操作しやすい、編集に強いベクターデータになるからです。
今回は、そのシンプルで編集に強い地図を生成するためのアプリを用意しました。さまざまな透視図法で世界地図のベクター画像を描画し書き出すアプリ、Zueを紹介します。
例えば次のような地図を作れます。
前回の記事【解決】モジュール化したExtendScriptを自動で1つにまとめたい！（1）にて、複数ファイルに分割したJavaScriptから1つのExtendScript（.jsx）ファイルを生成できるようになりました。もしまだ手順がよくわかっていない場合は、該当記事のどうやって生成するの？の部分を改めてご参照ください。
第2回のこの記事では、package.jsonやrollup.config.jsの設定内容を中心にお送りします。何が何を制御しているかを理解し、自分でも改造できるようにしましょう。
続きを読む
IllustratorやInDesignなど用にExtendScriptを書いていると、だんだんコード量が肥大化してくることがあります。
そんなときはキリのいい区切りでファイルを分割し、//@includeや//@includepathで読み込むと開発・管理がしやすくなります。1ファイルあたりの情報量（行数）が減って、内容を把握するのが楽になるのです。
|
1 |
//@include 'external.jsx' |
最終的にVisual Studio Codeの機能拡張 ExtendScript Debugger か ExtendScript Toolkit でバイナリとして書き出すと、外部ファイルから読み込んだコードも含めて1つのファイルにまとめられます。
しかしバイナリとして書き出しは、自ら能動的に操作して毎回実行する必要があります。修正するたびに同じ操作をするのはなかなか負担が大きいのです。
WebpackやViteなどモジュールバンドラーを利用したフロントエンドの開発では、ファイルを保存したタイミングでまとめ処理を自動的に実行できます。ExtendScriptでもそうできたら嬉しいですね。
そこで今回は、RollupとBabelを使い、モジュールごとに別ファイルに切り分けたExtendScriptを自動で1つにまとめる方法 を紹介します。これをすると、テンプレートリテラルやArray.filterなどES5やES2015（ES6）以降に追加された機能を利用してコードを書けるようになります。こちらがメインでも良いくらいですね。
TypeScriptの導入は行わないので、Adobeアプリ用スクリプトにTypeScriptは大げさなんだよなー、というかたに特におすすめです。
初回のこの記事では、前提知識や技術選定理由を中心にお送りします。
続きを読む
Figma Drawの公開や日々のツールの進化により、Figmaでイラスト・図版を作ることが現実的になってきています。以前からベクターネットワークというベジェ曲線の進化版のようなものが採用されていますし、角丸の大きさや角の形状がアンカーポイントごとに設定できるなど、ベクター絵描きにとって嬉しい機能が満載です。
ただ、Figmaは基本的にはアプリやWebサイト等のプロトタイピングをするための環境です。UIや仕様はその方向に最適化されているので、絵描き作業には少々不便に感じることも。
例えば、選択した複数アイテム全体のバウンディングボックスにて座標やサイズを指定したくなりますが、Figmaのパネル／インスペクターだと複数選択時はMixedになってしまいます。全体の左上がこの座標だとか、幅いくつになるというのがわからないし、指定できないわけです。
Adobe Illustratorに慣れているかたなら、変形パネルを使ってそのような操作をしていたことでしょう。例えば変形基準点をセットし、移動先のX座標をコピーして対象複数アイテムのX座標にペーストして移動する、といった流れです。それができたら嬉しいですね。
またサイズについては、幅や高さを数値で指定する場合、変形は左上基準のみです。Scale機能なら複数アイテムの中心など自由に基点を指定できますが、これの場合必ず線幅や効果も一緒に変形されます。イラストの場合はそれらは同じまま大きさだけ変えたいことも結構多いのですよね。
そこで今回は、Illustratorの変形パネルのように、複数アイテムの座標やサイズを基準点をもとに数値で指定できるFigmaプラグイン、TransformPanel を紹介します。
続きを読む
minimumAreaは、ストックイラストの大型ベクター画像用にAi/EPSを複数サイズで書き出すIllustratorスクリプト（アプリ） です。2019-05-23の販売開始以来、いくつかのメジャーアップデートを経て、現在も多くのかたにご利用いただいています。
利用者の方々には好評のminimumAreaですが、買うには3000円くらいかかるため、まだ自分のワークフローに合うかわからない状態で導入を決めるには勇気が必要でした。少々尻込みしてしまいますね。
しかしこのたび、サブスクリプション（月額課金）プラン＆ライセンス認証の形式により、お手頃価格で試せるようになりました。1か月分だけ試しに課金するとか、需要があるときだけ契約する、といった使いかたができるようになります。
そこで今回は minimumArea（およびinfoVector）サブスクリプション版 を紹介します。
続きを読む
infoVectorは、各ストックイラストサイト用に日本語／英語のIPTC情報を埋め込んで画像を書き出すIllustratorスクリプト（アプリ） です。2021-05-07の販売開始以来、いくつかのメジャーアップデートを経て、現在も多くのかたにご利用いただいています。
利用者の方々には好評のinfoVectorですが、買うには3500円くらいかかるため、まだ自分のワークフローに合うかわからない状態で導入を決めるには勇気が必要でした。少々尻込みしてしまいますね。
しかしこのたび、サブスクリプション（月額課金）プラン＆ライセンス認証の形式により、お手頃価格で試せるようになりました。1か月分だけ試しに課金するとか、需要があるときだけ契約する、といった使いかたができるようになります。
そこで今回は infoVector（およびminimumArea）サブスクリプション版 を紹介します。
続きを読む
デザインを作る際、和文と欧文で別々のフォントを指定したくなることがあります。Adobe Expressでは、一旦すべて和文フォントにしてからすべて欧文フォントを適用することでそれを実現できます。まるでバージョン10までのIllustratorのようです。
やりたいことが和文と欧文で別々のフォントを指定するだけなら上記方法で解決します。しかし、もし数字だけは別のフォントにしたいとか、欧文のみサイズを上げたいなど条件が増えてきた場合手に負えなくなってしまいます。
IllustratorやInDesignには合成フォントという機能があり、事前に漢字・かな・半角欧文・半角数字などの文字種ごとにフォントやサイズなどを指定し、それらを1回で適用できます。Adobe Expressでもそれができたら嬉しいですね。
そこで、合成フォントのように文字種ごとに別々のフォントを一気に適用するAdobe Express用add-on、Composite Font を紹介します。
続きを読む
使うアプリが何であれ、レイアウトやデザインを扱っていれば整列は毎日することでしょう。
したたか企画ではこれまで、次のような手段で整列の生産性を向上させてきました。
そして現在Adobe Expressを使うようになり、またしても本体機能として存在しないキーオブジェクトに整列・分布をしたくなっています。
そこでまた丸ごと機能を作りました。最後に選択したアイテムをキーオブジェクトとして扱い、整列や分布を実行するAdobe Express用add-on、Singari（しんがり） を紹介します。
続きを読む
したたか企画では、テキストを行ごとに分割したり、区切り文字で分割・連結する機能を各種アプリ向けに公開しています。
このたび、Adobe ExpressでもSplit Rowsが利用可能になりました。テキストを行ごとに分割したり、区切り文字で分割・連結するAdobe Express用add-on、Split Rows を紹介します。
続きを読む
印刷をする際など、手持ちのPDFの判型名を知りたくなることがあります。判型名とはA4やB5等、紙の大きさや仕上がりの寸法をもとに決まっている規格の名前のことです。
通常だとAcrobatやPreview・IllustratorなどのアプリでPDFを開き、幅と高さを確認して判断することでしょう。しかし、わざわざファイルを開く手間が無駄に思えます。また、サイズから判型を判断する部分は自分の記憶か資料を参照する必要があります。もっと簡単にしたいですね。
そこで今回は、Finderで選択しているPDFファイルの判型名をダイアログで表示するJXAスクリプト を紹介します。JXA（JavaScript for Automation）でできているためmacOS専用です。Windowsのかたはすみません。
続きを読む
Adobe Expressでは多くの画像フォーマットのインポートに対応していますが、AVIFやBMPなど一部未サポートのものがあります。サポートしているフォーマットでも、例えばPSDではCCライブラリに登録するよう説得され、ダイアログを閉じる手間が発生します。少々面倒なので、それらの画像をドロップしたらすぐ使えるようになるとありがたいですね。
またエクスポートのほうも、可能なのは基本的にPNG・JPG・PDF・MP4の4つです。たまにはAVIFやWebP・TIFFなどに書き出したくなることもあるでしょう。
そこで今回は、幅広いファイルフォーマットを読み込み・書き出しするAdobe Express用add-on、LoadingBay を紹介します。
続きを読む
複数のmacやWindowsマシンを持っている場合、それぞれの環境に同じスクリプトを用意しておくのはなかなか難しいことです。一応、Keyboard Maestroマクロをクラウド共有したり、Dropboxにスクリプトファイルを配置して同期したりすることで実現できます。
しかし実際そこまでするかたは少ないでしょう。どれも同じAdobeアカウントでログインしているのだから、そのアカウントにスクリプトをクラウド保存して実行できたらいいですね。
そこで今回は、クラウドドキュメントに保存したスクリプトを実行するIllustrator用ExtendScript、executeCloudScript.jsx を紹介します。あまり実用性はないので、あくまでもお遊びとして見てください。
続きを読む
Adobe StockやPIXTAなどストックイラストサービスに描いた絵をアップロードするときには、検索にヒットするようタグ・キーワードをたくさん用意します。おおむね50個程度あると良いですね。
その際は過去に自分がアップロードしたイラストのタグをストックイラストサイトからコピーしたり、過去データファイルに埋め込まれたタグをAdobe Bridgeから持ってきて融合させたりします。
しかしそうすると、タグ区切り文字が引用元によって異なり、種類がばらばらになったりします。当然重複した単語を目視で探し出し、消す作業も必要になります。消した後はタグが目標の50個に届いているか、今何個なのかを数えることになります。無駄な労力をかけている感じがしますね。
数を数えたり重複したキーワードを取り除くというのは、機械の得意なところです。プログラムにやってもらいましょう。
そこで今回は、テキストフレーム上でストックイラストのタグ用テキストを編集するIllustrator用エクステンション、TagText を紹介します。
続きを読む
前回の記事【解決】使用フォント一覧をテキストファイルにしたい！（1）により、ai/epsファイルから使用フォントを調べ、テキストファイルとして保存できるようになりました。
しかしこれは対象ファイルをダイアログで選択する必要があり、少々操作が面倒です。また、このスクリプトではフォントファイル名を記録するため、Adobe Fontsの書体は「.41309.otf」のような特定しにくい名前になります。
改善の余地があったので、次のように変更した新しいアプリを作ることにしました。
そこで今回は、Illustratorファイルの使用フォント一覧をテキストとして保存するアプリ DocumentFonts を紹介します。
続きを読む
Noriaは、Illustrator/InDesignファイルが作成または保存されたバージョンを調べ、適切なバージョンのアプリで開くmacOS・Windows用アプリです。それ何？ というかたは【解決】Illustrator/InDesignファイルを作ったバージョンで開きたい！を参照してください。
簡単に説明すると、NoriaアプリにIllustrator/InDesignファイルを渡すと、Noriaがファイルのバージョンを調べて該当するAdobeアプリで開くという流れです。
Noriaアプリのアイコンにファイルをドロップすることで実行できます。macOSのFinderやWindowsのExplorerでダブルクリックにて実行できるようにしておくと、動作は速くなり、ミスは防ぎやすくなります。拡張子.aiや.inddにNoriaアプリを関連付けると、その動作になるわけです。
ところがWindowsの場合、単に関連付けを指定しただけだとIllustrator/InDesignの書類アイコンがどれもNoriaアプリの白いものに変わってしまいます。どれがどれで何のファイルだかよくわかりません。アイコンはアイコンはもとのアプリのものを引き継いだほうがありがたいですね。
そこで今回は、WindowsでIllustrator/InDesignファイルをNoriaに関連付け、書類アイコンはもとのアプリのままにする方法 を紹介します。
続きを読む
