Angular入門 1日目

社内ツールをバックエンドを Go(goa)で、フロントエンドを Angular で作ることにした。

今日やったこと

angular-cli のインストール

とりあえずこれがあれば良いっぽい。

CSS フレームワークの選定

「css フレームワーク」とかでググって、見た感じが良さそうで、使いやすそうなやつを探した。

Bulma: Free, open source, and modern CSS framework based on Flexbox というのを使うことにした。

css 周りは 5 年ぶりくらい。flexbox というやつでレイアウト組めるらしく、なんかすげ〜と思った。

画面作成

とりあえずバックエンドとの連携は置いといて、画面を作り込んで行くことにした。

• プロジェクトの一覧画面
• プロジェクトの編集画面

を作った。ほとんど見た目の調整。

ページ毎に

1. ng g component hoge で component を作る
2. HTML を編集
3. router の設定に追加

って感じでやってるけど、これで良いのかわからん。

新規作成画面は、編集画面に空のオブジェクトを渡せば良いかな。
たぶん、router で新規用のパスを設定して、そこの初期値で空のオブジェクトを指定すれば良いんではないかという気がする。

それとも form の部分を切り出して、新規と編集はそれを利用する component にする、みたいなのが良いだろうか。

雑感

Angular のフルスタック感が Rails のそれと近い感じがして、初めは拒否反応があったんだけど、しばらく触ってみると面白くなってきた。

久しぶりの javascript と思っていたけど、Typescript はまたなんか違う感じだった。型があるので、安心感がある。