初心者向け！プログラミング講座

こちらのプログラミング講座の記事にお越しいただき、ありがとうございます！

本記事は プログラミング完全初心者の方向け に、
動画を見ながら基礎をやさしく理解できる内容になっています。

「プログラミングって何から始めればいいの？」
「HTML・CSS・JavaScriptって聞いたことはあるけど違いが分からない…」

そんな方でも、イメージから理解できる ように構成しています。

講座全体の構成（動画一覧）

本講座では、以下 5本の動画 を順番に公開していきます。

①HTML・CSS・JavaScriptとは？超初心者向け全体概要

②HTMLの基礎｜Webページの骨組みを作ってみよう

③CSSの基礎｜Webページにデザインをつけよう（※準備中）

④JavaScriptの基礎｜Webページに動きをつけよう（※準備中）

⑤基礎だけで作る！超シンプルなWebサイトを作ってみよう（※準備中）

現在は
① 全体概要 と ② HTMLの基礎 の2本を公開中です。
残りの動画も順次アップデートしていくので、ぜひ最後までチェックしてみてください！

🎥 動画①　HTML・CSS・JavaScriptとは？超初心者向け全体概要

まずはこの動画で、

• 
  

  HTML・CSS・JavaScriptそれぞれの役割

  
  


• 
  

  Webサイトがどのように作られているのか

  
  

を 専門用語を使わずに 解説しています。

「今は全部理解できなくてもOK」なので、
まずは全体像をつかむこと を目的に、気軽に見てみてください。

🎥 動画②　HTMLの基礎｜Webページの骨組みを作ってみよう

この動画では、
Webページの「土台」になるHTMLの構造 を一緒に確認していきます。

特別な開発環境は不要 です。
動画と同じペースで試したい方は、以下のサイトを使ってみてください。

🔗JS Bin
https://jsbin.com/

ブラウザ上で簡単にHTML・CSS・JavaScriptを書いて、すぐに表示結果を確認できます。

また、
Sora公式サイト「sora.ing」 を使った
「HTMLが実際にどう表示されているかを見る方法」も動画内で紹介しています。

今後の動画について

この後は、

• 
  

  CSSで見た目を整える方法

  
  


• 
  

  JavaScriptで動きをつける方法

  
  


• 
  

  基礎だけを使った簡単なWebサイト制作

  
  

と、少しずつステップアップしていきます。

「分からなくて止まってもOK」
「全部完璧に理解しなくてOK」

動画を見ながら、
「なんとなく分かる」→「少し分かる」 を一緒に積み重ねていきましょう！

今後の講座改善の参考とさせていただくため、差し支えなければアンケートへのご回答をお願いいたします！

https://docs.google.com/forms/d/e/1FAIpQLSfeuCc5jS0yVMgSswVj9QncdrJdWJt6aO2LQkV1bhvePaiLqA/viewform?usp=dialog