[{"data":1,"prerenderedAt":619},["ShallowReactive",2],{"content-/2026-06-30-diary":3,"all-pages-for-dir":617,"og-image-/2026-06-30-diary":618},{"id":4,"title":5,"body":6,"category":598,"description":599,"extension":600,"meta":601,"navigation":602,"ogImage":603,"path":604,"project_name":605,"published":606,"publishedAt":607,"seo":608,"stem":609,"tags":610,"todo":603,"unpublished":606,"updatedAt":603,"__hash__":616},"pages/2026-06/2026-06-30/diary-2026-06-30.md","2026年6月30日の開発日記 - つくみセミナードラフトとSVG 17枚スライド",{"type":7,"value":8,"toc":581},"minimark",[9,14,27,31,38,41,46,55,61,77,88,91,95,102,106,120,128,130,134,137,141,149,157,159,163,172,176,190,198,200,204,207,211,222,230,232,236,250,254,265,273,275,278,510,512,515,550,552,555],[10,11,13],"h1",{"id":12},"_2026年6月30日の開発日記","2026年6月30日の開発日記",[15,16,17,18,22,23,26],"p",{},"今日は朝から「思考の見取り図」をマークダウン化して ",[19,20,21],"code",{},"/ai-position-map"," で公開し、午後はつくみのバックオフィスAIセミナー用ドラフトに SVG 17枚を埋め込んでスライド化させた。合間にクリエ塾の年間カリキュラムを Google カレンダーに10件登録、",[19,24,25],{},"/blog"," に make-diary バッジ表示を追加、Xブックマーク9387件から生成AI活用ネタを719件抽出という1日。",[28,29,30],"h2",{"id":30},"今日のタイムライン",[15,32,33],{},[34,35],"img",{"alt":36,"src":37},"タイムライン","/2026-06/2026-06-30/timeline-2026-06-30.png",[28,39,40],{"id":40},"今日やったこと",[42,43,45],"h3",{"id":44},"_1-ai-position-map思考の見取り図を記事化svg-8枚","1. ai-position-map（思考の見取り図）を記事化＋SVG 8枚",[15,47,48,51,52,54],{},[19,49,50],{},"C:\\Users\\numbe\\Downloads\\ai-position-map.html"," の「労働者・フリーランス型経営者・雇用型経営者の3立場で生成AIへの態度がどう割れるか」を、マークダウンに構造化させて ",[19,53,21],{}," で公開した。最初インラインでSVG書いてしまい svg-diagram スキル違反を指摘されて、ファイル化して書き直し。Chrome DevToolsで目視したらFigure 1のラベル衝突とFigure 4の矢印終端ズレを発見、Codexでレビューを回して構成も整理。後段で X Bookmarks から「経営者起点でツールとフローを作る」事例を3サブセクションに追加した。",[15,56,57],{},[58,59,60],"strong",{},"主な成果:",[62,63,64,68,71,74],"ul",{},[65,66,67],"li",{},"マークダウン記事化（SVG 4枚: Figure 1-4）",[65,69,70],{},"裏付け数字を1セクション追加（SVG 4枚: Figure 5-8）",[65,72,73],{},"Codex レビュー反映（留保セクション上移動、接続文追加）",[65,75,76],{},"X Bookmarks 8930件 → 228件 → 精選 → 3サブセクション追加",[15,78,79,82,83],{},[58,80,81],{},"詳細:"," ",[84,85,87],"a",{"href":86},"/ai-position-map-diary","Downloadsに溜まっていた思考メモを記事化＋SVG 8枚",[89,90],"hr",{},[42,92,94],{"id":93},"_2-つくみセミナードラフトsvg-17枚スライドai-era記事へのsvg追加","2. つくみセミナードラフト＋SVG 17枚スライド＋ai-era記事へのSVG追加",[15,96,97,98,101],{},"つくみのセミナーが「業種問わずバックオフィス担当者向けの業務効率改善＋会計税務スペシャリスト視点＋AI」と想定外の話だったので、Unpublishedドラフトとして書き起こした。「スライドっぽくして」の指示で svg-diagram スキル準拠で SVG 14枚 → 17枚に拡張（デモを3本→4本＋書籍→スキル化フロー＋AIエージェント束ねる転回SVG 3枚追加）。既存記事 ",[19,99,100],{},"ai-era-dismantle-division-of-labor"," の各 mermaid 直下にもSVG 6枚を比較用に追加。矢印崩れを指摘されて「▶（右尖り三角形）」だけに統一する Python スクリプト一括変換。スキル§6.6の「目視確認必須」をサボったことを正直に自白する場面もあり。",[15,103,104],{},[58,105,60],{},[62,107,108,111,114,117],{},[65,109,110],{},"つくみセミナードラフト（Unpublished）",[65,112,113],{},"SVG 17枚スライド（720幅、グレースケール＋マゼンタML3）",[65,115,116],{},"ai-era... 既存記事にSVG 6枚比較追加",[65,118,119],{},"矢印を ▶ / ▼ に統一（横フローは ▶、縦フローは ▼）",[15,121,122,82,124],{},[58,123,81],{},[84,125,127],{"href":126},"/tsukumi-seminar-svg-slides","つくみセミナー用SVGスライド17枚＋既存記事の図解作り直し",[89,129],{},[42,131,133],{"id":132},"_3-子供の塾カレンダーをclaude-code経由でgoogleカレンダーに一括登録","3. 子供の塾カレンダーをClaude Code経由でGoogleカレンダーに一括登録",[15,135,136],{},"子供の通う塾の理科実験教室の年間カリキュラム（7月〜12月）を Google カレンダーに登録させた。最初「子供クリエイティング」「クリエ塾」と検索キーワードが間違っていてヒット0件、「理科実験教室」で再検索したら7月〜9月の6回分が見つかった。既存4件を新カリキュラム内容で update し、画像で渡したカリキュラム表に従って10月〜12月の6件を新規作成。",[15,138,139],{},[58,140,60],{},[62,142,143,146],{},[65,144,145],{},"既存4件を update（カリキュラム内容修正、日付ズレ報告含む）",[65,147,148],{},"10月〜12月 6件を新規作成（中級クラス 第1・3土曜 14:30-15:45 / 日本橋校）",[15,150,151,82,153],{},[58,152,81],{},[84,154,156],{"href":155},"/calendar-science-class-registration","子供の塾カレンダーをClaude Code経由でGoogleカレンダーに一括登録",[89,158],{},[42,160,162],{"id":161},"_4-blog-に-make-diary-自動生成バッジを追加","4. /blog に make-diary 自動生成バッジを追加",[15,164,165,167,168,171],{},[19,166,25],{}," で make-diary 製記事と手書き記事の区別がつかなくて見づらいというユーザー指摘から。最初は「新フィールドを追加するか」と考えたが、調べさせたら既に ",[19,169,170],{},"category: \"diary\""," 195件が全部 make-diary 製で、識別子は実はあって UI に出ていないだけだったと判明。スキーマ追加せず、BlogCalendar と ArticleTable に小さなバッジを追加する最小コストのA案を選択。",[15,173,174],{},[58,175,60],{},[62,177,178,181,184],{},[65,179,180],{},"BlogCalendar.vue: 「開発日記」フィルタ右に make-diary バッジ",[65,182,183],{},"ArticleTable.vue: リスト表示でも make-diary バッジ",[65,185,186,187,189],{},"スキーマ変更ゼロ（既存 ",[19,188,170],{}," を流用）",[15,191,192,82,194],{},[58,193,81],{},[84,195,197],{"href":196},"/blog-make-diary-badge-ui","/blog に make-diary 自動生成バッジを追加",[89,199],{},[42,201,203],{"id":202},"_5-xブックマーク9387件から生成ai活用ネタをカテゴリ別に抽出","5. Xブックマーク9387件から生成AI活用ネタをカテゴリ別に抽出",[15,205,206],{},"Google Spreadsheet「X Bookmarks」（9387行）から生成AI活用関連の投稿を抽出させた。gogcli スキル経由でアクセス、最初1175件と多すぎたので「活用方法・ノウハウ」に絞り込み、719件（重複カテゴリ込み976エントリ）に整理。後段で ai-position-map 記事の補強事例にも転用。",[15,208,209],{},[58,210,60],{},[62,212,213,216,219],{},[65,214,215],{},"9387件 → 1175件 → 719件 のフィルタリング",[65,217,218],{},"カテゴリ別マークダウン化",[65,220,221],{},"副産物: ai-position-map 記事への事例追加（228件 → 精選）",[15,223,224,82,226],{},[58,225,81],{},[84,227,229],{"href":228},"/x-bookmarks-genai-extraction","Xブックマーク9387件から生成AI活用ネタをカテゴリ別に抽出",[89,231],{},[42,233,235],{"id":234},"_6-x-apimcpの料金プラン確認とxurl投稿テスト401で頓挫","6. X API/MCPの料金プラン確認とxurl投稿テスト（401で頓挫）",[15,237,238,239,242,243,249],{},"X 公式の MCP ドキュメントを取得しつつ、環境に入っていた ",[19,240,241],{},"xurl"," で投稿テスト。401 が返ってきて、トークン期限切れかデフォルトアプリ未設定かの二択で一旦停止。X API の料金プランを公式で再確認したら、SNS の Premium+ と開発者向け API は別契約・別請求のままで、API側は月額プラン→従量課金に変わっていた。投稿単価 ",[19,244,248],{"className":245},[246,247],"language-math","math-inline","0.015 ≒ 2.25円、URL付き ","0.20 ≒ 30円。結論は「Chrome DevTool 経由で下書き保存ルートに倒す」。",[15,251,252],{},[58,253,60],{},[62,255,256,259,262],{},[65,257,258],{},"xurl 401 の切り分け（OAuth再認証 or アプリ未設定の二択で停止）",[65,260,261],{},"X API 料金体系の最新化（従量課金、$0.015/post）",[65,263,264],{},"規約温度感の整理（下書き保存 OK / 完全自動投稿はグレー / 予約投稿は問題なし）",[15,266,267,82,269],{},[58,268,81],{},[84,270,272],{"href":271},"/x-api-pricing-and-mcp-check","X API/MCPの料金プラン確認とxurl投稿テスト（401で頓挫）",[89,274],{},[28,276,277],{"id":277},"今日の試行錯誤",[279,280,281,303],"table",{},[282,283,284],"thead",{},[285,286,287,291,294,297,300],"tr",{},[288,289,290],"th",{},"#",[288,292,293],{},"テーマ",[288,295,296],{},"試したこと",[288,298,299],{},"結果",[288,301,302],{},"気づき",[304,305,306,324,341,358,375,391,408,425,442,459,476,493],"tbody",{},[285,307,308,312,315,318,321],{},[309,310,311],"td",{},"1",[309,313,314],{},"ai-position-map SVG化",[309,316,317],{},"最初インラインで SVG を書いた",[309,319,320],{},"スキル違反指摘",[309,322,323],{},"svg-diagram スキルは「インライン禁止＋ファイル化」が前提",[285,325,326,329,332,335,338],{},[309,327,328],{},"2",[309,330,331],{},"Figure 1〜4 の目視確認",[309,333,334],{},"Chrome DevToolsでスクショ",[309,336,337],{},"Figure 1 ラベル衝突 + Figure 4 矢印終端ズレ発見",[309,339,340],{},"XMLパースチェックだけでは描画崩れは拾えない",[285,342,343,346,349,352,355],{},[309,344,345],{},"3",[309,347,348],{},"Codexレビュー反映",[309,350,351],{},"留保セクションの位置と接続文",[309,353,354],{},"構成が締まった",[309,356,357],{},"レビューは構造の補強に効く",[285,359,360,363,366,369,372],{},[309,361,362],{},"4",[309,364,365],{},"クリエ塾カレンダー検索",[309,367,368],{},"「子供クリエイティング」「クリエ塾」で検索",[309,370,371],{},"ヒット0件",[309,373,374],{},"1年前の自分が決めた命名規則を覚えていなかった",[285,376,377,380,382,385,388],{},[309,378,379],{},"5",[309,381,365],{},[309,383,384],{},"「理科実験教室」で再検索",[309,386,387],{},"6件ヒット",[309,389,390],{},"正式名でなく実態のキーワードが当たることがある",[285,392,393,396,399,402,405],{},[309,394,395],{},"6",[309,397,398],{},"/blog バッジ実装方針",[309,400,401],{},"A案（既存スキーマ）/ B案（新フィールド）を比較",[309,403,404],{},"A案採用",[309,406,407],{},"「識別子はあって、UIに出ていないだけ」を先に確認すべき",[285,409,410,413,416,419,422],{},[309,411,412],{},"7",[309,414,415],{},"X Bookmarks 絞り込み",[309,417,418],{},"9387件 → 全件「生成AI」検索",[309,420,421],{},"1175件と多すぎ",[309,423,424],{},"「活用方法・ノウハウ」軸で再フィルタが正解",[285,426,427,430,433,436,439],{},[309,428,429],{},"8",[309,431,432],{},"SVGスライド作成",[309,434,435],{},"XMLパースだけ通して目視確認サボった",[309,437,438],{},"矢印崩れを指摘される",[309,440,441],{},"§6.6 違反、目視確認は省略不可",[285,443,444,447,450,453,456],{},[309,445,446],{},"9",[309,448,449],{},"矢印▶統一の一括変換",[309,451,452],{},"Pythonスクリプト1本目（方向継承）",[309,454,455],{},"元のミス方向を保持",[309,457,458],{},"頂点座標を強制書き換える2本目で修正",[285,460,461,464,467,470,473],{},[309,462,463],{},"10",[309,465,466],{},"figure-05 の縦切替",[309,468,469],{},"「最初から縦一列」に作り直し",[309,471,472],{},"きれいに収まった",[309,474,475],{},"中途半端な横→縦は最初から縦でいい",[285,477,478,481,484,487,490],{},[309,479,480],{},"11",[309,482,483],{},"Y軸ラベル",[309,485,486],{},"「低い生産性／高い生産性」が逆",[309,488,489],{},"修正",[309,491,492],{},"象限の中身と軸ラベルの整合は最後にもう一度見直す",[285,494,495,498,501,504,507],{},[309,496,497],{},"12",[309,499,500],{},"xurl 投稿テスト",[309,502,503],{},"xurl post で投稿してみた",[309,505,506],{},"401 で弾かれた",[309,508,509],{},"OAuthトークン期限切れの可能性、API契約も別途必要",[89,511],{},[28,513,514],{"id":514},"今日の学び",[62,516,517,523,532,538,544],{},[65,518,519,522],{},[58,520,521],{},"svg-diagram スキルは「ファイル化＋目視確認」が前提","。インラインで書いたり XML パースだけで済ませると毎回崩れに気づかず手戻りする",[65,524,525,528,529,531],{},[58,526,527],{},"新フィールドを増やす前に既存スキーマで識別できないか確認する","。",[19,530,25],{}," のバッジ問題は「識別子は既にあって UI に出ていないだけ」だった",[65,533,534,537],{},[58,535,536],{},"検索キーワードは命名規則より実態の言葉","。「クリエ塾」より「理科実験教室」のほうがヒットする場面がある",[65,539,540,543],{},[58,541,542],{},"ブックマークは貯めた瞬間に7割死ぬ","。9387件のうち実際に拾ったのは719件、それも検索キーワードを変えて2回フィルタしてやっと到達",[65,545,546,549],{},[58,547,548],{},"X API は Premium+ と別物","。月額プラン→従量課金に変わっていて「ちょい試し」の温度感は下がった。Chrome DevTool 経由の下書き保存が現実解",[89,551],{},[28,553,554],{"id":554},"関連記事",[62,556,557,561,565,569,573,577],{},[65,558,559],{},[84,560,87],{"href":86},[65,562,563],{},[84,564,127],{"href":126},[65,566,567],{},[84,568,156],{"href":155},[65,570,571],{},[84,572,197],{"href":196},[65,574,575],{},[84,576,229],{"href":228},[65,578,579],{},[84,580,272],{"href":271},{"title":582,"searchDepth":583,"depth":583,"links":584},"",2,[585,586,595,596,597],{"id":30,"depth":583,"text":30},{"id":40,"depth":583,"text":40,"children":587},[588,590,591,592,593,594],{"id":44,"depth":589,"text":45},3,{"id":93,"depth":589,"text":94},{"id":132,"depth":589,"text":133},{"id":161,"depth":589,"text":162},{"id":202,"depth":589,"text":203},{"id":234,"depth":589,"text":235},{"id":277,"depth":583,"text":277},{"id":514,"depth":583,"text":514},{"id":554,"depth":583,"text":554},"diary","ai-position-mapとつくみセミナーをSVG化、クリエ塾の年間カレンダー登録、/blogにmake-diaryバッジ追加、Xブックマーク9387件から生成AIネタ719件抽出。","md",{},true,null,"/2026-06-30-diary","daily-log",false,"2026-06-30T00:00:00.000Z",{"title":5,"description":599},"2026-06/2026-06-30/diary-2026-06-30",[611,612,613,614,615],"日記","SVG","Nuxt","生成AI","セミナー","1gWcZaCtOcSbFadjvZrmFyNM-p9-HlUc1KBNojiLlEM",[],"https://log.eurekapu.com/og/blog/2026-06-30-diary.png?v=2026-06-30T00%3A00%3A00.000Z&title=2026%E5%B9%B46%E6%9C%8830%E6%97%A5%E3%81%AE%E9%96%8B%E7%99%BA%E6%97%A5%E8%A8%98%20-%20%E3%81%A4%E3%81%8F%E3%81%BF%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC%E3%83%89%E3%83%A9%E3%83%95%E3%83%88%E3%81%A8SVG%2017%E6%9E%9A%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89&author=Kei%20Komatsu&sig=a1de19902158d999",1782885017925]