フロントエンド開発とは何ですか

ようこそ！これからフロントエンド開発を学びます。これは私たちが提供する中で最も親しみやすく、短い単位に分かれたコースなので、どんどん進められます。

すべてのシーンが短く、シンプルに作られています。一度に学ぶのは小さなアイデア一つだけです。長い文章の壁も、プレッシャーもありません。きっと大丈夫です。

各レッスンの下部にある紫色の✨ AI Mentorボタンが見えますか？これはあなた専用のチューターで、モバイルとWebで24時間365日、無料で試せます。

行き詰まったらいつでもタップして、必要なものを選んでください。

• 💡 わかりやすく説明 — わかりにくいことを平易な言葉に変えます
• 📋 ステップごとに説明 — 問題を明確な手順に分解します
• 🗣️ 日常の例 — 現実の生活と結び付けます

ほかにもミニクイズ、コード例、質問があります。何でも質問してください。一人で学ぶことはありません。💜

母語で学びたいですか？もちろんできます！

レッスンの右上にある🌐翻訳ボタンをタップして、言語を選んでください（Webでも上部バーにあります）。すべてのレッスンがすぐに選んだ言語で表示されます。

いつでも元に戻せます。自分が一番学びやすい方法で学びましょう。🙌

フロントエンドとは、Webサイト上で見たりクリックしたりするものすべてです。ボタン、テキスト、色、レイアウトなどが含まれます。実際に人が触れる部分です。

フロントエンドは、テーブルやメニュー、装飾のあるダイニングルームです。裏側にあるキッチンがバックエンドです。お客様が楽しむ部分を作ります。

フロントエンドは、ChromeやSafariのようなブラウザー上で動きます。誰かがページを開くと、作ったものがその人の画面にすぐ表示されます。

フロントエンド開発者として、見た目や使い心地を決めます。ボタンは大きくて押しやすいでしょうか。テキストは読みやすいでしょうか。そこにあなたの腕が生きます。

アプリ、オンラインショップ、ダッシュボード、お気に入りのSNSフィード。どれにもフロントエンドがあります。一度意識すると、もう見過ごせません！

フロントエンドが何なのか、本当の意味でわかりました。簡単でしたね。次は、すべてのフロントエンド開発者が何かを作る際に使う3つのツールです。

ここでしっかり定着させましょう。フロントエンドは、Webサイトのどの部分でしょうか？