はじめに

去年、転職活動をしていた際に自分のサイトがあるかを聞かれたことをふと思いだし、
Adobe XD, HTML+CSSの勉強も兼ねて作ってみました。

使った言語、ツール、サービス

普段仕事ではサーバーサイドしか触らないので、デザイナーさんやフロントエンジニアの方々がAdobeを使って綺麗な画面を設計しているのを見て、密かに憧れていました。

Adobe XDというツールが無料で使えるというのを教えてもらい、
せっかくなのでXDを使ってみました。

Adobe XDの使い方は基本的にudemyの以下のコースを参考にして、あとはひたすらググってました。
https://www.udemy.com/web-expert/

トップ画像の素材は写真AC という素材サイトから拝借しました。

メニューボタン画像はアイコンをfont-awesomeから適当に選び、文字と組み合わせてからSVG出力しました

最近Angularを少し触っていたので、Angularを選択。
素のHTML,CSSを書いていくのはちょっと厳しいので pug, stylus で書いていきました。

最初はコンポーネントとか考えずに app.component.pugに全部書いていき、ある程度書けたら
コンポーネントに分けて行きました

ホスティングもせっかくなので、最近名前をよく聞くNetlifyを使ってみました

新規登録し、プロジェクトを作成して、少し設定したら簡単に公開できたので感動しました