結論だけ先に Mapbox の料金体系(超ざっくり) 主な無料枠(2025時点の感覚) 今回「何を使っているか」 使っているもの 使っていないもの(=課金ポイント回避) 無料枠を超える心配は? クレジットカード登録が必要な理由 重要 安心設定(推奨) 今回の位…
この章のゴール(超重要) 方針(なぜ Mapbox?) 1. Mapbox アカウント & トークン取得 手順 フロント用環境変数 2. ライブラリ導入(frontend) 3. Map コンポーネントを作る(重要) 作るファイル 4. page.tsx から Map を使う 編集するファイル 5. 動作…
この章のゴール 全体構成(再確認) 1. バックエンド:保存APIを作る /locations POST を追加 チェックポイント 2. curl / PowerShell で単体確認(重要) PowerShell 期待結果 3. フロント:保存ボタンを追加 位置情報取得済み前提の状態 保存処理 ボタン p…
ゴール(この章の完了条件) 前提条件 1. Geolocation API について(最低限) 2. フロント側に位置情報取得コードを追加 対象ファイル 3. フロントエンド起動 4. ブラウザで確認 手順 確認ポイント 5. Chrome DevTools で擬似位置を使う(重要) 手順 確認…
ゴール(この章で必ず達成すること) 前提条件(重要・最初に読む) 1. Prisma をインストールする 手順 確認ポイント 2. Prisma 初期化 手順 3. SQLite の接続設定 手順 4. 位置情報テーブルを定義する 手順 5. DB を作成する(マイグレーション) 手順 確…
ゴール(この章の完了条件) 1. backend プロジェクト初期化 手順 2. 必要パッケージのインストール 手順 確認ポイント 3. TypeScript 設定 手順 確認ポイント 4. ソースフォルダ作成 手順 5. 最小API作成(health check) 手順 確認ポイント 6. 起動スクリ…
ゴール(この章の完了条件) 1. Next.js プロジェクト作成 手順 エラーが発生した場合 質問が出た場合の回答例 確認ポイント 2. フォルダ構成の確認 確認ポイント 3. 開発サーバ起動 手順 確認ポイント 4. ブラウザ表示確認(超重要) 手順 確認ポイント 5. …
ゴール(この章の完了条件) 1. Node.js の準備 手順 確認ポイント 2. pnpm のインストール 手順 確認ポイント 3. VS Code の準備 手順 必須拡張(最低限) 推奨(余裕があれば) 確認ポイント 4. プロジェクト用フォルダ作成 手順(重要) 5. 基本フォルダ…
今回の前提・選択(確定) 開発環境 実行・利用形態 最終的に目指す王道構成(ゴール) ローカル開発時の構成(スタート地点) 作って試すためのロードマップ 第1章:開発環境の準備(Windows) 第2章:フロントエンド雛形作成(Next.js) 第3章:バックエン…
概要 1. 序論:ハルシネーションの向こう側 2. AI側の発生メカニズム 2.1 協調性バイアス 2.2 安全設計構造 2.3 会話継続最適化 2.4 理想推定補正 3. ユーザ側の心理的コスト 3.1 自己否定予約問題 3.2 全否定恐怖 3.3 認知防衛反応 4. 相互作用としての本質…