ABOUTセクションの実装

[kagomen]

概要

ABOUTセクションの実装

関連するIssue

closed #56

その他

• スタイルのfont-extraboldが適用されなかった
  • そのためこのコミットではfont-boldとした
• 試しにlayout.tsxのNotoSansJPのweightをコメントにして実行したら適用された

const notojp = Noto_Sans_JP({
  // weight: ["400", "500"],
  subsets: ["latin"],
  variable: "--font-notojp",
})

• NotoSansJPはバリアブルフォントなのでweightの指定は不要らしい

  • バリアブルフォントとして使用する方がパフォーマンスも良くなるらしい？
  • 参考

• 特に意図がなければweightの設定は不要かなと思ったのですが、ご意見あればお聞かせください！

残課題

• layout.tsxでのweightの設定を変更する場合はイシューを立てる
• リンク先未実装 →buttonタグをaタグに変更し、実装した
  • Next.jsのLinkは別リポジトリ（？）の場合は必要なかったような？
  • 調べます！！ →next/linkはリロードせずにページを読み込む仕組みなので今回は不要

[kagomen]

基本的なこと

• ページ内のアクションを実行する場合はbutton
  • フォームの送信、画像の変更、ダイアログボックスの表示など
• ページ外のリンクにアクセスする場合はa

参考

→プロジェクトのページに飛ばすのでaタグを使用する

[pss-aileen]

実装ありがとうございます！
2点ご提案です！
ご確認よろしくお願いいたします🙇‍♀️

[pss-aileen]

カンプに「⚫︎」を書いていたのですが
個人的にはあれは「仮アイコン」だったのと、
GitHubに飛ばしているので
GitHubアイコンが良いかな...と思いますがいかがでしょうか？

[kagomen]

●も一応仮置きとしての記号だったのですが、現時点でロゴマークの制作できるかもわからないですし、GitHubのアイコンにするのが良さそうですね！
nextのアイコンの使い方等調べてから、実装します🚀🌟
ありがとうございます✨

[pss-aileen]

どちらでも良いかなと思ったのですが、
「順序リスト」として実装しても良いのかなと思いました！
ol、li ですね。

いかがでしょうか？

[kagomen]

絶対その方が良いです……！
修正します！ありがとうございます✨

[pss-aileen]

• 特に意図がなければweightの設定は不要かなと思ったのですが、ご意見あればお聞かせください！

こちらちょっと調査しますね！

[kazzyfrog]

PRありがとうございます！

簡単７ステップの内容に関して、以下のようにするのはどうでしょう？
最初のステップに、forkする事を追加する

例：1. Github上で[プロジェクト名]のリポジトリをフォークする

下記の3.4はまとめても良いかもですね！
そしたら、そのまま７ステップのままで良いかもです

3. ソースコードを変更する

4. 変更をコミットする

最後の7のマージは、個人的に以下のようにポップにしても良いのかなと思いました！

あなたの変更がメインプロジェクトに反映されます🎉

[kagomen]

@kazzyfrog

ご提案ありがとうございます🙏

あなたの変更がメインプロジェクトに反映されます🎉

こちらすごく良さそうですね！
フォークの件も承知しました🌟

また、こちらの７ステップですが、雰囲気がわかりやすいよう仮置きとして記載したもので、READMEが完成した段階で再度編集する予定でした！
なので、もっと改善できるようであれば、README.mdが完成された段階などで、ご提案（もしくは勝手に編集していただいても大丈夫です！）いただけると幸いです！🌈

[pss-aileen]

const notojp = Noto_Sans_JP({
// weight: ["400", "500"],
subsets: ["latin"],
variable: "--font-notojp",
})

こちらの件、 #80 をみられたと思いますが
Variable fontsはそもそもNext.jsでweightを設定しなくて良いと書いてあったので、削る方向で良さそうです！！🙆‍♀️
https://nextjs.org/docs/pages/api-reference/components/font#weight

[kagomen]

@pss-aileen
確認ありがとうございます！了解です！

調査中かと思いますが、こちらの件 #81 と合わせて変更できると良さそうです✨
イシュー立てておきます！

[kazzyfrog]

@kagomen

READMEが完成した段階で再度編集する予定でした！
なので、もっと改善できるようであれば、README.mdが完成された段階などで、ご提案（もしくは勝手に編集していただいても大丈夫です！）いただけると幸いです！🌈

確かにそうですね！了解です！🙌

[kagomen]

#86 こちらで悩んで、勝手ながらMaterial-Iconsの導入をしてみました。
以下、変更後のビューになります。

またライブラリの導入にあたって、package.jsonやnext.config.jsに変更があるので、そちらの確認もお願いできればと思います。
next.config.jsの変更は、ライブラリのパフォーマンス改善を行うためのものです。
参考

[kazzyfrog]

良いと思います！
コミットの分け方も見やすい👍

[kazzyfrog]

LGTM🥳