Markdownで表を入力する方法-WordPress奮闘記Vol.17

どうも、すもわです。
ブログをMarkdown記法で作成しています。

If you can not read Japanese please use Google Translate right or down.

使用しているエディタは Atom です。

Markdown は、文書を記述するための軽量マークアップ言語のひとつである。
「書きやすくて読みやすいプレーンテキストとして記述した文書を、XHTML(もしくはHTML)文書へと変換できるフォーマット」として、ジョン・グル―バー(John Gruber)とアーロン・スワーツ(Aaron Swartz)によって考案された。

つまり、Markdown記法を使えば簡単に入力できて、
HTMLに変換して出力することができるのです。

Atomで右側にHTMLプレビュー画面を表示させるには
control + shift + M と入力します。

HTML出力したい場合は、HTMLプレビュー画面で右クリックして、
［Copy As HTML］を選択するか、
command + C と入力しましょう。

Markdownで表を入力

素材	軍票
スワンの羽根	200
イーグルの羽根	200
謎めいた結晶	4000
ロースベーコン	250
ローストコーヒー	250
ウーツ鉱	2250
アラクネウェブ	2250

これをMarkdownで入力するには以下のように記述します。

| 素材 | 軍票 |
|:----|-----:|
| スワンの羽根 | 200 |
| イーグルの羽根 |200 |
| 謎めいた結晶 | 4000 |
| ロースベーコン | 250 |
| ローストコーヒー | 250 |
| ウーツ鉱 | 2250 |
|アラクネウェブ | 2250 |

左揃えは → |:-----|
中央揃えは → |:-----:|
右揃えは → |-----:|

これらの上に記述すれば太字に
あとは下に続けて記述すれば、表が作成されます。

-（ハイフン）や空白の数は適当です。
自分が分かりやすい感じで良いようです。

Atom で markdown-writer というパッケージをインストールしてください。
［パッケージ | Markdown Writer | Table | Format table］で
表部分を選択すると、表に変換されます。

なんのこっちゃわからなくなりそうですが、
atom-html-preview をインストールすると、
右半分にプレビューを表示できるので、確認しながら入力することができます。

平昌オリンピック選手も使ってます。
光で起きる目覚まし時計

あとがき

WordPressに TinyMCE Advanced プラグインを入れて、表を作成できるのですが、
Markdownでもできないかなーと思い、着手してみたら意外と早く分かりました。

でも、どうやら
Excel等で範囲選択して、WordPressの［ビジュアル］タグを選択して、
コピペすれば、表が作成されるようです。
なんだ、それができるんなら、それでいいじゃん。
ってかんじです。

これでFF14関連の情報を表で簡単に記述できます。

: 【FF14】今から始めても全然大丈夫！ファイナルファンタジーのオンラインゲーム、体験しませんか？

どうも、すもわです。ブログの検索単語を調査していると、［FF14 いまから 2017］というのを結構見かけました。察するに、 FF14を今から始めても大丈夫ですか？という感じだと思いますが、 ...