Skip to content

Merge: env/dev -> env/prod (#161-#166 Xブランド化・シェア再編・UIトーン統一 ほか)#173

Merged
ShinoharaTa merged 20 commits into
env/prodfrom
env/dev
Jul 11, 2026
Merged

Merge: env/dev -> env/prod (#161-#166 Xブランド化・シェア再編・UIトーン統一 ほか)#173
ShinoharaTa merged 20 commits into
env/prodfrom
env/dev

Conversation

@ShinoharaTa

@ShinoharaTa ShinoharaTa commented Jul 11, 2026

Copy link
Copy Markdown
Member

dev環境で確認済みの以下を本番へデプロイする(env/prodへのpushで prod-deploy.yml が発火)。

含まれる変更

dev-deploy は成功済み: https://github.com/428lab/debug-shrine/actions/runs/29160700234

🤖 Generated with Claude Code

ShinoharaTa and others added 20 commits July 11, 2026 18:08
@ShinoharaTa @claude
Twitter表記をXブランドへ更新しSNSボタンをアイコンのみに変更 (#161)
5d92502 
- XロゴをインラインSVGコンポーネント(IconX.vue)として追加
  (FontAwesome kit 5.15.4にfa-x-twitterが無いため)
- フッター/シェアのボタンをアイコンのみにし、aria-labelを付与
- .bg-twitter(#1da1f2)を.bg-x(#000)へ置き換え
- リンク先をx.com(フッター)/x.com/intent/post(シェア)へ更新

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa @claude
docs: Issue #161 のUI変更スクリーンショットを追加
442ade6 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa
Merge pull request #162 from 428lab/feature/issue-161-twitter-to-x
bd3ec2e 
Twitter表記をXブランドへ更新しSNSボタンをアイコンのみに変更
@ShinoharaTa @claude
SNSシェアをハイブリッド構成に再編(Web Share API+X/Bluesky/Facebook+コピー) (#163)
eb2bf1e 
- 対応環境ではWeb Share API(OSのシェアシート)ボタンを一次導線として表示
- 直リンクをX/Bluesky/Facebookのアイコンのみボタンに整理
  (BlueskyアイコンはFA5に無いためインラインSVGのIconBluesky.vueを追加)
- シェア文面のクリップボードコピーをShare.vueに統合(全文はtextプロパティ)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa @claude
sanpai/omikujiのShareText併置を解消しShareのコピー機能へ統合 (#163)
758fc27 
全文(shareText)はShareのtextプロパティ経由でコピー・シェアシートに渡す。
sanpaiは成功時のみ全文を渡す(expire/noaction時はstatus未設定のため)。
dashboardのShareText(READMEバッジ用Markdown)はSNSシェアではないため現状維持。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa @claude
docs: Issue #163 のシェアUIスクリーンショットを追加
bb00e95 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa @claude
コピー文面を編集可能なテキストエリアとして表示 (#163)
aec027d 
textプロパティ指定時は旧ShareTextと同様のテキストエリアを表示し、
コピー・シェアシートには編集後のテキストを使う。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa @claude
docs: テキストエリア付きシェアUIのスクリーンショットを追加 (#163)
b7066f3 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa
Merge pull request #164 from 428lab/feature/issue-163-share-hybrid
565dfe8 
SNSシェアをハイブリッド構成に再編(Web Share API+X/Bluesky/Facebook+コピー)
@ShinoharaTa @claude
デザイントークンを導入し暖色トーン(夜の神社×琥珀)を基盤化 (#166)
73fe524 
- color.cssを:rootのCSS変数に再編(サーフェス/琥珀アクセント/SNSブランド色/コンテンツ幅)
- 未使用の.text-* SNSクラス・.bg-line・.bg-hatenaを削除
- .card-shrine(実績カード系サーフェス)/.btn-accent(主要アクション)/
  .label-accent/.section-title/.content-narrowを追加
- インラインコードのBootstrapピンクを琥珀へ(aboutの見出し装飾)
- 経験値バーの青を琥珀へ、本文行間を1.75に

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa @claude
ランキングをダークカード化しコンポーネント衛生を改善 (#166)
347b750 
- 青枠カード・白背景リスト・黒ベタボックスを廃止し、GitHub実績カードと
  同系のダークカード(card-shrine)に統一。ホバー色も調整
- ranking.vue→Ranking.vue(PascalCase統一)、props宣言を正規形に修正
  (実行時のVue warn解消)
- sanpaiGrass.jsをweb/utils/へ移動(SanpaiGrass.vueとの名前衝突による
  ビルドWARNを解消)
- トップの見出しをh2.section-title(太字+絵文字、実績カード群の流儀)に

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa @claude
ボタン規約とラベル表現を統一 (#166)
c7ad1a5 
- 儀式系アクション(鈴を鳴らす等)は.btn-accent(琥珀)、
  汎用操作(シェア/コピー/エラー復帰)はbtn-outline-lightに整理
- 「でばっぐのうりょく」をボタン風ベタ塗りから琥珀文字のラベル
  (.label-accent)へ変更(押せそうに見える問題の解消)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa @claude
参拝・おみくじの表現統一と次アクション導線を追加 (#166)
4c9a75a 
- おみくじのspinner-border直書きをLoadingコンポーネントへ統一
- おみくじを引く/コンテンツ幅をトークン(.btn-accent/.content-narrow)へ
- 参拝成功後に「おみくじを引く」を主導線として追加
  (参拝→おみくじ→マイページの循環を作る)
- おみくじ結果に「マイページで称号を確認」導線を追加

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa @claude
docs: Issue #166 のビフォーアフタースクリーンショットを追加
f971468 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa @claude
色トークンの残置換と見出し規約(h1/h2)の適用 (#166)
9d25aa7 
- 実績カード群の背景 #0d1117 → var(--color-surface)(4箇所)
- muted文字色 #9a9a9a → var(--color-text-muted)(9箇所)。
  トークン値も実装実態(#9a9a9a)に合わせて統一
- 演出固有の色(狐・おみくじ結果カード・草の緑等)は意匠として直書きのまま
- ページタイトルをh1に(ランキング/マイページ/プロフィール名)、
  実績カード群のセクション見出しをh2に。既存クラス+fs-*で見た目は維持

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa @claude
未使用のブランドロゴSVGとコメントアウト残骸を削除 (#166)
cc9707b 
- brandlogo/ のうち参照ゼロの5ファイル(twitter/facebook/hatena/line/lab)を削除
  (github.svg はdashboardで使用中のため残す)
- CommonFooterのコメントアウトされた旧SNSリンクブロックを削除

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa
Merge pull request #168 from 428lab/feature/issue-166-followup
dd14022 
UIトーン統一の再発行+残項目(トークン残置換・見出し規約・アセット整理)
@ShinoharaTa @claude
プロフィールのシェア文面がundefinedになる問題を修正 (#165)
3fa73bf 
dataの空オブジェクト(profile/status)への後付けプロパティ追加は
Vue 2では検知されず、computedのshareMessageが初回評価の
undefinedのままキャッシュされていた。API応答受領時にオブジェクト
ごと差し替えてリアクティブにする。同じパターンのstatusも併せて修正。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@ShinoharaTa
Merge pull request #169 from 428lab/fix/issue-165-profile-share
6ea9cab 
プロフィールのシェア文面がundefinedになる問題を修正
@ShinoharaTa
Merge pull request #170 from 428lab/main
01a9320 
Merge: main -> env/dev (#161-#166 Xブランド化・シェア再編・UIトーン統一 ほか)
@ShinoharaTa ShinoharaTa merged commit f47672c into env/prod Jul 11, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@ShinoharaTa