突然ですが、先日お客さんに大絶賛で褒められた話をします。
お客さんに、手順の問い合わせがあり、回答をすることが今までにも何度もありました。
今までは、スピード優先でテキストベースでの回答をしてきました。つまり、文字のみでの手順の提示ですね。その際、やはりわかりにくかったのでしょうね、何度か追加で質問されました。
先日、恒例のように手順の提示を依頼されたんですね、そのとき、たまたま気分がよかったので、マークダウンという書き方で、手順を記載して提示しました。
すると絶賛されたというわけです。
お客さんからのレスポンスは以下です。
![お客](https://hoshi-chan.com/wp-content/themes/cocoon/images/b-woman.png)
とても手順がわかりやすかったです! 迷うことなく進めることができました!!
そして、一度も追加の質問をされることがなかったのです。
マークダウンで記載するのは、テキストで書くのより時間がかかるため、避けてきましたが、追加の質問の回答に割いていた時間を考えると、あらかじめマークダウンで資料提供をするほうが、結果的に時間短縮になるということが今回わかりました。
お客さん視点でも悩む時間が短縮されるため、お互いにとって良いですね。
マークダウン記法とは
日本Markdownユーザー会によると、以下のように概要説明されています。
Markdown(マークダウン)は、文章の書き方です。デジタル文書を活用する方法として考案されました。特徴は、
- 手軽に文章構造を明示できること
- 簡単で、覚えやすいいこと
- 読み書きに特別なアプリを必要としないこと
- それでいて、対応アプリを使えば快適に読み書きできること
などです。
引用元: 日本語Markdownユーザー会
マークダウンのメリット
私の考えるマークダウンのメリットは、
- 構造的に書くのが簡単
- 表の追加も簡単
- 簡単なのに見やすい
- 画像を付けてPDF文書化できる
構造的に見せるのが簡単
そもそもみなさん、何か相手に文章で伝える際って、既に構造的に書いてませんか?
例えば、こういうことです。
![](https://hoshi-chan.com/wp-content/uploads/2021/01/anpanman.png)
(アンパンマンのwikipediaから引っ張ってきました。)
私の場合も、もともとテキストベースで提示していた手順も既にこういった構造はできていたのです。
マークダウン記法に合わせて構造を修正するだけでした。
マークダウンのメリット
私の考えるマークダウンのメリットは以下4点です。
- 構造的に書くだけで見栄えが良くなる。
- 表の追加も簡単
- 画像をつけることができる
- PDF文書化できる
構造的に書くだけで見栄えがよくなる
![](https://hoshi-chan.com/wp-content/uploads/2021/01/trporarei2.png)
![](https://hoshi-chan.com/wp-content/uploads/2021/01/typorarei.png)
右が書き方、左が表示のされ方ですね。
`##`を見出しのレベルの数だけ頭につけるだけで構造的にできるんですね。
見栄えとしても非常にわかりやすいです。
表の追加も簡単
追加したいところで、 Ctrl + T を押してください。
すると、追加する表の大きさを指定するダイアログが表示されます。
![](https://hoshi-chan.com/wp-content/uploads/2021/01/hyou1-1024x534.png)
OK を押すと、指定どおりの大きさの表が追加されていますね。
![](https://hoshi-chan.com/wp-content/uploads/2021/01/hyou2-1024x534.png)
エクセルからの追加も簡単
なんと、エクセルの表をコピーして貼り付けるだけでも表を追加することができちゃいます!これは便利!
![](https://hoshi-chan.com/wp-content/uploads/2021/01/hyou3.png)
画像を付けることができる
画像を付けることが可能です。画像があるないでは、読みやすさが全く違いますよね。
![](https://hoshi-chan.com/wp-content/uploads/2021/01/gazo1-1024x878.jpg)
特に良い画像持ってなかったので以前に食べたラーメンの画像ひっつけときました。
PDF文書化できる
PDFエクスポートできますね。その他にも、エクスポート形式はあります。
![](https://hoshi-chan.com/wp-content/uploads/2021/01/export.png)
PDF化できました~!
![](https://hoshi-chan.com/wp-content/uploads/2021/01/pdf.jpg)
こんな感じになりましたね。
マークダウンエディタおススメ
- typora
- vscode
- その他
typora
私の一番のおススメはこちらです。
![](https://hoshi-chan.com/wp-content/uploads/2021/01/toc-1024x966.png)
動作も非常に軽いため、PCにインストールしておくと良いと思います。
vscode
vscodeのプラグインでもマークダウンを扱うことができます。
![](https://hoshi-chan.com/wp-content/uploads/2021/01/vscodemarkdown-1024x622.png)
テキストエディタをvscodeで踏襲している人は、こちらのほうが便利かもしれませんね。
その他
私は、上記二つしか、使ったことがないですが、マークダウンは今やそれなりに使われている記法であるため、エディタもそれなりに存在します。
最新のマークダウンエディタをまとめてくれている方がいましたので、そちらに丸投げします。
![](https://hoshi-chan.com/wp-content/uploads/cocoon-resources/blog-card-cache/538a2f26c5c7c300509a355150ab03ca.png)
マークダウンをPDF化する方法
マークダウンをPDF化する方法はさまざまありますが、typoraであれば、機能が完備されています。
その他、やり方は色々あるようですね。他の方法を知りたい方は、以下まとめてくれている方がいましたので、ご参照ください。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9TWFya2Rvd24lRTMlODIlOTJQREYlRTMlODElQUIlRTUlQTQlODklRTYlOEYlOUIlRTMlODElOTklRTMlODIlOEIlRTYlOTYlQjklRTYlQjMlOTUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTU5YjJjNmI1N2VlMDYxZDJjMTY3MDNjNDFjYjM5ZThk&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbGVkc3VuJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02NmIzMTdmNTg4ZDUwMGNjZGYxODQzNDlmODBiNjcwYQ&blend-x=142&blend-y=491&blend-mode=normal&s=8c98f295fa1aaa591be9e0fdae02ef62)
わかりやすい資料作りを簡単にこなそう!
今回、誰にとってでもわかりやすい資料を心がけることで、お客さん、上司からの評価をあげることができました。
やったことは、普段はやっつけでテキストでまとめているのをマークダウンで画像付きに変更しただけです。
画像取得は手間のように思っていましたが。案外やってみるとスクリーンショットをとってぱっと張り付けるだけなので、思っているより時間はとられないことがわかりました。
画像の取り方などは、現在では様々なツールも出回っているため、工夫すればさらに時間短縮は出来るかと思います。
ぜひ、マークダウンを使いこなして作製資料のレベルをあげましょう!
コメント