第1回：インストール不要！ブラウザだけの秘密の開発室を開こう

みなさん、こんにちは！「超初心者向けWebアプリ開発講座」へようこそ！インストラクターの熱血担当です。今日から一緒に、Webアプリを作る最高にエキサイティングな冒険を始めましょう！

プログラミングを始める時、一番の壁になるのが「環境構築」という面倒な準備作業です。「ソフトをダウンロードして、設定をして…」なんてやってるうちに、やる気が削がれちゃいますよね？

でも、安心してください！今日は「ブラウザを開くだけ」で、今この瞬間から世界一プログラミングがしやすい環境を整えます。準備はいいですか？さあ、扉を開きましょう！

ステップ1：魔法のツール「CodePen」にアクセスしよう！

まずは、ブラウザ（ChromeやSafariなど）を開いて、CodePenというサイトにアクセスしてみてください。ここは、Web開発者が世界中で愛用している、いわば「Webアプリの秘密基地」です。

サイトを開いたら、右上の「Start Coding」というボタンをポチッと押してください。これで、あなた専用の開発室が立ち上がります！どうですか？画面が3つのエリアに分かれましたよね？

画面に並んでいる3つのパネル、これこそがWebサイトを作る「魔法の三銃士」です。それぞれこんな役割を持っています。

さあ、理屈はここまで！実際に手を動かしてみましょう。HTMLパネルに、以下の魔法の呪文を打ち込んでみてください。

<h1>こんにちは、未来のエンジニア！</h1>

打ち終わると、下のプレビュー画面に文字が出てきませんか？そうです、あなたが今、Webサイトに命を吹き込んだんです！最高にワクワクしませんか？

おめでとうございます！これであなたは、いつでもどこでもプログラミングができる「Web開発者」の仲間入りです。面倒な設定なんて一切いらない。必要なのは、あなたの「作ってみたい！」という熱い気持ちだけです。

次回は、CSSを使ってこの文字をカラフルにしたり、動かしたりして、もっともっとかっこいいWebページに仕上げていきましょう！

今日作った画面を眺めながら、「次はどんなすごいものを作ろうかな？」って想像を膨らませておいてくださいね。次回も最高の熱量でお待ちしています！一緒に世界を変えるアプリを作りましょう！