ぱんだツールズぱんだツールズ

Markdownテーブル生成

行列数を指定してMarkdown・HTML・CSV形式のテーブルをすぐに生成

ぱんだツールズファイルはサーバーに送信されません

よくある質問

Markdownテーブルの書き方を教えてください。

Markdownテーブルは、列をパイプ記号(|)で区切り、ヘッダー行の直下に区切り行(---)を入れる形式です。例: | 列1 | 列2 | の後に | --- | --- | と書くと基本的なテーブルになります。このツールでは自動的に整形して出力します。

列の配置(左寄せ・中央・右寄せ)はどう設定しますか?

各列の上部にある配置ボタン(L/C/R)で設定できます。左寄せ(:---)・中央寄せ(:---:)・右寄せ(---:)に対応しており、Markdownの区切り行に自動反映されます。

Markdown・HTML・CSVの3形式はどう使い分けますか?

Markdownは GitHubのREADMEやドキュメントで広く使われます。HTMLはWebページに直接貼り付けたい場合に便利です。CSVはExcelやスプレッドシートでの利用に適しています。タブで切り替えてそれぞれの出力を確認できます。

行数・列数はどこまで変更できますか?

行数は最大20行(ヘッダー行を含む)、列数は最大10列まで設定できます。既存のセルデータは変更しても保持されます(縮小した場合は切り捨て、拡大した場合は空白で補完)。

コピーボタンをクリックしてもコピーできません。

ブラウザのクリップボードAPIが利用できない環境(古いブラウザや一部のプライベートブラウズモード)ではコピーできない場合があります。その場合はテキストエリアをクリックしてCtrl+A(Macの場合Cmd+A)で全選択し、手動でコピーしてください。

CSV出力でカンマを含むセルはどう処理されますか?

セルの内容にカンマ・ダブルクォート・改行が含まれる場合、RFC 4180に従いダブルクォートで囲んで出力します。ダブルクォートはダブルクォート2つ("")にエスケープします。

HTML出力の構造はどうなっていますか?

<table>・<thead>・<tbody>・<tr>・<th>・<td>の標準的なHTML構造で出力します。各セルの配置はstyle="text-align:left/center/right"で設定されます。CSSは含まないため、ページのスタイルに合わせてカスタマイズできます。

入力したデータはサーバーに送信されますか?

いいえ。すべての処理はブラウザ内(JavaScript)で完結しています。入力したテーブルデータは外部に送信されることはありません。機密情報を含むデータも安心してご利用いただけます。

GitHubのREADMEにそのまま貼り付けできますか?

はい。Markdown形式で出力されるため、GitHubのREADME.md、Notion、Zenn、Qiitaなど多くのMarkdownレンダラーでそのまま使用できます。

開発者ツール一覧

すべて見る

このツールについて

使い方

  1. 行数・列数を設定(デフォルト: 3行 × 3列)
  2. 各セルにテキストを入力(1行目はヘッダー行)
  3. 各列の上部にある L/C/R ボタンで配置を設定
  4. Markdown / HTML / CSV タブで出力形式を選択
  5. 「コピー」ボタンでクリップボードにコピー

このツールの特徴

  • リアルタイムプレビュー:セルに入力するたびに出力が即座に更新される。整形後を確認しながら編集できる
  • 3形式同時対応:Markdown・HTML・CSV を切り替えて出力。GitHubのREADME・Webページ・スプレッドシートそれぞれの用途に対応
  • 列ごとの配置設定:左寄せ(:---)・中央(:---:)・右寄せ(---:)をワンクリックで設定。数値列は右寄せにするなど用途に応じて使い分けられる
  • データ保持のリサイズ:行・列の追加・削除時に既存データを保持。列を増やしても入力済みの内容が消えない
  • ブラウザ完結・プライバシー安全:入力データはサーバーに送信されない。機密情報を含むテーブルも安心して作成できる

こんなときに便利

  • GitHubのREADMEやWikiにMarkdownテーブルを追加したい
  • Zenn・Qiita・Notionの記事に比較表を挿入したい
  • APIのレスポンス項目・仕様書の一覧表をHTML形式で作成したい
  • スプレッドシートのデータをCSV形式でさっとエクスポートしたい

Markdownテーブルの仕様

Markdownテーブルは GFM(GitHub Flavored Markdown)として広く標準化されており、GitHub・GitLab・Zenn・Qiita・Notion・VS Code プレビューなど多くの環境で使用できます。 区切り行(---)のコロン(:)の位置で列の配置を制御します。

  • :--- — 左寄せ(デフォルト)
  • :---: — 中央寄せ
  • ---: — 右寄せ