パスワードを持たないログイン設計：「コードがあれば通す、無ければ作る」を安全に実装する新着!!
ある子ども向けアミューズメント系システムの案件で、通常とはかなり毛色の違う認証要件に出会いました。
React の useState / useReducer 使い分けガイド新着!!
React で状態管理をするとき、まず最初に手が伸びるのは useState です。多くの場面ではそれで十分ですが、状態が絡み合ってくると useState の羅列がだんだん破綻していきます。そこで登場するのが useReducer です。
GitHub Actions で Node.js プロジェクトの CI を構築する新着!!
Verified: checkout is at v7 (v7.0.1), setup-node at v7, cache at v5; Node 24 is Active LTS, 22 is Maintenance LTS, 20 is…
Claude Code の CLAUDE.md でプロジェクト文脈を共有する
Claude Code は、ターミナル・IDE・Web から使えるコーディング支援エージェントです。導入して最初に効果が高い一手が CLAUDE.md の整備です。これはプロジェクトのルートなどに置くだけで、エージェントがセッション開始時に…
Reactのコンポーネント設計原則 ― 入門から実務で迷わないための指針
Reactを書き始めると、まず動くものは作れます。しかしプロジェクトが育つにつれ「このコンポーネント、どこまで責務を持たせるべきか」「propsが増えすぎて扱いづらい」「状態をどこに置けばいいか分からない」といった悩みに必ずぶつかります。
Django でクリーンアーキテクチャを導入する（全体設計編）
Django は「Fat Model / Fat View」になりやすいフレームワークです。ORM が強力で、ビジネスロジックをどこにでも書けてしまうからです。小規模なうちは問題ありませんが、ドメインが複雑化すると「この計算ロジックはどこに…
pyproject.toml の書き方完全ガイド
Python のプロジェクト設定は、かつて setup.py / setup.cfg / requirements.txt / MANIFEST.in / 各ツールごとの .ini ファイルへとバラバラに散っていました。これを 1つのファイ…
Claude Code 入門 — ターミナルから AI とペアプロする
Claude Code は、Anthropic が提供するターミナル常駐型の AI コーディングエージェントです。IDE のチャットパネルとは異なり、シェルから直接起動して「リポジトリを読ませ、変更させ、テストを走らせる」までをエージェント…
GitHub Actions のトリガー設定完全ガイド
GitHub Actions を使い始めて最初に決めるのが「いつワークフローを動かすか」です。この「いつ」を定義するのが on キーです。ここを正しく理解していないと、意図せず全ブランチで CI が走ったり、タグを push しても本番デプ…
エンジニアのための生成AI活用ロードマップ
生成AIを日常業務に取り入れたいものの、「どこから手をつけ、どこまで任せてよいのか」が見えない——本記事は、その全体像を 「補完 → 相談 → 委任 → 自動化」 の4段階ロードマップとして整理する入門記事です。特定のツールに依存しない考え…