インデザイン・イラレストレーター・フォトショップ上で簡単に差分できるエクステンションパネルを作ってみた。blogメニューコンテンツへスキップとっぷぺーじあどびぷれびゅーあどびノ夜叉あどびのすくりぷとScripshonTreesぶろぐお詫びあそび検索:インデザイン・イラレストレーター・フォトショップ上で簡単に差分できるエクステンションパネルを作ってみた。tmpage2019とか行ってるとPDF差分ソフトがいっぱい展示してましてね、でもいちいちPDFを書き出してセットするのメンドくさくない?というわけでエクステンションパネルだけで何とかならねーかと頑張ってみました!差分するのは一手間かかる修正ミス防止に使われるPDFの差分ですがAdobeのAcrobatでも、「ファイルを比較」というのがありますし、他にも色々便利なソフトやweb上にUPするようなサービスもあるみたいですね。それはそれで便利なんでしょうけど、手数的に一手間も二手間も増えて「煩雑!煩雑っっっ!!」ですよね?ファイル書出から差分までをワンストップで!その問題を解決するのが今回開発した「exportDiffView」です。「exportDiffView」はAdobeアプリケーション(インデザイン・イラレストレーター・フォトショップ)上からクリック一つで「差分ファイルの書き出し」から「差異」の表示までをワンストップで行えるエクステンションパネルです。楽勝と思ったんですが、実際開発すると細かい部分がもう死にそうです(いつも)。各アプリケーションごとに書き出しや保存状態チェックのコードが違うし、、、、。ちなみにPNGファイルは下記のようにドキュメントの同階層にフォルダ作成し、そこに書き出します。結局画像として検査するので、差分チェックの便利さは前出のPDFを検査するソフト・サービスには及びませんが、手軽さだけは断然ではないだろうか...。追記2019/07/05テキストの差分機能を搭載version1.0.4よりテキストも差分できるようになりました。ワンストップで画像・テキストを一気にチェックできます!オプションでOFFにもできます。スポンサーリンク操作方法(ボタン)パネルを開くとアラびっくり!ボタンは4つしかないです。(フォトショップは3つ)【SaveExportPrint】ドキュメントを保存し、差分ファイル(.png)を書き出してからプリントダイアログを表示します。変更箇所がなければ保存しません。フォトショップにはこの機能はありません。【SaveExport】ドキュメントを保存し、差分ファイル(.png)を書き出します。変更箇所がなければ保存しません。差分ファイル(.png)の書き出し先フォルダを開きます。【Refresh】にっちもさっちも行かなくなったとき押してください。操作方法(パネルメニュー)パネルメニューはこれまたビックリ!3つしかない!【Refresh】にっちもさっちも行かなくなったとき実行してください。folder.差分ファイル(.png)の書き出し先フォルダ名の先頭に「_」(アンダーバー)を付与します。デフォルトはチェック入ってます。・ImageQuality差分ファイル(.png)の解像度を設定します。Transparency変更箇所がないピクセル箇所のオリジナル画像の透明度を設定します。mode差分画像のルーペ機能のオン/オフです。sizeルーペの大きさを設定します。Color差分箇所のカラーを設定します。・layoutオリジナル画像・差分画像のレイアウトを設定します。【exportDiffViewについて...】バージョン情報などが確認できます。フリー版とフル版があります今回、ナント有料のフル版を用意しました!サブスクリプションにて1年1ドル!つまり1か月約10円です!安い!しかし、安心して下さい!フリー版でも十分に実用に耐える設計になっております。フリー版でも180日間もの長期間に渡ってフル版の体験が出来ます!機能の違いは次章の表をご参照ください。紙への印刷は標準プリント機能からちなみに印刷して差分を確認したい場合は右クリックからブラウザのプリント機能で印刷して下さい(下記画像は英語版なので「Print...」になってます)。インストールはこちらからかなり気軽に差分ができる「exportDiffView」。現在、テキストを取り出しての差分機能の搭載に励んでいます、いずれは連続差分や差分した画像の保存などにも対応したいですね。インストールはAdobeExchange内から(下記リンク)。→AdobeExchange:フリー版:exportDiffView-freeのページフル版:exportDiffViewのページ(詳しいインストール方法に関してはこちらのブログ記事を参照)。siteCEP開発の私的メモ!CCエクステンションにおいてのNode.jsの組み込みと外部モジュール(npm)との連携microsoftのword書類(拡張子:.docx)を開けるインデザイン・イラレ・フォトショのエクステンションパネルを開発してみた。“インデザイン・イラレストレーター・フォトショップ上で簡単に差分できるエクステンションパネルを作ってみた。今回当方のCC2015および2019(win10)にインストールさせていただいたのですが、「エクステンション」に表示されている一覧から選択してパネルの立ち上げまでは行くのですが、残念ながらパネル内にファイルを開くためのボタンなどはなく、どちらも空白表示になってしまいます。Documents」と示されるのみです。リフレッシュを押しても同様です。何か解決方法や手順上の間違いなどがありましたら、お教えいただけないでしょうか。恐縮ですが、よろしくお願いいたします。PM適当なドキュメントを開いてみて下さい。アクティブドキュメントを感知してexportDiffViewは動作します。新規ドキュメントは保存後から使用できるようになります。AM早速のご返信ありがとうございました。おかげさまで、解決いたしました。実は、その過程で判明したことがありましたので、ご報告いたします。Documentsの状態は変わりませんでした。ファイルを保存したうえでも変化がみられなかったのですが、当方、配布目的のため.pdfファイルで保存していることが原因とわかりました。当該ファイルを.aiファイルで再保存すると、無事、パネル内に表示されるようになりました。こちらの使い方がやや特殊であったため、戸惑いお尋ねに至った次第です。有益なエクスプレッションを作成いただきましたこと、あらためて感謝いたします。今後も利用させていただきます。取り急ぎ、ご報告いたします。AM「エクスプレッション」⇒「エクステンション」でした。PM無事に解決したようで、良かったです。PDFファイルも次回バージョンアップ時に対応出来そうならしておきます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。tm猫をこよなく愛するしがないDTPオペレータ。できることは、VB.net・HTML5・CSS3・javascript・jQuery・adobe系のjsxスクリプト。得意なのはファミコン!主に清流にある石の裏などに潜んでおり、小さい虫などを好んで食べる。顔本にシェアる?はてなブる?ポケットにイン?鳥になってツイトる?ふぇえdlyでコードクリリース・アップデート速報用のTwitter(@shocktm速報所)を開設してます。