simple-web-system technology

Webに関する技術をシンプルに扱うブログ

Clean Architectureを物語で例えたらわかりやすくなった! 〜魔法のパン屋からひも解くClean Architectureの世界〜

はじめに システム開発の本や記事でよく目にする「Clean Architecture」。 でも、最初に図を見たとき、「円がいっぱい重なってるけど、結局どういうこと?」と思った方も多いのではないでしょうか。 私もそのひとりでした。 専門用語の説明を読んでも、なん…

Next.js 小規模アプリのためのシンプルなアーキテクチャ考えてみた

はじめに 小規模なNext.jsアプリを、学習コストを抑えつつ責務を明確にする方針で設計。最初はfsdで大体大丈夫ではと考えたが、学習コストが大きいため断念。 最終的には画面とビジネスロジックを、client = Bulletproof React と server = Clean Architectu…

Cloudflare D1メモ:local と remote の違いにハマった話

最近 Cloudflare D1 を触ってて、「あれ?データが反映されない?」みたいなことが起きた。 調べてみたら、wrangler 経由で D1 にアクセスするときに “local” と “remote” という概念があることを知った。 最初は「どうせ全部 Cloudflare 上(= remote)につ…

Reactコンポーネントファイルの命名規則について・決定版

TL;DR Reactのコンポーネントファイル(.tsx)の命名は 使っているUIライブラリに合わせるのが最適解。 - shadcn/ui → kebab-case - Material UI → UpperCamelCase ルールを増やすより、ライブラリに揃える方がチーム開発ではシンプルで楽。 命名規則の考え…

AIプログラミングの実装力の方程式 ~人間よ、成長せよ~

Claude Code等のAIエージェントを使い倒して思った個人的ポエムです AIプログラミングの実装力の方程式 AIプログラミングの実装力は、次の掛け算で決まる。 実装力 = LLMエージェントのパワー × 開発環境パワー × 人間のプログラミングスキル 一見シンプルだ…

AIによる技術記事生成用メモ

TL;DR AI に技術記事を書かせるときは、 「情報をブログ記事の自分用のメモ形式としてまとめて」 とプロンプトに入れると、シンプルで余計な文章が減って使いやすい。 おすすめプロンプト 情報をブログ記事の自分用のメモ形式としてまとめて なぜこれが良い…

LinuxやMacでWindowsのZipファイルを解凍する

概要 unarを使うといい。 unar は The Unarchiver のコマンドライン版で、ZIP や RAR など様々なアーカイブ形式に対応した解凍ツール。文字コード判別が優れており、Linux や Mac で日本語ファイル名が文字化けしがちな Windows 由来の ZIP を扱う際に便利。…