ブログトップ プライバシーポリシー お問い合わせ

はてなブログの見たまま編集で表を入れる

  • 編集中の記事を下書き保存
  • 記事を新規作成
  • Markdown編集で表を書く
  • プレビューに表示された表をマウスで選択してコピー
  • 下書き保存した編集中の記事の表を入れたいところに貼り付け

でできました。直接貼り付けできるのではと思いついてやってみたらうまくいきました。編集画面の移動でひと手間ありますが...

弊ブログの記事の表を例に、スクリーンショットで紹介します。 ロボットのバッテリーからマイコン用に電源を拝借する - Fluorite36’s blog

f:id:Fluorite36:20211209000156p:plain
Markdown編集で表をつくる

f:id:Fluorite36:20211209000218p:plain
プレビュー画面でつくった表を選択、コピー

f:id:Fluorite36:20211209000229p:plain
挿入したい箇所に表を貼り付け

Markdownの表をサクッとつくる

Markdownの表は、VSCode拡張機能を使って書いています。

こちらの記事を参考に導入しました。 forest.watch.impress.co.jp

  • Ctrl + Q、Ctrl + Qで拡張機能を有効化
  • Tabでセル移動、成形

といった具合で簡単に表をつくれます。 改行が特殊で、

  • Shift Enterで改行+行下げ
  • Ctrl Enterで改行(行中のカーソルのみ下へ)
  • Enterは成形

という挙動になっています。

|title

Tab 又は Enter

| title |
|       |

見出しのバー - を入れてTab

| title |
|-       |
| title |
| ----- |

Tab

| title |
| ----- |
|       |

内容を書いてTab

| title |
| ----- |
|       note|
| title |
| ----- |
| note  |
|       |
| title |title2[ここでTab]
| ----- |
| note  |
|       |
| title | title2 |
| ----- | ------ |
| note  |        |
|       |        |

といった感じでガンガン書いていけます。おすすめです。