40分でウェブサイトを公開する

Overview

「目の前で、自分の手で、コードを書いて、40分でウェブサイトを公開してみる」
という体験をしてもらうための記事です。

サンプルコードも提供しています。

最終成果物はこんな感じです。

[ここにスクリーンショット]

Motivation/Context

「目の前で、自分の手で、コードを書いて、40分でウェブサイトを公開してみる」
という体験をしてもらうための記事です。

この流れが理解できれば、あとはご自身で勉強しながらどんどん練度が上がっていくはずです。

今回はHTMLページの公開ですが、とりあえずこれができるようになればウェブサイトを自作できると言えるようになるでしょう。

普通であればサーバーを契約したりと面倒なことが多くお金もかかりますが、今回は無料で半永久的に使えるホスティングサービスを利用するので、応用力も高いです。

Get Started!!

1. 【Local】docs/index.htmlの作成
2. 【Local】コードのコピー
3. localhostで表示してみる
4. 文言を修正してみる
5. 写真を変更してみる
6. Githubアカウントの作成
7. リポジトリの作成
8. docsディレクトリをcommit
9. Pagesで公開
10. QRコードを作成
11. スマートフォンでサイトを見てみる
12. アンケートにご協力ください。