大西 純平
記事一覧

職務の概要

個人開発のプロジェクトで、プログラミングスクールの検索サイトを開発。これからプログラミングを学ぶ方の選択肢を増やすことを目的にスタート。2024年10月から法人としてサイトを運営し、デザインリニューアルや、コンテンツ拡充を予定。

サイト構成

ユーザーが使用する「フロントサイト」、検索サービスのデータを管理する「管理画面」の２つのサイトを使用し、共通のバックエンドに接続。

バックエンドのシステム構成

使用技術

この仕事での学び

React.js、Next.jsの開発経験

これまでVue.js開発経験を応用し、Reactでのシステム開発を経験できました。検索サービスなのでSEOを考慮し、サーバーサイドレンダリングの実装をしたり、パフォーマンスを向上させるために状態管理（Redux）を導入したりと、ReactでWEBアプリを開発する上で必要なスキルを身につけることができました。また、VueとReactの両方を経験したことで、技術や設計の引き出しが増えたことも有益だったと感じます。このサイトは引き続き開発・運営をしてくため、Next.jsの新機能などは積極的に使っていきたいと考えています。

バックエンド/インフラ経験

Node.jsを使用したバックエンドAPIの開発を通じて、効率的なデータ操作とセキュリティ対策を実施しました。認証・認可機能の実装や、swagger-ui-expressを用いたドキュメント自動生成により、開発効率を高めつつ、信頼性の高いAPIを提供しました。AWSのインフラ構築にも携わり、バックエンド開発からクラウドインフラの設計・運用まで、幅広く対応できるスキルを習得できました。

職務の概要

フロントエンドエンジニアとして、教育機関が使用する学習アプリやカルテシステムの開発に従事した。Nuxt3とTypeScriptを使った開発業務以外にも、API設計や、Playwrightを活用したE2Eテスト設計・プロセスの構築に従事。

組織構成

使用技術

この現場での学び

テスト設計と構築

開発しているアプリケーションのE2Eテストの設計と構築全般を担当しました。私主導でテスト設計をするのは初めての経験だったので、他の開発メンバーがスムーズにテストの作成ができるように意識をしました。

【チーム開発】E2Eテスト導入と運用をスムーズに進めるために意識していること

テストプロセス構築の過程で、Playwrightというツールにも詳しくなることができました。これまで、Cypressを使ったE2Eテストの構築は経験していたので、今後E2Eテストの構築を担当する機会があれば、これまでの経験を活かすことができると思います。

API設計

開発スタイルがデザイン→フロントエンドモック実装→バックエンドの流れだったこともあり、API設計に携わりました。フロントのモック実装を行う過程でデータ構成を決め、パラメーターやリクエストボディを決めていくイメージです。

API設計とテスト設計を経験したことで、これまでより少し上流工程に携わることができました。このフェーズでは、作業の基準が自分ではなく、「開発チームのメンバーにとってどうか」になるので、上流工程ならではの難しさもこの現場で感じることができました。

職務の概要

フロントエンドエンジニアとして、レース映像の配信アプリの開発に従事。

組織構成

赤枠が、私の位置です。

使用技術

この現場での学び

コンポーネント設計

Atomicデザインベースの「コンポーネント駆動開発」を採用している現場で、設計の引き出しを増やすことができました。それまで、Atomicデザインベースのコンポーネント設計は、コンポーネント構造のネストが深くなるので避けていたのですが、この現場での経験を通じて、「なぜ、やる必要があるか」を理解できました。特にComposition APIとの相性もよく、UIとロジックの分離やテストの容易性を高める上で、これから新規のシステムを開発する機会があれば、採用したい設計手法です。

また、コンポーネント設計/管理をチームで行う上で、「どのようなドキュメントがあれば、設計指針をチームで共有できるのか」についても学びがあり、今後の開発業務で活用したいと思っています。

細かい粒度のコードレビュー

この現場で開発したアプリは、リリース後にほとんどバグが出ることはありませんでした。

どの粒度でレビューをするのかは、現場によって違いますし、コードレビューを採用していない現場もあります。その中で、細かい粒度のコードレビューを経験できたことは大きな財産となりました。特に、「レビューをする」という場面においては、他の人が実装する機能についても仕様を把握し、レビューの優先度やチェックポイントを間違わないように注意しました。また、チームメンバーのモチベーションに配慮した指摘方法など、気を遣う場面も多く、ソフトスキルを向上させることができたと感じています。