綺麗にPowerPointのスライドを作成する

## 皆もすなるQiitaといふものを、儂もしてみむとてするなり。

これは[RPACommunity Advent Calendar 2022](https://adventar.org/calendars/7503)アドベントカレンダーの8日記事です。

と言う訳で、こん＊＊は！はなっち！です。

【初めに】
登壇したり、講演したりする際に、スライドを使用して、発表する事がありますね。過去数回登壇して、スライドを褒められた事があって、それはとっても嬉しいものです。

今回は、はなっち！的資料作成の拘りをまとめてみました。
- - - 
## [Office テーマ]は、「白紙」にする
新しくPowerPointファイルを開くと、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/a52bbb19-ba01-5228-6011-9c43b3ca81ff.png)
ってな状態です。

「最初のスライドを追加」が表示されたら、デザインの方向性を決めるため、
[ホーム] > [新しいスライド] > [Office テーマ]からテンプレートを選択しますね。
<img width="300" alt="Office テーマ" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/d0c3b656-c89a-4b3d-5f1a-01338e11ee33.png">
追加するスライドは、ctrl+mで挿入する事が出来ます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/cf04773a-4711-62c9-7672-a98536c02844.png)
ここにタイトル、ここにテキストを！って、ガイドもあって非常に使いやすいですね。

しかし、このデザインは、[Office テーマ]から持ってきたものですので、発表者の思っているものとは違う場合があります。その時は既にある**オブジェクトを削除**してから、改めてテキスト、図形などを張り込みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/23eb2b61-4715-7ad7-7c2f-37c15929d0cc.png)
※PowerPointに、[削除]ってメニューないんですね(^^♪。ここでは「切り取り(T)」で「削除」したと思ってください。

既にある**オブジェクトを削除**するんだったら、最初から[Office テーマ]で「白紙」を選択すればいいのでは？という考えに至り、そうしています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/5e98caea-0c6f-aca9-f26a-3ec67cb3b653.png)

## 各スライドのタイトルは、「固定位置」にする
白いスライド上に、コンテンツを盛り込んでいきます。まずはそのスライドでの「タイトル」を作成します。この場合、"タイトル"をテキストエディタなどに起こして、その"テキスト"をスライド上にペーストすると、スライドの真ん中に配置されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/1071d6a1-f796-c264-71e0-bf66e2bee783.png)
それを、左上に配置して、太字とか、フォントのサイズとかを整えて、「タイトル」にしますね。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/f481d29c-da62-6604-7900-8579704b8e61.png)

