Qiita
新人プログラマ応援

Qiitaでテーブルを使う時のベストプラクティスを見つけた


はじめに

Qiitaのマークダウンエディタって便利ですよね。

htmlみたいに開始タグと終了タグを2回書く必要もなく楽ですし、リアルタイムにプレビューが出るので、表示の具合をすぐに把握することができます。

ただ唯一許せない記法があります。それがテーブル。

| Left align       |       Right align |    Center align    |

|:-----------------|------------------:|:------------------:|
| This | This | This |
| column | column | column |
| will | will | will |
| be | be | be |
| left | right | center |
| aligned | aligned | aligned |

非エンジニアであれば一生使う事が無いであろう「|」を何回もタイプさせ、連続ハイフン/半角スペースのコンボで記載を難しくする悪魔の術です。:imp:

これは人間が使うような代物じゃありません。


解決法

Markdown Tables generator

ブラウザ上でCSVファイルをマークダウン形式のテキストに変換してくれるWEBサービスです。

テーブルの元データとなるのはCSVの場合が多いかと思うので、CSV→マークダウンの変換ができればなんとかなりそうです。

使い方は簡単。File→Import CSV file...をクリック。

tableg.png

変換するCSVを選択。

(これtypoで「Select CVS File」になっていますね…)

tableg2.png

あとは生成されたマークダウン形式のテキストを、「Copy to clipboard」でコピーして、貼り付けるだけです。

tableg3.png

なおこちらは、米津玄師さんの歌詞をMecabで分析して、単語を頻出度で並べた表になります。

最近似たような手法で、「サザン vs TUBE 真の夏うた王はどっちだ!? MeCabで歌詞分析をしてみた - Qiita」という記事を書いて、「絶対バズるやろ!」と思ってたのですが、ほとんど反響が無いまま夏が終わりました…。


おわりに

正直タイトルは釣り気味でした。すみません:bow_tone4:

ただ他の方がどうやって記述しているのか、純粋に気になってます。

もっと良い方法があればコメントいただけると幸いです!