【第6回】2024年04月21日

[kagomen]

目次

目次はトピックを立てた人が書き加えてください

• 画像化する絵文字のフォントについて

  • 結論: Appleアイコンの次に見慣れているTwemoji

• デザイン案の持ち寄り

  • 結論:
    • 仮のデザイン案をもとに調査を進めていく。調査後、改善・修正箇所が判明したら（必要であれば）最終的なデザインカンプを用意し、その後実装に移る。
    • デザイン案は結論とFigmaを参照

• どのようにユーザーにLGTM画像を共有するか？

  • DL用ページを生成する
  • DLページがあるとツイッターでシェアする際にOGP画像も生成できる！
  • ※静的サイトだと、クエリ文で画像を生成できない

• Contributions.jsonに記入する内容はどうするか？

  • 挨拶を含めるか？ => 含めない
    • 理由:
      • スマホ版とPC版でデザインを別にする場合、実装期限（4月末、遅くても5月）に間に合わないので、スマホベースで考える
      • スマホ版はメッセージを表示させる領域がない
  • 絵文字の個数は？ => 未定
    • フォントの取得方法について解明したら、デザインを確定させたのち、決める

    {
    "name": "あなたのハンドルネーム",
    "github": "あなたのGitHubアカウントのURL",
    "favoriteColor": "あなたの好きなカラーコード",
    "favoriteEmoji": "あなたの好きな絵文字"
    }

• コンセプトについて
  • Wikiに書きました
  • なにか修正点や疑問点などありましたら直接修正していただくか、discordやdiscussionsで声をかけてください！

次の一週間でやること

• ヒーローセクションの絵文字の表示の仕方について、調査
• DLページのデザイン案を簡単に考える
• DLしたフォントを画像生成で使用できるのか、調査
• アバウトセクションの文章をつめていく
  • 画像や絵文字を使って明るくしたい！

---

以下フォーマット

## トピック: <ここにタイトル>
<ここに概要>

## 結論
<ここに結論>

## 関連 Issues、Discussions

[kazzyfrog]

トピック: 画像化する絵文字のフォントについて

絵文字を画像化する際に、appleの絵文字は著作権的に使えない。
なので、別の絵文字フォントを使う必要がある。

下記のライブラリを使おうと思っているので、それのデモサイトで絵文字のフォントがいくつか紹介されている：
https://og-playground.vercel.app/

figmaにも、絵文字のデモを貼ってます！！

結論

Appleアイコンの次に見慣れているTwemojiを使用する！

関連 Issues、Discussions

[kagomen]

トピック: デザイン案の持ち寄り

途中でもOK！
確認し、何かデザインに関して進展があれば結論に記入する

結論

仮のデザイン案をもとに調査を進めていく。
調査後、改善・修正箇所が判明したら最終的なデザインカンプを用意し、その後実装に移る。

仮デザイン案

関連 Issues、Discussions

#116