 はてなブログの表をSafariのSplit Viewで作成結果を見ながらMarkdownで書く [iPad][Excel][Numbers][Simplenote]

f:id:tomi_kun:20200511080428g:plain
 はてなブログで説明のための表を添付したい時があります。はてなブログの場合は見たままモード、はてな記法モード、Markdownモード(ProプランではHTMLモードもあるらしい)のいずれの記法で書いてもプレビューしないと入力している結果は分かりません。特に表の場合は入力結果をいちいちプレビューしながら作成するのはたいへんです。そもそもどんな記法を使ってもはてなブログで表を作成するのは至難の業です。そのためExcelやNumbersの表作成アプリで作って(特に見たままモードの場合)WebでHTMLに変換してコピペではてなブログに貼り付けたりしていました。
tomi-kun.hatenablog.com
f:id:tomi_kun:20200511182646p:plain
  最近になってMarkdown記法で書くようになって見たままモードよりは便利になりましたが表の作成はヒジョーにややこしい。そこで簡単な手段としてはiPadSafariMacと同じようにwri.peを使えばMarkdownで書きながらリアルタイムで変換状況が見られて編集が捗ります。しかしwri.peが使いにくければSafariでSimplenoteをSplit Viewで2面開いて同じ入力画面をそれぞれ入力モードとレビューモードで並べて見比べながら入力すると間違いありません。 tomi-kun.hatenablog.com

はてなブログで表を書く方法(Markdown

| カスタム74 | カスタム742 | カスタム743 |       
| :--- | :--- | :--- | :--- |      
|大きさ|143×14.7 21g|146×15.7 24g|146×15.7 24g|    
|ペン先|5号14K|10号14K|15号14K|    
|ペン先種類|11種類|15種類|14種類|    
|価格|¥12960|¥21600|¥32400|    
|モデル|エントリーモデル|スタンダードモデル|プロモデル|    

こう書いて↓になる。

カスタム74 カスタム742 カスタム743
大きさ 143×14.7 21g 146×15.7 24g 146×15.7 24g
ペン先 5号14K 10号14K 15号14K
ペン先種類 11種類 15種類 14種類
価格 ¥12960 ¥21600 ¥32400
モデル エントリーモデル スタンダードモデル プロモデル

 大きな表はExcelやNumbersの力を借りないととても作れませんが上のような簡単な表ならばせっかくMarkdownで書いているのなら慣れてさっさと片付けたいものです。
See you tomorrow!

follow us in feedly