コントリビューターが30人以上になった！

[kazzyfrog]

概要

このスレを立てた現時点で、
Contributors.json に記載されている、コントリビューターのリストが30人です！

当初、
（とりあえず）トップページに表示できる絵文字を30個（１セクション10個*現在３セクション）
として、実装していました。

なので、これ以降のコントリビュートによって、
配列の先頭からサイト上に表示されなくなります！

これに関するアイデアを、ゆるく書いていきます👋

その他

上記以外にも、さらなる改善点、提案があれば、自由に書き込んでOKです！

[kazzyfrog]

アイデア 1：
「Thank you for 30+ Contributors 的なセクション」を追加して、
もう１０個絵文字を表示できるようにする

[pss-aileen]

はい、こちら問題ないと思います！
すみませんがよろしくお願いいたします🙇

[kazzyfrog]

めっちゃ仮ですが、
ざっくりこんな感じでどうかなーというの、一旦共有しておきます！

[kazzyfrog]

その他：

• 絵文字は、背景に合わせてNoto Emoji にしようかなと！
• 下のテキストはまだ仮で、微妙に変える可能性が高いです！
• 1番下のセクションとして追加する。

こんな感じで問題なければ、とりあえず実装して近日中にPR出しますよ！

[pss-aileen]

すごくいいと思います！！ありがとうございます！✨
個人的にはこちらでOKです！！

[kazzyfrog]

ありがとうございます👍
→ #252

[pss-aileen]

あと、このDiscussionで良いかわかりませんが、1つ気になっていたことがありました。

プルリクが続けてきて、いくつかを連続でマージした場合、自分が選んだ色が反映されている状態を確認できないのではないか？という点です。

個人的には自分が変更を加えて反映されているのを確認するのはすごく嬉しいというか、楽しいかなと思っているので、せっかくコントリビュートしていただいたからには見てほしい！！といった気持ちがあります。

実際コントリビュートしていただいた方に意見を伺えるのが一番いいのですが...。（もし誰か見てくださっていたら教えてください...！！！）

もうちょっと「貢献した感」「自分の内容がページに反映されている感」を出したいなと思っています。
具体的にまとまっているわけではありませんが、以下のような機能があれば、↑の悩みを少し解決できるような気がしています。

• トグルボタンを押すと、全部の絵文字が裏返り、ユーザーアイコンが表示された状態になる
• 各ユーザーのアイコンを押すと、その人の色が背景色に適応される

みなさんどう思いますか...？

[pss-aileen]

あ、あと、日本感がほしくメインカラーを赤としてヘッダーフッターなどに使っていましたが、これらも全部色変わればいいな...なんて思ってます...

[kazzyfrog]

プルリクが続けてきて、いくつかを連続でマージした場合、自分が選んだ色が反映されている状態を確認できないのではないか？という点

これは自分も思ってました！

できるだけ、数時間の間隔を空けるとかで工夫してましたが、確かに何かもっといい工夫できたら良さそうですね！

[kazzyfrog]

日本感がほしくメインカラーを赤としてヘッダーフッターなどに使っていましたが、これらも全部色変わればいいな...なんて思ってます...

これも、確かに赤と合わない？ケースもあると思うので、全部変える方向で揃えてもいいかもですね！

[kazzyfrog]

あと、余裕があれば、（気が向いた時にでも）
1番下のセクションの絵文字の表示を、もう少しはっきりさせてもいいかもです！

優先度は低そうですが、
色によっては、絵文字があるのかどうかわからない時があるので！

[pss-aileen]

最近 Noto Color Emoji があることを知って、そちらを使っても良いのかなと思い始めました。

ただ背景と馴染ませるとか、1番目のセクションのテキストが見づらくなるので対策は必要かなとは思うのですが、色付き絵文字にしたら、一番下のセクションでも存在感があるのでいいかな...！と思いました。

[kazzyfrog]

確かにいいかもですね！

確かに画面上が騒がし過ぎ？になるかもですが、
表示確認してみて背景と調整してみるのもいいかもです！

何より、薄い色でも、はっきり絵文字が見えそうです！

[kazzyfrog]

ちなみに、Noto Color Emojiに置き換えてみたら、こんな感じです！
現在のまま、透明度0.5とかだと、
カラーでも、意外とちょうどいいかもです！

問題なければ、合わせて変更しておきますよ！👍

[pss-aileen]

Noto Color Emojiありがとうございます！！
下の方も見えますね！
こちらで良いと思います✨🙆‍♀️

[kazzyfrog]

関連して、これも優先度低いですが、改善点として落としておきます！

現状

• ユーザーがチュートリアルを完了した時に、Prettierによるフォーマットが行われていない！
  →完全にうっかりしてました。。
  →Huskyは、npmパッケージなので、当然ユーザーがnpm installしない場合は動作しない。
  →なので、Prettierによるフォーマットが行われてないですね

解決策

GitHub Actions で、GitHub上でpush時などに、npm formatコマンドを実行し、コミットする！
→これで、GitHub上で強制的に（ユーザーに負担をかけず）Prettierを走らせることができるかと思います！

参考：

#250

[pss-aileen]

直近のプルリクで、Contributions.json でインデントがなかったのですが、どうしようか迷った結果、そのままマージしてしまったので着手したいなと思いました。ちょっとこちら始めてなのでやり方調査してみます。

[kazzyfrog]

了解です！

新たに、Actions のワークフローファイルを作成し、
その中で、PRのタイミングなどで prettier（ついでにESLintも一緒に実行しても良いかも）の実行・書き込みを行う感じですかね！

[pss-aileen]

こちら私やってみてもいいですか？ちょっとお時間いただくかもしれませんが...！やりたいです！

PRのタイミングなどで prettier（ついでにESLintも一緒に実行しても良いかも）の実行・書き込みを行う感じですかね！

PRのタイミングで走らせることもできるんですね！試してみます！

[kazzyfrog]

ぜひぜひ！🙌
お手隙の際で大丈夫ですよ！

Actionsのワークフローを発火させるイベントめっちゃあるので、今回だとPRのタイミングとかが良いかもですね！

よろしくお願いしますー！