🚀 新規事業

2026-06-17_TERASUコラム記事_完成テンプレート(型)

最終更新 2026年06月17日 ／ 40_新規事業/TERASU/2026-06-17_TERASUコラム記事_完成テンプレート(型).md

TERASUコラム記事 完成テンプレート（型）

2026-06-17、大串が「これでブログ記事の型が完成。毎回記事作るときはこの型で」と確定。
1本目の完成記事 = ホームページ制作の費用相場は？（slug hp-seisaku-hiyou-souba）。

型の本体（恒久保存済み）

  • ビルド資産一式：~/dev/_terasu-column-template/
  • build_column.py（生記事に型を一括適用するスクリプト）
  • assets/（TERASUチロムCSS抽出・SVGスプライト・cm-pcmenu・YakuHanJP@font-face）
  • README.md（仕様＋再利用手順の詳細）
  • example_hp-cost_FINAL.html（完成見本）
  • 完成1本目の正本：~/dev/hp-stocksun-recruit/terasu/

型の仕様（FB全反映）

要素 仕様
ヘッダー/メニュー 本物TERASUと完全一致（cm-hロゴ左＋右上cm-pcmenuのMENU＋cm-navのGSAPフルスクリーンメニュー）。JOURNALラベル無し
配色 白・黒・濃グレーのみ。オレンジ全面禁止（本文#0d0d0d）。※例外（第12弾）＝重要文言マーカー<mark>の下線だけ山吹色#f8b500許可
フォント（本文）★第9弾改定 stock-sun記事と完全一致＝"Noto Sans JP",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif・palt無し・letter-spacing:.04em・webフォント非読込（大串Macで同一描画＝YuGothic）。以前 body を YakuHanJP+Zen Kaku+palt に強制したのが「フォントが変わった」原因
フォント（チロムのみ） cm-h/cm-nav/cm-pcmenu/cm-f は TERASU実機 YakuHanJP,"Zen Kaku Gothic New"＋palt を維持
本文の改行・空行 ★第9→第11弾 各文を1ブロック化＝文を<span class="ts-s">…。</span>で包み.ts-s{display:block;text-wrap:balance;margin-bottom:1.5em}。balance=「ね。」等の孤立行(widow)解消＋各文の後に1行スペース（StockSun式：1文=1段落で文ごとに空行・4〜5行の連続を防ぐ）。line-height:1.9・段落1.5em。実測=PC孤立ゼロ/SP259中2(長文のみ)。※第9弾「。ごとに<br>」は孤立行多発で廃止。タグ深さ0の「。」だけ分割しHTML不破壊
本文の1文の長さ ★第11弾 執筆時に1文を短く（折返し2〜3行以内）。長い1文は空行を入れてもブロックが4〜5行になりStockSun感が崩れる→、で切る/2文化。型は空行を自動付与するが文の短さは執筆側の責任
目次 StockSun式階層。h2は数字のみ(・無し)、h3は濃ダッシュ。薄グレー丸は不可。導入文の後
本文ビュレット 濃いダッシュ
強調（太字/マーカー）★第12弾 重要文言は太字<strong>(700・#0d0d0d)。最重要の結論/定義/数字は<mark>＝山吹色#f8b500のちょっと太め下線＋太字（StockSunの黄色背景マーカー→山吹色下線に置換）。CSSは型内蔵、マークアップは記事ソース_source.htmlに入れる＝コンテンツ（要所のみ・付けすぎ注意）
見出し余白 h2大きめ・h3控えめ
サムネ 1280×720 PNG（大串作成）。一覧カードと一致
CTA 右下追従の黒丸ボタン「無料で相談する」のみ。サイドCTA/オレンジCTA帯/SNS/お仕事のご依頼節は全削除
パンくず 「お役立ちコラム」→/column/（ルート相対）
フッター ローカルでは付けない。本物cm-fは単体ページで正しく描画不可（テーマ実行時依存）。本番terasu-hp組込時にテーマ標準フッターが自動付与

再利用フロー

本文作成（太字<strong>・山吹色マーカー<mark>もここで入れる＝コンテンツ）→ 恒久ソース <slug>_source.html に保存（第12弾で/tmp揮発から恒久化）→ python3 build_column.py <slug>_source.html <出力index.html> を実行（第13弾で引数化＝パス書き換え不要・引数なしは既定hp-cost再ビルド）→ 型が全自動適用（チロム/フォント/改行/空行/目次/CTA/太字・マーカーCSS）→ nohupプレビュー確認 → 公開時 terasu-hp/column// へ統合（フッター/テーマ自動）→ GitHub push 自動デプロイ。

確定保存（2026-06-17 第13弾）: 型一式は ~/dev/_terasu-column-template/（build_column.py＝引数対応の汎用ビルダー／assets/／最新の完成見本 example_hp-cost_FINAL.html／README.md）。/column-flow の Step6 はこのビルダーを引数呼び出しするので、コマンドを打てば毎回この型が自動で乗る。

次の一手