発表の流れで、１スライドでは足りない事もあって、複数スライドに及ぶ事もありましょう。追加したスライドは、先の方法でテキストをコピペしてもいいのですが、スライドのページを前後した時に微妙にズレたりしますね。はなっち！的にはこれが非常に気になります。変化があったと見做して、そっちも注視してしまうので。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/d3b1ed8b-28ba-69fd-02a8-cd4d2349d41f.png)
※１枚の画像で複数スライドを前後した時のズレを表現するのは難しいですね(^^♪

当然の事ながら、こう言った事にならないようにするには、「テキスト」をコピペして、挿入された「オブジェクト」を移動させるのではなく、**前スライド上の「テキストのオブジェクト」をコピペ**した後、テキストを入力してあげればいい訳ですね。

## オブジェクト内へのテキストのコピペは少ない文字数で...
いきなりPowerPoint上のオブジェクトに文字列を入力していくのなら問題はないのですが、テキストエディタベースで原稿を書いていて、それをコピペした時に、フォントに違和感が。そう、「PMingLiU」、「DengXian 本文」などと見慣れぬフォント。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/18409ec1-10f6-a37a-24e8-a38803e19117.png)
これは既知のOffice製品のバグのようです。
こう言った場合、文字を4文字位ずつコピペしていく方法が（私がやった中で）安定して貼り付けられます。あぁでもないこぉでもないして悩むより、手間を掛けていく…どっちを選びますか？(^^♪

##### ※今スクショを撮るために試行錯誤してみたところ、Ctrl+vではフォントが変わる事はなかったです。![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/c1a45736-790f-d4ce-a819-1fd6456ebdb0.png)

## 図形の位置、大きさは同じになるように努力する
Ａという画像を貼ったスライドのように、別のスライドにＢと言う画像を貼り付けたい。それらを前後スライドにて使う場合、Ａ、Ｂそれぞれの画像は、同じ位置、同じサイズにしていきたいですね。これは、テキストボックスなどのオブジェクトでも同じです。
先のフォントが変わってしまったオブジェクトを例にして説明します。
１）位置を合わせる。
・合わせたいオブジェクトを複数選択します（shfitを押下しながらクリックでも、マウスの左を押したままオブジェクトの範囲を選択してもいいです（図の例））
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/59968357-6266-501b-bba5-1b1123e0601b.png)
・[図形の書式] > [配置] > [左揃え]あるいは[上揃え]
複数のオブジェクトの位置を、配置機能にて揃えます。
#処理前
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/21d484e8-8e27-345c-275a-62817e2f84c0.png)
#左揃え後
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/c73906bf-8d1a-abe9-e5b3-0e1a9bda7e3e.png)
#上揃え後
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/49867730-762c-57b1-500f-054a9b6a9114.png)
この処理の後、不要な方を削除します。
２）サイズを合わせる。
・従来は、サイズを合わせたいオブジェクトを選択し、八方にある白い丸部分をつかんでドラッグしてサイズを変えていました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/2a234950-2c8f-d27b-a470-5d0a19cf6eec.png)
でも、なかなかうまくいきません。この場合には、ちゃんと機能がありますので、それを使います。
[図形の書式] > [サイズメニュー] > [図形の高さ]あるいは[図形の幅]ですね。![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/6378fe69-0079-828f-c94c-93515e8b92a1.png)
基準となるオブジェクトの高さ、幅を覚えておき、変更したいオブジェクトを選択し、高さ、幅を設定していきます。
## テキストボックスを意のままに操る
テキストボックス内に文字を追記していくと、勝手に改行されてしまって、文言を加除してみたり、フォントを変えたりして、これも思ったようにならず、モヤモヤしてしまいます。こういった場合、テキストボックスの「書式設定」を変更してみましょう。
<img width="300" alt="オブジェクトの書式設定" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/d676cde3-8b3d-87ac-e176-bab9b4c2cd67.png">
テキストのオブジェクトの調整が、
-「●テキストに合わせて図形のサイズを調整する」は便利ですが、意のままにならないので、「●自動調整なし」にしてしまいます。
-☑図形内でテキストを折り返す(W)のチェックONだと、オブジェクト内で折り返してくれるので便利ですが、やはり意のままにならないので、チェックを外します。
こうなると、作成者が意図したレイアウトで作成することができますね。
## 図形に設定できるテキストに関して
カーブした下矢印に、テキストを設定すると、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/ab123469-29bd-4b5f-0c28-936c54436ee4.png)
こんな感じになります。先のルールで☑図形内でテキストを折り返す(W)のチェックを外すとこんな感じ。![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/9fdb20b2-bb8a-38e1-9d1a-bed2b821ee90.png)カーブした下矢印にかぶらせたくないんだけど、左揃えにすると![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/41d6be2f-5cfc-a0d3-55af-5aa1f4cb5e7e.png)弓矢みたいになってしまい、右揃えにすると![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/4d9629a2-5f6f-e35e-09f3-e185f069bdeb.png)
傘みたいになってしまいます。
こういった場合、テキストボックスの「書式設定」の余白で調整していきます。
カーブした下矢印の右側にテキストを設定する場合、左余白の値（現在は0.25 cm）を増やしていきます。![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/e290c89e-495f-3bfb-de89-83829401528a.png)1.93 cmにしてみました。この余白は、左右余白に限らず、上下余白でも有効です。是非！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/c3fd1443-6a4d-3c55-f6fd-19b16864630a.png)
## [Windows]+[ctrl]+[s]のスクリーンショット
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/45b5fe53-c8c5-04a2-d49a-732a0c4faac1.png)
今まで[WinShot](http://www.woodybells.com/)を使っていたのですが、Windwos標準でスクリーンショットを撮ってくれる機能を使っています。左から、「四角形モード」、「フリーフォーム モード」、「ウィンドウモード」そして「全画面モード」。
このうち、「四角形モード」（自分で範囲を指定できる）、「ウィンドウモード」（アクティブな画面）を多用しています。例は、ウィンドウモードで撮影した、UiPathロボの実行時エラー...orz
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/d652a777-aa47-f09d-750e-a66774419a56.png)
時として、同じ画面であっても、撮りように拠っては![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/5a78dfd2-9432-04e5-acf8-8ba6a5acbaf7.png)
のように、多少広めに撮れてしまう時もあります。ちゃんと撮ればいいんですけどね。そう言った場合は、旧来からある、Windowsアクセサリー「ペイント」の出番です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/f63927ad-2f98-c69e-53a7-5fc6c83d105f.png)
画像をペイントで開き、ctrl+eで「イメージのプロパティ」で、幅(W)、高さ(H)を調整します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/038e937b-107d-f0ca-9f0b-753aac8e308e.png)
その後、反転メニューから、
<img width="200" alt="反転" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/65a24303-2094-3f04-1863-b03bdef0498c.png">
上下反転、左右反転し、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/2c91382c-c018-bb51-5738-cfca2b3398ab.png)
同じように幅(W)、高さ(H)を調整し、再び上下反転、左右反転します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/669015/555a3f31-0fb4-2df9-b58f-ee8e786d97d0.png)


## 【まとめ】
・綺麗なスライド作りは、手間暇が掛かります。稚拙な内容は、スライドの綺麗さでカヴァー（はなっち！それぢゃダメぢゃん！(^^♪）
・コンテンツ（テキスト、図形）などをきちんと用意してから作成に当たると、俯瞰できるので、構成しやすい！
・自分がやりたい事は、PowerPointにそもそも機能として備わっている！(事が多い(^^♪)


- - - 

##おわりに
いかがでした？

今回も読んでいただきありがとうございました！
是非いろいろなシーンでのスライド作りの一助になればと思っています。

ありがとうございました！