【比較検証】同じ体験ログを「思考フレーム」に通すと、こう変わる― ChatGPT生成記事 vs 思考フレーム適用後

AI体験・観察記録

※この記事は、私が実際に行ってきた学習体験をもとに、
思考フレームを指定して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点

  1. ブラウザとサーバーは別
  2. 保存処理はサーバー側が担当
  3. 動いた=安全・正解ではない
  4. エラーが出ない不具合は普通にある
  5. 分からなくても、構造は意識する

この学び方が向いている人

  • 作りたいものが先にある
  • 詰まっても調べ続けられる
  • 完全理解を後回しにできる
  • 体験から逆算して理解したい

この学び方が向いていない人(重要)

  • 正解ルートが最初から欲しい人
  • 理解できない状態が強いストレスになる人
  • コピペに罪悪感がある人
  • セキュリティ・設計を最初から完璧にしたい人

この方法は、
遠回りで、危なっかしくて、非効率です。

それでも、

「仕組みをかすかに感じながら作る」

という体験は、確実に残ります。


おわりに|これはAI時代の一つの学習ログ

これは、万人向けの成功法則ではありません。

ただ、

  • AIと一緒に
  • 分からないまま進み
  • 体験から構造を掴む

という学び方が、
確かに成立するという記録です。

必要な人にだけ、届けばそれで十分だと思っています。

コメント

タイトルとURLをコピーしました