このサイトができるまで

このサイトを作ろうとした理由，最初のサイトを作るまでに検討・実施したことの記録

設計

サイト設計

何度かサイト作成したとき，最初からHTML・CSSでコーディングを始めるとフォントサイズや余白を考えずに作ってきた．今回はコーディングのまえに画面の設計（デザインカンプ）から作ることにしたツールはAdobe XDを利用

ページ数検討
- １ページにすべて納めるか複数ページにするか
- 現時点でサンプルコンテンツと将来的には文章を複数作ることになると想定されるので複数ページで決定
ワイヤフレームでレイアウトを検討
- 複数ページになるため，遷移するナビゲーションが必要と思い，２カラムれアウト（左ナビゲーション）を選択

各ページの統一感を保てるように色とフォントのセットを事前に決めた．

ページの構成を決めた後，次にカラーセットの検討した ColorDropを使ってよさそうな色を探した．ベースは白でそれに会う色を選んだ

フォントやアイコンセットまで検討しようとしたが，フォントはデフォルトでよくアイコンもしばらく利用する予定がなかったため保留

Netlifty使うにあたって，アカウント作成・GitHubとの連携を行った．アカウント作成，GitHub連携，サイト作成（HTMLサイト）を新規作成

設計で作った設計に沿ってHTMLコーディングを実施．マージン．パディングはAdobe DXでALT押しながら要素選択すると近くの要素との距離が表示されるためそれを見て，値を決めた．

最初に登録する動画は自分で作ったCanvasでのアニメーションにした．録画はWindowsデフォルトの動画キャプチャで行い，編集・エンコードはAviutlを利用した

デプロイは事前の設定のおかげでGitHubへプッシュするだけで完了．