読者です 読者をやめる 読者になる 読者になる

プロクラシスト

みんなのProcrastination(先延ばし、回り道)を少しでも有意義に。

MENU

一瞬でExcelの表をHTML形式やMarkdown形式に変換する方法

技術Tips 技術ログ

f:id:imslotter:20170122130437p:plain

Markdown形式で一番面倒だなと思うのが表の作成です。 こればっかりは、Excelでいろいろと編集したほうが楽そうです。

つまり、Excelでの編集結果をmarkdownに変換できれば良いわけです。

今回、そんなMarkdow使いにとって夢のようなツールを紹介します

Tables Generator

www.tablesgenerator.com

一瞬でMarkdownのテーブル形式に変換してくれる、ウェブサービス。もちろん無料。

使い方(簡略版)

1. Excelで作成した表をコピー

2. Tables GeneratorのFile→Paste table data...をポチ

3. 変換されたデータのCopy to Clipboardをポチ

たったこれだけ!めっちゃ簡単!

使い方(詳しく:注意とtips有り)

さっきのでは不親切かもしれないので、画像を用いて詳しく説明します。 まずExcelで表を作成します。この時、Excelセル内改行はしないでください。 Markdownにした時に形が崩れちゃいます。

セル内改行をしたい場合は、改行したい箇所の直前に<br>タグを埋め込んでおきましょう

また、セルの結合も反映されませんそういうときは、後述するHTML形式で表を出力しましょう。

f:id:imslotter:20170122125152p:plain

こうしてExcelで表を作り、Tables Generatorにぶち込みましょう。

f:id:imslotter:20170122125203p:plain

すると、自動的にMarkdown形式になっているので、そのままコピーで完了

f:id:imslotter:20170122125214p:plain

実際にコピペすると、こんな感じの表が作れます。*1

項目 見たまま はてな記法 Markdown記法
長所 直感的にかける 慣れればはてなブログ
爆速でかける
慣れれば爆速
汎用性も高い
短所 記述が冗長
HTMLソースが汚い
他のブログでは使わない
汎用性が低い
覚えることが多い
参考 はてな記法書き方 Markdown書き方
利用率 87.50% 7.40% 5.10%

参考:セルの結合をしたいときはHTMLで

セルの結合をしたいときは、HTML形式で表を組みましょう さっきの①のMarkdown Tableの二つ左にあるHTML tableをポチります。 あとは一緒で、表をExcelから貼り付けます。

f:id:imslotter:20170122125347p:plain

HTML形式はオプションがリッチで、文字のフォントや大きさ、セルの結合などたくさんいじれます。

実際にHTML形式で作るとこんな感じ

項目 見たまま はてな記法 Markdown記法
長所 直感的にかける 慣れればブログを爆速でかける
短所 記述が冗長<br>HTMLソースが汚い 他のブログでは使わない<br>汎用性が低い 覚えることが多い
利用率 87.50% 7.40% 5.10%

ちゃんとセルの結合ができていますね!

ただし、HTML形式で書かなければならないので、リンクを貼ったり改行したりは反映されないです。 その記法に沿って書き直しましょう。

まとめ

いかがでしたか?Markdown使っている人はこれを使う使わないで、表作成の時間がめちゃくちゃ変わると思います!

はてなブログMarkdownの利用者少ないのね...
個人的には慣れると書きやすいから好きです!
お試しあれ!ではではっ!

*1:表内データは、ホビヲログ(id:hobiwo)さんの記事
見たまま? はてな記法? Markdown記法? はてなブログの編集モード調査・2016夏
を参考にさせていただきました