kabablog
技術の話

Markdownのテーブルを使いこなしたいが、忘れるのでいろいろ残しておいた

初めに

普段、メモをとる際にも、VSCodeを使っている方もいると思います。
最近は、周りを見渡すと使っている人多く、Markdown形式でかいていたりします。
私も、ここ2年くらいVSCodeを使っているし、Markdown形式でも書いているのですが、すぐに書き方を忘れてしまいます。それまではテキストエディタでテキストメモを書いていたのです。しかしながら、突然PCが落ちてしまうと通常のテキストだと情報が残らなく、VSCodeだと途中でPCが落ちても、情報は残っているので助かることが多いです。
さらにMarkdown形式でかけると特に表形式がすぐにかけると見栄えがよかったりします。

ということで、Markdownは一度覚えると便利である一方、使わないと忘れてしまうので、いろいろなパターンを残してみました。

テーブルの書き方バリエーション

テーブルの書き方自体は、非常にシンプルですが、各セルの中でできそうなこともあるので、記載します。

通常の表

No. English 日本語 備考
1 One 特になし
2 Two 特になし
3 Three 特になし

基本は、これをベースとして使っていきます。

  • コード
|No.|English|日本語|備考|
|---|---|---|---|
|1|One|一|特になし|
|2|Two|二|特になし|
|3|Three|三|特になし|

右寄せ、左寄せ、中央

No. column1 column2 column3
1 align left align right align center
2 a b c
3 d
  • コード
|No.|column1|column2|column3|
|:--|:--|--:|:--:|
|1|align left|align right|align center|
|2|a|b|c|
|3|d|-|-|

コードブロックは?

No. column1 column2 column3
1 One column2 column3
2 Two column2 column3
3 Three

認識しているようです。

  • コード
|No.|column1|column2|column3|
|:--|:--|--:|:--:|
|1|`One`|column2|column3|
|2|``Two``|column2|column3|
|3|```Three```|-|-|

途中に引用を付けてみる

No. column1 column2 column3
1 One > column2 column3
2 Two > column2 column3
3 Three

2列目に入れてみましたが、テキストと認識しており、変化なしでした。

  • コード
|No.|column1|column2|column3|
|:--|:--|--:|:--:|
|1|`One`|> column2|column3|
|2|``Two``|> column2|column3|
|3|```Three```|-|-|

頭部分

No. column1 column2 column3
1 One column2 column3
2 Two column2 column3
3 Three

全体的に引用になりました。

  • コード
> |No.|column1|column2|column3|
> |:--|:--|--:|:--:|
> |1|`One`| column2|column3|
> |2|`Two`|column2|column3|
> |3|`Three`|-|-|

改行はどうでしょう

No. column1 column2 column3
1 One column2 column3
2 Two column2
column2
column3
3 Three
  • コード
|No.|column1|column2|column3|
|:--|:--|--:|:--:|
|1|`One`|column2|column3|
|2|`Two`|column2<br>column2|column3|
|3|`Three`|-|-|

とりあえず<br>で乗り切る

画像を入れてみた(おまけ)

No. Title Image
1 ポーランド 画像
2 いらすとやさん かば

見る限り、テーブル内にあっても画像を挿入できそうです。

最後に

テーブルの作成でいろいろな細かいこと中心に記録しました。
次もまたタイミングがあれば修正を取り込むことがあるかもしれません。

Blog Ranking Site

よかったら応援クリックお願いします!

にほんブログ村 旅行ブログ 東南アジア旅行へ
にほんブログ村 にほんブログ村 旅行ブログへ
にほんブログ村 PVアクセスランキング にほんブログ村