Conversation
- utils/styles.ts に onFocusRing / onBlurRing を追加し、全ツールの重複インラインハンドラを削除 - utils/download.ts を新規作成（SVG/PNG ダウンロードユーティリティ5関数） - JanCode・Gs1Databar の重複ダウンロードロジックを共通関数に置き換え、svgToPngBlob を削除 - QrCode のダウンロード処理も downloadSvgElement に統一 - CopyButton に compact プロパティを追加し、UlidGenerator の RowCopyButton（重複実装）を削除 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- src/hooks/useClampedInput.ts を新規作成し、UlidGenerator・DummyText の重複 change/blur ロジックを統合 - src/components/ui/ToggleGroup.tsx を新規作成し、JanCode・UrlEncoder の重複モード切替タブ UI を統合 - global.css に tool-info-heading/body/list クラスを追加し、5ページの重複インラインスタイルを削除 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Deploying devtools with
|
| Latest commit: |
9efe99b
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://0573a914.devtools-d9w.pages.dev |
| Branch Preview URL: | https://develop.devtools-d9w.pages.dev |
- InputField: label・textarea/input・error/hint・サンプルボタンを統合した汎用フォームフィールド - ErrorMessage: role=alert のエラー表示コンポーネント - DownloadButtonGroup: SVG/PNGダウンロードボタンペア - JanCode・UrlEncoder・QrCode・JwtDecoder・Gs1Databar の入力部分とダウンロードボタンに適用 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This was referenced Apr 30, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
概要
各ツールコンポーネントに散在していた重複コードを、優先度の高いものから順に共通化しました。
変更内容
高優先度（3パターン）
utils/styles.tsにonFocusRing/onBlurRingを追加し、全6ツールの重複インラインハンドラ（計11箇所）を削除utils/download.tsを新規作成（5関数）。JanCode・Gs1Databarの重複ロジックとsvgToPngBlobを削除、QrCodeも統一CopyButtonにcompactプロパティを追加し、UlidGeneratorのRowCopyButton（28行）を削除中優先度（3パターン）
src/hooks/useClampedInput.tsを新規作成。UlidGenerator・DummyTextの重複 change/blur ロジックを統合src/components/ui/ToggleGroup.tsxを新規作成。JanCode・UrlEncoderの重複タブ UI を統合global.cssにtool-info-heading/tool-info-body/tool-info-listクラスを追加し、5ページ×複数箇所の重複インラインスタイル文字列を削除共通 UI コンポーネント追加（今後の開発向け）
InputField— label・input/textarea・error/hint・サンプルボタンを統合した汎用フォームフィールド。既存5ツールに適用済み。新規ツールでは生の<input>/<textarea>ではなくこちらを使うことErrorMessage—role="alert"付きエラー表示コンポーネントDownloadButtonGroup— SVG/PNGダウンロードのボタンペア（onDownloadPngは省略可）型チェック
astro check— エラー 0件対象外（意図的に放置）
🤖 Generated with Claude Code