[{"data":1,"prerenderedAt":374},["ShallowReactive",2],{"content-/herdr-felica-and-env-fixes":3,"all-pages-for-dir":372,"og-image-/herdr-felica-and-env-fixes":373},{"id":4,"title":5,"body":6,"category":353,"concepts":354,"description":355,"extension":356,"meta":357,"navigation":358,"ogImage":354,"path":359,"project_name":360,"published":361,"publishedAt":362,"seo":363,"stem":364,"tags":365,"todo":354,"unpublished":361,"updatedAt":354,"__hash__":371},"pages/2026-07/2026-07-15/herdr-felica-and-env-fixes.md","herdr Windowsベータ導入とFeliCa勤怠構想、Claude Code警告の退治まで — 開発ツールと環境整備の一日",{"type":7,"value":8,"toc":345},"minimark",[9,13,17,20,39,44,57,60,74,82,86,89,92,103,106,114,118,121,132,139,150,154,157,164,193,300,307,311,314,317,320,341],[10,11,5],"h1",{"id":12},"herdr-windowsベータ導入とfelica勤怠構想claude-code警告の退治まで-開発ツールと環境整備の一日",[14,15,16],"p",{},"今日は新しいコードを書くより、道具と環境を整える日になった。朝イチで Claude Code の起動画面に見慣れない警告が居座っているのを見つけ、午前は herdr の Windows ベータを導入して記事化し、Amazon で「FeliCa カードのつもりで見ていたカード」が実はチップ無しだと判明する寄り道を経て勤怠管理の構想を固め、午後は非公開記事のパンくずのずれを直させ、夕方には dev サーバーの死活確認までやった。",[14,18,19],{},"今日の流れを先にまとめると、こうなる。",[21,22,23,27,30,33,36],"ul",{},[24,25,26],"li",{},"朝: Claude Code 起動時の permission 警告の原因調査と settings.json 修正",[24,28,29],{},"午前: herdr の Windows ベータを導入 → 公開記事化 → 学習ゲート経由でコミット",[24,31,32],{},"午前: FeliCa カード探しで「チップ無し PVC カード」の罠を回避 → RC-S380 勤怠構想を記事化",[24,34,35],{},"午後: 非公開記事のパンくずを「非公開」階層に分ける修正",[24,37,38],{},"夕方: dev サーバー停止の切り分け（database is locked 再発疑い → シロ）",[40,41,43],"h2",{"id":42},"herdr-の-windows-ベータを導入して公開記事にした","herdr の Windows ベータを導入して公開記事にした",[14,45,46,47,56],{},"herdr は AI コーディングエージェント用のターミナルワークスペースマネージャで、以前から Windows で試したかったもの。",[48,49,55],"a",{"href":50,"target":51,"rel":52},"https://herdr.dev/ja/docs/install/","_blank",[53,54],"noopener","noreferrer","herdr の公式インストールドキュメント","を起点に、「この手順どおりでいいのか、世の中のベストプラクティスはどうなっているのか」を Claude Code に一通り検索させてから導入した。",[14,58,59],{},"進め方は「調べる → 入れる → 検証する → 記事にする」の順。",[21,61,62,65,68,71],{},[24,63,64],{},"公式 docs・GitHub・国内外の記事を突き合わせて、導入手順の妥当性を先に確認させた",[24,66,67],{},"install.ps1 は実行前に中身を精読させた（何をどこに置くスクリプトかを把握してから走らせる）",[24,69,70],{},"インストール後はバージョン確認と配置の実物確認まで実施",[24,72,73],{},"Claude Code 統合（エージェントの状態検知の精度を上げるフック）も追加。settings.json に入る差分を検証してから有効化し、サーバーのスモークテストまで通した",[14,75,76,77,81],{},"導入の一部始終は独立した公開記事 ",[48,78,80],{"href":79},"/herdr-windows-beta-install","herdr を Windows ベータで導入した"," にまとめてコミット済み。コミット時には学習ゲート（/learn）を通した。クイズ4問中、初回は3問正解で、「HERDR_ENV ガード」の1問だけ解説を読み直してから再出題で合格。herdr の中核価値・ジャンクション更新設計・フックのガード・Windows プレビュー制限の4概念が学習論点として登録された。",[40,83,85],{"id":84},"白無地pvcカードの罠からrc-s380-勤怠システム構想へ","白無地PVCカードの罠から、RC-S380 勤怠システム構想へ",[14,87,88],{},"安い FeliCa カードを探していて、Amazon で見つけた10枚セットのカードを Claude Code に確認させたら、返ってきた答えに手が止まった。「IC チップが一切入っていない、ただの白無地 PVC カード」。見た目は交通系カードとそっくりでも、中身は印刷用の無地カードだった。ログイン済み Chrome で商品ページを開かせて商品説明まで読ませたので、思い込みで買う事故を未然に防げた。",[14,90,91],{},"そこから話が転がった。手持ちの Sony のリーダー（RC-S380 系）とタブレットを組み合わせれば、勤怠管理システムを自作できるのではと気づき、実売相場と構成を調べさせた。",[21,93,94,97,100],{},[24,95,96],{},"FeliCa Lite-S カードは10枚1,480円〜、1枚あたり約150円が相場",[24,98,99],{},"RC-S380 は Python の nfcpy で一番実績のある機種。Windows PC に繋いでカードの IDm を読む打刻アプリが最短ルート",[24,101,102],{},"ただし Android タブレットに RC-S380 を直接繋ぐのは非対応なので、打刻はPC側・タブレットは別の役割、と構成を分担する必要がある",[14,104,105],{},"最初は「タブレットとリーダーで一体の打刻端末」を漠然と想像していたが、機種名を伝えたら「RC-S380 なら好都合、ただしタブレット直結は非対応」と構成の前提を正されて、机上の空論になる前に軌道修正できた。",[14,107,108,109,113],{},"この検討内容も公開記事 ",[48,110,112],{"href":111},"/felica-attendance-system-rc-s380","FeliCa Lite-S と PaSoRi RC-S380 で勤怠打刻を自作する構成"," にまとめさせた。Codex レビューと日本語校閲、dev 環境での描画確認まで通した状態で保存してある。買う前に構成を記事の形で固めておけば、カードを発注する段になって迷わない。",[40,115,117],{"id":116},"claude-code-起動時の-permission-警告を退治した","Claude Code 起動時の permission 警告を退治した",[14,119,120],{},"朝、別リポジトリで Claude Code を立ち上げたら、今日になって初めてこの警告が出た。",[122,123,128],"pre",{"className":124,"code":126,"language":127},[125],"language-text","Permission allow rule (..\\..\\.claude\\settings.json):\nWrite(.claude/**) is not matched by file permission checks — only Edit(path) rules are.\nUse Edit(.claude/**) instead (Edit rules cover all file-editing tools).\n","text",[129,130,126],"code",{"__ignoreMap":131},"",[14,133,134,135,138],{},"正体を調べさせると、エラーではなく起動時の警告で、動作への実害はなし。グローバル設定の許可ルール ",[129,136,137],{},"Write(.claude/**)"," が「ファイル編集系の permission チェックにマッチしない書き方」になっていて、Edit(path) 形式のルールしか効かない、という通知だった。つまりこの Write ルールは置いてあっても何の許可にも効いていない「死にルール」で、昨日まで警告すら出ていなかった。今日になって初めて出たので、Claude Code のバージョンアップで検知が入った（あるいは挙動が変わった）可能性が高い。",[14,140,141,142,145,146,149],{},"修正は update-config スキル経由でやらせた。設定ファイルの allow リストには死にルール ",[129,143,144],{},"\"Write(.claude/**)\""," のすぐ下に有効な ",[129,147,148],{},"\"Edit(.claude/**)\""," が既にあったので、死にルールを1行削除するだけ。JSON が壊れていないかの検証まで済ませて、許可の挙動は何も変えずに警告だけ消えた。放置しても動くが、起動するたびに同じ警告文を目でスキップする生活を続けるより、原因ごと消してしまうほうが安い。",[40,151,153],{"id":152},"非公開記事のパンくずを非公開階層に分けさせた","非公開記事のパンくずを「非公開」階層に分けさせた",[14,155,156],{},"午後、非公開（unpublished）記事を確認していて、パンくずリストが「Home / 一覧 / 記事」と公開ブログの一覧に繋がっているのに気づいた。非公開記事から「一覧」に戻ると公開側に飛ばされてしまう。ここはちゃんと非公開一覧として分けてほしい、と指摘して修正させた。",[14,158,159,160,163],{},"原因は、Breadcrumb コンポーネントが route.path しか知らず、記事の ",[129,161,162],{},"unpublished"," フラグを受け取る口がないこと。修正は次の分担になった。",[21,165,166,176,184,190],{},[24,167,168,171,172,175],{},[129,169,170],{},"breadcrumbs.ts"," に ",[129,173,174],{},"isUnpublished"," オプションを追加し、「一覧」の直後に「非公開」（/blog/unpublished）を挟む。非公開一覧ページ自身では二重挿入しないガード付き",[24,177,178,171,181,183],{},[129,179,180],{},"Breadcrumb.vue",[129,182,162],{}," プロパティを追加",[24,185,186,189],{},[129,187,188],{},"[...slug].vue"," から記事のフラグを渡す",[24,191,192],{},"非公開扱いにしている既存の Vue ページにも同じ対応を横展開",[122,194,198],{"className":195,"code":196,"language":197,"meta":131,"style":131},"language-ts shiki shiki-themes vitesse-light vitesse-light","if (options.isUnpublished === true && !isUnpublishedIndexPath) {\n  items.push({ label: '非公開', path: '/blog/unpublished' });\n}\n","ts",[129,199,200,244,294],{"__ignoreMap":131},[201,202,205,209,213,217,220,222,226,229,232,235,238,241],"span",{"class":203,"line":204},"line",1,[201,206,208],{"class":207},"sHkkW","if",[201,210,212],{"class":211},"shFtX"," (",[201,214,216],{"class":215},"s4oTP","options",[201,218,219],{"class":211},".",[201,221,174],{"class":215},[201,223,225],{"class":224},"stQ0i"," ===",[201,227,228],{"class":207}," true",[201,230,231],{"class":224}," &&",[201,233,234],{"class":224}," !",[201,236,237],{"class":215},"isUnpublishedIndexPath",[201,239,240],{"class":211},")",[201,242,243],{"class":211}," {\n",[201,245,247,250,252,256,259,263,266,270,274,276,279,282,284,286,289,291],{"class":203,"line":246},2,[201,248,249],{"class":215},"  items",[201,251,219],{"class":211},[201,253,255],{"class":254},"senZ8","push",[201,257,258],{"class":211},"({ ",[201,260,262],{"class":261},"sz8Xr","label",[201,264,265],{"class":211},": ",[201,267,269],{"class":268},"sMJiu","'",[201,271,273],{"class":272},"sdGka","非公開",[201,275,269],{"class":268},[201,277,278],{"class":211},", ",[201,280,281],{"class":261},"path",[201,283,265],{"class":211},[201,285,269],{"class":268},[201,287,288],{"class":272},"/blog/unpublished",[201,290,269],{"class":268},[201,292,293],{"class":211}," });\n",[201,295,297],{"class":203,"line":296},3,[201,298,299],{"class":211},"}\n",[14,301,302,303,306],{},"テストは途中で3件失敗したが、内容を確認させて修正し、",[129,304,305],{},"breadcrumbs.test.ts"," に非公開系のケースを追加して全件パス。ブラウザでも「Home / 一覧 / 非公開 / 記事」に分かれた描画を確認してもらった。途中で dev 環境へのナビゲーションがタイムアウトする場面もあったが、コンテンツの再インデックス中だったようでリトライで通った。",[40,308,310],{"id":309},"夕方dev-サーバーが落ちた-database-is-locked-再発疑いはシロ","夕方、dev サーバーが落ちた — database is locked 再発疑いはシロ",[14,312,313],{},"夕方、バックグラウンドで動かしていた Nuxt dev サーバーのタスクが落ちた。このリポジトリでは以前「database is locked」（Nuxt Content の SQLite ロック）に悩まされた経緯があるので、まずその再発を疑って出力ログを確認させた。結果はシロ。エラーの再発はなく、再起動後は localhost:3000 が 200 を返すところまで確認できた。",[14,315,316],{},"その後「タスクが killed された」という通知も来たが、これは停止されたのがタスクのラッパープロセスだけで、17時過ぎに再起動した Nuxt 本体の子プロセスは生き残って正常に応答している状態だった。見た目の「失敗」通知と実際のサーバーの生死が食い違うことがある、というのは覚えておきたい挙動。通知の文言で慌てる前に、ポートの応答という一次情報で確かめる。",[40,318,319],{"id":319},"学び",[21,321,322,325,332,335,338],{},[24,323,324],{},"起動時の警告は「実害がないか」と「なぜ今日から出たのか」をセットで調べる。今回はバージョンアップによる検知強化の可能性が高く、死にルール1行の削除で解決した",[24,326,327,328,331],{},"permission ルールのファイル編集系は Edit(path) 形式に寄せる。",[129,329,330],{},"Write(...)"," の allow ルールはファイル permission チェックにマッチしない",[24,333,334],{},"「FeliCa カードっぽい見た目」と「FeliCa カード」は別物。商品説明まで読ませてから買う",[24,336,337],{},"パンくずのようなナビゲーション部品は route.path だけでは文脈（公開/非公開）を判定できない。ページ側からフラグを渡す口を作る",[24,339,340],{},"バックグラウンドタスクの「killed」通知はラッパープロセスの停止のこともある。サーバー本体の死活はポートへの応答で確かめる",[342,343,344],"style",{},"html pre.shiki code .sHkkW, html code.shiki .sHkkW{--shiki-default:#1E754F;--shiki-dark:#1E754F}html pre.shiki code .shFtX, html code.shiki .shFtX{--shiki-default:#999999;--shiki-dark:#999999}html pre.shiki code .s4oTP, html code.shiki .s4oTP{--shiki-default:#B07D48;--shiki-dark:#B07D48}html pre.shiki code .stQ0i, html code.shiki .stQ0i{--shiki-default:#AB5959;--shiki-dark:#AB5959}html pre.shiki code .senZ8, html code.shiki .senZ8{--shiki-default:#59873A;--shiki-dark:#59873A}html pre.shiki code .sz8Xr, html code.shiki .sz8Xr{--shiki-default:#998418;--shiki-dark:#998418}html pre.shiki code .sMJiu, html code.shiki .sMJiu{--shiki-default:#B5695977;--shiki-dark:#B5695977}html pre.shiki code .sdGka, html code.shiki .sdGka{--shiki-default:#B56959;--shiki-dark:#B56959}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":131,"searchDepth":246,"depth":246,"links":346},[347,348,349,350,351,352],{"id":42,"depth":246,"text":43},{"id":84,"depth":246,"text":85},{"id":116,"depth":246,"text":117},{"id":152,"depth":246,"text":153},{"id":309,"depth":246,"text":310},{"id":319,"depth":246,"text":319},"dev",null,"AIエージェント用ターミナルマネージャherdrのWindowsベータ導入、手持ちのRC-S380で勤怠管理を作る構想の記事化、Claude Code起動警告の原因調査、非公開記事のパンくず修正、devサーバー復旧までの記録。","md",{},true,"/herdr-felica-and-env-fixes","misc-dev",false,"2026-07-15T00:00:00.000Z",{"title":5,"description":355},"2026-07/2026-07-15/herdr-felica-and-env-fixes",[366,367,368,369,370],"herdr","FeliCa","Claude Code","Nuxt","開発環境","u_1vzrE5Krax3WH-DfEEugSgCpkGUu2W_hhNrpfUjbQ",[],"https://log.eurekapu.com/og/blog/herdr-felica-and-env-fixes.png?v=2026-07-15T00%3A00%3A00.000Z&title=herdr%20Windows%E3%83%99%E3%83%BC%E3%82%BF%E5%B0%8E%E5%85%A5%E3%81%A8FeliCa%E5%8B%A4%E6%80%A0%E6%A7%8B%E6%83%B3%E3%80%81Claude%20Code%E8%AD%A6%E5%91%8A%E3%81%AE%E9%80%80%E6%B2%BB%E3%81%BE%E3%81%A7%20%E2%80%94%20%E9%96%8B%E7%99%BA%E3%83%84%E3%83%BC%E3%83%AB%E3%81%A8%E7%92%B0%E5%A2%83%E6%95%B4%E5%82%99%E3%81%AE%E4%B8%80%E6%97%A5&author=Kei%20Komatsu&sig=449163917d701be3",1784186909642]