diff --git a/.github/workflows/jobs.yml b/.github/workflows/jobs.yml
index c7a2f98..44c5572 100644
--- a/.github/workflows/jobs.yml
+++ b/.github/workflows/jobs.yml
@@ -135,7 +135,7 @@ jobs:
       - name: Playwrightのインストール
         run: ./node_modules/.bin/playwright install --with-deps
       - name: PDFの生成
-        run: REVIEW_CONFIG_FILE=config-print-${{ env.MUKI }}.yml REVIEW_VSCLI_USESANDBOX=true REVIEW_VSCLI_GRAYSCALE=true bundle exec rake vivliostyle
+        run: REVIEW_CONFIG_FILE=config-print-${{ env.MUKI }}.yml REVIEW_VSCLI_USESANDBOX=true REVIEW_VSCLI_GRAYSCALE=true REVIEW_VSCLI_OPTIONS="--timeout 900" bundle exec rake vivliostyle
       - name: 成果物のアップロード
         uses: actions/upload-artifact@v4
         with:
@@ -220,6 +220,41 @@ jobs:
           name: ${{ format('inokashira-template_{0}_{1}_{2}', 'ebook-pdf', env.MUKI, steps.date.outputs.date) }}
           path: book.pdf
 
+  udonbook:
+    # needs: reviewdog-github-check
+    name: UDON Book用画像
+    runs-on: ubuntu-latest
+    container:
+      image: ghcr.io/huideyeren/vivliostyle-review-docker:latest
+    steps:
+      - name: リポジトリのチェックアウト
+        uses: actions/checkout@v4
+      - name: 現在時刻を取得
+        env: 
+          TZ: "Asia/Tokyo" # タイムゾーンを指定
+        id: date
+        run: echo "::set-output name=date::$(date +'%Y-%m-%d_%H%M')"
+              # '%Y-%m-%d %H:%M'の部分を書き換えれば、任意の表示に変更できる。
+      - name: 現在時刻を確認
+        run: echo ${{ steps.date.outputs.date }} # 2022-01-03 10:42
+      - name: Node.jsのパッケージをインストール
+        run: pnpm install
+      - name: SCSSのコンパイル
+        run: pnpm run style:${{ env.SIZE }}-${{ env.MUKI }}-no-bleed
+      - name: Rubyのパッケージをインストール
+        run: bundle install
+      - name: Playwrightのインストール
+        run: ./node_modules/.bin/playwright install --with-deps
+      - name: PDFの生成
+        run: REVIEW_CONFIG_FILE=config-udonbook-${{ env.MUKI }}.yml REVIEW_VSCLI_USESANDBOX=true REVIEW_VSCLI_OPTIONS="--timeout 900" bundle exec rake vivliostyle
+      - name: 画像の生成
+        run: mkdir distimages && cp images/frontcover.png images/backcover.png ./distimages && cd ./distimages && pdftoppm -png book.pdf ${{ github.repository }} -scale-to-y 1024 && ls -la && cd ..
+      - name: 成果物のアップロード
+        uses: actions/upload-artifact@v4
+        with:
+          name: ${{ format('inokashira-template_{0}_{1}_{2}', 'udonbook-png', env.MUKI, steps.date.outputs.date) }}
+          path: ./distimages/*.png
+
   # paper:
   #   # 校正ツールによるチェックが通らないとダメにするにはチェックを外す
   #   # needs: reviewdog-github-check
diff --git a/chapter/how-to-use.re b/chapter/how-to-use.re
index 10d0686..0270eb7 100644
--- a/chapter/how-to-use.re
+++ b/chapter/how-to-use.re
@@ -46,7 +46,8 @@ $ python grayscaling.py >> .grayscaling.log
 $ REVIEW_CONFIG_FILE=config-epub-tate.yml bundle exec rake epub
 
 # VivliostyleによるPDFの生成
-$ REVIEW_CONFIG_FILE=config-ebook-tate.yml REVIEW_VSCLI_USESANDBOX=true bundle exec rake vivliostyle
+$ REVIEW_CONFIG_FILE=config-ebook-tate.yml \
+  REVIEW_VSCLI_USESANDBOX=true bundle exec rake vivliostyle
 //}
 
 なお、できる限りGitHubか、Dockerコンテナ上のLinuxで行うことを推奨いたします。
diff --git a/chapter/markdown.md b/chapter/markdown.md
index fb91dce..29486b0 100644
--- a/chapter/markdown.md
+++ b/chapter/markdown.md
@@ -26,7 +26,7 @@ Re:VIEW の `//blankline` を入れるには、`\` を行末とその次の行
 
 なお、引用の入れ子は使えない。
 
-> 人生は長い、疲れたら休め。
+> 人生は長い、疲れたら休め。  
 > 脇道を行くのも又良し。
 > 
 > ——エリナとプリン
@@ -37,7 +37,7 @@ Re:VIEW の `//blankline` を入れるには、`\` を行末とその次の行
 
 詳しくは https://github.com/kmuto/pandoc2review/blob/main/markdown-format.ja.md 参照。
 
-``` {caption="コードブロックの表示"}
+```typescript {caption="コードブロックの表示"}
 const variable = 0;
 
 if (variable) {
@@ -66,7 +66,7 @@ if (variable) {
 
 書き方は以下の通り。
 
-``` {caption="Markdownでの定義リストの書き方"}
+```markdown {caption="Markdownでの定義リストの書き方"}
 定義リスト
 :   使える
 ```
@@ -116,19 +116,19 @@ TeX数式形式が使える。
 
 `images` フォルダに配置する必要があるが、パスを指定するときは省略する。
 
-``` {caption="Markdownでの画像の貼り方"}
+```markdown {caption="Markdownでの画像の貼り方"}
 ![与謝野晶子](yosano_akiko_is_always_watching_you.png)
 ```
 
 width、height、scale の属性が付けられているときには、scale パラメータに変換される。
 
-``` {caption="Markdownでのスケール指定しての画像の貼り方"}
+```markdown {caption="Markdownでのスケール指定しての画像の貼り方"}
 ![与謝野晶子](yosano_akiko_is_always_watching_you.png){scale=2}
 ```
 
 前また後に文字があるときには、インライン画像と見なし、アイコンに変換される。
 
-``` {caption="Markdownでのインライン画像の貼り方"}
+```markdown {caption="Markdownでのインライン画像の貼り方"}
 レターパックで ![与謝野晶子](yosano_akiko_is_always_watching_you.png) 送れ
 ```
 
@@ -140,7 +140,7 @@ HTML の生タグであるブロック `<div>`、インライン `<span>` の属
 
 縦中横はspanタグを使える。
 
-``` {caption="MarkdownでのHTMLタグの使用"}
+```markdown {caption="MarkdownでのHTMLタグの使用"}
 万物のすべての答えは<span class="tcy">42</span>である。
 ```
 
diff --git a/config-ebook-tate.yml b/config-ebook-tate.yml
index d55972c..552cc40 100644
--- a/config-ebook-tate.yml
+++ b/config-ebook-tate.yml
@@ -5,6 +5,9 @@ inherit: ["config.yml"]
 # 表紙を作る
 cover: cover.xhtml
 
+# 縦書き
+direction: "rtl"
+
 # 裏表紙を作る
 backcover: backcover.xhtml
 
@@ -17,4 +20,4 @@ colophon: colophon.xhtml
 
 # 著者紹介は自作したXMTMLファイルを使う
 profile: profile.xhtml
-profiletitle: 著者紹介
\ No newline at end of file
+profiletitle: 著者紹介
diff --git a/config-epub-tate.yml b/config-epub-tate.yml
index ef582d4..e2c3781 100644
--- a/config-epub-tate.yml
+++ b/config-epub-tate.yml
@@ -8,6 +8,9 @@ coverimage: frontcover.png
 epubmaker:
   cover_linear: yes
 
+# 縦書き
+direction: "rtl"
+
 # 裏表紙を作る
 backcover: backcover.xhtml
 
@@ -20,4 +23,6 @@ colophon: colophon.xhtml
 
 # 著者紹介は自作したXMTMLファイルを使う
 profile: profile.xhtml
-profiletitle: 著者紹介
\ No newline at end of file
+profiletitle: 著者紹介
+
+debug: true
\ No newline at end of file
diff --git a/config-print-tate.yml b/config-print-tate.yml
index be13f10..92f1e26 100644
--- a/config-print-tate.yml
+++ b/config-print-tate.yml
@@ -5,7 +5,11 @@ inherit: ["config.yml"]
 # 印刷所の名前を設定する
 prt: ○○印刷所
 
+# 縦書き
+direction: "rtl"
+
 # 表紙と裏表紙は作らない
+cover: false
 
 # 大扉は画像で作る
 titlefile: title.xhtml
diff --git a/config-print-yoko.yml b/config-print-yoko.yml
index c146669..3cc406e 100644
--- a/config-print-yoko.yml
+++ b/config-print-yoko.yml
@@ -9,6 +9,7 @@ direction: "ltr"
 prt: ○○印刷所
 
 # 表紙と裏表紙は作らない
+cover: false
 
 # 大扉は画像で作る
 titlefile: title.xhtml
diff --git a/config-udonbook-tate.yml b/config-udonbook-tate.yml
new file mode 100644
index 0000000..3734cc4
--- /dev/null
+++ b/config-udonbook-tate.yml
@@ -0,0 +1,24 @@
+# 印刷PDF用設定ファイル
+# 元々の設定ファイルから項目を継承する
+inherit: ["config.yml"]
+
+# 印刷所の名前は設定しない
+
+# 表紙と裏表紙は作らない
+cover: false
+
+# 大扉は画像で作る
+titlefile: title.xhtml
+
+# 奥付は自作したXMTMLファイルを使う
+colophon: colophon.xhtml
+
+# 著者紹介は自作したXMTMLファイルを使う
+profile: profile.xhtml
+profiletitle: 著者紹介
+
+# 目次の章立ての部分にリンクを作らない
+chapterlink: null
+
+# 外部リンクを無効にする
+externallink: false
\ No newline at end of file
diff --git a/config-udonbook-yoko.yml b/config-udonbook-yoko.yml
new file mode 100644
index 0000000..9685ded
--- /dev/null
+++ b/config-udonbook-yoko.yml
@@ -0,0 +1,27 @@
+# 印刷PDF用設定ファイル
+# 元々の設定ファイルから項目を継承する
+inherit: ["config.yml"]
+
+# 横書き
+direction: "ltr"
+
+# 印刷所の名前は設定しない
+
+# 表紙と裏表紙は作らない
+cover: false
+
+# 大扉は画像で作る
+titlefile: title.xhtml
+
+# 奥付は自作したXMTMLファイルを使う
+colophon: colophon.xhtml
+
+# 著者紹介は自作したXMTMLファイルを使う
+profile: profile.xhtml
+profiletitle: 著者紹介
+
+# 目次の章立ての部分にリンクを作らない
+chapterlink: null
+
+# 外部リンクを無効にする
+externallink: false
\ No newline at end of file
diff --git a/config.yml b/config.yml
index 0e23136..eac12ff 100644
--- a/config.yml
+++ b/config.yml
@@ -169,7 +169,7 @@ toc: true
 
 # imagedir内から取り込まれる対象となるファイル拡張子。省略した場合は以下
 # image_ext: ["png", "gif", "jpg", "jpeg", "svg", "ttf", "woff", "otf"]
-image_ext: ["png", "gif", "jpg", "jpeg", "ttf", "woff", "otf"]
+image_ext: ["png", "gif", "jpg", "jpeg", "svg", "ttf", "woff", "otf"]
 
 # fontdir内から取り込まれる対象となるファイル拡張子。省略した場合は以下
 # font_ext: ["ttf", "woff", "otf"]
diff --git a/sass/common/_contents-common.scss b/sass/common/_contents-common.scss
index bb4009b..f29803c 100644
--- a/sass/common/_contents-common.scss
+++ b/sass/common/_contents-common.scss
@@ -42,25 +42,38 @@ p > img, div > img, section > img {
 }
 
 /* コードブロック */
