仕事の進め方の「型」を記事にした日 — SVG図解7点の量産とFable 5での本文作り直し

どんな仕事もだいたいこれで回ると思っている型がある。経営方針や目標を確認するところから始まり、課題を並べ、いちばん効く詰まりから外していく手順。今まで頭の中だけで回してきたこの型を、今日はじめて文字と図に固定して公開記事にした。完成したのが仕事の型の記事で、図解7点つき。

型の中身は6ステップ

記事にしたのは次の繰り返し。

Claude Code には冒頭の1行と箇条書きの型だけ渡し、ドキュメント構成のスキルと SVG 図解のスキルの2本を読み込ませてから、本文構成と図解の両方を作らせた。

着手前に一つ引っかかった。SVG 図解スキルのグリッド整列リファレンスが約30KBあり、一気に読ませるとセッションが不安定になりかけた。座標値とコード例が密集したファイルは、ツール呼び出しを壊す前科がある。

そこで前半・中盤・後半の3回に分けて読ませた。スキップはさせない。全部読み終えた時点で、viewBox 720・12カラム・8pxベースライン・直角コネクタといった図の統一仕様が揃った。

図は「全体像1枚 → 各ステップ1枚ずつ」の順で作らせた。最初に6ステップの循環を描く全体像を固めると、後続の図が語彙とレイアウトを引き継げる。

各ステップの図は、書かせる前に絵の骨格を決めさせた。STEP 1 なら「逆算」を軸にした3層構造、STEP 2 なら「社内に聞く」と「現状把握」の2つの入口が課題リストに合流する形。骨格に納得してから SVG を書かせる。

1枚書くたびに、文字のはみ出しを lint スクリプトで機械チェックさせた。1枚目からはみ出し0。機械が拾える崩れは機械に任せると、自分の目視は「意味が合っているか」だけに集中できる。

出来上がった7枚は、それぞれ1メッセージずつ持たせた。

図	描いたもの
図1	6ステップ全体の循環。目標から始まり、上流の確認に戻って繰り返す
図2	経営方針から自分の成果まで、一本の線でつながるまで逆算する3層
図3	課題の入口は2つ。社内に聞くか、現状把握から自分で発見するか
図4	課題を束ねてから、解決したときに効く順に並べ替える
図5	「なぜ今まで解けなかったのか」の答えがボトルネック。解けないなら深追いしない
図6	一度で外れるなら実行、続く活動が必要ならプロジェクト化して仕組みで回す
図7	上流の議論と自分の仕事のつながりを、自分から確認しに行く

完成した記事は STEP 1〜6 の見出しごとに図を1枚ずつ置き、末尾の「以上を繰り返す」で全体像に戻る構成に落ち着いた。1見出し1図の対応を崩さなかったので、図だけ拾い読みしても型が追える。