会員登録すると
学習することができます。
会員登録する(無料)
登録済みの方はこちら
ログイン

ソースコードを編集してみよう(編集編)

目安学習時間 7分

課題

全問正解でレクチャー完了です。

【問題1】

この回で扱った操作の組み合わせとして正しいものはどれ?

[選択肢]

【問題2】

ソースコードを保存したときにブラウザの表示が自動で更新されるのは何が動いているから?

[選択肢]
会員登録すると
学習することができます。
会員登録する(無料)

学ぶ目的

エディタでソースコードを見る

開発サーバーを立ち上げたまま、Visual Studio Codeでソースコードを開きます。どのファイルが画面のどこに対応しているのかを掴むことが最初の一歩です。

追加・削除・編集を体験する

<h1>Hello Next.js!</h1> を追加してみる、Imageタグを削除してみる、既存の文言を書き換えてみる。編集して保存すると、ブラウザの表示が即座に更新されます。この即時反映が開発サーバーを立ち上げておく理由です。

壊すことを恐れない

この段階では、思い切って触ってみることが一番の学習になります。おかしくなっても元に戻せる——それを支えるのがGitです。

このレクチャーで学ぶこと

  • Visual Studio Codeでソースコードを眺める
  • HTML要素を追加する
  • HTML要素を削除する
  • HTML要素を編集する

質問

まだ質問は投稿されていません。

質問投稿

ログイン後に質問の投稿ができます。