DTP Transit tag:dtptransit.design,://60460 2023-10-15T20:54:36Z Illustrator、Photoshop、InDesignをはじめとしたDTP関連の情報サイト。2005年にスタート。 MovableType.net 新社会人に伝えておきたいプレゼンの極意 tag:movabletype.net,2003:post-2380356 2023-06-06T01:00:00Z 2023-10-15T20:54:36Z プレゼン、報告や社内セミナーなど、人前で何かを喋るときの準備時間の理想的な配分、Adobe Acrobatオンラインツールを用いてのファイル容量の圧縮、パスワード保護、レビューのための共有などについてまとめました。 鷹野 雅弘 https://twitter.com/swwwitch <p>社会人になると「プレゼン」という場はもちろん、ちょっとした報告や社内セミナーなど、人前で何かを喋る機会が生じます。その際に意識しておきたいことをまとめてみました。</p> <p>なお、属している企業やコミュニティによって文化やしきたりが異なるため、あくまでもひとつの理想系として参考にしてください。</p> <p>今回の記事はアドビ社のPR企画「<a href="https://www.adobe.com/jp/acrobat/information/documentation.html?=DMMD1FVR">みんなの資料作成</a>」に参加して執筆しています。</p> <p><section class="entry__toc entry__main"><h3 class="entry__toc__header">この記事内の目次</h3><div id="toc"></div></section></p> <h2>1 | プレゼンの準備時間の理想的な配分</h2> <p>プレゼンの準備を効率良く進めるためには、準備に必要な工程を知り、時間配分を工夫する必要があります。</p> <p>プレゼンは、次の3つに分解することができます。</p> <ul> <li>シナリオ作成</li> <li>スライド制作</li> <li>トークを含めたリハーサル</li> </ul> <p>プレゼンに慣れない段階では、PowerPoint（やKeynote）を使ったスライド作りに没頭してしまいがちです。</p> <p>しかし、時間をかけるべきなのは「シナリオ作り」。シナリオ作りとは「何を、どの順番で話すのか」を決めることです。</p> <p>シナリオをおろそかにしたままでPointPointを開いてしまうと、どんなスライドを作るべきかの方向性を決められず、時間を浪費してしまいます。</p> <p>「プレゼン開始の数分前に（スライドが）完成した！」は望ましい状況ではありません。スライド完成後のリハーサルは必須です。なぜなら、リハーサルをすることで、シナリオやスライドの改善点がわかり、リファイン（洗練化）を進められるからです。そうして、プレゼン全体にいわば“魂を入れていく”のです。</p> <p><img src="https://www.dtp-transit.jp/images/ss-1907-20230522-150849.png" alt="" /></p> <p>よって、プレゼンの準備で徹底したいのは、以下の2点です。</p> <ol> <li>スライド作りに取り組む前に、じっくりとシナリオを作り込む（スライドは頭の中のイメージに留め、まずは喋りながらイメージを深めていく）</li> <li>スライドが完成したらリハーサルを繰り返し、シナリオやスライドを微調整する</li> </ol> <h2>2 | すべてのプレゼンは2つのスタイルに分かれる</h2> <p>すべてのプレゼンは、大きく以下の2つのスタイルに分けられます。</p> <ul> <li>［A］スライドがメイン</li> <li>［B］トークが「メイン」、スライドは「サブ」の扱い</li> </ul> <p>どちらの方向性にするかは、会社の文化・流儀などにもよりますが、同じシナリオ・同じトークでも、プレゼンスタイルによってスライドの作り方が大きく変わってきます。</p> <h3>［A］スライドだけを見て理解できるもの</h3> <p>プレゼンは、実際の目の前にいる人だけに行うものではありません。提案者であるプレゼンター不在で、後日、社内での伝達が生じることがあります。</p> <p><img src="https://www.dtp-transit.jp/images/ss-2126-20230522-113739.png" alt="" /></p> <p>その場合には、スライドだけを見て理解できることが必須です。ただし、10ページ以上にわたるスライドよりも、数枚に簡潔にまとめた資料の方が有効です。</p> <p>なお、聞き手が「メモを取らずとも全部書いてある」ことで安心するタイプの場合には、［A］が望ましいしょう。</p> <h3>［B］トークが「メイン」でスライドは「サブ」の扱い</h3> <p>次のような場面を思い浮かべてみてください。</p> <ul> <li>がんばって話しているのに、聞き手が手元の資料を見ることに没頭している</li> <li>シナリオの中で盛り上がるポイントや伏線回収のポイントを用意したのに聞き手が手元の資料を読み進めてしまった結果、ネタバレしてしまっている </li> </ul> <p>…考えただけで、ツラくなります…</p> <p>一口に「プレゼン」というと、スライドを使って話すことを思い浮かべる人が多いと思いますが、必ずしもスライドはマストではありません。</p> <p>学生時代、むちゃくちゃ話のうまかった先生がいるでしょう。その先生はPowerPointを使っていなかったでしょうし、黒板を使って説明する際も、一言二言しか書かなかったと思います。</p> <p>主役は話者である“あなた”、スライドはあくまでも脇役であるべきです。</p> <p><img src="https://www.dtp-transit.jp/images/ss-2328-20230522-120537.png" alt="" /></p> <p>トークをメインにプレゼンをする場合、スライドに盛り込む要素を極力減らし、トークのリズムに合わせてスライドの枚数を調整した上で、矢継ぎ早にスライドをめくりながら進めていくとよいでしょう。</p> <p>なお、この［B］のスタイルには副次効果として次のようなメリットがあります。</p> <ul> <li>「聞いていること／見ているもの」が一致するため、話が入ってきやすい</li> <li>「いま、ここのことを話しています」を提示する必要性が減る</li> <li>変化が早いため、聞き手が飽きにくい</li> </ul> <p>［B］のスタイルで効果的なプレゼンのサンプル動画を貼っておきます。ぐいぐい引き込まれ、飽きさせない構成に着目してみてください！</p> <p><iframe width="560" height="315" src="https://www.youtube.com/embed/jnkziKKo7Hs?start=1797" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></p> <h2>3 | 聞き手への配慮（1）適度な丁寧さで話す</h2> <p>プレゼンで話すことは「デリバリー」と呼ばれます。</p> <p>「デリバリー」と聞くと思い浮かべるのは宅配ピザ。郵便と異なり、宅配ピザは相手に手渡しすることで完結します。プレゼンも「ただ、話す」だけなく、聞き手にきちんと届いて完結します。</p> <p>はじめてプレゼンの場に立つとなると、誰でもガチガチに緊張します。そのとき、覚えておいて欲しいのは「プレゼンは一方通行のコミュニケーションではない」ということ。ただ伝えるだけであれば動画で済みます。</p> <p>聞き手を前に台本を読み上げるのではなく、<strong>聞き手への対話の一環としてプレゼンする</strong>のが理想です。</p> <p>その際、聞き手が快適に感じるトークを心がけることが大切です。そこで、プレゼンのトーク時に避けたい、過剰で冗長な2つの言い回しを取り上げておきます。</p> <h3>「〜になります」→「〜です」</h3> <p>「AがBに変化する」場合を除き、「〜になります」は冗長です。「〜です」で十分です。</p> <h3>「〜させていただきます」→「〜いたします」</h3> <p>「させていただきます」という表現は、この表現の是非をテーマに何冊も本が出ているくらい奥深い問題です。その是非はここでは論じませんが、ほとんどの場合「〜いたします」で十分に丁寧さは伝わります。</p> <h3>「〜だと思います」→「〜です」「〜と考えます」</h3> <p>日常生活では強い主張や言い切りを避け、やんわりと「ぼかし表現」を使うことが多いのですが、プレゼンはあなたの主張を伝える場。自信を持って「〜です」「〜と考えます」と伝えましょう。</p> <h3>その他の過剰な敬語</h3> <p>聞き手との関係性によっては「〜ございます」といった表現が過剰になるケースも多いです。</p> <p>社風や場面にもよりますが、「聞き手個人と会話するときに使わない敬語は不要」とし、極力、会話の延長のような自然体で喋る方が聞きやすいでしょう。</p> <h2>4 | 聞き手への配慮（2）適切なスピードをコントロールする</h2> <p>プレゼンやセミナーの聴衆側に立つと、「読み切る前に話が進んでしまった」という経験を持つことがあります。これは結構なストレスです。</p> <p>プレゼンする側はスライドの内容を理解していますが、聞き手にとっては初見。スライド上の文字を追うだけでも時間がかかりますし、話を聞きながら内容を理解するとなると大きな負担です。</p> <p>スライドを用いたプレゼンでは、トークのスピードが早すぎないか、聞き手を置き去りにしていないか気を配りましょう。スライドの調整も検討してみましょう。トークのスピードが早い場合は、以下のようにスライドの調整を検討します。</p> <ul> <li>スライド上の文字を（極力）減らす</li> <li>少しでも目線の移動を減らすために、文章内の改行位置を工夫する</li> </ul> <p><img src="https://www.dtp-transit.jp/images/ss-1478-20230518-182842.png" alt="" /></p> <p>「箇条書き」している内容を図解化するのも有効です。箇条書きは便利なため、つい使いがちですが、要素同士の関係性を伝えづらいデメリットがあります。 </p> <p><img src="https://www.dtp-transit.jp/images/ss-1478-20230518-183124.png" alt="" /></p> <h3>改行位置を工夫する際のポイント</h3> <p>改行位置を整えることで、目線の移動の負担を軽減できます。</p> <p>以下の左右のスライドを見比べてみてください。</p> <p><img src="https://www.dtp-transit.jp/images/ss-1802-20230522-132440.png" alt="" /></p> <p>説明するまでもなく、読みやすいのは右のスライドです。</p> <p>普通に作ると、左のスライドのように幅に応じて自動で文字が折り返します。一方、右のスライドでは、意識的に改行しています。</p> <p>左のスライドでは「ため」が途中で分割されるため、聞き手の頭のなかで「た」と「め」をつなげる処理が生じます。1秒にも満たない時間ですが読むスピードが下がります。</p> <p>では、どこで区切ればよいでしょうか？</p> <p>文章内で「ね」を入れられる箇所で区切るのがオススメです。この例でいくと次のようになります。適切に区切ると読みやすくなることを覚えておきましょう！</p> <p><img src="https://www.dtp-transit.jp/images/ss-1988-20230526-151258.png" alt="" /></p> <h2>5 | PDFを用いたプレゼンのススメ</h2> <p>プレゼン資料の作成では主に次のツールが使われます。</p> <ul> <li>PowerPoint</li> <li>Keynote（macOSのみ）</li> <li>Google スライド</li> </ul> <p>これらのツールを使う場合、「ソフトをインストールしているPCが起動しない」「PCがプロジェクターに接続できない」など、不測の事態が起きると困ります。また、Google スライドの場合、ネットワーク回線によって表示が遅延したり、最悪開かなかったりすることもあります。</p> <p>そこで準備しておきたいのが、プレゼン資料をPDF化してUSBメモリーに入れておくこと。PDFにしておけば、どんなPCでも開けます。</p> <p>また、作成したアプリケーションにかかわらず、その見た目を保持したままでPDF化できますので、次のような場合には、より積極的に活用していきたいものです。</p> <ul> <li>プロジェクトに関わるメンバーで使用しているOS、アプリが異なる場合</li> <li>長期間、資料として残しておきたい場合（PowerPointやKeynoteでは、バージョンが変わることで見た目が崩れてしまうこともある）</li> </ul> <h3>Adobe Acrobatを使ってプレゼンできるよう、主要なショートカットを知っておこう</h3> <p>いざというとき、Acrobatを用いたプレゼンができると安心です。そこで、Acrobatでのプレゼンで使えるショートカットを紹介しておきます。</p> <p>まず、Acrobatでプレゼンを行う場合には「<strong>フルスクリーンモード</strong>」を使います。キーボードショートカットはWindowsはCtrl + L、macOSの場合には⌘ + Lです（LargeのLと覚えましょう）。</p> <p><img src="https://www.dtp-transit.jp/images/ss-1400-20230522-125850.png" alt="" /></p> <p>フルスクリーンモードでは、スライドを進めたり戻すのに、次のキーボードショートカットを使えます。</p> <ul> <li>次のスライド：Enterキー（returnキー）、→、↓、pagedownキー</li> <li>前のスライド：Shift + Enterキー（shift + returnキー）、←、↑、pageupキー</li> <li>最初のスライド：homeキー</li> <li>最初のスライド：endキー</li> <li>ページ指定：Ctrl + Shift + Nキー（⌘ + shift + Nキー）</li> </ul> <h3>PDFファイルのファイル容量を圧縮しておこう</h3> <p>プレゼン資料によっては、PDFのファイル容量が大きくなってしまうことがあります。AcrobatにはPDFファイルを軽くする機能が用意されていますが、私がオススメしたいのは<a href="https://www.adobe.com/jp/acrobat/online.html?=DMMD1FVR">Adobe Acrobat オンラインツール</a>を使うことです。</p> <p>Acrobat オンラインツールへアクセスするには<a href="https://www.google.com/search?q=pdf+%E5%9C%A7%E7%B8%AE">「PDF 圧縮」という検索ワードで検索する</a>か、あまり知られていない技として、ブラウザーのアドレスバーに「CompressPDF.new」と入力する方法があります。</p> <p>Acrobat オンラインツールの「<a href="https://www.adobe.com/jp/acrobat/online/compress-pdf.html?=DMMD1FVR">PDF を圧縮</a>」機能のページを開くと、次のどちらかの方法でファイルを圧縮できます。</p> <ul> <li>A. ウィンドウ内に直接、圧縮したいPDFファイルをドラッグ&amp;ドロップ</li> <li>B. ［ファイルを選択］ボタンをクリックして圧縮したいPDFファイルを指定</li> </ul> <p><img src="https://www.dtp-transit.jp/images/ss-2638-20230601-141542.png" alt="" /></p> <p>アップロードがスタートすると、［圧縮レベル］を「高」「中」「低」から選択する画面が開きます。</p> <p>圧縮レベルが高いほどファイル容量は小さくなりますが、その分、画質が劣化します（主にビットマップ画像の画質が劣化します）。ファイル容量と画質とのバランスをとりながら、最適な圧縮レベルを選んでください。</p> <p><img src="https://www.dtp-transit.jp/images/ss-2638-20230601-141720.png" alt="" /></p> <p>なお、オンライン上にはデータは残らない設計になっています（ただし、アドビのアカウントにログインしている場合、クラウドストレージに保存されますので、データをストレージに残したくない場合は削除が必要です）。</p> <h2>6 | Acrobatのオンライン共有機能をスライドのブラッシュアップに利用する</h2> <p>スライドのブラッシュアップのために第三者のレビューを受ける場合、「PDFファイルをメールなどに添付して送信し、チェックバックをコメントとして書き込んで返してもらう」のはお互いに煩雑です。</p> <p>そこで利用したいのがAcrobat オンラインツールの共有機能です。以下の手順でPDFを共有し、レビューを受けましょう。</p> <ol> <li><p>Acrobat オンラインツールにログインし、［ツール］一覧から［共有］をクリックします。<br />以下はAcrobat オンラインツールにログインした状態の画面です。</p> <p><img src="https://www.dtp-transit.jp/images/ss-2742-20230528-112847.png" alt="" /></p></li> <li><p>［共有するファイルを選択］ダイアログボックスが表示されたら、ファイルをドラッグ&amp;ドロップするか、［ユーザーのデバイスからファイルを追加］をクリックして共有したいファイルを指定します。</p> <p><img src="https://www.dtp-transit.jp/images/ss-2742-20230528-112852.png" alt="" /></p></li> <li><p>アップロードが完了したら、次のどちらかの方法で共有します。</p> <ol> <li><strong>名前から電子メールを入力</strong>：メールアドレスが事前にわかっているときに利用</li> <li><strong>［リンクを取得］ボタン</strong>：メールやチャットで共有リンクを送信したいときに利用</li> </ol> <p><img src="https://www.dtp-transit.jp/images/ss-3196-20230528-114310.png" alt="" /></p></li> </ol> <h3>パスワード保護を行うときにもAcrobat オンラインツールが便利</h3> <p>PDFをオンラインで共有するとき、念のためにパスワード保護を設定しておきたいときにも<a href="https://www.adobe.com/jp/acrobat/online.html?=DMMD1FVR">Acrobat オンラインツール</a>を活用できます。</p> <p>Acrobat オンラインツールへアクセスするには<a href="https://www.google.com/search?q=pdf+%E4%BF%9D%E8%AD%B7">「PDF 保護」という検索ワードで検索する</a>か、ブラウザーのアドレスバーに「protectpdf.new」と入力して、Acrobat オンラインツールの<a href="https://www.adobe.com/jp/acrobat/online/password-protect-pdf.html?=DMMD1FVR">「PDFにパスワードを設定する（暗号化）」機能</a>のページを開きます。</p> <ol> <li><p>PDFのファイル容量の圧縮と同様の手順でPDFを指定</p> <p><img src="https://www.dtp-transit.jp/images/ss-1978-20230601-142721.png" alt="" /></p></li> <li><p>パスワードを入力</p> <p><img src="https://www.dtp-transit.jp/images/ss-2400-20230601-142724.png" alt="" /></p></li> <li><p>保護されたPDFをダウンロード</p> <p><img src="https://www.dtp-transit.jp/images/ss-2112-20230601-142728.png" alt="" /></p></li> </ol> <p>ダウンロードしたPDFファイルには、ファイル名の末尾に「-保護済み」というテキストが追加されます。</p> <h2>まとめ</h2> <p>プレゼンをする上で意識していただきたいことをまとめてきました。今回のノウハウが新社会人だけでなく、多くのビジネスパーソンの参考になれば幸いです。</p> <p>最後にTipsをまとめておきますので、ぜひ復習してください。</p> <ul> <li>スライド作りに取り組む前に、じっくりとシナリオを作り込む</li> <li>スライドが完成したらリハーサルを繰り返し行い、シナリオやスライドを微調整する</li> <li>改行位置に気を配ると、スライドを見る人の負荷が減る</li> <li>プレゼンはトークが重要、スライドは脇役としてトークに力を入れよう</li> <li>スライドのブラッシュアップには、Acrobat オンラインツールの共有機能を使って他の人からレビューを受けるとよい</li> </ul> <h2>追記（2023年6月8日）</h2> <p>“スライドは「サブ」の扱い”について、むっちさんのツイートが参考になるので貼っておきます！</p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">スライドのデザインって<br>「読ませない」ことが大事<br>なんですよね。<br><br>は？何言ってんの？<br><br>こう思った方<br>もう少しお付き合いください…！<br><br>スライドが活躍する場って<br>プレゼンだったり<br>セミナーだったりしますよね。<br><br>こうした場所って<br>講師の方がスライドを活用しながら<br>説明していくじゃないですか。…</p>&mdash; むっち 𝕏 グラフィックデザイナー🤘🏻URAWA🇾🇪 (@mucch_design) <a href="https://twitter.com/mucch_design/status/1666326912493588480?ref_src=twsrc%5Etfw">June 7, 2023</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </p> Adobe MAX 2022「ベテランほど知らずに損してる☆IllustratorとPhotoshopの新常識」フォローアップ tag:movabletype.net,2003:post-2173997 2022-10-18T22:00:00Z 2023-10-15T20:54:53Z 2022年10月19日に出演したAdobe MAX 2022での「ベテランほど知らずに損してる☆IllustratorとPhotoshopの新常識」での補足やリンク集などのフォローアップです。 鷹野 雅弘 https://twitter.com/swwwitch <p>Adobe MAX 2022、10月19日[水] 15:00-15:30の「<a href="https://reg.adobe.com/flow/adobe/m22/sessions/page/catalog/session/1652997315479001jXvt">ベテランほど知らずに損してる☆IllustratorとPhotoshopの新常識 [S953]</a>」セッションのフォローアップです。</p> <p><section class="entry__toc entry__main"><h3 class="entry__toc__header">この記事内の目次</h3><div id="toc"></div></section></p> <h2>アーカイブ</h2> <p>アドビのサイトでの公開が終了したため、YouTubeチャンネルに移しました（2023年7月9日）。</p> <p><iframe width="560" height="315" src="https://www.youtube.com/embed/yQsFk-zFP00" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></p> <h2>セッション概要</h2> <blockquote> <p>2012年のCreative Cloud以降、いわゆるメジャーアップデート以外のタイミングでも新機能や機能強化が行われるようになりました。デモ映えするけど現場でニーズのなさそうな機能は控え目に、“地味だけど日々の仕事にすぐに役立つ”機能強化が増えています。<br /><br />昔の使い方のままでも日々の仕事はこなせますが、「知っていたら早く終わる」「使えばキレイに仕上がる」機能を使わないのは「損」です。ここ10年で、ゆうに200以上はある新機能・機能強化の中から厳選し、デモを交えてお伝えします。</p> </blockquote> <p>日本のセッションはオンラインのみ。そのため、例年どおり、事前収録でした。</p> <p>そのため、2023のアップデート内容は盛り込めませんでした。noteにIllustrator 2023（27.0）のアップデート内容をまとめたのでご一読ください！</p> <ul> <li><a href="https://note.com/dtp_tranist/n/n8c4bdfedbb9d">Illustrator 2023（27.0）の新機能や変更点｜DTP Transit 別館｜note</a></li> </ul> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Illustrator 2023（27.0）の新機能、「クロスと重なり」を使うと、非破壊で互い違いの重ねを実現できます。<a href="https://twitter.com/hashtag/AdobeMAX?src=hash&amp;ref_src=twsrc%5Etfw">#AdobeMAX</a> <a href="https://t.co/URokVSdl2z">pic.twitter.com/URokVSdl2z</a></p>&mdash; DTP Transit (@DTP_Transit) <a href="https://twitter.com/DTP_Transit/status/1582375666963873792?ref_src=twsrc%5Etfw">October 18, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </p> <h2>ダウンロード</h2> <p>ダウンロード期限は10月26日です。</p> <ul> <li><a href="https://www.dropbox.com/t/MTiwO7U3EjtLIy1A">スライド</a>（26MB）</li> <li><a href="https://www.dropbox.com/t/8CsOLaGt09Rioawm">サンプルファイル</a></li> </ul> <h2>Illustrator</h2> <h3>アートボード関連</h3> <ul> <li><a href="https://note.com/dtp_tranist/n/nfd735cddf1cf">Illustratorのアートボードについて見落としがちなこと｜DTP Transit 別館｜note</a></li> <li><a href="https://blog.adobe.com/jp/publish/2022/06/29/cc-design-illustrator-beteran-04-artboard">（4）アートボード関連のできること</a></li> </ul> <h3>ビューの回転</h3> <p>次を1クリックで実現できるようにしておくと重宝します。</p> <ul> <li>ビューの回転に合わせて［角度の制限］を変更</li> <li>回転しているオブジェクトに合わせてビューを回転し、［角度の制限］を変更</li> <li>ビューの回転に合わせて、オブジェクトが水平になるように回転</li> <li>ビューの回転をリセットし、［角度の制限］を0に戻す</li> </ul> <p>こちらの記事をご覧ください。</p> <ul> <li><a href="https://note.com/dtp_tranist/n/n2c72a542700b">Illustratorでの「ビューの回転」と角度の制限を連動するスクリプト｜DTP Transit 別館｜note</a></li> </ul> <h3>書式なしペースト</h3> <p>テキスト丸ごとの差し替えには対応していません。</p> <p>Gorolib Designさんのスクリプトを使うと実現できます。「もし、使っていいスクリプトをひとつだけ選べ！」と言われたら、迷いなく、これを選ぶほどオススメです。</p> <ul> <li><a href="https://note.com/gorolib/n/n7ab38c9d504d">選択、未選択に関係なくクリップボード内容を標準文字スタイルで貼り付けるスクリプト（Illustrator）｜gorolib｜note</a></li> </ul> <p>Illustratorでのスクリプトに関しては、こちらのnote記事をご覧ください。</p> <ul> <li><a href="https://note.com/dtp_tranist/n/n45f71c5cc3b9">Illustratorを使うとき、手放せないスクリプト（2021更新版）｜DTP Transit 別館｜note</a></li> </ul> <h3>エリア内文字の自動調整</h3> <p>エリア内文字とラージカンバスの組み合わせで、コピー&amp;ペーストできないという不具合があるようです。</p> <p>Illustrator 2022/2023で再現することを確認しました。</p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">イラレの「エリア内文字オプション」で「自動サイズ調整」オンのテキストは、大きいカンバスサイズ→普通のカンバスにコピペできない、という超ドマイナーな（と思われる）バグを発見</p>&mdash; Hidenori Yamaguchi (@batta) <a href="https://twitter.com/batta/status/1582186645323132928?ref_src=twsrc%5Etfw">October 18, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p> <h3>エリア内文字の均等配置</h3> <p>セッション内で触れていないのですが、複数行の天地を揃えるとき、エリア内文字の均等配置が使えます。</p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">複数行のテキストの配置<br><br>［A］行送りを変更（option + ↑↓）<br>［B］バラバラにして整列（均等配置）<br>［C］エリア内文字に変換し「均等配置」を指定<br><br>全体の高さを再調整することを想定すると［C］が圧勝。<br><br> <a href="https://twitter.com/hashtag/Illustrator%E3%81%AE%E5%9F%BA%E6%9C%AC?src=hash&amp;ref_src=twsrc%5Etfw">#Illustratorの基本</a> <a href="https://t.co/AXolqp1QzK">pic.twitter.com/AXolqp1QzK</a></p>&mdash; DTP Transit (@DTP_Transit) <a href="https://twitter.com/DTP_Transit/status/1546733682643574789?ref_src=twsrc%5Etfw">July 12, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </p> <h3>整列</h3> <ul> <li><a href="https://note.com/dtp_tranist/n/n41343f908417">Illustratorの「整列」操作の最適化｜DTP Transit 別館｜note</a></li> <li><a href="https://note.com/dtp_tranist/n/n5797d522fed4">アピアランスで追加した図形が整列で揃わないきないときには［プレビュー境界を使用］をオンにする｜DTP Transit 別館｜note</a></li> <li>[物理的な大きさを持っている、って素晴らしい：エリア内文字へのアピアランス｜DTP Transit 別館｜note](- <a href="https://note.com/dtp_tranist/n/n0163ff65c4c2">物理的な大きさを持っている、って素晴らしい：エリア内文字へのアピアランス｜DTP Transit 別館｜note</a>)</li> <li><a href="https://note.com/dtp_tranist/n/n8e8d7eeb7fc2">Illustratorで「キーオブジェクトに整列」をスピーディに行う｜DTP Transit 別館｜note</a></li> </ul> <h3>箇条書き（記号、自動番号）</h3> <ul> <li>[物理的な大きさを持っている、って素晴らしい：エリア内文字へのアピアランス｜DTP Transit 別館｜note](- <a href="https://note.com/dtp_tranist/n/n0163ff65c4c2">物理的な大きさを持っている、って素晴らしい：エリア内文字へのアピアランス｜DTP Transit 別館｜note</a>)</li> </ul> <p>26.3までと26.4.1/26.5には互換性がありませんので注意しましょう。</p> <ul> <li><a href="https://ten-artai.com/2022/09/3719/">26.5で拡張されたIllustrator2020形式の仕様について | Automation Skill</a></li> </ul> <h3>Illustratorで制作を行う上で注意したい点</h3> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Illustrator 2022（2021年10月リリース）から［リンク］パネル内のアイコン（バッジ）が大きく変わっています。<br><br>・埋め込み：アイコン「あり」から「なし」に<br>・リンク：アイコン「なし」から「あり」に<br>・クラウド：別の列に<br><br>慣れるのに時間がかかりそう…<a href="https://twitter.com/hashtag/%E3%82%A4%E3%83%A9%E3%83%AC%E3%81%AE%E5%9F%BA%E6%9C%AC?src=hash&amp;ref_src=twsrc%5Etfw">#イラレの基本</a> <a href="https://t.co/oGUl9RjzJG">pic.twitter.com/oGUl9RjzJG</a></p>&mdash; DTP Transit (@DTP_Transit) <a href="https://twitter.com/DTP_Transit/status/1454393437776539654?ref_src=twsrc%5Etfw">October 30, 2021</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p> <p>［リンク］パネルのアイコンは序の口、リンク切れでもプレビューが見えてしまう問題など、Illustratorで制作を行う上で注意したい点をおさえておきましょう。</p> <ul> <li><a href="https://note.com/dtp_tranist/n/ned3b27c7ee04">Illustratorの制作で注意したい点｜DTP Transit 別館｜note</a></li> </ul> <h2>Photoshop</h2> <h3>選択エヴォリューション</h3> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2370-20220904-170919.png" class="fluidimage img-responsive" /></p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Photoshopの選択の進化についてのまとめ<br><br>「選択とマスク」と「オブジェクト選択ツール」にどんどんオプションが追加されて、全体像を把握するのがややこしくなってきました。<a href="https://twitter.com/hashtag/AdobeMAX?src=hash&amp;ref_src=twsrc%5Etfw">#AdobeMAX</a> <a href="https://t.co/qslh0o9ndm">pic.twitter.com/qslh0o9ndm</a></p>&mdash; 鷹野 雅弘 Masahiro Takano (@swwwitch) <a href="https://twitter.com/swwwitch/status/1566129492820897792?ref_src=twsrc%5Etfw">September 3, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p> <h3>Photoshop 2023（24.0）</h3> <p>これまで［ファイル］メニューの［塗りつぶし］に割り当てられていたshift + deleteキーが「コンテンツに応じて塗りつぶし」に変更になりました。</p> <ul> <li>option + delete：描画色で塗りつぶし</li> <li>⌘ + delete：背景色で塗りつぶし</li> <li>shift + delete：コンテンツに応じて塗りつぶし</li> </ul> <h3>コンじる関連</h3> <p>2020年に出演したときの動画です。</p> <p><iframe width="560" height="315" src="https://www.youtube.com/embed/C3LefcvBk5k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p> <h2>ベテランほど知らずに損しているIllustratorの新常識</h2> <p>Adobe Blogにて毎月連載しています。月末近くに更新。</p> <ul> <li><a href="https://blog.adobe.com/jp/publish/2022/03/29/cc-design-illustrator-beteran-01-tool">（1）便利になった新常識とUIの変更点</a></li> <li><a href="https://blog.adobe.com/jp/publish/2022/04/21/cc-design-illustrator-beteran-02-tool">（2）マスク不要で仕上がりイメージを確認</a></li> <li><a href="https://blog.adobe.com/jp/publish/2022/05/27/cc-design-illustrator-beteran-03-text-non-outline">（3）増えているアウトライン化しなくてもできること</a></li> <li><a href="https://blog.adobe.com/jp/publish/2022/06/29/cc-design-illustrator-beteran-04-artboard">（4）アートボード関連のできること</a></li> <li><a href="https://blog.adobe.com/jp/publish/2022/07/27/cc-design-illustrator-beteran-5th">（5）使わないともったいない！便利な機能集</a>（画像配置関連）</li> <li><a href="https://blog.adobe.com/jp/publish/2022/08/30/cc-design-illustrator-beteran-6th">（6）変更を検討すべき6つの環境設定</a></li> <li><a href="https://blog.adobe.com/jp/publish/2022/09/29/cc-design-illustrator-beteran-7th">（7）キャッチアップしておきたいフォントまわりのアップデート</a></li> </ul> <h2>後日談</h2> <p>いただいたツイートをTogetterにまとめました。</p> <ul> <li><a href="https://togetter.com/li/1960748">Adobe MAX 2022「ベテランほど知らずに損してる☆IllustratorとPhotoshopの新常識」</a></li> </ul> <p>出演者は東京タワーに集まり、当日のオンラインチャットに対応していました。</p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">昨日のAdobe MAXでは出演者のみ、こぢんまりと東京タワーのREDに集められました。<br>その断片をおすそ分け。<a href="https://twitter.com/hashtag/adobemax?src=hash&amp;ref_src=twsrc%5Etfw">#adobemax</a> <a href="https://t.co/cbSBBEMmsV">pic.twitter.com/cbSBBEMmsV</a></p>&mdash; 鷹野 雅弘 Masahiro Takano (@swwwitch) <a href="https://twitter.com/swwwitch/status/1582923993895514112?ref_src=twsrc%5Etfw">October 20, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p> <h3>収録時のアレコレ</h3> <ul> <li>2020/2021はスタジオ収録ができたのですが、今回（2022）はセルフ収録のみ。つまり、全出演者が各自で収録を行いました。</li> <li>動画提出の〆は9月5日[月]。そのため、CC 2023の新しい内容は盛り込めませんでした。</li> <li>日、月でガーっと仕上げようと思ったところ、日曜日のお昼から高熱（コロナ）が続き、実は、ちょっとだけ熱がおさまったタイミングでトーク部分を撮影しています。</li> <li>編集にはPremiere ProでなくScreenFlowを使っています。</li> <li><p>コンテンツ的にはセミナーでやったら2時間程度が詰まっています。普段、大ざっぱな準備のみなのですが、今回は一字一句セリフを精査し、「1秒あたり5文字」の計算で全体の尺を測りながら内容を精査しました。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2794-20221021-013714.png" class="fluidimage img-responsive" /></p></li> </ul> noteで公開した記事一覧（2020年8月） tag:movabletype.net,2003:post-2168120 2022-08-27T13:56:00Z 2022-08-29T08:57:50Z 2022年8月に公開したnote記事を一覧化しました。 カテゴリ別記事一覧 Il... 鷹野 雅弘 https://twitter.com/swwwitch <p>2022年8月に公開したnote記事を一覧化しました。</p> <h2>カテゴリ別記事一覧</h2> <h3>Illustrator</h3> <ul> <li><a href="https://note.com/dtp_tranist/n/n4058f58f0fea">Illustrator 26.4アップデートで可能になった箇条書きと自動番号</a></li> <li><a href="https://note.com/dtp_tranist/n/n0f1029b1cc08">風前の灯火…　Type 1フォントが使えなくなります！</a></li> <li><a href="https://note.com/dtp_tranist/n/n78b566de52d4">Illustrator 新機能・機能強化リスト</a></li> <li><a href="https://note.com/dtp_tranist/n/ndfd7dc439924">Illustratorで複合シェイプを作成/解除するKeyboard Maestroマクロ</a></li> <li><a href="https://note.com/dtp_tranist/n/nbd128fe0e0e0">画像の埋め込み解除をスクリプトで行う</a></li> <li><a href="https://note.com/dtp_tranist/n/nfd281114eda2">Illustrator 2022（26.5）まとめ｜note</a></li> </ul> <h3>アピアランス</h3> <ul> <li><a href="https://note.com/dtp_tranist/n/n87a5a8d305d5">左上の「〇」と「×」だけ固定でテキストボックスで大きさ指定するアピアランス</a></li> <li><a href="https://note.com/dtp_tranist/n/nc3779e983b02">手書き風フォント「左利きの彼女」と、便せんの罫線のアピアランス</a></li> <li><a href="https://note.com/dtp_tranist/n/ne558cb926cc1">エリア内テキスト＋アピアランスで実装する「テキストに応じて可変する半円」</a></li> <li><a href="https://note.com/dtp_tranist/n/nbdce44c9b0d2">エリア内文字で実装する寸法線（3）T字バージョン</a></li> <li><a href="https://note.com/dtp_tranist/n/n10b578c30a8d">エリア内テキスト＋アピアランスで実装するテキストへの罫線</a></li> <li><a href="https://note.com/dtp_tranist/n/n6cb2f49d1734">エリア内文字で実装する寸法線（2）矢印が外側バージョン</a></li> <li><a href="https://note.com/dtp_tranist/n/ne9369567199a">グラフの軸などで用いる省略波線</a></li> <li><a href="https://note.com/dtp_tranist/n/n383c356f5737">図解作成時、線の交差点で必要になる「飛び越し線」</a></li> </ul> <h3>Photoshop</h3> <ul> <li><a href="https://note.com/dtp_tranist/n/nfcd8b28d426f">Photoshopでのスクショの合成あれこれ</a></li> </ul> <h3>InDesign</h3> <ul> <li><a href="https://note.com/dtp_tranist/n/n1bbdf0eafad0">InDesignでパッケージするとき、「Document fonts」フォルダーのフォントが収集されない（2020以降）</a></li> </ul> <h3>その他</h3> <ul> <li><a href="https://note.com/dtp_tranist/n/n889ed774cc0f">アップル関連のCPU、OS、デバイスの簡易年表</a></li> <li><a href="https://note.com/dtp_tranist/n/ncc4291ffda20">アドビおよびクリエイティブの動向（2022年8月）</a></li> </ul> <h3>Keyboard Maestro</h3> <ul> <li><a href="https://note.com/dtp_tranist/n/naccfba500947">開いているページを指定のブラウザーで開き直すマクロ</a></li> <li><a href="https://note.com/dtp_tranist/n/n26f4a02d6dcf">#KeyboardMaestro で行うメニューコマンドのトグル</a></li> <li><a href="https://note.com/dtp_tranist/n/n5ec41d2887ec">Keyboard Maestroでファイルが存在するかどうかを判定する</a></li> <li><a href="https://note.com/dtp_tranist/n/ndfd7dc439924">Illustratorで複合シェイプを作成/解除するKeyboard Maestroマクロ</a></li> <li><a href="https://note.com/dtp_tranist/n/n4ca33e3f7a7a">ペースト禁止のフォームでの入力</a></li> <li><a href="https://note.com/dtp_tranist/n/nbc9db5beca45">Keyboard Maestroマクロ実行中に表示させる通知方法あれこれ</a></li> </ul> <h3>番外編</h3> <p>個人のnoteアカウントにて、月単位で読んでおきたいツイートや記事をストックしています。</p> <ul> <li><a href="https://note.com/swwwitch/n/n32b34949cf27">読んでおきたいツイートや記事（2022年8月）</a></li> </ul> <h2>Twitterのフォローをお願いします！</h2> <p>次のような流れで取り組んでいますので、Twitterをフォローし、見過ごしている視点があれば、ご指摘くださいますと幸いです。</p> <ol> <li>仕事中に気にかかったトピックをツイートする</li> <li>深掘りできそうな内容はスレッドを掘り下げていく</li> <li>反応など見ながら、さらに深める</li> <li>note、またはブログにまとめる</li> </ol> <h2>noteのフォローをお願いします！</h2> <ul> <li><a href="https://note.com/dtp_tranist">フォローする</a></li> </ul> <h3>定期購読マガジン</h3> <p><a href="https://note.com/dtp_tranist/m/mebd7eab21ea5">DTP Transit 定期購読マガジン</a>を購読ください！（月100円）</p> <ul> <li>通知が行くのでモレなく読めます。</li> <li>アピアランスなどのサンプルファイルをダウンロードできます。</li> </ul> <h2>noteでの投稿の是否</h2> <p>次のような理由でnoteでの投稿がラクです。</p> <ul> <li>画像を最適化（圧縮）しなくていい</li> <li>ツイートをそのまま埋め込める</li> <li>参考サイト、note記事もサムネール付きで埋め込める</li> <li>有料記事の設定ができる</li> </ul> <p>現状ではエクスポート機能もないですし、本体ブログに記事を足していくべきですが、ついつい…</p> Adobe MAX 2022が10月に開催されます tag:movabletype.net,2003:post-2166593 2022-08-25T17:28:00Z 2022-08-26T07:31:57Z 2022年10月19日[水] 、20日[木]、Adobe MAX 2022が開催... 鷹野 雅弘 https://twitter.com/swwwitch <p><a href="https://max.adobe.com/"><img alt="" src="https://www.dtp-transit.jp/images/MAX22_desktop.jpg.img.jpg" class="right" width="200" /></a></p> <p>2022年10月19日[水] 、20日[木]、Adobe MAX 2022が開催されます。</p> <ul> <li>LAではリアル開催（有料、$1,495）</li> <li>2020/2021に続き、オンライン版も併催。参加は無料</li> </ul> <p>すでに参加登録がスタートしています。オンライン版のため、定員こそありませんが、早めに登録しておくのがよさそう。</p> <p>おそらく期間限定のMAX STOREがオープンし、アプリケーションアイコンのクッションが売られると思いますので、情報が入ってくるようにしておきましょう。</p> <h2>日本のセッション／グラフィックデザイン</h2> <p>今回は日本のセッションは27のみ。昨年のおよそ半分です。</p> <p>さらに <a href="https://reg.adobe.com/flow/adobe/m22/sessions/page/catalog?tab.allsessions=1643149273691001NFtR&amp;search.region=1593462616860004rSqO&amp;search.track=1555014524534003JK3V">グラフィックデザインで絞り込む</a>と6つ。そのうち、2つはアドビのセッションですので、純然たるユーザーセッションは4つです。</p> <ul> <li><a href="https://reg.adobe.com/flow/adobe/m22/sessions/page/catalog/session/1652997315364001jrgA">初心者必見！独学でもできる超簡単Photoshop写真加工術 [S950]</a>／マッピーフォト</li> <li><a href="https://reg.adobe.com/flow/adobe/m22/sessions/page/catalog/session/1652997315442001jsP1">初心者向け！簡単イラレで文字デザイン（自作フォントの作り方） [S952]</a>／ゆうたONE </li> <li><a href="https://reg.adobe.com/flow/adobe/m22/sessions/page/catalog/session/1652997315404001j7Rg">コツを知ってもっと良いデザインに！ Illustrator初心者塾 [S951]</a></li> <li><a href="https://reg.adobe.com/flow/adobe/m22/sessions/page/catalog/session/1652997315479001jXvt">ベテランほど知らずに損してる☆IllustratorとPhotoshopの新常識 [S953]</a>／鷹野 雅弘</li> </ul> <p><img src="https://www.dtp-transit.jp/images/max2022-jp-speakers.png" alt="" /></p> <h3>アドビのセッション</h3> <ul> <li><a href="https://reg.adobe.com/flow/adobe/m22/sessions/page/catalog/session/1652997315567001jgvd">印刷&amp;デザイン業界必見！印刷テクノロジーと互換情報 [S955]</a>／岩本 崇、加藤 統久</li> <li><a href="https://reg.adobe.com/flow/adobe/m22/sessions/page/catalog/session/1652997315524001jlFs">こんなに増えてます！Adobe Fonts最新情報と活用法を徹底紹介 [S954]</a>／岩本 崇</li> </ul> <h2>鷹野 雅弘（スイッチ）が出演します。</h2> <p>昨年（Adobe MAX 2021）では選にもれてしまったのですが、今年は返り咲きました。</p> <p>「ベテランほど知らずに損してる☆IllustratorとPhotoshopの新常識 [S953]」というセッション名で2022年10月19日[水] 15:00-15:30に登壇します。</p> <blockquote> <p>2012年Creative Cloud以降、いわゆるメジャーアップデート以外のタイミングでも新機能や機能強化が行われるようになりました。デモ映えするけど現場でニーズのなさそうな機能は控え目に、“地味だけど日々の仕事にすぐに役立つ”機能強化が増えています。<br /><br />昔の使い方のままでも日々の仕事はこなせますが、「知っていたら早く終わる」「使えばキレイに仕上がる」機能を使わないのは「損」です。ここ10年で、ゆうに200以上はある新機能・機能強化の中から厳選し、デモを交えてお伝えします。</p> </blockquote> <p>ぜひ、<a href="https://reg.adobe.com/flow/adobe/m22/sessions/page/catalog/session/1652997315479001jXvt">事前登録</a>くださいますと嬉しいです！</p> PopClip経由で実行するKeyboard Maestroマクロ tag:movabletype.net,2003:post-2155743 2022-08-10T06:18:00Z 2022-08-27T13:48:46Z Keyboard Maestroマクロはhot key（キーボードショートカット... 鷹野 雅弘 https://twitter.com/swwwitch <p>Keyboard Maestroマクロはhot key（キーボードショートカット）で実行するのが早い反面、次のようなデメリットがあります。</p> <ul> <li>覚えきれない</li> <li>ほかとのバッティング</li> </ul> <p>次善策をとして「<a href="https://dtptransit.design/mac/keyboard-maestro/how-to-use-palette.html">パレット</a>」の利用がありますが、パレットも最善とは言えません。</p> <ul> <li>パレットそのものがジャマ</li> <li>マクロが増えるとパレットが大きくなる</li> </ul> <p>今春（2022年）、テキストまわりの整形マクロを整備していたのですが、上記の理由で少し不便さを感じていました。「右クリックでできるといいよね…」という提案をいただいていたのですが、macOSの「サービス」として実装するのに難儀しつつ、なんとなく生粋のMacユーザーとしては、できれば「右クリックはしたくない」という心情…</p> <p>前置きが長くなりましたが、PopClipというユーティリティを使ってKeyboard Maestroマクロを呼び出す方法をまとめてみました。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1742-20220810-152753.png" class="fluidimage img-responsive" /></p> <p><section class="entry__toc entry__main"><h3 class="entry__toc__header">この記事内の目次</h3><div id="toc"></div></section></p> <h2>PopClipとは</h2> <p>PopClip（ポップクリップ）は老舗のmacOS向けのユーティリティ。文字列を選択するとiOSのようなバーが表示されます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-634-20220810-041702.png" width="317" /></p> <p>1,840円の有償アプリで<a href="https://apps.apple.com/jp/app/popclip/id445189367?mt=12">Mac App Store</a>から購入します。サブスクでなく買い切りです。</p> <p>たくさんの拡張機能が用意されています。</p> <ul> <li><a href="https://pilotmoon.com/popclip/extensions/">PopClip Extensions</a></li> </ul> <p>最近、DeepLにも対応しました。</p> <ul> <li><a href="https://applech2.com/archives/20220504-popclip-deepl-extension-update.html">Mac用メニュー機能拡張アプリ「PopClip」のDeepL拡張がDeepLアプリとWebサイト翻訳でのソース言語の自動検出に対応。</a></li> </ul> <h2>PopClip拡張機能の全体像</h2> <p>全体像としては次のようになっています。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-3176-20220810-104056.png" class="fluidimage img-responsive" /></p> <p>重要な部分を拡大</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2980-20220811-113457.png" class="fluidimage img-responsive" /></p> <h2>PopClip拡張機能の作成の下準備</h2> <p>2つのファイル、アイコン用に画像ファイル（透過PNG）を用意します。</p> <h3>「Config.plist」の作成</h3> <p>次のソースコードをテキストファイルにコピー&amp;ペーストし、「Config.plist」というファイル名で保存します。</p> <ul> <li>&lt;string&gt;KMBridge.applescript&lt;/string&gt;：AppleScriptのファイル名<br></li> <li>&lt;string&gt;calendar.png&lt;/string&gt;：PopClipバーに表示されるアイコンのファイル名<br></li> <li>&lt;string&gt;日付&lt;/string&gt;：PopClipバーのアイコンにマウスオーバーしたときのツールヒント<br></li> <li>&lt;string&gt;日付挿入&lt;/string&gt;：PopClipの環境設定のアクションリストで表示される名称<br></li> <li>&lt;string&gt; com.KMBridge &lt;/string&gt;：識別子：ほかとダブらないように</li> </ul> <pre><code> &lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt; &lt;!DOCTYPE plist PUBLIC &quot;-//Apple//DTD PLIST 1.0//EN&quot; &quot;http://www.apple.com/DTDs/PropertyList-1.0.dtd&quot;&gt; &lt;plist version=&quot;1.0&quot;&gt; &lt;dict&gt; &lt;key&gt;Actions&lt;/key&gt; &lt;array&gt; &lt;dict&gt; &lt;key&gt;AppleScript File&lt;/key&gt; &lt;string&gt;KMBridge.applescript&lt;/string&gt; &lt;key&gt;Image File&lt;/key&gt; &lt;string&gt;calendar.png&lt;/string&gt; &lt;key&gt;Title&lt;/key&gt; &lt;string&gt;日付&lt;/string&gt; &lt;key&gt;After&lt;/key&gt; &lt;string&gt;paste-result&lt;/string&gt; &lt;/dict&gt; &lt;/array&gt; &lt;key&gt;Extension Identifier&lt;/key&gt; &lt;string&gt;com.KMBridge&lt;/string&gt; &lt;key&gt;Extension Name&lt;/key&gt; &lt;string&gt;日付挿入&lt;/string&gt; &lt;/dict&gt; &lt;/plist&gt; </code></pre> <h3>「KMBridge.applescript」</h3> <p>次のソースコードをテキストファイルにコピー&amp;ペーストし、「KMBridge.applescript」というファイル名で保存します。</p> <p>"Popclip-insert-date"の部分にはKeyboard Maestroで参照するマクロ名を入れます。</p> <p><code>tell application "Keyboard Maestro Engine" do script "Popclip-insert-date" with parameter "{popclip text}" end tell </code></p> <h2>PopClip拡張機能の作成</h2> <p>次の手順でPopClip拡張機能に変換します。</p> <ol> <li>新しいフォルダーを作成</li> <li>「Config.plist」と「KMBridge.applescript」、および、PNGファイルをそのフォルダーに入れる</li> <li>フォルダー名の末尾に「.popclipext」を付ける（ → 「KMBridge-insert-date」になる）</li> </ol> <p>これによってフォルダーアイコンが変わり、PopClip拡張機能に変換されます。</p> <ul> <li>「.popclipext」を削除すると普通のフォルダーに戻ります。</li> <li>公式から出ている拡張機能の拡張子は「.popclipextz」ですが、zは不要です。</li> </ul> <h3>ハマりポイント</h3> <p>手順2の後、Zip圧縮してから拡張子を変更する方法はNGです。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1532-20220810-105453.png" class="fluidimage img-responsive" /></p> <h2>PopClip拡張機能のインストール</h2> <p>「KMBridge-insert-date.popclipext」ファイルをダブルクリックするとインストールされます。</p> <p>［符号無しの拡張子］というダイアログボックスが表示されたら、［〜をインストール］ボタンをクリックします。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-744-20220811-111305.png" width="372" /></p> <h3>拡張機能の管理</h3> <ul> <li>拡張子は「~/Library/Application Support/PopClip/Extensions」にインストールされる</li> <li>「Extensions」フォルダーごとDropboxに待避させ、そのシンボリックリンクを戻しておくのがスマート</li> </ul> <h2>Keyboard Maestroマクロの作成（1）</h2> <p>サンプルとして選択している文字列に続けて「-20220810」のように8桁の日付が入るようにするマクロです。</p> <p>「%TriggerValue%」がPopClipで参照するテキストです。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1026-20220810-145749.png" width="513" /></p> <h2>Keyboard Maestroマクロの作成（2）</h2> <p>変数に受け渡す場合には次のように記述します。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1028-20220810-150050.png" width="514" /></p> <h2>Keyboard Maestroマクロの作成（3）</h2> <p>マクログループを呼び出すこともできます。</p> <p><img src="https://www.dtp-transit.jp/images/ss-1976-20220810-035317.png" alt="" /></p> <p>Show Macro Groupアクションで、呼び出したいマクログループを指定します。</p> <p><img src="https://www.dtp-transit.jp/images/ss-1028-20220810-152947.png" alt="" /></p> <h2>PopClipの呼び出し（Alfred経由）</h2> <p>PopClipは、標準機能でキーボードショートカットを設定することができます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-430-20220810-150344.png" width="215" /></p> <p>テキストを選択後、PopClipはすぐに呼びされますが、マレに表示されないことがありますので、Alfred経由で「controlキーのダブルタップ」で呼び出せるように設定してみましょう。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2542-20220810-152210.png" class="fluidimage img-responsive" /></p> <p>非常に簡単に作成できます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2584-20220810-150828.png" class="fluidimage img-responsive" /></p> <p><code>on alfred_script(q) tell application "PopClip" to appear end alfred_script </code></p> <h3>ハマりポイント</h3> <p><a href="https://pilotmoon.com/popclip/extensions/page/Alfred">こちらの拡張機能</a>は、PopClipからAlfredに文字列を受け渡すものです。</p> <h2>ダウンロード</h2> <p>次をまとめてダウンロードできるようにしておきました。</p> <ul> <li>Keyboard Maestroマクロ</li> <li>PopClip拡張機能</li> <li>Alfred workflow</li> </ul> <p><a href="https://www.dropbox.com/sh/scbxmq2e9b9lkwh/AACWhtzzm4ZZ8ch904-JM0fha?dl=0">ダウンロード</a></p> <h2>PopClip拡張機能作成マクロ</h2> <p>PopClip拡張機能を作成するマクロを作りました。</p> <p>次のように割り切り、「拡張機能名」、「タイトル」のみを</p> <ul> <li>ActionScriptファイル名は常に「KMBridge.applescript」に</li> <li>アイコンファイル名は常に「icon.png」に（中身が★のファイルを仮作成）</li> <li>識別子は「com.KMBridge-4748465」に（数字部分はランダム生成）</li> </ul> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1166-20220813-033819.png" class="fluidimage img-responsive" /></p> <ul> <li>デスクトップにフォルダーを作成します。</li> <li>仮のPNGファイルが入っています。ファイル名はそのまま、実際に使うものに差し替えてください。</li> <li>その後、フォルダー名に「.popclipext」を付けてください。自動的に拡張機能に変換されます。※クリップボードに入れています。</li> <li>Keyboard Maestroマクロを作成し、マクロ名に拡張機能名を設定してください。</li> <li>Keyboard Maestroマクロ内でPopClipのテキストを参照するには「\%TriggerValue\%」をお使いください。</li> </ul> <p><a href="https://www.dropbox.com/s/zj8g2bqhvf0kge2/PopClipExtensionMaker.kmmacros?dl=0">ダウンロード</a></p> <h2>リソース</h2> <p>Twitterの<a href="https://mobile.twitter.com/i/communities/1497032625864978432">Keyboard Maestro User Group JP</a>にて、<a href="https://mobile.twitter.com/osagasikun3">お探しくん@DTP仕事承り候</a>さんから紹介いただきました。ありがとうございます！</p> <ul> <li><a href="https://mainframeperformancetopics.com/2020/01/12/invoking-keyboard-maestro-from-popclip/">Invoking Keyboard Maestro From PopClip – Mainframe, Performance, Topics</a></li> </ul> <p>PopClip向けのAlfred workflowについては、こちらに記事が参考になりました。</p> <ul> <li><a href="https://gdgt.jp/2019/08/08/%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89%E6%93%8D%E4%BD%9C%E3%81%A7popclip%E3%82%92%E3%83%9D%E3%83%83%E3%83%97%E3%82%A2%E3%83%83%E3%83%97%E3%81%95%E3%81%9B%E3%82%8B%E3%80%81alfred%E3%81%AE/2/">キーボード操作でPopclipをポップアップさせる、Alfredのワークフローを作る | Gadgeter | ページ 2</a></li> <li><a href="https://gdgt.jp/2019/08/08/%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89%E6%93%8D%E4%BD%9C%E3%81%A7popclip%E3%82%92%E3%83%9D%E3%83%83%E3%83%97%E3%82%A2%E3%83%83%E3%83%97%E3%81%95%E3%81%9B%E3%82%8B%E3%80%81alfred%E3%81%AE/">キーボード操作でPopclipをポップアップさせる、Alfredのワークフローを作る | Gadgeter</a></li> </ul> <h2>その他</h2> <p>NotionはPopClipに近いUIを持っているため、除外リストに入れておいた方がよさそう。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-430-20220815-024856.png" width="215" /></p> <h2>その後、運用してみて</h2> <p>2週間ほど運用してきたのですが、PopClipと似たようなUIを持つNotionやnoteとの愛称が悪い。当然ですが…</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-430-20220827-224502.png" width="215" /></p> <p>そのため、ブラウザー類はすべて除外リストに入れました。</p> Illustrator 26.4.1アップデートで可能になった箇条書きと自動番号 tag:movabletype.net,2003:post-2143382 2022-08-02T14:00:00Z 2022-08-03T21:50:30Z Illustrator 2022が26.4にアップデートされ、箇条書き（記号と自動番号／Bullets and numbering）がサポートされました。 鷹野 雅弘 https://twitter.com/swwwitch <p>2022年8月、Illustrator 2022が<a href="https://helpx.adobe.com/jp/illustrator/using/whats-new/2022-5.html">26.4.1にアップデート</a>され、箇条書き（記号と自動番号／Bullets and numbering）がサポートされました。</p> <p>待望の機能強化!! 嬉しい反面、荒削りな実装です。特に26.3.1との互換性もなくなってしまうため、注意しましょう。</p> <p><section class="entry__toc entry__main"><h3 class="entry__toc__header">この記事内の目次</h3><div id="toc"></div></section></p> <h2>基本</h2> <p>次のように、記号（ul）、自動番号（ol）を総称して「箇条書き」と呼んでいます。</p> <p><img src="https://www.dtp-transit.jp/images/ss-2078-20220803-001557.png" alt="" /></p> <p>アドビの定義（ローカライズ）では、InDesign日本語版に揃え、自動番号も含めて「箇条書き」のようですが「リスト」がよいと考えます。</p> <p><img src="https://www.dtp-transit.jp/images/ss-2624-20220803-083251.png" alt="" /></p> <ul> <li><a href="https://www.w3.org/TR/html4/struct/lists.html">Lists in HTML documents</a></li> </ul> <p>ウィキペディアでは数字やアルファベットがついたものも「箇条書き」として定義されています。これは「文章」に対しての形式としての観点と言えます。</p> <blockquote> <p>文字による表現方法のひとつ。いくつかの項目をひとつひとつ分けて書き並べる。項目は単語であったり文であったりする。枠線を使わない表の一種。 </p> </blockquote> <ul> <li><a href="https://ja.wikipedia.org/wiki/%E7%AE%87%E6%9D%A1%E6%9B%B8%E3%81%8D">箇条書き - Wikipedia</a></li> </ul> <h2>箇条書きの適用方法</h2> <p>複数の適用方法があります。</p> <ul> <li>コントロールパネル</li> <li>［プロパティ］パネル</li> <li>右クリックメニュー</li> <li>［書式］メニューの［箇条書き］</li> <li>［段落］パネル</li> <li>段落スタイル</li> </ul> <p><img alt="" src="https://www.dtp-transit.jp/images/how2apply-bullets-numbering.png" class="fluidimage img-responsive" /></p> <p>現段階では、アクション、スクリプトでは適用できません。</p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">アクション，段落プロパティの記録はされるけど箇条書きは何も変わらなかった。アクション経由も無理。</p>&mdash; したたか企画 (@sttk3com) <a href="https://twitter.com/sttk3com/status/1554775446012583936?ref_src=twsrc%5Etfw">August 3, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </p> <h3>キーボードショートカット</h3> <p>現状用意されていません。</p> <p>macOSのシステム環境設定のキーボードで設定するか、Keyboard Maestroを使って設定しました。Google ドキュメント、Slack、noteと同様のキーボードショートカットにしています。</p> <ul> <li>記号：⌘ + shift + 8</li> <li>自動番号：⌘ + shift + 7</li> </ul> <p>記号と自動番号の切り替えは相互に可能。いったん、OFFにする必要はありません。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1306-20220729-001142-s.png" width="653" /></p> <p>箇条書き記号、自動番号の2つをすでに設定したマクロを用意しました。Keyboard Maestroユーザーの方はお使いください。</p> <ul> <li><a href="https://www.dropbox.com/s/0nfp16wc7q3w2gc/Ai-264.kmmacros?dl=0">Keyboard Maestroマクロをダウンロード</a></li> </ul> <h2>設定できるスタイル</h2> <h3>記号</h3> <p>4つのスタイルが用意されています。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2066-20220731-005655.png" class="fluidimage img-responsive" /></p> <h3>記号（2）</h3> <p>次のようにテキスト入力すると「記号」として扱われます。</p> <ul> <li>* &lt;スペース></li> <li># &lt;スペース></li> <li>> &lt;スペース></li> <li>+ &lt;スペース></li> </ul> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-3080-20220731-010355.png" class="fluidimage img-responsive" /></p> <h3>自動番号</h3> <p>7つのスタイルが用意されています。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2162-20220731-005704.png" class="fluidimage img-responsive" /></p> <h2>詳細の調整</h2> <p>コントロールパネルと［プロパティ］パネルから次の設定を行えます。</p> <ul> <li>レベル</li> <li>スタイル（種類）</li> <li>位置（揃え）</li> <li>位置（インデント）</li> </ul> <p><img alt="" src="https://www.dtp-transit.jp/images/how2apply-bullets-numbergin2b.png" class="fluidimage img-responsive" /></p> <table><tr><td rowspan="2"></td><th>❶</th><th>❷</th><th>❸</th></tr><tr><th>適用</th><th>∨をクリックして<br>ポップアップ</th><th>［…］をクリックして<br>ダイアログボックス</th></tr><tr><td>レベル</td><td>△</td><td></td><td>●</td></tr><tr><td>スタイル（種類）</td><td>△</td><td>●</td><td>●</td></tr><tr><td>位置（揃え）</td><td></td><td></td><td>●</td></tr><tr><td>位置（インデント）</td><td></td><td></td><td>●</td></tr><tr><td>記号と自動番号の変更</td><td></td><td></td><td>●</td></tr></table> <p>△はデフォルトのみの適用</p> <h2>マルチレベルの設定</h2> <p>記号（箇条書き）、自動番号ともにマルチレベル設定（階層関係）が可能です。デフォルトでは用意されているスタイルが順番に割り当てられます。</p> <p>設定できるレベルは9段階まで。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2528-20220731-010804.png" class="fluidimage img-responsive" /></p> <p>次のような組み合わせも可能。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-922-20220731-011141.png" width="461" /></p> <h3>レベルの変更</h3> <p>行頭にカーソルをおいて、次のキーボードショートカットでレベルを変更できます。</p> <ul> <li>レベルを下げる：tabキー</li> <li>レベルを上げる：shift + tabキー</li> </ul> <h3>環境設定</h3> <p>tabキー／shift + tabキーによるレベル変更を行うには、環境設定の［テキスト］カテゴリ内の［入力中に箇条書きリストのレベルを自動変更］オプションがONになっている必要があります。</p> <p>デフォルトはONです。そのままにしておきましょう。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1980-20220803-062631-s.png" class="fluidimage img-responsive" /></p> <h3>InDesignとの違い</h3> <p>InDesignでのレベルの実装は、Illustratorと異なります。</p> <ul> <li>InDesign：自動番号のみに対応</li> <li>Illustrator：記号、自動番号に対応、そして混ぜられる</li> </ul> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1146-20220801-132953-s.png" class="fluidimage img-responsive" /></p> <h2>揃え</h2> <p>［箇条書き］ダイアログボックスの［揃え］で「中央」や「右」に設定できます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1448-20220731-011638.png" class="fluidimage img-responsive" /></p> <h2>インデント</h2> <p>デフォルトの値が18pt（6.35mm）と大きいです。半分程度が適当かも。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2288-20220731-015842.png" class="fluidimage img-responsive" /></p> <h2>段落スタイル</h2> <p>きちんと仕込んでおくと、非常にスピーディに実装できます。</p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Illustrator 2022（26.4.1）の「箇条書き（記号、自動番号）」、きちんと仕込んでおくと段落スタイルとアピアランスの組み合わせでスピードで進められます。 <a href="https://t.co/uDa4WOvm9L">pic.twitter.com/uDa4WOvm9L</a></p>&mdash; DTP Transit (@DTP_Transit) <a href="https://twitter.com/DTP_Transit/status/1554631768619495425?ref_src=twsrc%5Etfw">August 3, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </p> <h2>ファンキー情報と要望</h2> <h3>インデント</h3> <ul> <li>文字サイズを変更してもインデントは変わりません</li> </ul> <h3>ドキュメントの互換性</h3> <p>26.6で作成した「箇条書き」を含むデータを26.3.1で開くと強制的にテキストがアウトライン化されてしまいます。ドキュメントバージョンが同じなのに、警告も出ません。</p> <p>注意しないとショック大きそう…</p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">イラレさんの箇条書き機能、バージョン互換性のなさはやばい。まじでやばい。真剣にやばい。事故レベルでやばい。2023 v26の新機能にすれば多少はまだましだったのに。</p>&mdash; ものかの (@monokano) <a href="https://twitter.com/monokano/status/1554670976600010752?ref_src=twsrc%5Etfw">August 3, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">近くリリースされるver.26.4では箇条書き機能の搭載がリリースノートで予告されていますが、この機能もVersioned Contentの影響を受けます。2020及び2021で開くと意図しない変化が生じます。例示したプレビューの埋め込みどころの問題ではなくなりますのでご注意を。</p>&mdash; Ten A (@ten_A_cclab) <a href="https://twitter.com/ten_A_cclab/status/1554020196053946373?ref_src=twsrc%5Etfw">August 1, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </p> <h3>整列</h3> <p>箇条書きと自動番号を適用したテキストとほかのオブジェクトを整列させるとき、ポイント文字では予想される挙動と異なります。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2066-20220731-015834.png" class="fluidimage img-responsive" /></p> <h3>現時点ではできないこと</h3> <p>アドビのいうアジャイル＝荒削りでも出していくスタイルでリリースされています。</p> <ul> <li>記号、自動番号ともに記号や番号に続く「.」（ドット）は非表示にできない</li> <li>「.」（ドット）をほかの記号やタブ記号に変更することもできない</li> <li>記号、自動番号をほかのフォントに変更したり、ベースラインを変更することはできない</li> <li>記号や自動番号をテキストに変換することはできない</li> <li>自動番号では開始番号を指定できない</li> </ul> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">あと、現状では<br>文字サイズや文字カラーを変更できない（親文字？のカラー・サイズが引き継がれる）<br>インデントの設定が「段落」パネルのインデントと別なので、設定がバッティングする<br>開始番号を設定できないので、離れた文章で番号の引き継ぎができない<br>ので、面倒でも手打ちした方がラク？</p>&mdash; あかつき＠おばな (@akatsuki_obana) <a href="https://twitter.com/akatsuki_obana/status/1554608713214083072?ref_src=twsrc%5Etfw">August 2, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </p> <h3>Illustratorならではの進化</h3> <p>hamkoさんがステキな提案をされています。</p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">箇条書きはすでにInDesignでもできる処理だけど、Illustratorの箇条書きはいつか記号の部分にシンボル使えたりするといいのにな！なんて思ったりしました。（ここで言うなって感じですが）<br>箇条書きの記号をイラストや装飾にするというシーン、端物の制作でも結構あるとおもうのですよね</p>&mdash; hamko (@hamko1114) <a href="https://twitter.com/hamko1114/status/1554631740605341697?ref_src=twsrc%5Etfw">August 3, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </p> <h2>サンプルファイル</h2> <p><a href="https://note.com/dtp_tranist/n/n4058f58f0fea">note</a>の方にサンプルファイルを置いておきます。</p> <h2>参考</h2> <ul> <li><a href="https://helpx.adobe.com/jp/illustrator/using/bullets-numbering.html">アドビのヘルプページ</a></li> </ul> アピアランスの線属性をオープンパスにする（Illustrator） tag:movabletype.net,2003:post-2139117 2022-07-25T13:44:00Z 2022-07-25T17:43:56Z アピアランスの線属性をオープンパスにできるとむっちゃ可能性が広がります。 鷹野 雅弘 https://twitter.com/swwwitch <p>たとえば、テキストにアンダーラインをつける場合、次のように設定します。</p> <ol> <li>［形状に変換（長方形）］効果で長方形にする</li> <li>［変形］効果でつぶす</li> </ol> <p>これでよさそうなのですが、アピアランスを分割してみると両端には2つのアンカーポイントが存在しています。そのため、次のような画面で困ります。</p> <ul> <li>破線によっては間隔がキレイに揃わない</li> <li>先端を丸くできない</li> <li>［ジグザグ］効果などをかけると期待通りにならない</li> </ul> <p>つまり、線属性は4つのアンカーポイントで構成される「クローズパス」ですが、これを2つのアンカーポイントで構成される「オープンパス」にする方法を紹介します。</p> <p>これができると、むっちゃ可能性が広がります。</p> <h2>手順</h2> <ol> <li><p>テキストを入力します。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-780-20220426-044226.png" width="390" /></p></li> <li><p>文字の塗り、線を「なし」にして、新規塗りを追加します。便宜的に［オブジェクトのアウトライン］効果を全体に適用して進めますが、追って、線属性内に移動しましょう。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-856-20220426-044242.png" width="428" /></p></li> <li><p>線属性を追加し、［パスファインダー（アウトライン）］効果を適用します。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-880-20220426-044252.png" width="440" /></p></li> <li><p>ここで大事な点。［パスファインダーオプション］ダイアログボックスを開き、［分割およびアウトライン適用時に塗りのないアートワークを削除］オプションをオフにします。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-890-20220426-044713-s.png" class="fluidimage img-responsive" /></p></li> <li><p>［形状に変換（長方形）］効果を適用し、長方形にします。このとき、線属性を選択したままでなく、一番上の「テキスト」を選択した状態で適用し、オブジェクト全体に適用されるようにします。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-834-20220426-044310.png" width="417" /></p></li> <li><p>［変形］効果を適用し、［拡大・縮小］セクションの［垂直方向］を「0」に設定します。変形の基準点や［移動］セクションの［垂直方向］などは適宜設定してください。［変形］効果を適用するときも一番上の「テキスト」を選択した状態で適用します。［変形］効果は一番下に追加されます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1312-20220426-044321.png" width="656" /></p></li> <li><p>［変形］効果を線属性の「アウトライン」の前に移動します。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-744-20220426-044335.png" width="372" /></p></li> <li><p>［形状に変換（長方形）］効果を［変形］効果の前に移動します。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-814-20220426-044359.png" width="407" /></p></li> </ol> <h2>覚え方</h2> <p>いい覚え方がないかな〜と考えているのですが…</p> <h3>適用順</h3> <ul> <li>あ：パスファインダー（アウトライン）</li> <li>ち：形状に変換（長方形）</li> <li>へ：［変形］効果</li> </ul> <h3>実際の並べ順</h3> <ul> <li>ち：形状に変換（長方形）</li> <li>へ：［変形］効果</li> <li>あ：パスファインダー（アウトライン）</li> </ul> <p>※毎度設定するのは面倒なので、設定したものを使い回すのがクレバーです。</p> <h2>パスの方向を逆にしたい</h2> <p>困ってしまうのがパスの方向が逆になってしまう点。ブラシや線の設定で行ってもいいのですが、毎度行うのは面倒です。</p> <p>［水平方向に反転］のみを設定した［変形］効果を入れておくと、［アピアランス］パネル上でON/OFFできます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2390-20220724-023142.png" class="fluidimage img-responsive" /></p> <h2>サンプルファイル</h2> <p>noteの記事にてサンプルファイルを用意しています。</p> <ul> <li><a href="https://note.com/dtp_tranist/n/n67d6efec84a3">アピアランスの線属性をオープンパスにする（Illustrator）｜DTP Transit 別館｜note</a></li> </ul> ExcelでのMID関数を#KeyboardMaestroで実現する「Substring of Variable or Clipboard」アクション tag:movabletype.net,2003:post-2069769 2022-04-21T03:29:00Z 2022-04-21T03:29:44Z Keyboard Maestroでの文字列操作に日々取り組んでいます。 Exce... 鷹野 雅弘 https://twitter.com/swwwitch <p>Keyboard Maestroでの文字列操作に日々取り組んでいます。</p> <p>ExcelでいうLEFT関数、MID関数、RIGHT関数はどうやって実装するんだろう？と探したところ、「Substring of Variable or Clipboard」アクションが見つかりました。</p> <ul> <li><a href="https://wiki.keyboardmaestro.com/action/Substring_of_Variable_or_Clipboard">action:Substring of Variable or Clipboard [Keyboard Maestro Wiki]</a></li> </ul> <p>変数、またはクリップボードを対象に、まさに関数のように動きます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1388-20220421-122041.png" class="fluidimage img-responsive" /></p> <p>次のオプションが用意されています。</p> <ul> <li>to</li> <li>from</li> <li>last</li> <li>range</li> <li>from to</li> <li>delete to</li> <li>delete from</li> <li>delete last</li> <li>delete range</li> <li>delete to from</li> </ul> <p>ちょっとややこしいので、気合いを入れて調べてみました。「abcdefg」の文字列に対して実行した結果です。</p> <table><tr><th>nature</th><th>A</th><th>B</th><th>結果</th><th>意味</th><th>備考</th></tr><tr><td>to</td><td></td><td>2</td><td>ab</td><td>左から何文字</td><td>left関数</td></tr><tr><td>from</td><td>3</td><td></td><td>bcdefg</td><td>何文字目以降</td><td></td></tr><tr><td>last</td><td></td><td>2</td><td>fg</td><td>左から数えて何文字目以降</td><td>right関数</td></tr><tr><td>range</td><td>3</td><td>2</td><td>fg</td><td>何文字目から何文字分</td><td>mid関数</td></tr><tr><td>from to</td><td>2</td><td>3</td><td>bc</td><td>左から何文字目内で、かつ、何文字目以降</td><td></td></tr><tr><td>delete to</td><td>2</td><td></td><td>cdefg</td><td>左から何文字を削除</td><td></td></tr><tr><td>delete from</td><td></td><td>3</td><td>ab</td><td>左から何文字以降を削除</td><td></td></tr><tr><td>delete last</td><td></td><td>3</td><td>abcd</td><td>右から何文字を削除</td><td></td></tr><tr><td>delete range</td><td>3</td><td>2</td><td>abfg</td><td>左から何文字以降、右から何文字以前を削除</td><td></td></tr><tr><td>delete to from</td><td>2</td><td>2</td><td>acdefg</td><td>左から何文字目内で、かつ、何文字目以降を削除</td><td></td></tr></table> <p>次の3つだけおさえておけばよさそう。</p> <ul> <li>to＝left関数</li> <li>last＝right関数</li> <li>range=mid関数</li> </ul> <h2>結果の確認</h2> <p>これまで「Display text」アクションで確認していたのですが、「Set Variable」で自分自身を参照すれば確認できることに気づきました。</p> <p>ただし、マクロをRun（再生）させる必要があります。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1122-20220421-000448.png" width="561" /></p> <h2>関連記事</h2> <ul> <li><a href="https://note.com/dtp_tranist/n/nbe015f8a4369">Keyboard Maestroの知識を深めるには｜DTP Transit 別館｜note</a></li> </ul> どのMacを買うべきか？ tag:movabletype.net,2003:post-2031560 2022-02-26T07:34:00Z 2022-03-03T15:38:15Z 「グラフィックデザインやウェブデザインでストレスなく動くPCを新調したい」という... 鷹野 雅弘 https://twitter.com/swwwitch <p>「グラフィックデザインやウェブデザインでストレスなく動くPCを新調したい」という相談をいただきました（2022年2月現在）。同様の相談をよくいただきますので、まとめてみました。</p> <p>なお、Windowsのことはよくわからないので、Macだけの情報です。</p> <p><section class="entry__toc entry__main"><h3 class="entry__toc__header">この記事内の目次</h3><div id="toc"></div></section></p> <h2>ベスト</h2> <p>現状、オススメできるMacは一択です。</p> <ul> <li>MacBook Pro 14インチ</li> <li>メモリ：32GB（できれば64GB）</li> </ul> <p>できれば、キーボードは「USキーボード」に。</p> <ul> <li><a href="https://www.dtp-transit.jp/apple/mac/post_1137.html">USキーボードを選ぶいくつかの理由</a></li> </ul> <p>追って余裕ができたら、別途、ディスプレイ（とキーボード）を買い足し、MacBook Proにつないで使います。</p> <ul> <li>外部ディスプレイ：4K</li> </ul> <p>MacBook Proはクラムシェルとして使ってもよいですし、セカンドディスプレイとして使うこともできます。2021年以降のMacBook Proでは熱がこもる問題が解消されています。</p> <ul> <li><a href="https://dtptransit.design/mac/lid-open.html">MacBook Proの蓋を閉じずにクラムシェルモードとして使う（2019年）</a></li> </ul> <h3>一緒に買うもの</h3> <ul> <li>マウス：アップルのMagic Mouseよりも、ロジクールの<a href="https://www.logicool.co.jp/ja-jp/products/mice/mx-master-3.910-005707.html">MX Master</a>が評判がよいです。　※私（鷹野）自身は重くてムリ。好みがあるので、量販店などで実際に試してみるのが吉。</li> <li>マウスパッド：不要という人もいますが、必須だと思います。オススメは<a href="https://www.amazon.co.jp/dp/B000JR0OEQ">パワーサポートのエアーパッド</a>シリーズ。特大でなく、小さいものでOK。</li> </ul> <h3>次点</h3> <p>現行のM1対応のMac mini、MacBook Air、iMacはエントリーモデルです。いずれも搭載できるメモリが少なく、プロのクリエイター向けではありません。</p> <p>3月に大量の新製品発表があるとの噂があります。メモリに関して状況が変われば選択肢になります。</p> <p>Mac mini、MacBook Airは、それぞれ2020年11月から1.5年ほどたちますので、3月に発表されなくても早い時期に動きがあると思われます。</p> <ul> <li>次世代のMac mini（＋ディスプレイ）</li> <li>次世代のMacBook Air</li> </ul> <p>カラバリのあるiMacの発表は2021年05月21日。24インチは十分といえますが、欲をいえば、もう少し大きいディスプレイを持つ後継機種を待ちたい。</p> <ul> <li>次世代のiMac</li> </ul> <h2>選定基準</h2> <h3>メモリ</h3> <p>IllustratorやPhotoshopを快適に動かすために重要なのがメモリです。アドビのサイトでは、それぞれ「必要メモリ容量」が提示されていますが、これは単体で動かしたときの数字。Illustrator、Photoshopを交互に使う場合、単純に倍のメモリが必要になるわけではありませんが、</p> <ul> <li><a href="https://helpx.adobe.com/jp/illustrator/system-requirements.html">Illustrator</a>：「最小:4GB、おすすめ:16GB」</li> <li><a href="https://helpx.adobe.com/jp/photoshop/system-requirements.html">Photoshop</a>：「最小：8GB、おすすめ：16GB」</li> </ul> <p>現在、M1と呼ばれるタイプのMacではメモリを後から増設することができませんので、購入時の選択が必須です。</p> <p>なお、「おすすめ:16GB」とされているとき、M1 Macの場合には、その半分の数字でOKと言われています。</p> <h3>ノートか？ デスクトップか？</h3> <p>コロナ禍がどうなるか…にもよりますが、仮にもう少し外出できるようになると、ちょっとカフェで、とか、ワーケーションに…と、持ち出せるノートパソコンに軍配が上がります。</p> <p>デザインや文章など、場所を変えることで違った目で見られたりすることも無視できません。</p> <p>外に持ち出さなくても、ソファで、ベッドで…と気分転換になります。</p> <h3>M1かIntelか</h3> <p>今年中にすべてのMacがM1に切り替わります。圧倒的にパフォーマンスが異なりますので、M1対応がよいでしょう。</p> <p>ソフトウェアの対応も完了しつつあります。</p> <h3>グラフィックとウェブだけでよい？</h3> <p>お仕事内容によりますが、今後、動画制作が必要な場面が来ます。たとえば、XDでは「After Effectsと連携してアニメーションを書き出し…」といったアプリ連携のフローが生まれるなど、「IllustratorとPhotoshopだけ」に限定しない方がよさそうです。</p> <p>現時点で動画を扱う予定があれば、内蔵ハードディスク（SSD）の容量を増やしておきたいところです。</p> <h2>どこで買う？</h2> <p>ベストは「Apple Storeオンライン」です。簡単な審査がありますが「ペイディあと払いプラン （分割手数料0円）」を利用することもできます。</p> <p>Apple Storeで購入する場合、<a href="https://www.apple.com/jp/shop/help/returns_refund">14日以内の返品</a>ができます。次のような場合に、とても助かります。</p> <ul> <li>iMacを実際にデスクに置いてみたら大きすぎた</li> <li>13インチを買ってみたけど、ディスプレイが大きい方がよかった</li> <li>16GBのメモリでOKかなと思ったけど、やっぱりムリだった</li> <li>購入してすぐに新製品が出た</li> </ul> <p>細かく理由を聞かれません。</p> <h3>法人の場合</h3> <p>法人のお持ちで年間50万以上購入する場合には、値引きされます。</p> <p>また、AFSという仕組みにも要注目です。</p> <p><a href="https://www.itmedia.co.jp/news/articles/2112/13/news136.html">法人ならApple製品が最大35％オフに？　「AFS」の仕組みを詳しい人に聞いてみた</a></p> <h2>保証は必要？</h2> <p>必要です。それなりの金額が必要ですが、Apple Careに入りましょう。</p> <p>なお、現在、iPhoneにはApple Careには月額で払うプランがありますので、Macでも選択できるかもしれません（初期費用をおさえたい場合）。</p> <h2>その他</h2> <p>パソコンは「2台体制」で使うのが望ましいです。細かい理由は、こちらの記事にて書いています。</p> <ul> <li><a href="https://dtptransit.design/mac/use-2nd-mac.html">パソコンは「2台体制」が望ましい理由</a></li> </ul> <h2>ほかに何が必要になる？</h2> <h3>iPad＋Apple Pencil</h3> <p>Illustrator iPad版、Frescoなどのアプリ、PDFの校正など、</p> <h3>クラウドストレージ</h3> <p>Dropbox Plusを契約しましょう。必須です。</p> <ul> <li>年間15,840円（または月額1,650円）</li> </ul> <h3>フォント関連</h3> <p>お仕事内容にもよりますが、モリパスは必須。</p> <ul> <li>MORISAWA PASSPORT（モリパス）</li> <li>フォントワークスLETS</li> </ul> <h3>オマケ</h3> <p>メモ用の<a href="https://miro.com/app/board/uXjVOJ12Rvg=/?invite_link_id=49845005313">Miroボード</a></p> InDesignで1行目の見出しにフレームからはみ出ないように「帯」を付けたい tag:movabletype.net,2003:post-2017216 2022-02-11T23:10:00Z 2022-02-12T00:12:26Z InDesignで「帯」を付けるには、次のアプローチがあります。 段落境界線 段... 鷹野 雅弘 https://twitter.com/swwwitch <p>InDesignで「帯」を付けるには、次のアプローチがあります。</p> <ul> <li>段落境界線</li> <li>段落の背景色</li> </ul> <p>その際、次のようにはみ出してしまいます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-962-20220212-040251.png" width="481" /></p> <p>これを解決する方法について考えてみました。</p> <p><section class="entry__toc entry__main"><h3 class="entry__toc__header">この記事内の目次</h3><div id="toc"></div></section></p> <h2>テキストフレーム設定の［ベースラインオプション］</h2> <p>実は、これまでテキストフレーム設定の［ベースラインオプション］で設定していました。テキストフレーム単位でオブジェクトスタイルに登録してきたのですが、次の点で悪手です。</p> <ul> <li>2段組みのときに対応できない</li> <li>リフローしたときに、テキストフレームへの設定をし直さなければならない</li> </ul> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2338-20220212-074355.png" class="fluidimage img-responsive" /></p> <h2>段落境界線：［フレームに収める］オプションで解決</h2> <p>段落境界線の場合には、［フレームに収める］オプションをONにすることでテキストが移動します。</p> <p><img alt=" src="https://www.dtp-transit.jp/images/ss-1972-20220212-075423.png" class="fluidimage img-responsive" /></p> <p>尾花さんに教わりました。感謝!!</p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">「段落境界線」→「フレームに収める」にチェックを入れると、段落境界線（の上端）がフレーム内に収まります。その分、テキストの位置が下がります。 <a href="https://t.co/yINjeDOfTz">pic.twitter.com/yINjeDOfTz</a></p>&mdash; あかつき＠おばな (@akatsuki_obana) <a href="https://twitter.com/akatsuki_obana/status/1491781280362418178?ref_src=twsrc%5Etfw">February 10, 2022</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </p> <p>注意点は、前境界線にしか使えないこと。後境界線ではグレイアウトしています。</p> <ul> <li><a href="http://rrrdtpmemo.blogspot.com/2014/03/indesign.html">【InDesign】段落境界線をテキストフレーム内に収める </a></li> </ul> <p><img alt=" src="https://www.dtp-transit.jp/images/ss-1167-20220212-075905.png" width="584" /></p> <p>ちなみに、英語版では［Keep in Frame］です。</p> <h2>段落の背景色</h2> <p>InDesign CC 2015から段落の背景色、段落罫線を使えるようになりました。</p> <ul> <li><a href="https://www.dtp-transit.jp/adobe/indesign/post_2106.html">InDesign CC 2015からシンプルになった段落左右の罫線</a></li> </ul> <p>段落の背景色を使った場合にも、デフォルトではフレームからはみ出ます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1432-20220212-090015.png" class="fluidimage img-responsive" /></p> <p>［フレームの形に合わせる］オプションを適用すると、はみ出た部分のみがトリミングされてしまいます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1659-20220212-090201.png" class="fluidimage img-responsive" /></p> <h3>段落境界線を組み合わせる</h3> <p>段落境界線を次のように設定することでテキストが動くので、フレーム内に収められます。</p> <ul> <li>「カラー：なし」</li> <li>フレームに合わせる</li> <li>線幅、オフセットで位置を調整</li> </ul> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2137-20220212-090327.png" class="fluidimage img-responsive" /></p> <p>バッドノウハウっぽい解決方法ですが、現時点ではこれがよさそう。フレームの1行目以外に出現しても問題なさそうです。</p> Excelで実現するバリアブル原稿作成 tag:movabletype.net,2003:post-1978999 2022-01-09T14:17:00Z 2022-01-11T00:55:06Z ほぼ同じ文言で「イベント名、告知ページのURL、開催日時」の情報のみが変わるセミナーイベント関連のお知らせメールなどをExcelを使ってシステマチックに作る方法について考えてみました。 鷹野 雅弘 https://twitter.com/swwwitch <p>セミナーイベント関連のお知らせメールは、ほぼ同じ文言で次の情報のみが変わります。</p> <ul> <li>イベント名</li> <li>告知ページのURL</li> <li>開催日時</li> </ul> <p>これまで慎重に差し替えてきたのですが、「面倒なことは時間がかかるだけでなく、ミスが生じやすい」ため、システム化するべく行った試行錯誤をまとめてみます。</p> <p><section class="entry__toc entry__main"><h3 class="entry__toc__header">この記事内の目次</h3><div id="toc"></div></section></p> <h2>セルの参照</h2> <p>セルの参照は非常にシンプルです。次のように連結演算子「&amp;」でつなぐことで合成します。</p> <p><code>="文字列"&amp;参照セル&amp;文字列"&amp;参照セル&amp;文字列"</code></p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1188-20220109-230325.png" width="594" /></p> <p>実際には、次のようになります。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1215-20220109-171145.png" width="608" /></p> <p>計算式で完結せずに、合成する文字列を視覚化してCONCAT関数で束ねる方がスマートかも（後で修正しやすい）。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1226-20220109-230624.png" width="613" /></p> <h2>日付</h2> <p>自分が使っているDoorkeeperでは「2022-01-07（金）21:00 - 23:00」のように記載されています。</p> <p>これを入力し直すのはミスのものですので、ペーストしたセルから必要な情報を抜き出します。</p> <h3>月</h3> <p>MID関数を利用し、C1の6文字目から2文字を抜き出します。</p> <p><code>=MID(B1,6,2)</code></p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-951-20220109-232145.png" width="476" /></p> <h3>月の0を削除</h3> <p>VALUE関数で数値にすると0が消えます。</p> <p><code>=VALUE(B2)</code></p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-953-20220109-232203.png" width="477" /></p> <p>TEXT関数を利用してもよいのですが、数値として扱うにはVALUE関数がシンプルです。</p> <p><code>=TEXT(B2,0)</code></p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-959-20220109-232213.png" width="480" /></p> <h3>月日</h3> <p>連結演算子「&amp;」を使って合成します。</p> <p><code>=B3&amp;"月"&amp;B5&amp;"日"</code></p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-957-20220109-232331.png" width="479" /></p> <h3>年月日</h3> <p>年を参照しておけば、DATE関数で日付に組み立てられます。</p> <p><code>=DATE(B7,B9,B11)</code></p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-952-20220109-232644.png" width="476" /></p> <p>最初にB1から日付の情報に変換してしまう方がスマートかも。</p> <p><code>=DATE(LEFT(B1, 4),MID(B1,6,2),MID(B1,9,2))</code></p> <h3>本日の日付</h3> <p>本日の日付にはTODAY関数を使います。</p> <p><code>=TODAY()</code></p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1106-20220110-005617.png" width="553" /></p> <p>「2022年1月10日」のように表記したいとき、TODAY関数で算出した日付を参照して次のように設定したいのですが、エラーになります。</p> <p><code>=TEXT(B15,"yyyy"年"m"月"d"日")</code></p> <p>そこで、煩雑に見えますが、次のように記述します。</p> <p><code>=TEXT(B15,"yyyy"&amp;"年"&amp;"m"&amp;"月"&amp;"d"&amp;"日")&amp;"発行"</code></p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1104-20220110-010314.png" width="552" /></p> <h2>複数行を束ねる</h2> <p>結論からいうとTEXTJOIN関数を用いるのがスマートです。</p> <h3>改行なし</h3> <p>B17からB21までのセルを束ねるのに、CONCAT関数を使うと改行は消えてしまいます。</p> <p><code>=CONCAT(B17:C21)</code></p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1110-20220110-010436.png" width="555" /></p> <h3>改行を入れる（1）</h3> <p>改行は「=CHAR(10)」で入れます。</p> <p>まず、右隣の列に「=CHAR(10)」を入れます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1408-20220110-014929.png" class="fluidimage img-responsive" /></p> <p>CONCAT関数の引数を「B17:C21」のように設定すると、B17、B18、C17、C18…のように参照するため、見た目のように改行が入ります。</p> <p><code>=CONCAT(B17:C21)</code></p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1258-20220110-014947.png" width="629" /></p> <h3>改行を入れる（2）</h3> <p>「改行を入れる（1）」の方法だと行が増えるのに従って右隣の列に「=CHAR(10)」を入れる手間が必要ですし、そもそも最終行には「=CHAR(10)」が不要です。</p> <p>TEXTJOIN関数を使うとスマートに複数セルを束ねられます。この際、空行を空行として扱うために2番目の引数はFALSEに設定します。</p> <p><code>=TEXTJOIN(CHAR(10), FALSE,B17:B21)</code></p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1262-20220110-015506.png" width="631" /></p> <h2>Excelから別アプリへのペースト</h2> <p>改行があるセルをExcelから別アプリにペーストすると""がついてしますが、手作業で消すのは面倒です。。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2457-20220110-023649.png" class="fluidimage img-responsive" /></p> <p>処理するタイミングは3つあります。</p> <ul> <li>ほかのアプリでペースト時</li> <li>Excelから別アプリに移ったとき</li> <li>Excelでコピー時</li> </ul> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1350-20220110-091840.png" width="350" /></p> <h3>ペースト時に処理</h3> <p>Keyboard Maestroでペースト時に次のように処理できます。スクリーンショットでのhot keyは「⌘ + option + shift + control + V」になっていますが、アプリによってキーボードショートカット（hot kye）のダブりが心配です。</p> <ul> <li>^"（行頭の"） → 空白</li> <li>"$（行末の"） → 空白</li> <li>"" → "</li> </ul> <p>なお、「" → 空白」だけだと、ソースコードの"もすべて消えてしまいます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1302-20220110-024031.png" width="651" /></p> <h3>Excelから別アプリに移るタイミングで処理</h3> <p>「Application "Microsoft Excel" deactivates」をトリガーにすると、Excelから別アプリに移ったタイミングでクリップボード内を処理します。</p> <p>キーボードショートカットなど、ユーザーが何かする必要がないのが美しい。</p> <p>「activates」はアプリが前面に来たら、「deactivates」はその逆で別アプリに移ること。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1324-20220110-024211.png" width="662" /></p> <h3>Excelでコピーするタイミングで処理</h3> <p>「⌘ + Cをダブルタップ」のきっかけでクリップボード内を処理します。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1324-20220110-024540.png" width="662" /></p> <p>前提条件として、［編集］ → ［コピー］に対して、⌘ + CをKeyboard Maestroにて設定しておく必要があります</p> <p>つまり、⌘ + Cのダブルタップは次のように処理されます。</p> <ul> <li>1回目：コピー</li> <li>2回目：テキスト整形</li> </ul> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1324-20220110-024227.png" width="662" /></p> <p>応用編として「⌘ + Cをトリプルタップ」をトリガーに別の処理（カンマを削除）などを仕込んでおくことが考えられます。多くのオンラインバンキングでは「,」なしで入力することが求められるため、「,」を削除するのに有効。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1324-20220110-024249.png" width="662" /></p> <h3>Keyboard Maestroマクロのダウンロード</h3> <ul> <li><a href="https://www.dropbox.com/s/oiynv35vptcopli/excel-clipboard.kmmacros?dl=0">ダウンロード</a></li> </ul> <h2>連結に関してのまとめ</h2> <p>次のアプローチがあります。</p> <ul> <li>&amp;（連結演算子）</li> <li>CONCATENATE関数</li> <li>CONCAT関数</li> <li>TEXTJOIN関数</li> </ul> <p>CONCATENATE関数はCONCAT関数に変更され、「A1:B9」のような引数を持てるようになりました。</p> <table><tr><th>項目</th><th>読み方</th><th>引数1</th><th>引数2</th><th>対応</th></tr><tr><td>&amp;</td><td>アンパサンド</td><td>A1&amp;A2&amp;A3&amp;A4</td><td></td><td>すべて</td></tr><tr><td>concatenate関数</td><td>コンカティネイト</td><td>A1, A2, A3, A4</td><td></td><td>Excel 2016以前</td></tr><tr><td>concat関数</td><td>コンカット</td><td>A1, A2, A3, A4</td><td>A1:A4</td><td>Office 365およびExcel 2019</td></tr><tr><td>textjoin関数</td><td>テキストジョイン</td><td>区切り文字,TRUE,A1:A4</td><td></td><td>すべて</td></tr></table> <ul> <li><a href="https://dekiru.net/article/21945/">Excelで文字列を結合する方法。「＆」「CONCAT」「CONCATENATE」「TEXTJOIN」を使い分ける！ | できるネット</a></li> </ul> 環境による条件分岐をKeyboard Maestroで行う tag:movabletype.net,2003:post-1973569 2021-12-30T23:22:00Z 2021-12-30T23:32:47Z 複数のMacを使っている場合、異なる場所で仕事する場合などに環境による条件分岐を行う方法について考えてみました。 鷹野 雅弘 https://twitter.com/swwwitch <p>複数のMacを使っている場合、異なる場所で仕事する場合などに環境による条件分岐を行う方法について考えてみました。</p> <p><section class="entry__toc entry__main"><h3 class="entry__toc__header">この記事内の目次</h3><div id="toc"></div></section></p> <h2>ユースケース</h2> <p>私の場合、メインのMacBook Pro 2021はDELLの5K2Kモニターにつないでいます。その他は4Kモニターです。横幅が異なるため、ウィンドウサイズの変更やIllustratorのワークスペースで使い分けができることが望ましいのです。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1572-20211231-021952.png" class="fluidimage img-responsive" /></p> <p>また、次のように出先にて貧弱なWi-Fi環境では、バックグラウンドで走るアプリケーションを抑制したいことがあります。</p> <h2>Wi-Fi名を判定</h2> <p>「The wireless network」＋「Wi-Fi名」＋「is connected」と指定することで、「Wi-Fi名に接続したら」という条件設定が可能。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1216-20211231-022215.png" width="608" /></p> <p>これによって、事務所、自宅、それ以外のような条件分岐が可能です。</p> <h2>コンピュータ名</h2> <p>前提条件として、［コンピュータ名］はシステム環境設定の［共有］にて確認（変更）します。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1389-20211231-075108.png" class="fluidimage img-responsive" /></p> <p>Keyboard Maestroでは、まず、「%MacName%」に対して変数を設定し、Variable Conditionで判定します。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1294-20211231-075347.png" width="647" /></p> <p>これによって、Macごとの条件分岐が可能です。</p> <h2>ディスプレイの解像度</h2> <p>まず、「%Screen%Main%」に対して変数を設定すると、「0, 0, 2560, 1080」のように「左上の座標、幅、高さ」のようにディスプレイの大きさを参照できます。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1264-20211231-080158.png" width="632" /></p> <p>この応用で「%Calculate%SCREEN(Main,Width)%」に対して変数を設定すると、「2560」の値が戻りますので、「is =」で判定します（isは文字列のときに利用。数値の場合には「is =」）。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1294-20211231-080104.png" width="647" /></p> <p>「%Calculate%SCREEN(Main,Width)%」は、「%Calculate%SCREEN(0,Width)%」と書くこともできます。</p> <ul> <li><a href="https://wiki.keyboardmaestro.com/function/SCREEN">function:SCREEN [Keyboard Maestro Wiki]</a></li> </ul> <h2>マルチスクリーンか</h2> <p>「SCREENCOUNT()」でスクリーン数をカウントできます。Calculation Conditionで「SCREENCOUNT() > 1」のように指定することでスクリーン数が2つ以上だったら、の条件分岐が可能です。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1264-20211231-080843.png" width="632" /></p> <ul> <li><a href="https://forum.keyboardmaestro.com/t/how-to-detect-external-display-and-conditionally-move-windows-to-it/1011">How to Detect External Display and Conditionally Move Windows to It - Questions &amp; Suggestions - Keyboard Maestro Discourse</a></li> </ul> <h2>Conditions一覧</h2> <p>そもそも、Keyboard Maestroでは、どのようなConditions（条件）が使えるのかを把握しておきたいところ。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-514-20211231-081548.png" width="257" /></p> <p><a href="https://www.keyboardmaestro.com/documentation/6/conditions.html">Keyboard Maestro 6 Documentation: Conditions</a>を元にざっくりと訳してみました。</p> <p>「覚える」必要はありませんが、何ができるかは把握しておくとよさそう。</p> <table><tr><th>条件</th><th>意味</th></tr><tr><td>Action Result Condition</td><td>最後のアクションの結果（OKか、値を持っているか）</td></tr><tr><td>Application Condition</td><td>アプリが起動中か／前面にあるか</td></tr><tr><td>Button Condition</td><td>ボタンが存在するか／チェックされているか</td></tr><tr><td>Calculation Condition</td><td>計算結果がゼロでないか</td></tr><tr><td>Clipboard Condition</td><td>クリップボードにテキストか画像を含むか、特定のテキストを含むか</td></tr><tr><td>Environment Variable Condition</td><td>環境変数が存在するか、特定のテキストが存在するか</td></tr><tr><td>Found Image Condition</td><td>Imageで指定した画像がディスプレイ内（ウィンドウ内）に存在するか</td></tr><tr><td>Key Condition</td><td>特定のキーが押されているか</td></tr><tr><td>Location Condition</td><td>ネットワーク名に特定の文字列を含んでいるか</td></tr><tr><td>Macro/Macro Group Condition</td><td>指定したマクロが実行可能か、実行中か</td></tr><tr><td>Menu Condition</td><td>メニュー項目が存在するか、利用可能か、チェックされているか</td></tr><tr><td>Modifiers Condition</td><td>修飾キーが押されているか</td></tr><tr><td>Mounted Volume Condition</td><td>ディスク（ハードディスク）がマウントされているか</td></tr><tr><td>Mouse Button Condition</td><td>マウスボタンが押されているか</td></tr><tr><td>OCR Condition</td><td>OCR後、クリップボードに特定の言語を含むか</td></tr><tr><td>Path Condition</td><td>ファイル（フォルダー）が特定のパスに存在するか</td></tr><tr><td>Pixel Condition</td><td>スクリーンの特定のピクセルの明るさやカラー、特定のカラーか</td></tr><tr><td>Script Condition</td><td>スクリプトが成功したか</td></tr><tr><td>Text Condition</td><td>任意のテキストが空か、特定も文字列を持っているか</td></tr><tr><td>Typed String Condition</td><td>入力された（一連の）キーが押されたか</td></tr><tr><td>USB Device Condition</td><td>特定の名称のUSBデバイスが存在するか</td></tr><tr><td>Variable Condition</td><td>指定の変数が存在するか、特定の文字列を持つか</td></tr><tr><td>Any Window Condition</td><td>開いているウィンドウが存在するか、特定の文字列を持つか</td></tr><tr><td>Front Window Condition</td><td>最前面のウィンドウが存在するか、特定の文字列を持つか</td></tr><tr><td>Wireless Network Condition</td><td>Wi-Fi名が特定の文字列を持つか</td></tr></table> <p>また、判定には次の4つのオプションがあります。</p> <table><tr><td>条件</td><td>意味</td></tr><tr><td>Any of the following are true</td><td>いずれかが「正」のとき</td></tr><tr><td>All of the following are true</td><td>すべてが「正」のとき</td></tr><tr><td>None of the following are true</td><td>ひとつも「正」でないとき</td></tr><tr><td>Not all of the following are true</td><td>いずれかが「偽」のとき</td></tr></table> <h2>メモ</h2> <p>実際にマクロを走らせる前に、薄いグレーで判定結果が「currently true」「currently false」のように確認できます。</p> <p>ところが、本記事で挙げた条件分岐の場合、実際にマクロを走らせないと判定されないようです。</p> macOS Monterey、新MacBook Pro 16インチ導入メモ tag:movabletype.net,2003:post-1944043 2021-11-23T06:44:00Z 2021-11-23T22:25:57Z 普段なら新OSに飛びつかず、少なくても半年は様子見するのですが、新MacBook... 鷹野 雅弘 https://twitter.com/swwwitch <p>普段なら新OSに飛びつかず、少なくても半年は様子見するのですが、新MacBook Proが届いてしまったため、macOS Montereyの運用をスタートしました。</p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">新MacBook Pro、性能うんぬんより<br><br>㊗️ Touch Bar廃止!!!<br>🎉 MagSafe復活！<br>🎊 各種ポート復活!!<br><br>16インチ、モリモリで注文はしたけど…<br><br>・OSがMonterey（枯れてから使いたい）<br>・ノッチはイヤだな〜<br>・っていうか、そもそも持ち歩く世界に戻るのか？<br><br>届いてから考えよう。</p>&mdash; 鷹野 雅弘 Masahiro Takano (@swwwitch) <a href="https://twitter.com/swwwitch/status/1450206747004604417?ref_src=twsrc%5Etfw">October 18, 2021</a></blockquote> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </p> <p>メモを残しておきます。</p> <p>macOS Catalina（10.15）、macOS Big Sur（11）を飛ばしてのアップデートのため、macOS Montereyだけの機能でないものもあります。</p> <h2>Live Text（テキスト認識）</h2> <p>残念ながら日本語対応はしていませんが、macOS Montereyでは画像からのテキスト認識が可能になっています。</p> <p>システム環境設定の［言語と地域］で［テキスト認識表示］の［画像内のテキストを選択］をONにすると使えるようになります。</p> <p>対応しているのは次の3つ。</p> <ul> <li>プレビュー.app</li> <li>Quick Look</li> <li>写真.app</li> </ul> <p>画像内のテキスト部分にマウスオーバーし、アイビームになったらテキストとして選択できます。あまりにもシームレスなので拍子抜けするほど。日本語対応が待ち遠しい！</p> <p><img src="http://www.dtp-transit.jp/images/ss-1336-20211123-162721-s.png" alt="" /></p> <h2>新規クイックメモ</h2> <p>iPadOSに先に実装されていた機能がmacOSに入りました。便利な反面、意図しないときに出てくると面倒です。不要な方は、システム環境設定の［デスクトップとスクリーンセーバ］を開き、［ホットコーナー］でOFFにします。</p> <p><img src="http://www.dtp-transit.jp/images/ss-1772-20211122-062130.png" alt="" /></p> <p>fnキーが地球儀キーになり、fn + Qのキーボードショートカットが用意されています。</p> <p><img src="http://www.dtp-transit.jp/images/ss-1560-20211122-062630.png" alt="" /></p> <h2>入力ソースの表示</h2> <p>fnキーを押すたびに［入力ソース］が表示されるので、システム環境設定の［キーボード］で変更しましょう。</p> <p><img src="http://www.dtp-transit.jp/images/ss-1336-20211122-071717-s.png" alt="" /></p> <h2>Touch ID搭載Magic Keyboard</h2> <p>MacBook Proをクラムシェルで使う場合、必要なのが<a href="https://www.apple.com/jp/shop/product/MK293J/A/apple%E3%82%B7%E3%83%AA%E3%82%B3%E3%83%B3%E6%90%AD%E8%BC%89mac%E3%83%A2%E3%83%87%E3%83%AB%E7%94%A8touch-id%E6%90%AD%E8%BC%89magic-keyboard-%E6%97%A5%E6%9C%AC%E8%AA%9Ejis?fnode=2f97f2ede74bfa1233a571b4a31ead6fcc9259f73a81368fe36f231ab2062926515a9b930db828ca8e8cb3cd23b60f3183b384db77c27defbdb5b5c1729e9951fa2093ee4513b0305c85f91ef4371da60527eab2bd2f0248d9d363e28c2ca42d">外付けキーボード</a>。Appleシリコン搭載Macモデル用はTouch ID搭載。非常に便利です。打鍵感については特筆すべきポイントはありません。</p> <p>付属の「USB-C - Lightningケーブル」が編み込み式なのも嬉しい。</p> <p><a href="https://www.apple.com/jp/shop/product/MK293J/A/apple%E3%82%B7%E3%83%AA%E3%82%B3%E3%83%B3%E6%90%AD%E8%BC%89mac%E3%83%A2%E3%83%87%E3%83%AB%E7%94%A8touch-id%E6%90%AD%E8%BC%89magic-keyboard-%E6%97%A5%E6%9C%AC%E8%AA%9Ejis?fnode=2f97f2ede74bfa1233a571b4a31ead6fcc9259f73a81368fe36f231ab2062926515a9b930db828ca8e8cb3cd23b60f3183b384db77c27defbdb5b5c1729e9951fa2093ee4513b0305c85f91ef4371da60527eab2bd2f0248d9d363e28c2ca42d"><img src="http://www.dtp-transit.jp/images/ss-1606-20211123-155817.png" alt="" /></a></p> <h2>地球儀キーを使った新しいキーボードショートカット</h2> <p>地球儀キー（fnキー）を使った新しいキーボードショートカットが使えるようになっています。</p> <ul> <li>iPad：地球儀キー</li> <li>macOS：fnキー（「地球儀」も刻印されている）</li> </ul> <p><img src="http://www.dtp-transit.jp/images/globe-key.png" alt="" /></p> <p>iPadのキーボードショートカットをMacに逆輸入されたカタチ。</p> <ul> <li>fn + A（Application）：Dockを表示・操作</li> <li>fn + Shift + A：Launchpadの起動</li> <li>fn + C（Control Center）：コントロールセンターの起動</li> <li>fn + D（Dictation）：音声入力の呼び出し</li> <li>fn + E（Emoji）：［絵文字と記号］パレットを表示</li> <li>fn + F（Full Screen）：アプリのフルスクリーンモード切り替え</li> <li>fn + H（Home）：デスクトップを表示</li> <li>fn + M（Menu）：メニューバーの表示・操作</li> <li>fn + N（Notification）：通知センターを表示</li> <li>fn + Q（Quick Memo）：新規メモの作成（純正の［メモ］アプリ）</li> </ul> <h2>MacBook Proの発熱に関して</h2> <p>MacBook Proをクラムシェルで使う場合、問題になるのが発熱問題。充電・蓄電・放電の際の発熱が大きなウェイトを占めるようです。</p> <p>今回のMacBook Proからバス給電が可能になっています。外付け電源をつないでいる場合、充電経由でなく、直接バッテリーから給電されます。</p> <p>［システム情報］を確認すると、「充電中：いいえ」になっています。</p> <p><img src="http://www.dtp-transit.jp/images/ss-1208-20211123-154528-s.png" alt="" /></p> <p>散財小説ドリキン：「Apple ユーザー必見！６年ぶりに Mac に戻ったのでダンボ兄貴に報告したら Apple の凄さを再確認した！」第1484話にて取り上げられています。</p> <p><iframe width="560" height="315" src="https://www.youtube.com/embed/QtcxRFXQ8Jc?start=5350" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p> <h2>Photoshopのプラグイン「TinyPNG/TinyJPG」が動かない</h2> <p>Photoshopのプラグイン「TinyPNG/TinyJPG」が動きません…　痛手…</p> <blockquote> <p>Please note that the Photoshop plugin is not supported on macOS using the M1 processor.</p> </blockquote> <p><img src="https://www.dtp-transit.jp/images/ss-2098-20211124-072050.png" alt="" /></p> Path Finderを使い続けるかどうかの瀬戸際（Mojave → Big Surへの移行） tag:movabletype.net,2003:post-1921463 2021-10-31T04:47:00Z 2021-10-31T15:55:32Z macOS Mojave（10.14）で踏ん張ってきましたが、アップデートを余儀... 鷹野 雅弘 https://twitter.com/swwwitch <p>macOS Mojave（10.14）で踏ん張ってきましたが、アップデートを余儀なくされました。さすがにCC 2022をインストールできないのは困ります。</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1666-20211031-134014.png" class="fluidimage img-responsive" /></p> <p>タイミングとしてはmacOS Montereyのリリース（2021年10月25日）ですが、そこはぐっとこらえて、枯れつつあるmacOS Big Sur（11）にアップデート。</p> <h2>10.15以降、動かないアプリケーション</h2> <p>macOS Mojave（10.14）にこだわっていたのは32bitアプリを動かすため。次のように日々使うアプリが動かなくなってしまいます。</p> <ul> <li>QuickTime 7 Pro</li> <li>Icon Exporter</li> <li>Art View 3</li> <li>Forever Save2</li> <li>iPhoto</li> </ul> <p>QuickTime 7 Proは「<a href="https://www.dtp-transit.jp/utility/post_1454.html">ジェットカット</a>」を行う上で必須。これは痛い…</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1824-20211101-003534.png" class="fluidimage img-responsive" /></p> <h2>Path Finderの理由</h2> <p><a href="https://cocoatech.com/"><img alt="" src="https://www.dtp-transit.jp/images/icn_PathFinder10.png" class="right" width="160" style="float:right; margin-left:20px;" /></a></p> <p><a href="https://cocoatech.com/">Path Finder</a>というFinderの代替アプリがあり、私（鷹野）は2016年から使っています。</p> <ul> <li><a href="https://www.dtp-transit.jp/utility/post_2135.html">Finder+XtraFinderをやめて、Path Finderにした - DTP Transit</a></li> </ul> <p>「なぜ、Path Finderなのですか？」という質問をいただくのですが、正直、当たり前すぎてわからなくなってしまっていました。</p> <p>Path Finder 7から10への移行のタイミングで「リスト表示でプレビューのカラムを表示できるようになったし、Finderでいいんじゃ…」と思いたち、使ってみたところ、やはりPath Finderでないとできないことが多々ありました。</p> <ul> <li>カラーラベル</li> <li>ソートの逆順</li> <li>サイドバーのカラーアイコン</li> <li>最近使ったフォルダー</li> <li>ブックマークバー（タイトルバーとは別によく使うアイテムを登録）</li> <li>高度なリネーム機能（正規表現）</li> <li>リスト表示での行の高さの微調節</li> <li>コンテキストメニューのカスタマイズ</li> <li>コンテキストメニューに［シンボリックリンクを作成］を追加</li> </ul> <h2>スムーズにいかない「Path Finder 7 → Path Finder 10」</h2> <p>macOS Big Sur（11）でもPath Finder 7は動くのですが、ウィンドウが空白になってしまったり、何かとトラブる。そこで、仕方なくPath Finder 10にすることにしました。</p> <p>8、9、10とアップデートしつつ、その度試してはみたものの、次のような問題があり、導入を躊躇してきました。</p> <ul> <li>作り込んだウィンドウの設定が突然クリアされる</li> <li>Finderのサイドバーと連動しない（Path Finder 7はします）</li> </ul> <p>前者に関しては、<a href="https://webrandum.net/">Webrandum – Webデザイナーの備忘録</a>のサイトウさんによると「全然問題ない」とのことですので、ちょっと様子見するものの、後者は「Path Finderで設定したサイドバーのリストをOpen/Saveダイアログボックスで利用できない」という悲しい仕様。</p> <h2>Finderのカスタマイズ</h2> <p>Keyboard Maestroを使ってFinderのカスタマイズ</p> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-1731-20211101-005408.png" class="fluidimage img-responsive" /></p> テクニカルライティングにおける「1字下げ」 tag:movabletype.net,2003:post-1920927 2021-10-29T22:28:00Z 2021-10-29T22:29:01Z ある案件にて、次の理由から「〈1字下げ〉を採用したい」という要望がありました。 ... 鷹野 雅弘 https://twitter.com/swwwitch <p>ある案件にて、次の理由から「〈1字下げ〉を採用したい」という要望がありました。</p> <ul> <li>ページ数の節約</li> <li>ほかの書籍では〈1字下げ〉を採用している</li> </ul> <p><img alt="" src="https://www.dtp-transit.jp/images/ss-2518-20211029-182711.png" class="fluidimage img-responsive" /></p> <h2>テクニカルライティングにおける「1字下げ」に反対する理由</h2> <p>次の理由から反対の旨を伝えました。</p> <ul> <li>〈1字下げ〉は、箇条書きや番号リストなどを前提していない。そのため、箇条書きに続く段落の先頭が不自然。また、ぱっと見、箇条書きのブロックを認識しづらい）</li> <li>〈1字下げ〉では文章のカタマリ感が残る。ウェブで読むことに慣れた今、3行以上、空白なく続くブロックには閉塞感を感じる（人がいる）。</li> <li>〈1字下げ〉の組版であっても、見出し直後では字下げを行わないとする流儀があるため（理由：字下げの存在意義がない）。たとえば、「Google アナリティクスによるクロスドメインの解析方法」に続く「Google アナリティクスは〜」の段落では字下げがない方がよいが、これをInDesignで自動化できる手立てがない（［次の段落］でそれっぽいことはできるがカバーしきれない）。また、「この場合には字下げナシ」のようなルールの複雑化は、簡単に崩壊する</li> <li>Kindle版などとの整合性。そちらでも〈1字下げ〉するなら問題はないが、左がガタガタ見えてしまう。</li> <li>文章を一字一句読んでいくタイプと、面で捉えてスピーディに読んでいくタイプが存在し、後者の場合、〈1字下げ〉での組版にストレスを感じる。つまり、文書構造を把握するのに時間がかかる。</li> <li>また、</li> </ul> <h2>「1字下げ」が好ましいケース</h2> <p>「小説」のような文章では、次のような性格のため、本書のようなものとはまったく異なり、逆に「1字下げ」が基本です。</p> <ul> <li>段落間にアキがない</li> <li>見出しはあっても1レベル</li> <li>箇条書き（番号リスト）は生じない</li> </ul>