p.5 | 公開日:2026/8/13
5. アカレポの基本~画像や表の挿入編~
<h2>5.1 画像の挿入</h2>
<p>前のセクションでお気づきかもしれませんが、アカレポでは画像や表を$\LaTeX$形式で記述することができます。
画像については、記事編集画面で画像ファイルをドラッグ&ドロップするか、記事編集画面のサイドバーにあるリファレンスの画像タブからアップロードすることができます。
<figure class="latex-figure" id="ref-id-fig:reference"><img src="/api/article/0631a9de-5f5f-4c59-b194-efa6bfcb2eca/file/リファレンス.png" alt="記事編集画面のサイドバーにあるリファレンス" style="width: 65%" /><figcaption>図5.1 記事編集画面のサイドバーにあるリファレンス</figcaption></figure></p>
<p>アップロードすると、記事編集画面では下記のように$\LaTeX$形式のfigure環境が自動で挿入されます。</p>
<pre><code>\begin{figure}[htbp]
\centering
\includegraphics[width=0.65\linewidth]{./images/リファレンス.png}
\caption{}
\label{fig:}
\end{figure}
</code></pre>
<p>こちらを編集することで、画像にキャプションやラベルを付けることができます。
もちろん数式や引用文献と同じように<code>\ref{}</code>で引用することができます。
<a href="#ref-id-fig:reference" >5.1</a></p>
<h2>5.2 表の挿入</h2>
<p>表についても同様に$\LaTeX$形式で編集できます。
下記のように$\LaTeX$形式で表を作成します。</p>
<pre><code>\begin{table}[h]
\centering
\begin{tabular}{|c|c|}
\hline
a & b \\
\hline
c & d \\
e & f \\
\hline
\end{tabular}
\caption{$\LaTeX$形式の表}
\label{tab:demo}
\end{table}
</code></pre>
<p><figure class="latex-table not-prose"><div class="latex-table-scroll"><table><thead><tr><th style="text-align:center;border-top:1px solid var(--color-black);border-left:1px solid var(--color-black);border-right:1px solid var(--color-black)">a</th><th style="text-align:center;border-top:1px solid var(--color-black);border-left:1px solid var(--color-black);border-right:1px solid var(--color-black)">b</th></tr></thead><tbody><tr><td style="text-align:center;border-top:1px solid var(--color-black);border-left:1px solid var(--color-black);border-right:1px solid var(--color-black)">c</td><td style="text-align:center;border-top:1px solid var(--color-black);border-left:1px solid var(--color-black);border-right:1px solid var(--color-black)">d</td></tr><tr><td style="text-align:center;border-bottom:1px solid var(--color-black);border-left:1px solid var(--color-black);border-right:1px solid var(--color-black)">e</td><td style="text-align:center;border-bottom:1px solid var(--color-black);border-left:1px solid var(--color-black);border-right:1px solid var(--color-black)">f</td></tr></tbody></table></div><figcaption>表5.1 $\LaTeX$形式の表</figcaption></figure>
こちらも数式や引用文献、画像と同じように<code>\ref{}</code>で引用することができます。
<a href="#ref-id-tab:demo" >5.1</a></p>
<h2>5.3 補足:Markdown形式での画像・表の挿入</h2>
<p>アカレポでは、$\LaTeX$形式のファイルをレンダリングする仕組みの一部としてMarkdownのライブラリも使用しています。
そのため、Markdown形式で画像や表を記述することもできます。</p>
<pre><code>
| a | b |
| --- | --- |
| c | d |
| e | f |
</code></pre>
<p><img src="/api/article/0631a9de-5f5f-4c59-b194-efa6bfcb2eca/file/%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9.png" alt=""></p>
<table>
<thead>
<tr>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td>c</td>
<td>d</td>
</tr>
<tr>
<td>e</td>
<td>f</td>
</tr>
</tbody>
</table>
<p>ただし、Markdown形式で挿入した画像や表にはラベルが付与されないため、$\LaTeX$形式のように<code>\ref{}</code>で参照することはできません。
相互参照が必要な場合は、$\LaTeX$形式で記述することをおすすめします。</p>