はじめまして。このブログは、バックエンド・インフラエンジニアのわどこんが、自分で作ったもの・実際に試したツール・現場で踏んだ落とし穴を「再現できる手順」に落として残している場所です。
初めての方向けに「どれから読むか」の地図を用意しました。
まずはこの3本から
このブログの書き方・温度感が伝わりやすい、実体験ベースの3本です。
- 個人開発は作って終わりじゃない｜2サイトで回したPDCAの記録
- デスクトップ常駐TODOウィジェット「NoToDo」開発記｜作った理由と大変だったこと
- AIで作ったアプリを公開する手順｜Cloudflareなら費用はドメイン代だけ
目的別ガイド
個人開発を「作って終わり」にしない
- 2サイトで回したPDCAの記録｜公開後に何を見て、何を直したか
- NoToDo 開発記｜常駐ウィジェットを作るときにハマったこと
- NoToDo に4つの機能を足した｜集中タイマー・毎日タブ・残り件数・拡大縮小
- ClaudeUsageTray を作った話｜使用量をデスクトップに常駐表示する
- Cloudflare で公開する手順｜費用はドメイン代だけ
- アプリ公開で作成者の本名が出るのが嫌な人へ｜同僚に見つかる確率を出してみた
- YouTubeチャンネルに見切りをつけた話｜テック系ゆっくり解説が伸びなかった5つの理由
AWSの設計
- VPCのCIDRは後から変えられない｜3層×3AZ構成の採番とIP枯渇の計算
- IAMは「許可を足す」前に評価順を見る｜権限が通らない原因の切り分け
- CDNを置いてもHTMLはキャッシュされない｜S3 + CloudFront の設計
- Lambdaは初期化をどこに書くかで10倍変わる｜実測と、状態が残る罠
- AWS構成図の書き方｜同じ構成を2回描いて分かった伝わる図の条件
- Terraformはstateが分かれば怖くない｜AWSなしで試す入門
AWSの運用・監視・コスト
- EC2からFargateへ移行した｜切り替えは体感0秒、詰まったのはビルドだった
- RDSは何を守ってくれないのか｜Multi-AZ・レプリカ・バックアップの分担
- 平均157msのサービスで1000人が7秒待っている｜監視は何を見るか
- AWS運用は「あとから変えにくい順」に決める｜アカウント分割から引き継ぎまで
- ログ1GBはS3の30倍｜AWSの単価をAPIで取って試算する
バックエンドとWebアプリの実務
- JWTはログアウトできない｜実際に発行して中身を見た
- APIの良し悪しはエラーで決まる｜実在する2つのAPIを叩いて読む
- ジョブキューは同じ処理が2回走る前提で書く｜冪等性を実際に試した
- 241行のログのうち239行が同じ警告だった｜構造化とリクエストID
- 複合インデックスは列順で4倍変わる｜50万行で実測したEXPLAINの読み方
- 【実践】Webアプリのパフォーマンス改善ガイド｜SQL最適化・キャッシュ・不要リソース整理
- パフォーマンスチューニングはAIで楽になった｜専門知識がなくてもボトルネックが分かる
- 【保存版】Webアプリのセキュリティ脅威と対策まとめ｜代表的な15項目を一気に整理
フロントエンドと表示速度
- ErrorBoundaryが捕まえたのは5つ中2つだった｜実際に壊して確かめた
- React.memoを貼っても再レンダリングは減らなかった｜500個で実測
- tscが通っても型は嘘をつく｜どこまで守ってくれるか実際に試した
- 画像をWebP化したら75MBが6.6MBになった｜移行手順と落とし穴
- 画像を91%減らしてもLighthouseは55点だった｜犯人はWebフォント
- 日本語Webフォントは「必要な分だけ」読まれない｜4ページ測った結果
UI・デザイン
- 同じフォームを余白と階層だけ変えて描き直す｜UIの4原則
- 管理画面のテーブルとダイアログを作り直す｜毎日触る人のためのUI
- 自分のサイトの配色を全部測ったら3組落ちた｜直すもの・直さないもの
- ダークモードは色の反転ではない｜自分のパレットで試したら2色とも落ちた
Claude Code と開発環境
- 【Claude Code】知ってると便利な小ワザ5選
- Windows で Claude Code 用のターミナルソフトは WezTerm がおすすめ
- 【Claude Code】Agent View を試して気づいた惜しいところ
- Claude Codeの実行環境はClaudeデスクトップに落ち着いた｜Windowsでエージェント用エディタを探し回った話
働き方・ツール選び
- リモートワークで必要だと感じたこと｜意識して「外に出る用事」を作る
- ChatGPT Plusが今なら1か月無料｜オファーの受け取り方とCodexを試すチャンス
- 設計書・仕様書はHTMLで書く｜Word・Excelとの違い
- 会議はゴールと司会進行で決まる｜実際にあった8つの失敗と対策
記事のスタンス
- 実際に手を動かして確認したことだけを書きます
- 「なぜそうするか」と「やってはいけないパターン」をセットで残します
- 間違いを見つけたらお問い合わせから教えてもらえると助かります
書いている人についてはプロフィールをご覧ください。