はやしごと | hay@shigoto.dev

はやしごと

Web開発 & UXデザイン

Apple ContainerShellDockerfilemacOSTypeScriptBunPlaywrightPuppeteerAgent SkillsHonoCloudflare WorkersCloudflare D1Discord APIAstroJavaScriptCanvas 2DCSSReactNext.jsTailwind CSS

ResendPythonClaude CodeGemini APINeonGoogle WorkspaceCanvaCursorClaude Code PluginBashMarkdownSwiftAppKitDrizzle ORMWebMCPVercelViteFigmaCodex

│

│name:林祐太 / yuta hayashi

│brand:はやしごと

│email:hay@shigoto.dev

│tag:04 / INTP

│books:エピクロス『教説と手紙』

│ショーペンハウアー『読書について』

│ドストエフスキー『罪と罰』

│セネカ『人生の短さについて』

[client]

│企業・店舗から請けた受託の制作と開発。

│corporate-renewal/

│事業内容の変化に合わせ、WordPress製のコーポレートサイトを全面刷新した。ヒアリング、情報設計、デザイン、実装、ドメイン移管、公開後の運用まで一貫して担当した。

│stack:TypeScriptReactNext.jsTailwind CSSResend

│drawing-detection/

│建設図面のPDFから特定記号を検出し、確認可能なデータとして蓄積する社内システム。Claude Codeを実行エージェントに据え、画像変換、検出、保存のワークフローを設計した。

│stack:PythonClaude CodeGemini APINeon

│attendance-bot/

│Discordで出退勤を打刻し、Web管理画面で閲覧、訂正、出力まで行える勤怠管理システム。打刻botと管理画面をCloudflare上にまとめ、専用サーバーなしで運用できる構成にした。

│stack:TypeScriptHonoCloudflare WorkersCloudflare D1Discord API

│dx-enablement/

│中小企業に対し、Google Workspace、Canva、Cursorなどの導入と活用を支援するサービス。日常業務で生じるつまずきを一緒に解消し、現場が自力で運用できる状態まで伴走している。

│stack:Google WorkspaceCanvaCursor

│cd jutaku/ →

[explore]

│AIエージェント開発の道具と仕組みの実験。

│hikizan/

│AIエージェント開発で、自律実行と人による確認のバランスを調整するプラグイン。手順、リスク別の停止条件、PR形式を揃え、任せた作業の経緯を後から追えるようにした。

│stack:Claude Code PluginAgent SkillsBashMarkdown

│cookie-design-harness/

│NewJeans「Cookie」の2:13–2:20をCanvas 2DとCSSで描き直したスクロールリール。動く実装を一次資料に、design.mdで解釈の方向を、SKILL.mdでエージェントの作業手順を渡し、Shimonで選んだ視覚的不変条件を検証する。

│stack:AstroJavaScriptCanvas 2DCSS

│agent-box/

│Claude CodeやCodexなどのAIエージェントCLIを軽量VMに隔離して実行するmacOS向けツール。権限確認を外した実行時にも、ホストの認証情報とファイルシステムを保護する。

│stack:Apple ContainerShellDockerfilemacOS

│agent-tooling/

│Webサイトの一括スクリーンショット取得と、HTMLやMarkdownのPDF化を行うCLIツール群。構造化JSONとAgent Skillsを備え、AIエージェントからの実行と結果判定を安定させた。

│stack:TypeScriptBunPlaywrightPuppeteerAgent Skills

│cd tansaku/ →

[main]

│企画から配布まで自分でやる個人開発。

│toban/

│学校や施設で使う、掃除当番や日直などのローテーション表を作成、印刷、共有できる無料Webアプリ。紙で掲示して使う場面を起点に、印刷レイアウトと9種類のテーマを設計した。

│stack:ReactHonoCloudflare WorkersCloudflare D1Drizzle ORM

│shelfdrop/

│ファイルやテキストを一時保管し、別の場所へコピー、移動、再ドラッグできるmacOSアプリ。Finderのショートカットとドラッグ&ドロップを中心に、作業を中断しない操作を設計した。

│stack:SwiftAppKitmacOS

│cd jisaku/ →

> ~/hayashigoto/logs

└── design-harness-as-code.md

│title: デザインをコードで渡す。「Design Harness」という考え方

│summary: 言葉やトークンへ還元しきれないデザインの判断を、動く実装と検証可能な観測としてAIエージェントへ渡す。

│published: 2026-07-13

cd /logs →

はやしごと - 林 祐太 | Dev & Design

> ~/hayashigoto/about

> ~/hayashigoto/works

> ~/hayashigoto/logs

> ~/hayashigoto/contact

はやしごと - 林祐太 | Dev & Design