refactor: refactor codes

[kosukesaigusa]

Issue

close #n

説明

ここに対応したことの説明や意図を書いてください。コミットの粒度が適切でコミットメッセージが十分に分かりやすければ「コミットメッセージを見てください」くらいでも構いません。

PR > Files からのソースコードへのコメントも有効なので、活用してください。

途中経過を見てほしい場合は PR のタイトルの冒頭に WIP と書いてください（Work in Progress の意味）。

UI

UI の変更がある（重要な）場合は、スクリーンショットや画面収録を貼り付けてください。

必要に応じて Before, After の画像を貼り付けるのも有効です。

その他

その他に言及したいことがあれば書いてください。

チェックリスト

• PR の冒頭に関連する Issue 番号を記載しましたか？
• 本 PR の変更に関して、エディタや IDE で意図しない警告は増えていませんか？（lint 警告やタイポなど）
• Issue の完了の定義は満たせていますか？
• 当該 Issue のスレッドで、レビュワーにレビュー依頼をしましたか？