1/29.log

log

今日は午前中からプログラミングをしていて途中で制作が終わったためnextを勉強していました。

午前中は昨日からしているカクテルアプリケーションです。ロジックが難しいと思っていたのですが思った以上に簡単と言うよりreact routerの使い方を中心に学ぶようなアプリケーションだったので機能の実装自体にはあまり時間がかかりませんでした。

ただreact routerのtsでの引数の取り方を示している記事が少なくその把握に時間がかかりました。これってやっぱりreact routerを使うのであればnext使おうといったスタンスなんですかね？ものすごく簡単な方法を解説しているものしか見当たらなかったので詳しく解説したものは需要あるかもしれないです。記事にすることを検討したいと思います。

それ以外の点は特に困ることがなかった気がします。機能を一通り終わらせたのでデザインをすることに。

デザインをした

テーマはもう「これ」と決めていたものがあってglass morphismを採用してみました。その結果が以下です。

ページはこれ以外にもあるのですが省略します。個人的には結構上手にできた気がするのですがどうでしょうか？今回もmaterial uiを採用していてmui themeを使ってテーマごと変えたりガラスを表す専用のスタイルをmakeStylesで作成したりしました。ただcssをmakeStylesで書いていたり単純にcssファイルに書いていたりともう少し統一感を持ってよかった気もしています。どうしてもmui themeだけではサポートしていない属性を追加させたりすることができなかったりしたのでcssも書きました。もう少し工夫できるような気もします、、、

Next.js

これが終わった後はnext.jsを勉強していました。やるか迷ったのですが迷っている時間がもったいないと思い直感を信じてやってみることに。とりあえずいつものチャンネルのチュートリアルを見て学習。

2日前の投稿だったので情報がかなり新しいです！

動画はそこまで長くなかったので既に見終わりました。見た感じreactの知識があればルーティング機能、レンダリングの機能あたりを抑えたら一通り使えるようになりそうです。

明日も引き続き勉強していきたいと思います。