インターネットサービスの作り方 歴史から学ぶ、webサービスの作り方

1. インターネットの歴史から学ぶ
ウェブサービスの作り方
~ 2日目 ~
株式会社X-HACK

2. 前回の復習
• コンピュータは、データを0と1だけで表現する(二進法)
• マシン語、コンパイラ
• コンピュータの五大要素(入力、制御、演算、記憶、出力)
• インターネットの誕生
• URL,HTTP,HTML,WWW
• 生みの親、ティム・バーナーズ＝リー
• HTMLの基礎
• コマンドラインでファイル操作をやってみる
• Gitとは、Githubとは？
• テキストエディタ Atomの紹介
• テキストエディタでHTMLを書いてみよう
• JavaScriptを書いてみよう

3. webサーバーとは何か
？
• インターネットのその先

4. ブラウザとは何か？
• ブラウザは何をしているソフトウェア？

5. HTMLのおさらい
• HTML/CSS/JavaScriptの関係性

6. CSSフレームワーク
• bootstrap、materialUI、OnsenUI、など
• デファクトスタンダード

7. テンプレートを使う
• bootstrap4のテンプレートデザイン
• https://startbootstrap.com/template-
overviews/creative/
• https://github.com/BlackrockDigital/startbootstrap
-creative

8. サーバーを立てる
• webサーバーは自分で用意できる

9. Heroku
• 様々なクラウドサービス
• AWS、GCP、Microsoft Azure、IBM Cloud
サクラサーバー、X Server、自前で用意 etc ..

10. 何はともあれ動かす
• heroke CLI
https://devcenter.heroku.com/articles/heroku-
cli
• node.js
https://devcenter.heroku.com/articles/getting-
started-with-nodejs