見出し画像

noteで表を作る方法 【コピペ1秒】 Excelの表をそのまま挿入できる無料ツールを公開

やのすけ | 資産1200万でせかい一周

noteで記事を書いていて、こう思ったことはありませんか。
「比較表を入れたいけど、noteって表が作れない。」

私も同じ壁にぶつかりました。

記事に表を入れようとしたとき、選択肢はこうでした。

  • スクリーンショットで貼る → 画質が荒い。修正のたびに撮り直し

  • TeXを手打ちする → コードが複雑すぎて現実的じゃない

  • 表を諦める → 記事のクオリティが下がる

どれも微妙です。
だから、作ってみました。


1. noteで表を挿入する方法

noteには標準の表機能がありません。

調べると、主に3つの方法が紹介されています。

  1. Excelの表をそのままコピペ → 画像として貼り付け
    一番手軽ですが、表示されるのは画像です。
    文字をコピーできない、修正のたびに撮り直しが必要、画質が荒くなるなど、記事には向きません。

  2. GitHubのGistを埋め込む
    Markdownで表が作れますが、GitHubアカウントが必要で手順が多い。
    記事を書くたびにGistを作るのは現実的ではありません。

  3. TeXの数式ブロックを使う
    noteが公式に対応している方法で、表示クオリティは一番きれいです。
    ただしTeXのコードを手打ちする必要があり、構文が複雑なため慣れていないと挫折します。

3が正解ですが、TeXを手書きするのは現実的ではない。

そこで作ったのが「Creator Toolkit for note」です。

Excelの表をコピペするだけで、3のTeXコードを自動生成します。
手打ちゼロ。
画像にもならない。
ツール内のビジュアルエディタで作成することもでき、直感的です。

2. Creator Toolkit for note とは

ExcelやGoogleスプレッドシートの表を、noteに貼れるコードへ1秒で変換するChrome拡張機能です。

使い方は3ステップだけ。

  1. スプレッドシートの表を選択してコピー（Ctrl+C）

  2. 拡張機能にペースト（Ctrl+V）

  3. 出力されたコードをnoteへ貼り付け

それだけで、こんな表がnote上に描画されます。

3. 主な機能

  • クリップボードから瞬時に変換
    TSV・CSV形式に対応。
    コピペするだけでテーブルを読み込みます。

  • note仕様のKaTeXコードを自動生成
    noteで正しく表示されるよう、特殊なエスケープ処理を自動でかけています。
    手打ちでは気づきにくいミスも起きません。

  • ビジュアルエディタでも編集できる
    貼り付けた後、拡張機能の画面上で直接セルを編集できます。
    行や列の追加・削除もボタン1つ。

  • 1クリックでコピー
    コードが完成したら「Copy」ボタンを押してnoteへ貼り付け。

  • 完全ローカル処理
    外部サーバーへのデータ送信はゼロです。
    社外秘の情報や有料コンテンツの内容を入力しても、外に漏れることはありません。

4. こんな方にオススメです

  • noteで有料記事を書いていて、比較表・スペック表を綺麗に入れたいクリエイター

  • 記事のクオリティを上げて、購読者を増やしたい方

  • 執筆の手間を減らしたい、すべてのnoteユーザー

完全無料です。

Chromeウェブストアで「Creator Toolkit for note」と検索するか、下記リンクからどうぞ。

表1つ入れるだけで、記事の説得力は変わります。
ぜひ試してみてください。

追加して欲しい機能や、使いにくい点があれば、ぜひコメントで教えてください。
要望の多いものから対応します。

「こんな拡張機能があったら便利なのに」と思ったことはありませんか？

「自分の作業に合ったものが欲しい」という方向けに、ご要望に合わせたChrome 拡張機能の開発をココナラで受け付けています。

まずは相談だけでも構いません。気軽にのぞいてみてください。

世界一周の準備・資産運用のリアルは、X（Twitter）でもリアルタイムに発信中です。
→ @yanosuke55
やのすけ | 資産1200万で世界一周

いいなと思ったら応援しよう！