Ccmmutty logo
Commutty IT
2 min read

Magicodeの文書内に画像を表示する方法

https://cdn.magicode.io/media/notebox/f5f52e55-3665-485a-a3b9-99af46b64e86.jpeg

Magicodeの文書に画像を表示する

表示方法について
すぐに気付いたり、元々知っていたりすれば何のことはないのかもしれませんが、
自分は色々方法を探してしまったので、備忘録も兼ねて方法を残しておきたいと思います。

画像を添付する方法

  1. Markdown入力ブロックを作成する
  2. Markdown入力中に下記どちらかで画像を添付する
    A. 添付可能な画像をドラッグ&ドロップする
    B. 入力ブロックの右上に「画像を挿入」ボタンが表示されるのでそこを押下
    * 画像選択ダイアログで、添付する画像を選択する
    * (初回の「画像を選択する」ダイアログ表示は少し重い)
  3. 下記のようなMarkdownが挿入される。これが画像表示位置となる
![](https://cdn.apollon.ai/media/notebox/userimages/a3d9cc4b-87f6-44e6-ac0c-d921f9cee2f0.png)

確認した添付可能な画像の拡張子

  • png
  • gif

gifアニメも添付可能

はまったポイント

jpg や jpeg が添付できないようでした。

おわりに、画像を作って素敵なドキュメントを作ろう

画像があると説明も分かりやすく、見た目も華やかになりますよね。
文字を読まなくてもパッと分かるような、そしてついつい中を見たくなってしまうような、そういうドキュメント作りを意識していければ良いなと思います!  

以上です!
最後までご確認いただきありがとうございました。
いつも「いいね♥」もありがとうございます!
この記事を読んで
「そんな方法あったのか…!」
「今度画像を添付してみよう!」
と思っていただけたら、左部|上部 にあるハートボタンでいいね頂けると嬉しいです。

また「もっと華やかな見やすい見た目や方法があるよ」という場合はコメントやご連絡いただけると嬉しいです!

Discussion

コメントにはログインが必要です。