yumemi-inc / frontend-1day-curriculum

ゆめみフロントエンドギルドの 1day インターンカリキュラムです

ゆめみ フロントエンド 1day インターン

伸び代しかないコードを、リファクタリングしてみよう！

この 1day インターンでは、よろしくないコード・・・いえ、「伸び代しかないコード」をリファクタリングしていただきます。

ゆめみのエンジニアとインターン生で、一緒にこのリポジトリのコードを読みながら、グループワーク＆モブプログラミングをする形式で進めていきます。

進め方

1. このリポジトリ内のコードを読む
2. 改善点を見つける
3. リファクタリングをする

見て欲しいファイル

• /src/App.tsx
• /src/App.css
• /src/makeNewStates.ts
• /src/components/配下のファイル

コードリーディングのポイント

↓ こんなところを見つけて、重点的にリファクタリングしていきましょう！

• 読みづらい
• 処理の意図が分かりづらい
• 修正しづらい

それでは、スパゲティコードをお召し上がりください！

サーバ起動方法

yarn
yarn start

Node.js のバージョン

16.15.1

使用技術

パッケージ管理

• Yarn

言語

• TypeScript（v4.7）

UI ライブラリ

• React.js（v18）

その他ライブラリ

グラフ表示ライブラリ

• Highcharts

自動テスト系

• Jest

使用 API

• RESAS-API
  • 都道府県や人口などの情報を取得するために使用

ドキュメント

2022/08/20

• 2022/08/20 用ドキュメント