Skip to content

Conversation

kenta-afk
Copy link
Contributor

@kenta-afk kenta-afk commented Mar 26, 2025

関連チケット

変更内容

  • この変更で何をしましたか?
  • ひとつのコンポーネントにまとめました。

動作確認

  • どういった手順で動作確認を行いましたか?
  • できれば結果がわかるスクリーンショットや、動画をテンプしてください。
    スクリーンショット 2025-03-26 204920
    スクリーンショット 2025-03-26 204927
    スクリーンショット 2025-03-26 204938
    スクリーンショット 2025-03-26 204943
    スクリーンショット 2025-03-26 204952
    スクリーンショット 2025-03-26 204959
    スクリーンショット 2025-03-26 205004

その他

  • レビュワーへ伝えたい内容

@kenta-afk kenta-afk requested a review from naoido March 26, 2025 11:50
Copy link

Related issue

Copy link
Member

@naoido naoido left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

package.json, package-lock.jsonも変更加わってると思うからあげといて!
じゃないと他のメンバーがビルドする時にエラー出ちゃうから

font-weight: 400;
display: inline-block;
letter-spacing: 0.05em;
width: 79px;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ここ横幅固定じゃなくて動的に変わるようにしてほしい

bottom: -5px;
left: 50%;
transform: translateX(-50%);
width: 120px;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ここも親要素に合わせて横幅大きくしてほしい!

},
};

export const Blog2: Story = {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Blog1→Default
Blog2→HeaderLinkIsActive
みたいな命名にして、この2つだけでも十分かも!
俺が全部書いてっていっちゃったのが良くなった

@@ -0,0 +1,19 @@
.language-label {
width: auto;
font-family: 'Tilt Warp';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ここごめーんFigmaでミスフォント選択してた><
Noto Sanas JPに修正したからfont-family消しといて、
基本NotoSansJP以外使わない方針だから、もしこう言うのあったらdiscordで聞いてほしい!

font-weightを900にしといて!

}

.Button-label {
font-family: 'Noto Sans JP';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

大元のcssでNoto Sans JP指定してあるからフォントの指定はしなくていいよ!!
後々別のフォント適応する場合にも変えやすいようにfont-familyの指定はコンポーネントごとには基本しなくて大丈夫!

@@ -0,0 +1,18 @@
.Button-link {
width: 188px;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ここ文字数が多くなってもはみさないようにmin-widthに変更しといて!


.Button-label {
font-family: 'Noto Sans JP';
width: 97px;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

文字数によって横幅変えたいからここのwidthの指定はいらない!

},
};

export const Detail2: Story = {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

あんまり1、2みたいな命名は良くないから
Detail1→Detail
Detail2→DetailWithOutlined
みたいな感じかな!
チーム開発では命名でどんな要素かわかるような命名が大事!

app/root.tsx Outdated
{
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined",
},
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ごめん!ここの変更要らなかった!
ここの4行消しといて!!

Copy link

cloudflare-workers-and-pages bot commented Mar 26, 2025

Deploying object-t-website-dev-storybook with  Cloudflare Pages  Cloudflare Pages

Latest commit: 02a977a
Status: ✅  Deploy successful!
Preview URL: https://2ce8c2e7.object-t-website.pages.dev
Branch Preview URL: https://feature-23-linked-icon.object-t-website.pages.dev

View logs

@kenta-afk kenta-afk requested a review from naoido March 26, 2025 13:08
Copy link
Member

@naoido naoido left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!!!!!!!!!!!!!
まじでお疲れ様でした!!!!!!

@kenta-afk kenta-afk merged commit 07503a5 into develop Mar 26, 2025
1 check passed
@kenta-afk kenta-afk deleted the feature/23-linked-icon branch March 27, 2025 04:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants