動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合は ヘルプ「動画が見られない場合について」 もご覧ください。
Play
Current Time 0:00
/
Duration Time 0:00
Remaining Time -0:00
Stream TypeLIVE
Loaded: 0%
Progress: 0%
0:00
00:00
Mute
Playback Rate
    1
    Subtitles
    • subtitles off
    Captions
    • captions off
    Chapters
    • Chapters
    シアター
    • シアター
    • ピクチャ
    • 全画面
    x1.0
    • プレミアム会員になると動画の速度を変更できます
    男性ボイス
    • プレミアム会員になると講義音声を切り替えられます
    HD
    Loaded: 0%
    Progress: 0%
    0:00
    The video could not be loaded, either because the server or network failed or because the format is not supported.
    この動画には 2 件の補足情報があります。

    レッスンで分からないところはありましたか?

    プレミアムプランに登録すると現役エンジニアに質問できます。

    詳しくはヘルプ「質問機能とは?」をご覧ください。

    さて、ではさっそくファイルを作って編集してみましょう。
    ファイル管理のための EXPLORER を開くには Activity Bar のこちらのアイコンをクリックすれば OK です。

    文字起こしはプレミアムプラン向けの機能です

    詳しくみる

    HTMLファイルを作って編集していく流れについて見ていきます。

    • 作業用フォルダの追加
    • ファイルの作成
    • ステータスバーの確認
    • コードの補完
    • ファイルの保存
    2019年7月12日

    動画内ではmacOSを使っているので、Windowsをお使いの方はフォルダの作成方法が異なります。Windowsマシンでレッスンと同じように進めたい場合は、次のようにしてフォルダを作成してください。

    • VS Codeで「Open Folder」とする
    • エクスプローラーが開くので「デスクトップ」を選択する
    • フォルダやファイルではないところで、右クリックする
    • 「新規作成」をクリック
    • 「フォルダー」をクリック
    2019年7月12日

    Visual Studio Codeの動作確認を行いながら、Web系の開発を進めていく手順についてもみていきます。
    HTMLの基本については、以下のレッスンを参照してみてください。

    このレッスンの問題を報告する

    素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です

    詳しくみる

    ソースコードを閲覧するにはプレミアムプランへの登録が必要です

    詳しくみる

    このレッスンの問題を報告する