※この記事は、私が実際に行ってきた学習体験をもとに、
思考フレームを指定してAIに再構成させた記事です。
同じ内容を、フレームを使わずに書いた元の記事はこちらです。
→[元の記事はこちら]
AI時代の学習ドキュメント
はじめに|これは成功体験ではなく、学習の記録
このドキュメントは、HTML・CSS・JavaScript・PHPをほぼ何も知らない状態から、ChatGPTに聞き続けながらWebアプリを作った記録を、
- 時系列ログ
- 構造化された学び
- 再現可能な学習プロセス
として再編集したものです。
ノーコードや効率化が進む今だからこそ、
「仕組みをうっすら理解しながら作る」学び方が、どんな人に向いていて、どんな人には向いていないのかまで含めて、正直に書きます。
学習の出発点|なぜブログより先にアプリを作ったのか
WordPressを立ち上げた直後、私はなぜか記事を書く前に、
「猫の記録管理アプリ」を作り始めました。
理由はとても単純です。
- 作りたいものが先にあった
- 正解ルートを知らなかった
- できる/できないの境界を確かめたかった
ここで重要なのは、学習目的が「勉強」ではなかったことです。
AIに聞く → そのままやる → 動く、という最初の衝撃
ChatGPTに聞いた最初の質問は、
「スマホで動くアプリを作りたい」
返ってきたのは、意味不明なコードの塊。
理解はゼロ。
それでも、言われた通りに:
- メモ帳に貼る
- index.html として保存
- サーバーに置く
すると、スマホで画面が表示された。
ここで起きたのは、
- 理解より先に体験が来た
- 成功体験が学習動機になった
という、AI時代特有の学習スタートです。
地獄ポイント①|保存できない問題
- 保存ボタンを押す
- 消える
- PCでは動くがスマホではダメ
- 写真を入れると壊れる
エラーは出ない。理由も分からない。
この時点で作っていたものは、
見た目だけアプリで、データを持たないUI
でした。
点がつながった瞬間|Webアプリの正体
試行錯誤の中で、ようやく構造が見えてきます。
- HTML:構造
- CSS:見た目
- JavaScript:動き
- PHP:保存・処理(サーバー側)
保存できなかった理由はシンプルで、
「サーバー側の処理が存在していなかった」。
ここで初めて、
ブラウザの中と、サーバーの向こう側は別世界
という感覚を持ちました。
地獄ポイント②|サーバーと404
PHPを使うために、
- save.php
- update.php
- delete.php
- data.json
という正体不明のファイル群を作成。
結果:404地獄。
ここで学んだのは、
- 「置いたつもり」と「正しい場所にある」は違う
- URLとファイル構造は一致していないと動かない
という、実務でしか身につかない感覚でした。
保存できた瞬間|理解してなくても、作れている
ある日、スマホで「保存」を押したら、
- データが残った
この瞬間の感覚は、
理解してないけど、確実に一段進んだ
というものでした。
AI時代の学習では、
- 完全理解 ≠ 前進
が頻繁に起きます。
勝手に進化するアプリ
気づけば、
- 編集
- 削除
- 写真対応
- デザイン調整
- PWA化
まで到達。
ここで起きていたのは、
作る → 詰まる → 聞く → 直す → 少し分かる
というループの高速回転です。
AIに聞き続けると何が起きるか
起きること
- 正解ルートは教えてくれない
- その場で動く解は出してくれる
- 自分の理解レベルに引きずられる
起きないこと
- 体系的な学習順序の自動構築
- エラーの先回り説明
- 「これはやめた方がいい」の判断
AIはナビではなく、即席の作業相棒です。
初心者が最低限おさえるべき5点
- ブラウザとサーバーは別
- 保存処理はサーバー側が担当
- 動いた=安全・正解ではない
- エラーが出ない不具合は普通にある
- 分からなくても、構造は意識する
この学び方が向いている人
- 作りたいものが先にある
- 詰まっても調べ続けられる
- 完全理解を後回しにできる
- 体験から逆算して理解したい
この学び方が向いていない人(重要)
- 正解ルートが最初から欲しい人
- 理解できない状態が強いストレスになる人
- コピペに罪悪感がある人
- セキュリティ・設計を最初から完璧にしたい人
この方法は、
遠回りで、危なっかしくて、非効率です。
それでも、
「仕組みをかすかに感じながら作る」
という体験は、確実に残ります。
おわりに|これはAI時代の一つの学習ログ
これは、万人向けの成功法則ではありません。
ただ、
- AIと一緒に
- 分からないまま進み
- 体験から構造を掴む
という学び方が、
確かに成立するという記録です。
必要な人にだけ、届けばそれで十分だと思っています。

コメント