マークダウンテーブルを作成する方法

マークダウンテーブルを作成する方法

2004年にジョングルーバーの 大胆な火の玉 Web上でコンテンツを公開するための軽量マークアップ言語であるMarkdownを作成しました。わかりやすいプレーンテキストのフォーマット構文を使用して、単純なPerlスクリプトを使用して整然としたHTMLまたはXHTMLを作成します。





それ以来、Markdownのいくつかのフレーバーが登場しています。テーブルは元の仕様には表示されませんでしたが、ほとんどのMarkdownエディターがテーブルをサポートするようになり、実装が非常に簡単になりました。テーブルを最初から作成する方法と、プロセスを高速化できるリソースを見てみましょう。





マークダウンテーブルの構文

Markdownを初めて使用する場合でも、心配しないでください--- Markdownを学ぶ理由はたくさんあります。





前述のように、バニラマークダウンにはテーブルのサポートが含まれていませんでした。 Markdownを標準化するためのその後の取り組みが行われ、最も重要なのは CommonMark 。このMarkdownの実装には、テーブルのネイティブサポートも含まれていませんが、将来の反復でサポートされる可能性があります。

最新のマークダウンエディタのほとんどは、軽量マークアップ言語のいくつかの異なる実装をサポートしています。両方 Githubフレーバーマークダウンマークダウンエクストラ テーブルのサポートを導入します。これらは、オンラインプラットフォームと最新のエディターの両方で十分にサポートされています。



幸い、両方の実装で同じフォーマットが使用されています。つまり、言語ごとに異なる構文を覚えておく必要はありません。テーブルの構文も非常に堅牢であり、適切にフォーマットされたテーブルを作成するために、最も細かいコードは必要ありません。

iTunesのバックアップ場所を変更する方法

GitHub FlavouredMarkdownまたはMarkdownExtraを使用して作成されたMarkdownテーブルの例を次に示します。





| Column 1 | Column 2 | Column 3 |
| :------------- | :----------: | -----------: |
| Cell Contents | More Stuff | And Again |
| You Can Also | Put Pipes In | Like this | |

これにより、次のようなきちんとフォーマットされたテーブルが作成されます。

テーブルは、パイプ(|)とダッシュ(-)を使用して作成され、コロン(:)はセルの内容を揃えるために使用されます。上記の例では、ダッシュと通常のスペースを使用して、コードビューとレンダリング時の両方で見栄えの良いテーブルを作成しました。ダッシュの横にあるコロンに注意してください。これにより、左の列が左揃えになり、中央の列が中央に配置され、右の列が右揃えになります。





コードに記載されているように、パイプの前に円記号()を付ける限り、パイプをコンテンツとして挿入できます。表は、最初の行が太字で自動的にフォーマットされ、行を追加すると背景色が交互に縞模様になります。

よりシンプルなマークダウンテーブルコード

ただし、テーブルをはるかに単純な形式に分割できます。テーブルを定義するために必要なのは、最初の行の下に3つのダッシュだけです。アウターパイプも省略できます。コンテンツをコードにうまく収めるために追加されたスペースも省略できます。

これは、Markdownの完全に有効でありながら、見栄えの悪いテーブルの例です。

Column 1 | Column 2 | Column 3
--- | --- | ---
**Things** | _Don't_ | [Need](http://makeuseof.com)
To | *__Look__* | `Pretty`

これにより、次のようなテーブルが作成されます。

この例では、太字、斜体、インラインリンク、太字と斜体の強調の組み合わせ、コードスニペットなど、サポートされている書式の一部を追加していることに注意してください。この使用法には制限があります。たとえば、コードスニペットは列の終わりを意味するため、複数行を含めることはできません。

関連するMarkdown構文を使用して、画像をテーブルに挿入することもできます。私たちをチェックしてください 印刷可能なMarkdownチートシート 書式設定構文の完全なリストについては。

マークダウンテーブルジェネレーター

Markdownを使用すると、簡単な書式設定、見出し、リンク、画像を簡単に追加でき、テーブルの書式設定に煩わされたくない場合は、Markdownテーブルジェネレーターが最適です。

マークダウンテーブルジェネレータ

おそらく、この種の最も単純なWebサイトであり、小さなテーブルから大きなテーブルまですべてを作成し、それらをMarkdownにエクスポートするためのツールのフルセットを備えています。グリッドを使用してテーブルの正確なサイズをカスタマイズしてから、フィールドをダブルクリックしてコンテンツを追加できます。

CPUはどれくらい熱くなることができますか

ヒッティング タブ フィールド間を移動でき、上部の位置合わせツールを使用してテーブルの内容を位置合わせできます。興味深いことに、このツールでは、フィールドコンテンツの前後に適切な数のスペースを挿入して、正しくフォーマットされていることを確認できるため、列ルールに関係なくセルを整列させることもできます。

テーブルに記入したら、 生成 マークダウンを表示するには、ボタンをクリックします。その後、あなたはすることができます クリップボードにコピー テーブルをドキュメントに貼り付けます。を確認してください コンパクトモード テーブルを凝縮してスペースを節約するためのボックス。このジェネレーターを使用して、を介して.CSVファイルをインポートすることもできます。 ファイル メニュー。

Excel / Googleテーブルをコピーし、マークダウンとして貼り付けます

この優れたExcelまたはGoogleSheetsからMarkdownへの変換ツールは、ソフトウェア開発者のDave Johnsonの発案によるものであり、彼自身のブログでホストされています。それはジョナサンホイトのに基づいています copy-excel-paste-markdown コード、そしてそれは使用するのが簡単ではありませんでした。

スプレッドシートツールでテーブル範囲をコピーしてテキストボックスに貼り付けるだけで、Markdown準拠のテーブルに自動的に変換されるのを確認できます。その後、もう一度コピーして、Markdownドキュメントに貼り付けることができます。

デイブはまた、 列の配置を処理するバージョン 上記のMarkdownTableGeneratorにもよく似ています。

MarkdownTableMakerChrome拡張機能

Googleスプレッドシートに多くの時間を費やし、セル範囲またはスプレッドシート全体をMarkdownに変換するブラウザ拡張機能を希望する場合は、Chrome用のMarkdownTableMakerでうまくいくはずです。 Googleドライブで多くの時間を過ごす場合は、これらのGoogleドライブ互換のMarkdownエディターを使用してワークフローに統合できます。

今日のマスターマークダウン

Markdownの知識は、デジタルパブリッシングのレパートリーに追加できる優れたスキルです。 Redditにコメントを投稿する場合でも、ブログを始めることを考えている場合でも、この単純化されたマークアップ言語は非常に用途が広いです。とペアリングした場合 適切な編集者 、MarkdownはHTML、PDFなどに簡単に変換できます。

今日から始めましょう Markdownを学ぶためのガイド

スイッチでnetflixを入手できますか
共有 共有 つぶやき Eメール 互換性のないPCにWindows11をインストールしても大丈夫ですか?

これで、公式のISOファイルを使用して古いPCにWindows 11をインストールできます...しかし、そうすることをお勧めしますか?

次を読む
関連トピック
  • プログラミング
  • マークダウン
著者について ティム・ブルックス(838件の記事が公開されました)

ティムはオーストラリアのメルボルンに住むフリーランスのライターです。あなたは彼をフォローすることができます ツイッター

ティムブルックスからもっと

ニュースレターを購読する

ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。

購読するにはここをクリックしてください