Markdown 表テーブルの書き方 # 目次 - [はじめに](#はじめに) - [テーブルの基本構造](#テーブルの基本構造) - [実際の書き方](#実際の書き方) - [列の配置を指定する方法](#列の配置を指定する方法) - [セル内で改行する方法](#セル内で改行する方法) - [よくある間違いと対処法](#よくある間違いと対処法) - [DocBase テーブル操作のQ&A](#docbase-テーブル操作のqa) - [DocBaseのテーブル編集機能](#docbaseのテーブル編集機能) ## はじめに Markdownでテーブル(Table)を作るのは最初は難しく感じるかもしれませんが、基本さえ理解すれば簡単です。このメモでは、初めてMarkdownでテーブルを作る方にも分かりやすく解説します。 ![markdown-table.png](https://image.docbase.io/uploads/d5bcccfc-06ec-4f05-921b-e2529131c829.png =600x) Markdownの書き方については[こちらの記事](https://help.docbase.io/posts/13697)をご確認ください。 ## テーブルの基本構造 Markdownのテーブルは主に3つの部分からなります。 1. **ヘッダー行**:表の一番上の行で、各列の見出しを書きます 2. **区切り行**:ヘッダーとデータを分ける特別な行です 3. **データ行**:実際のデータを入れる行です ## 実際の書き方 ### ステップ1: パイプ記号でテーブルの枠組みを作る テーブルの各列は `|`(パイプ記号)で区切ります。 ``` | 赤身 | 白身 | 軍艦 | ``` ### ステップ2: 区切り行を追加する ヘッダーの下に区切り行を追加します。最低3つのハイフン(`-`)が必要です。 ``` | 赤身 | 白身 | 軍艦 | |-----|-----|-----| ``` ### ステップ3: データ行を追加する 実際のデータを入れていきます。 ``` | 赤身 | 白身 | 軍艦 | |-----|-----|-----| |マグロ|ヒラメ|ウニ| |カツオ|タイ|イクラ| |トロ|カンパチ|ネギトロ| ``` #### 実際の表示例 | 赤身 | 白身 | 軍艦 | |-----|-----|-----| |マグロ|ヒラメ|ウニ| |カツオ|タイ|イクラ| |トロ|カンパチ|ネギトロ| ## 列の配置を指定する方法 区切り行のハイフンとコロン(`:`)を使って、データの配置方法を指定できます。 ``` | 左寄せの列 | 中央揃えの列 | 右寄せの列 | |:---------|:----------:|----------:| | マグロ | ヒラメ | ウニ | ``` - **左寄せ**: `:-----` (コロンを左側に置く) - **中央揃え**: `:-----:` (コロンを両側に置く) - **右寄せ**: `-----:` (コロンを右側に置く) #### 実際の表示例 | 左寄せの列 | 中央揃えの列 | 右寄せの列 | |:---------|:----------:|----------:| | マグロ | ヒラメ | ウニ | ## セル内で改行する方法 標準のMarkdownでは、テーブルのセル内で改行することは直接サポートされていませんが、多くのMarkdown実装では次の方法で改行できます。 ### **HTMLタグを使用する方法** `
`タグを使って改行できます: ``` | 赤身 | 白身 | |-----|------| | マグロ | ヒラメ
タイ | ``` #### 実際の表示例 | 赤身 | 白身 | |-----|------| | マグロ | ヒラメ
タイ | ## よくある間違いと対処法 1. **区切り行のハイフンが足りない** 区切り行には列ごとに最低3つのハイフンが必要です。 1. **パイプ記号の数が合わない** 各行のパイプ記号の数は揃えましょう。 ## DocBase テーブル操作のQ&A #### Q: ExcelやGoogleスプレッドシートからコピーできる? A: ExcelやGoogleスプレッドシートの表をコピー&ペーストできます。 ![Untitled3.gif](https://image.docbase.io/uploads/cc0ed9ce-02a8-4307-b172-c96adbfe9589.gif) #### Q: CSVからテーブルを作成できる? A: CSV部分を選択して `Shift + Space` を押すとテーブルに変換されます。 ![3e012153-8b07-4d8c-820a-f74a17e3d3e2.gif](https://image.docbase.io/uploads/e344399e-869f-467f-8616-c2b98ca98513.gif =WxH) #### Q: 列をソートしたり、合計したりできる? A: **列のソート**はヘッダで `Shift + Space` を押すとソートされます。 ![a42098da-d41c-40d1-9995-0aa17bc593b4.gif](https://image.docbase.io/uploads/58a0222b-c92c-4fe7-a07b-374e00c20231.gif =WxH) **合計**は列の最後に `=sum` を入力して、`Shift + Space` を押すと合計値が入力されます。 ![0b5aabbb-4554-4a78-98ea-fc864b2a8425.gif](https://image.docbase.io/uploads/f179c1e5-e53a-445d-a984-3dffe61d8d91.gif =WxH) #### Q: もっと簡単に表を作成できる? A: `横x縦`を入力して、 `Shift + Space` で表を作れます。 1. `横x縦`を入力 * アライン指定可能 * 左揃え `:3x3` * 右揃え `3x3:` * センタリング `:3x3:` 1. `Shift + Space` を押す ![024d7e0a-b3ec-406b-b46a-58d7dad99f3b.gif](https://image.docbase.io/uploads/c3dc8679-c6e7-41dd-9534-6e93af141969.gif =WxH) ## DocBaseのテーブル編集機能 [ハイブリッドモード](https://help.docbase.io/posts/3277664)または[リッチテキストモード](https://help.docbase.io/posts/3027206)から簡単にテーブルを操作できます。 ![table2.gif](https://image.docbase.io/uploads/a332622f-da16-4f6f-854d-79188bffcec8.gif =WxH) 詳しくはこちらをご確認ください。 #{3224067}