見出し画像

noteでテーブル作成が物凄くめんどくさいから専用のGPTsを作ってみた

しんたろ。ソロプレナー

「表を貼るたびにレイアウトが崩れて心が折れそう…」
そんなあなたへ捧げる、“コピペするだけ” の救済策。


1. きっかけ──note で“ちゃんとした表”を作ろうとすると沼る

note は文章を書くには最高ですが、表の作成だけは修羅の道。
Markdown はセル幅が合わずガタガタ、HTML を直書きするとタグが暴走、KaTeX で書けば「\cr? \arraystretch?」と早々にエラー地獄…。

私は技術系の記事をまとめるたびに
「表が貼れない ⇒ 妥協して画像 ⇒ 後で編集不能」
という無限ループに陥っていました。

2. 解決策──“表を投げれば KaTeX が返ってくる”GPTsを自作

✨ これだけしてくれれば十分

  1. 表形式（Markdown / CSV / タブ区切り）を GPTs に貼る

  2. 「以下を KaTeX 形式で表してください」と伝える

  3. 返ってきたコードを note のコードブロックに貼る

  4. 完成

🔧 変換ロジックのこだわり

処理 詳細 行間調整 \def\arraystretch{1.5} で読みやすさ最適化 サイズ \small で note の本文と自然に馴染む 見出し \textsf{} でサンセリフ、視認性アップ 1列目 \verb! ... ! でコマンドやコードを等幅表示 範囲表現 3-5 → 3--5 に自動変換（KaTeX の “マイナス問題” 回避） 行区切り LaTeX 準拠の \cr を自動付与

3. 実際の出力イメージ


返ってくるのはこんなコードブロックです👇

$$
\def\arraystretch{1.5}
\small
\begin{array}{l|l}
\textsf{題名} & \textsf{内容} \cr \hline
\verb!AIについて! & Claude Codeが至高 \cr
\end{array}
$$

このまま note の「数式ブロック」かコードブロックに貼れば、
ズレない・崩れない・再編集ラクラク👇️

$$
\def\arraystretch{1.5}
\small
\begin{array}{l|l}
\textsf{題名} & \textsf{内容} \cr \hline
\verb!AIについて! & Claude Codeが至高 \cr
\end{array}
$$

4. 使い方ガイド（30秒で終わる）

  1. 表を準備

    • 例1）Markdown で | 区切り

      1. | コマンド | 説明 | | -q | 高速モード |

    • 例2) 全角や半角スペースで区切り
      2.題名　内容
         AIについて　Claude Code至高

  1. GPTs へ投げる

    • 「以下をKaTeX形式で表してください」とテンプレを投げて、値を貼る

  2. 変換コードをコピー

  3. note に貼り付けて公開！

5. GPTs はこちら


6. まとめ──同じ悩みを抱える人へ

  • 表を書くたびにレイアウト崩壊

  • 画像化すると修正地獄

  • KaTeX 書式のコマンドが覚えられない

そんな私がたどり着いた答えが、この “表変換専用 GPTs” です。
「note で表敬式作成が物凄くめんどくさい」と思ったら、ぜひ一度使ってみてください。

同じようにお困りの方が、この記事でちょっとでも楽になりますように。
Happy Table Writing!

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