ブログサイトを作ろう

制作の動画はこちら

制作環境

制作環境のキーワードは以下のようになります

1. Windows 10 (OS)
2. Visual Studio Code (Editor)
3. Google Chrome (Browser)
4. Git
5. Node.js
6. Yarn
7. Typescript + Javascript
8. GatsbyJS(React)
9. Markdown
10. Github
11. Netlify

Webサイトとは?

HTMLというフォーマットで書かれた文字をブラウザが解釈して表示しているもの

デモ

Webサイトを表示する流れ

サーバーとは?

データを配信するための受信専門のPC

今回使用したサーバー

Netlify

1. 静的ウェブサイトのためのホスティングサービス(サーバー)
2. サンフランシスコにある
3. 費用は無料
4.  

Gitとは?

• バージョン管理ツール
• 制作者はリーナス・トーバルズ
• 現在の管理者は濱野純

Githubとは?

• Gitで管理されているプロジェクトを保管したり、共有したり、公開したりできるWebサイト
• 現在の管理会社はMicrosoft

Githubとは?

• Gitで管理されているプロジェクトを保管したり、共有したり、公開したりできるWebサイト
• 現在の管理会社はMicrosoft

静的サイト

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin urna odio, aliquam vulputate faucibus id, elementum lobortis felis. Mauris urna dolor, placerat ac sagittis quis.

動的サイト

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin urna odio, aliquam vulputate faucibus id, elementum lobortis felis. Mauris urna dolor, placerat ac sagittis quis.