初心者向け

React

Reactで子コンポーネントから親に値を渡す方法

Reactで子コンポーネントから親の状態を更新する方法を解説。「関数をpropsとして渡す」パターンをTypeScriptの型定義例とあわせて紹介します。
React

Reactでコールバック形式のAPIをPromiseとuseEffectで使う方法

Geolocation APIなどコールバック形式のAPIをPromiseでラップしてawaitで使う方法を解説。ReactのuseEffectで非同期処理を正しく扱うパターンも紹介します。
React

setStateの直後にconsole.logしても古い値が出る理由

ReactでsetStateの直後にconsole.logすると古い値が出る理由を解説。「スナップショットモデル」の考え方と、stateの最新値を正しく確認する方法を紹介します。
React

Reactのフックをループの中で使えない理由と解決策

Reactのフックをループや.map()の中で使うとエラーになる理由を解説。「呼んだ順番で管理」というReactの仕組みを理解し、コンポーネント切り出しで解決する方法を紹介します。
TypeScript

TypeScriptのunion型(A | B)とは?初心者向けに基本から型の絞り込みまで解説

TypeScript初心者向けに、union型(A | B)の基本を分かりやすく解説。よくある勘違い、型の絞り込み(Type Narrowing)の方法、実例を交えて説明します。型エラーで悩む方必見の入門記事です。
TypeScript

【初心者向け】TypeScriptのunknown型を完全理解|anyとの違い・型ガードの使い方

TypeScriptのunknown型を徹底解説。anyとの違い、型ガードによる安全な扱い方、APIレスポンスやcatchでの実務活用例まで。初心者でも分かるサンプルコード付き。
初心者向け

RDSを停止放置→7日後に自動起動、いつもの20倍以上の請求!? 原因と今後の対処法

学習用に停止したRDSが7日後に自動起動し請求が増加。原因(仕様)と、削除・Budgets設定・自動停止(SSM/EventBridge+Lambda)による再発防止、1か月の実コストを解説。
備忘録

引っ越しで変わった IP アドレスをセキュリティグループに反映する

EC2 セキュリティグループのインバウンドルールを新しい IP に更新して SSH 接続を復旧する方法をステップバイステップで紹介。
備忘録

迷ったらこれ!GPT‑4o → mini → o3 の三段跳びでわかる ChatGPT モデル&料金完全ガイド【2025年4月版】

ChatGPTのUIサブスクとAPI従量課金を分けて解説。GPT‑4o・mini・o3 の三段跳び指標でモデル選択が一目瞭然。msg 上限の数え方やAPIコスト試算のコツも網羅した2025年4月最新版。
GAS

GASでSEO調査の自動化?実際にやってみた

ブログのSEO改善をもっと手軽に。GASでRSSフィードを読み込み、ChatGPTに渡して自動でキーワード分析・改善提案まで実行する方法を解説します。