diff --git a/docs/_document-template/contents.md b/docs/_document-template/contents.md index c666b1d..0550042 100644 --- a/docs/_document-template/contents.md +++ b/docs/_document-template/contents.md @@ -39,6 +39,8 @@ dest: ./output/ドキュメントテンプレート.pdf - [2.7. インラインコード](#27-インラインコード) - [2.8. リンク](#28-リンク) - [2.9. 画像](#29-画像) + - [2.9.1. 画像ファイル](#291-画像ファイル) + - [2.9.2. mermaid](#292-mermaid) - [2.10. テーブル](#210-テーブル) - [2.11. 箇条書き](#211-箇条書き) - [2.12. タスクリスト](#212-タスクリスト) @@ -253,6 +255,8 @@ URL を `< >` で囲うと、そのままリンクにできます。 ## 2.9. 画像 +### 2.9.1. 画像ファイル + 画像は draw.io で作成した SVG 画像を使用してください。 \*.drawio ファイルと、作成した \*.svg ファイルを images フォルダーに配置します。 画像内に文字を入れる場合は、フォントを `Yu Gothic UI` に、フォントサイズを 16 ポイントに設定してください。 @@ -267,6 +271,8 @@ URL を `< >` で囲うと、そのままリンクにできます。 ![demo 画像](/docs/_document-template/images/demo.svg) +### 2.9.2. mermaid + 簡単な図は、 [mermaid](https://mermaid.js.org/) で作成できます ( Beta )。 ` ```mermaid ~ ``` ` で囲った範囲に mermaid 記法で図を記述できます。 diff --git a/pdf-sample.md b/pdf-sample.md index b450f61..971d864 100644 --- a/pdf-sample.md +++ b/pdf-sample.md @@ -41,11 +41,11 @@ \*\.svg 形式のファイルにも対応しています。 -![画像貼り付けのサンプル](https://github.com/user-attachments/assets/9dbf143c-d536-4c35-aedf-fe3f2839795b) +![画像貼り付けのサンプル](https://github.com/user-attachments/assets/07502d0d-2491-4ac9-8b68-402074b0a020) [Mermaid](https://mermaid.js.org/) の構文を入れることもできます。 -![Mermaid のサンプル](https://github.com/user-attachments/assets/8f896815-0346-403c-a330-cac7bb01dd8f) +![Mermaid のサンプル](https://github.com/user-attachments/assets/7546d248-6fba-45e6-99a6-fbe35156da0a) ## テーブル