-pre {
+div.caption-code, div.cmd-code {
   writing-mode: horizontal-tb;
   -webkit-writing-mode: horizontal-tb;
   -epub-writing-mode: horizontal-tb;
-  font-size: 6.5px;
-  width: $content-width * 0.9;
-  margin: 0 auto;
-  padding: 1rem;
-  box-decoration-break: clone;
-
-  code {
-    border: 1px #aaa solid;
-    border-radius: 4px;
+  display: flex;
+  flex-flow: column-reverse wrap;
+  margin: 1rem;
+
+  pre {
+    font-size: 6.5px;
+    max-width: $content-width;
+    box-decoration-break: clone;
+    break-before: always;
+    break-after: always;
     overflow-wrap: anywhere;
     font-family: "Cica";
-    max-width: 100%;
+    writing-mode: horizontal-tb;
+    -webkit-writing-mode: horizontal-tb;
+    -epub-writing-mode: horizontal-tb;
+  }
+  p.caption {
+    text-align: center;
+    font-size: 7pt;
+    line-height: 14pt;
+    margin-bottom: 4pt;
+    writing-mode: horizontal-tb;
+    -webkit-writing-mode: horizontal-tb;
+    -epub-writing-mode: horizontal-tb;
   }
 }
 
+
 /* 囲い記事 */
 div.note, div.memo, div.tip, div.info, div.warning, div.important, div.caution, div.notice {
   border: solid 0.1mm #8394a5;