AI x Coaching

自分を破壊し、
AIと創造する

Webサイト改修ライブコーディングに学ぶ、本気の変革プロセス

1. 変革の狼煙:覚悟の「自己破壊」宣言

教室の幕開けは、ある参加者の衝撃的な決意表明でした。「私も自分を破壊することにしました」。過去の自分を真摯に省み、今までのやり方では変われないと、AIの力を借りてでも変革を遂げるという強い意志を示したのです。

自己破壊と再生のイラスト NEW ME
これは今までのやり方で直しててもダメだなって急に思って…AIに見てもらって、私のこの自分に対する怒りを全面に出した文章にしてくださいって…すごい言葉を書いてくれて、それ読んでたらすっごいはまってきてる。ぴったりって思って。

自分への怒りさえもエネルギーに変え、具体的なアウトプット(ウェブサイトの完成)へと向かう。これこそが、停滞を打破する変革の第一歩なのです。

2. AIと共闘:Webサイト改修ライブコーディング

宣言は行動へ。AIを相棒に、リアルタイムでウェブサイトのコード修正に挑む姿は、まさに現代の学習スタイルそのものでした。

AIと協力するイラスト <div class="size-up"> <img src="new_ilus.svg" /> </div> 🤔
あ、できたんですけど、すげえちっちゃくなっちゃった。
うわ、すっげえでかくなっちゃった。…やばい。やばい。巨大化。

イラストのサイズが極端に変わるというエラーに直面。しかし、彼女はそこで止まりません。「これを調整したいです」と即座にAIに問いかけ、対話を繰り返す。この「エラー → 問い → 試行 → 解決」のサイクルこそが、AI時代の爆速成長ループなのです。

3. 謎の現象:「なぜ50で縮んだ?」の深層

作業終盤、スペースを調整するために数値を「50」に設定すると、レイアウトが逆に縮まるという不可解な現象が発生。これは単なるバグではなく、深い学びへの入り口でした。

謎と解決のイラスト ? space-y-8 → OK space-y-32 → OK space-y-50 → ??? 4の倍数
感覚をさらに広くしたい場合なんかこれって32とか言われたんですけど何進法とかあるんですかね。…なんか2進法とかなんかわかんないですけど。

彼女の「二進法?」という推測は、本質を突いていました。これはWeb開発で使われるTailwind CSSが、デザインの一貫性を保つための「4の倍数」を基本とした設計思想を持つためです。定義外の数値が予期せぬ挙動を招いたのです。言われた通りにやるだけでなく、「なぜ?」と背景にあるルールを探求する姿勢が、本質的な理解を生み出します。

4. 5つの神髄:コーチング的学び

今回のセッションから見えた、あなたのバドミントンと人生を加速させる5つの本質的な学びを紹介します。

自己破壊から始まる真の成長

過去の成功体験やプライドは、時に成長を妨げる足枷となる。「自分を破壊する」覚悟で過去を断ち切り、まっさらな状態から始める勇気が、変革の扉を開く。

AIは思考を拡張するパートナー

AIは単なる検索ツールではない。壁打ち相手、ブレインストーミングの相棒、デバッグの助言者。対話を通じて、一人では見えない視点や解決策を与えてくれる最強のパートナーだ。

エラーと試行錯誤こそ最良の教材

失敗はデータである。レイアウト崩れや予期せぬ挙動は、学びを深める絶好のチャンス。うまくいかない原因を探求するプロセスこそが、あなたを本当に強くする。

アウトプットへの執着が学習を加速させる

「とにかく完成させる」という具体的な目標が、全ての学びに意味を与える。知識のインプットで満足せず、形にするまでやり遂げる執着が、スキルを本物に変える。

「なぜ?」の探求が本質的な理解を生む

表面的な操作の先に、「なぜそう動くのか?」という原理原則への探求心を持つこと。その本質への問いが、どんな状況にも対応できる応用力を育む。

5. 即実践!アウトプット習慣チェックリスト

学びを行動へ。今日からあなたも「創造者」になるためのアクションリストです。一つずつクリアして、成長を習慣化しましょう。