筆者がエンジニアとして生きていく中で学んだ知識や技術を備忘録的に書き留めています。
プログラミング Next.js を AWS Lambda で動かすと 502 エラーが出る謎を解く。ストリーミングレスポンス設定の落とし穴
Next.js (App Router) を AWS Lambda で動かした際に発生する 502 Bad Gateway エラーの解決策を解説。原因は Lambda のデフォルト設定とストリーミング SSR の不一致です。InvokeMode の変更とハンドラーの修正方法を詳しく紹介します。
プログラミング 【AWS Lambda】Python 3.12でGemini APIが動かない？grpcioのImportErrorを解決する決定版
AWS LambdaのPython 3.12(AL2023)でGemini API使用時に発生するgrpcioのImportErrorを解決する方法を解説。Dockerでのビルドやpipのプラットフォーム指定フラグなど、具体的な手順を紹介します。
プログラミング AWS LambdaでGemini APIが謎のタイムアウト？gRPCを捨ててREST通信で安定させる解決策
AWS LambdaでGemini API（google-generativeai）を使用中に発生するDeadlineExceededエラー。原因はLambda環境におけるgRPCの不安定さにあります。解決策としてtransport='rest'を設定し、通信をRESTに切り替える手順を解説します。
プログラミング Gemini APIでPydanticの『再帰構造エラー』を回避して複雑なJSONを生成する方法
Gemini APIのStructured OutputでPydanticの再帰構造を使用すると発生する「400 Schema is invalid」エラーの解決策を解説。API制限を回避しつつ、階層構造を持つJSONを安全に生成する実装テクニックを紹介します。
プログラミング 【Nuxt/Vue】CORSエラー解決！APIルート経由で外部API（Gemini/Claude）を安全に叩く方法
Nuxt.jsやVue.jsで外部APIを呼び出す際に発生するCORSエラーの解決策を解説。ブラウザ制限を回避し、GeminiやClaude APIを安全に連携するためのサーバー経由（Nitro）の実装手順をコード付きで紹介します。
プログラミング 【Vue.js】LLM API連携でハマる「Cannot read properties of undefined」！非同期処理とレスポンスハンドリング完全解説
Vue.jsやNuxt.jsでLLM APIを利用する際、非同期処理のタイミングや複雑なレスポンス構造が原因で「TypeError」が発生することがあります。本記事では、async/awaitやOptional Chainingを用いた安全なハンドリング方法を解説します。
プログラミング 【Nuxt.js】クライアントサイドCORSエラーを解決！外部API連携時のサーバーサイドプロキシ活用術 (Gemini API, Claude Code対応)
Vue.js/Nuxt.jsでGemini APIやClaude Codeを呼び出す際に直面するCORSエラー。ブラウザの制限を回避し、安全に通信するためのサーバーサイドプロキシ設定方法を、修正コード例付きでわかりやすく解説します。
プログラミング 【Vuex/Pinia】非同期処理のコミットでハマる！状態管理の落とし穴と解決策
VuexやPiniaでの非同期処理に伴う状態更新の不具合を解消！ミューテーションへのコミット時に発生するTypeErrorや、ペイロードの構造不一致によるバグを防ぐための具体的な実装方法とエラーハンドリングの極意を、Before/After形式で分かりやすく解説します。
プログラミング [Vue.js] Gemini API/Claude Code連携でTypeError発生！非同期レスポンスの安全な扱い方と解決策
Vue.jsでGemini APIやClaude Codeを扱う際に発生するTypeErrorの解決策を解説。複雑なAPIレスポンスを安全にパースし、オプショナルチェイニングを活用してエラーハンドリングを強化する方法をコード付きで紹介します。
プログラミング 【Vue/Nuxt/Next】開発環境で頻発！CORSエラーを解決するプロキシ設定とAPIアクセス方法
Vue.jsやNuxt.jsでの開発中に遭遇しがちなCORSエラーの解決策を徹底解説。同一オリジンポリシーの原因から、開発サーバーでのプロキシ設定（Rewrites）、サーバーサイドでのヘッダー修正まで、具体的なコード例付きで紹介します。