SEワンタンの独学備忘録

IT関連の独学した内容や資格試験に対する取り組みの備忘録

TypeScriptで作るサンプルアプリ 第7章【補足】:Mapbox アカウントについて

結論だけ先に Mapbox の料金体系(超ざっくり) 主な無料枠(2025時点の感覚) 今回「何を使っているか」 使っているもの 使っていないもの(=課金ポイント回避) 無料枠を超える心配は? クレジットカード登録が必要な理由 重要 安心設定(推奨) 今回の位…

TypeScriptで作るサンプルアプリ 第7章:地図表示(最低限)

この章のゴール(超重要) 方針(なぜ Mapbox?) 1. Mapbox アカウント & トークン取得 手順 フロント用環境変数 2. ライブラリ導入(frontend) 3. Map コンポーネントを作る(重要) 作るファイル 4. page.tsx から Map を使う 編集するファイル 5. 動作…

TypeScriptで作るサンプルアプリ 第6章:位置情報の保存と表示

この章のゴール 全体構成(再確認) 1. バックエンド:保存APIを作る /locations POST を追加 チェックポイント 2. curl / PowerShell で単体確認(重要) PowerShell 期待結果 3. フロント:保存ボタンを追加 位置情報取得済み前提の状態 保存処理 ボタン p…

TypeScriptで作るサンプルアプリ 第5章:位置情報取得(ブラウザ)

ゴール(この章の完了条件) 前提条件 1. Geolocation API について(最低限) 2. フロント側に位置情報取得コードを追加 対象ファイル 3. フロントエンド起動 4. ブラウザで確認 手順 確認ポイント 5. Chrome DevTools で擬似位置を使う(重要) 手順 確認…

TypeScriptで作るサンプルアプリ 第4章:SQLite導入(ローカルDB)

ゴール(この章で必ず達成すること) 前提条件(重要・最初に読む) 1. Prisma をインストールする 手順 確認ポイント 2. Prisma 初期化 手順 3. SQLite の接続設定 手順 4. 位置情報テーブルを定義する 手順 5. DB を作成する(マイグレーション) 手順 確…

TypeScriptで作るサンプルアプリ  第3章:バックエンド雛形作成(API)

ゴール(この章の完了条件) 1. backend プロジェクト初期化 手順 2. 必要パッケージのインストール 手順 確認ポイント 3. TypeScript 設定 手順 確認ポイント 4. ソースフォルダ作成 手順 5. 最小API作成(health check) 手順 確認ポイント 6. 起動スクリ…

TypeScriptで作るサンプルアプリ 第2章:フロントエンド雛形作成

ゴール(この章の完了条件) 1. Next.js プロジェクト作成 手順 エラーが発生した場合 質問が出た場合の回答例 確認ポイント 2. フォルダ構成の確認 確認ポイント 3. 開発サーバ起動 手順 確認ポイント 4. ブラウザ表示確認(超重要) 手順 確認ポイント 5. …

TypeScriptで作るサンプルアプリ 第1章:開発環境の準備

ゴール(この章の完了条件) 1. Node.js の準備 手順 確認ポイント 2. pnpm のインストール 手順 確認ポイント 3. VS Code の準備 手順 必須拡張(最低限) 推奨(余裕があれば) 確認ポイント 4. プロジェクト用フォルダ作成 手順(重要) 5. 基本フォルダ…

位置情報アプリを個人開発する話:環境構築からAWSデプロイまでのロードマップ

今回の前提・選択(確定) 開発環境 実行・利用形態 最終的に目指す王道構成(ゴール) ローカル開発時の構成(スタート地点) 作って試すためのロードマップ 第1章:開発環境の準備(Windows) 第2章:フロントエンド雛形作成(Next.js) 第3章:バックエン…

ロマンティックAI現象

概要 1. 序論:ハルシネーションの向こう側 2. AI側の発生メカニズム 2.1 協調性バイアス 2.2 安全設計構造 2.3 会話継続最適化 2.4 理想推定補正 3. ユーザ側の心理的コスト 3.1 自己否定予約問題 3.2 全否定恐怖 3.3 認知防衛反応 4. 相互作用としての本質…