Markdownテーブル生成ツール

インタラクティブなエディタでMarkdownテーブルをビジュアルに構築。行・列の追加、配置設定、出力コピーが可能です。

このツールについて

Markdownテーブル生成ツールは、パイプとダッシュの構文を覚えなくても 整形されたMarkdownテーブルを構築できる無料のブラウザベースツールです。 デリミタを手入力する代わりに、インタラクティブなスプレッドシート風エディタで ヘッダーとデータセルを入力すると、対応するMarkdownがリアルタイムで生成されます。

すべての処理はブラウザ内で完結します。データがサーバーに送信されることはなく、 社内ドキュメント、プライベートなREADMEファイル、外部に出すべきでないあらゆる コンテンツにも安全にお使いいただけます。アカウント不要、サインアップ不要、 入力のトラッキングもありません。

エディタは列ごとの配置制御をサポートしており、各列を独立して左揃え、中央揃え、 右揃えに設定できます。配置は標準のコロン構文(左揃え: :---、 中央揃え: :---:、右揃え: ---:)を使用して生成される Markdownに反映されます。行や列の動的な追加・削除が可能で、入力に合わせて 出力が即座に更新されます。

既存のテーブルを編集する場合は、インポート機能を使用してMarkdownテーブルを 貼り付け、ビジュアルエディタに読み込めます。ドキュメントの更新やドキュメント間の テーブル移行時に特に便利です。完成したらCopyをクリックして最終的なMarkdownを クリップボードに保存し、GitHub、GitLab、Notion、その他のMarkdown対応エディタに 貼り付けられます。

生成される出力は読みやすさのためにきれいにパディングされます。列幅は自動計算 されるためパイプが整列し、レンダリング前のソースMarkdownも読みやすくなります。

使い方

  1. テーブル上部のヘッダー行を編集して列名を設定します。
  2. データセルをクリックして入力し、テーブルの内容を埋めていきます。
  3. 各列上部の配置ボタンで左揃え、中央揃え、右揃えを切り替えます。
  4. + Rowや**+ Colでテーブルを拡張、- Row** / - Colで縮小します。
  5. Markdown出力がエディタ下部にリアルタイムで更新されます。Copy(またはCtrl+Shift+C)をクリックしてクリップボードにコピーします。
  6. 既存のMarkdownテーブルを編集するには、Importをクリックし、テーブルを貼り付けてLoad Tableをクリックします。
  7. Resetをクリックするとエディタがクリアされ、デフォルト値でやり直せます。

よくある質問

データは安全ですか?

はい。ツール全体がJavaScriptを使用してブラウザ内で動作します。データがサーバーに送信されることはありません。ブラウザの開発者ツールでネットワークリクエストを確認して検証できます。

列の配置はどのように設定しますか?

各列の上部に3つの小さな配置ボタン(左、中央、右)があります。いずれかをクリックして配置を変更します。生成されるMarkdownのセパレーター行は左揃えに:---、中央揃えに:---:、右揃えに---:を使用します。

既存のMarkdownテーブルをインポートできますか?

はい。ツールバーのImportボタンをクリックし、既存のMarkdownテーブルをテキストエリアに貼り付けて、Load Tableをクリックします。エディタには貼り付けたテーブルのヘッダー、データ、配置が反映されます。

どのMarkdownテーブル構文が生成されますか?

ツールは標準のGitHub Flavored Markdown(GFM)テーブル構文を生成します。GitHub、GitLab、Bitbucket、Notion、VS Code、およびほとんどのMarkdownレンダラーでサポートされています。パイプ(|)で列を区切り、ダッシュ(---)でヘッダーセパレーター行を構成します。

行や列の数に制限はありますか?

ハードリミットはありません。必要なだけ行や列を追加できます。ただし、非常に大きなテーブルはビジュアルエディタでのナビゲーションが難しくなり、一部のMarkdownプレビューではレンダリングが遅くなる場合があります。

関連ツール