Blog
フルスタック・AI・チームビルディングの現場知識を言語化した記事一覧
StripeとNext.jsで決済機能を実装する——Checkout・Webhook・本番対応まで
Next.jsにStripeを組み込んでEC決済を実装する手順を解説。Checkout Session作成・Webhook受信・エラーハンドリング・本番公開前チェックリストまで、TypeScriptのコード例で体系的にまとめる。
フロントエンドエンジニアが最低限知っておくべきアクセシビリティ入門
WAI-ARIA・セマンティックHTML・キーボード操作・コントラスト比など、ReactとNext.jsプロジェクトで押さえるべきアクセシビリティの基本を実装例とともに解説。医療系システムの現場での実体験もあわせて紹介。
Next.jsのデプロイ先を選ぶ——Vercel・AWS・Herokuを比較して学んだこと
Next.jsアプリのデプロイ先としてVercel、AWS(S3+CloudFront、Amplify、EC2)、Herokuを比較。SSG・SSR・ISRの特性も踏まえ、プロジェクト規模・要件ごとの選択基準を実務経験から整理する。
styled-components vs CSS Modules——Next.jsプロジェクトでCSS設計を選ぶ基準
CSS-in-JSのstyled-componentsとCSS Modulesをパフォーマンス・DX・チーム開発の観点で比較。Next.js + TypeScriptプロジェクトでどちらを選ぶべきか、実務経験をもとに判断基準を整理する。
TypeScript Utility Types実践ガイド——Partial・Pick・Omitを実務でどう使うか
TypeScriptのUtility Types(Partial、Required、Pick、Omit、Record、ReturnTypeなど)をReact/Next.js実務で使うパターンをコード例付きで解説。any禁止チームが型安全を保つための具体的なテクニック集。
AIを社内に広めたら、本部長がモンスターになった話
個人アカウントでこっそり使い始めたAIを社内に広めた経緯。使わない部下、使われすぎた本部長、その間でAIの限界値を知った自分。3者の姿から見えてきたこと。
みんなの安定のために仮面を被った——テックリード3年間の全記録
独学・実務未経験からテックリードに任命された3年間。孤独との戦い、辞めようと思った瞬間、AIが相談相手になるまで。戦術ではなく、人間としての記録。
AIがなかったら死んでた——一人で全部背負うテックリードの現実
コード管理・要件定義・採用・品質管理まで一人で回す3人チームの現実。孤独だった技術責任者にとってAIが何を変えたか。
React×Next.jsの選択基準を実務から考える —SPA・SSR・SSGをどう使い分けるか
治験CRMではSPA、このブログではSSGを選んだ理由を実体験から整理。App Router vs Pages Router、CSR/SSR/SSG/ISRそれぞれのユースケースと実務での判断基準をまとめます。
「理屈が通れば動く人」との3年——経営層への技術翻訳の実際
技術を経営言語に変える翻訳作業。半端に齧ってる上司ほど手強い。内製化500万円削減の伝え方、社長に直接呼ばれた日のこと、翻訳係として3年やってきたこと。
AIで議事録を構造化する:「要約」では使えない理由とプロンプト設計
ノートテイカーツールで自動生成された要約が使えない理由と、「決定事項・アクションアイテム・未解決課題」に分けて構造化するプロンプト設計の考え方。
Claude Codeを設計の壁打ち相手として使う:アーキテクチャ相談の実践
知らない領域の機能を設計するとき、Claude Codeは壁打ち相手と先生を同時にやってくれる。広告計測×AI分析機能の設計をマーケティング学習と同時並行でやった話。