【メンテナー必読: 共有事項】バージョン1リリースまでにすること

[pss-aileen]

• Project: https://github.com/orgs/first-contributions-ja/projects/2
• Milestones:
  • ロゴ・関連画像が準備後のタスク Milestone
  • ドッグフーディング後のタスク Milestone

---

• バージョン1リリースまでの間に全員に共有すべき内容があればこちらに投稿

[pss-aileen]

コーディングにまつわること

• 増えてきたらコーディング規約にまとめる

[pss-aileen]

<Image> の src は ${BASE_PATH}/xxx.svg とすること

<Image src={`${BASE_PATH}/vercel.svg`}

< Image >で画像を扱うときは、Github Pagesにデプロイする関係で、basePathをimportして、srcのパスの先頭につけないといけないことだけ、注意しておいてください！

参考

• fix/font #37 (comment)

[pss-aileen]

Tailwind CSSは そのまま className に書く

• CSSをまとめて使い回したりを考えていたが、これらは最後にすることになった
• そのため className にガシガシ書き足す方針で

[kagomen]

アイコンを使用する

Material-Iconsを導入しました。 #86

使用方法

使用するページでimportしてから使用します。
classNameを指定して直接スタイル当てられます。

import TwitterIcon from '@mui/icons-material/Twitter';

 <TwitterIcon fontSize="large" className="text-white"/>

参考: https://mui.com/material-ui/material-icons/

[pss-aileen]

ブランチ命名規則の変更

ブランチ名を _ で区切っていましたが、- で区切るよう変更しました

docs/#01-create-documents

参考: #96 (comment)

[kagomen]

マークダウン記入時の規則の追加

• 英単語の前後は半角空白を入れる
• なるべく正式名称を使う

参考 #103 (comment)

[pss-aileen]

デザインに関すること

[pss-aileen]

実装イメージ

2024/03/18 ちょっと更新しました

過去の実装イメージ

• デザインについて
  • 「手順」の左の白丸はアイコン決めれなかったので丸にしているだけです。適切なアイコンをお願いいたします🙇‍♀
  • サイトタイトルの左側の●もとりあえず入れているだけなので、プロジェクト独自のロゴや何かができれば差し替える。とりあえず●ですすめてみる
  • イメージなので、好きに作り変えていただいてOKです！
  • 日本っぽくとりあえず赤色採用
  • とりあえずシンプルにしてます（後にわちゃわちゃにすれば良いかと）
• 素材: https://www.openpeeps.com/

参考

• 実装迷わないための仮デザイン（すみません、勝手に作りました） #46

[pss-aileen]

ページ構成について

• TOPだけ作成
  • ヒーローエリア
    • CTAなしで
    • イラストと
    • 見出し、リード
  • 「コントリビューションの簡単7ステップ」コントリビュートの方法の概要
    • 目次だけをまとめる！！
    • README.mdに飛ばす（CTA）
    • 「詳しい手順はこちら」
  • ヘッダー
    • サイトタイトル（TOPのリンク付き、もしくリンクなしでも良いかも）のみで
    • 初期のカンプのヘッダーの右側にあるグローバルナビ（HOME、ABOUT）は実装しない方向になった
    • ざっくり初期カンプ
    • 

---

• 個人個人のカードをどうするか...
  • とりあえずはどこにも表示させない！！！
  • contribution.json に書き加えるというのができればOK
  • シングルページ的ものか、一覧を表示させるかは要相談

---

• ABOUTは消す方向で

[pss-aileen]

カラー

• メインカラー: #DC2626 TailwindCSS: Red600
• テキストカラー: #18181b TailwindCSS: Zinc900

[kagomen]

すみません、こちらテキストのグレーのカラーをZinc900からStone800に変更してます！
カラーコードは#292524です

[pss-aileen]

その他

[pss-aileen]

テスト投稿

• 情報をまとめてみやすくするためにコメントをカテゴリーごとに投稿
• そのリプライに共有事項を足していくスタイルをとればわかりそう
• アサインがないので通知がいかない？かも？

[kagomen]

Wikiに記載したので、ピン外します！