Closed tatsuya19881021 closed 2 years ago
色々書かせて頂きました。
自分の勉強不足などで不適切な内容があれば、すみません。
途中まで直に書いていましたが、一度ブラウザ戻って入力内容を飛ばしてしまったので、 ちょっと気持ちが…ってなり、箇条書きのような書き方とか混ざっているのはご了承下さい。
一応、下記のやつは別出ししました。(ここで伝える形で良いのやら…?)
src/components/layout/Layout.tsx
の引数名
直接関係ないところですが…ザーッと見た際に気付いたので、参考として書かせて頂きます。
沢山の指摘ありがとうございます。どれもごもっともです。まだ終えていないやつは、この後やっていきます。
以下を除き、issueを別に切り出したので、こちらはクローズとさせていただきます。
沢山の指摘ありがとうございます。どれもごもっともです。まだ終えていないやつは、この後やっていきます。
以下を除き、issueを別に切り出したので、こちらはクローズとさせていただきます。
- src/components/layout/Layout.tsxのtypo → 修正しました
- アイコンについて → 今回、Figmaと同じデザインにしたいと思ったのでこのようにしました。このプロジェクトでは、Mantineが使っているアイコンライブラリも使用していますが、そちらのTwitterアイコンなどは、デザインが簡略化したものとなっていました。
ちょっと気になる作り込みなど、あれば別途Slackなりで確認して頂けると幸いです。
正直、SSGとかそれ関連のコードはまだ理解が足りておらず、ニュアンスとしては分かるものの、 アドバイスやら意見やらを言えるほどではないので🙏
ふむふむ。確かにtabler iconsには良い感じのなかったですよね〜 自分はFont Awesome?のやつを採用しておりますが、React Iconsを利用することで tabler iconsと他のアイコンなども使えて重宝しております。
良いと思ったところ
src/utils/removeTags.ts
にて、関数化しているところ。気になったところ
src/utils/formatDate.ts
にて、自作フォーマット対応。getStaticProps
関数のcatch
処理。return
のデータ構造は正しい?↓ 下記のような、data を入れなくても問題無いか?↓
client.get
としている部分。getList, getListDetail
とすると TypeScript で扱いやすいとアーカイブのブログ作成動画で紹介されていたので、見直してみると良いかも。portfolioData
などの変数名。src/pages/portfolio/[id].tsx
での、Layoutコンポーネントへ渡す値。src/pages/contact.tsx
にて、お問い合わせ完了時に通知を表示。showNotification
のloading: true
などとしてあげて、 返ってきたら、その旨を通知するのも良いかな〜と思いました。HomeページのPortfolio。
Contactページの各入力エリアの幅が狭め。