KAIZENチーム兼フロントユニットのつづきです。LetroフロントユニットではCIを活用した開発プロセスの効率化の取り組みを行っています。Letroフロントユニットの2023年上半期振り返り今回は、フロントユニットで導入したCIの設定についてご紹介します。CIで実行しているタスクCIでは以下のようなタスクを実行しています。Linteslintとstylelintを使用しています。TypeScriptの型チェック型の整合性を確保するための型チェックです。テスト現状はユニットテストのみの実行ですが、ビジュアルリグレッションテスト、E2Eテストなど導入していく予定です。Requestにコメント形式で指摘するためにReviewdogを使用しています。Requestの差分のみを対象としてレビューするため、効率的なコードレビューが可能になります。導入予定ツールDependabot依存ライブラリのアップデートを自動化するためにDependabotを導入する予定です。Requestを作成してくれます。以下のような仕様でCIを実行しています。Requestに含まれる差分のみを対象に静的解析を実行するようにしています。これにより、処理時間を節約しながら品質チェックを行えるようになりました。ビルドの最適化ビルド処理は必要なタイミングでのみ実行するようにしています。APIクライアントや翻訳ファイルのビルドは、アプリケーションが依存している場合にのみ実行します。キャッシュの効果的な利用node_modulesやcomposerのキャッシュを使用することで、変更がない場合には再キャッシュを行わずに処理をスキップします。Request段階での品質チェックがかなり効率化されたように思えます。解析の結果エラーとなった部分を画面遷移して確認する一手間がないのはありがたかったです。繋げていきたいと思います。採用フロントエンドエンジニア絶賛募集中です!興味のある方はこちらから是非ごお応募ください!tsuzuki2021年入社。フロントエンドエンジニア。US私たち”アライドアーキテクツのエンジニア”は”世界をよりよく変えたい”という想いを強く持ちながらWebサービスを創っています。”日本発、世界的なWebサービスを創る”ことをエンジニアチームは本気で考え、毎日チャレンジしています。