minabe

プロジェクト概要

手作業でやっていた補助金申請絡みの社内業務をWEB化するプロジェクトを受注
主な機能はPDF生成、メール送付、TODO管理など

担当業務

プロジェクトマネージャー、およびバックエンド、フロントエンジニアの1メンバーとしてプロジェクトに入り、以下を担当してきた。

実装内容

バックエンドはログイン認証、２FA、ユーザー作成のAPI実装
フロントエンドは一般ユーザー権限の画面(10画面)を実装
その他turborepo(モノレポ構成)でとディレクトリ構成、DB設計、基本設計

使用技術

バックエンドNest.js（TypeScript）REST API
フロントエンドNextjs（React）S3に設置
その他　Docker ECS AWS Fargate　RDS

課題

• フロントエンド
  • CSSは@vanilla-extractを使って開発をしたが使用経験がなくSCSSのような入れ子ができると思ったらできなかった。
  • モーダルを使った画面遷移は値の保持が大変で想定工数より多く時間がかかってしまった。
• バックエンド
  • IPAが出しているセキュリティー実装チェックリストを満たすことがマストになっており実装に時間がかかってしまった。（セキュリティーの理解に時間がかかってしまった）

取り組み

• フロントエンド
  • 他のフレームワークを使うか今のまま@vanilla-extractを頑張るか迫られ、
    結局今のフレームワークを使用することにした。入れ子はできなかったらReactの機能で要素の出しわけを対応することができたためクライアントの要求を満たすことができた。
  • 今回の開発ではどうすることもできなかった。今後に役に立つようにNextでモーダル画面遷移をする際は作業コストがかかることを社内に共有することで社内ナレッジを蓄積することができた。
• バックエンド
  • セキュリティー要件を満たす実装をしてクライアントに説明した。
    セキュリティーに関して品質を求めるクライアントが大半を占めると思われるため、今後も今回蓄積した知識を最低要件として捉えることで自身の知識ベースを上げることができた。

概要

スプレッドシートをから見積書や請求書を出力して
手動業務を自動化するシステムを受注

担当業務

実装担当としてバックエンドを担当（私のみ）。

実装内容

TypeScriptをコンパイルしたものをGoogle製CLIツールclaspでGoogle Apps Script（GAS）にデプロイ。
Gmailを使ってのメール送信、PDF生成、スプレッドシートのセル参照など

使用技術

TypeScript、Gmail、GAS、Clasp

課題

• やってみてわかったがGoogle Apps Script（GAS）とTypescriptの相性が悪く
  ビルドするたびに型エラーになってしまった。

• Google Apps Script（GAS）のイベントトリガーの種類には限りがあり、例えばボタンを押したらパラメータを渡して◯◯の処理を実行のような複雑な処理をすることが難しいことがわかった。

取り組み

• エラーはts-ignoreで回避して一部のファイルはTypeScriptの良さを活かせない状態になったが、
  コメントでうまくいかない理由を残すようにし、他の人が見ても理解できるように努めた。

• 実装コストを大きくかけることが難しいクライアントだったため状況を説明し予算内で出来ることと
  できないことを明確に伝えて理解していただいた。
  当然のことながらクライアントからは要件整理の段階で言って欲しかったと言われたが実装前から全てを把握することは難しい旨を丁寧に説明した。

概要

マンション入居者向けのインターネット接続サービスを行っているクライアントから
Salesforceのデータを使ってBtoC向けの請求書を発行するシステムを受注

担当業務

• バックエンド　Nest.js　２名（私も含めて）
• フロント　Nuxt.js　１名
• インフラ　Heroku 各自設定

実装内容

Nestjsを使ったバックエンド開発
SalesforceAPIで契約情報を抽出し、消費税の計算、基本料金とオプションの合算、従量制料金の計算を行い請求代行会社にcsv連携までを行った。

使用技術

Nestjs(TypeScript)、Heroku

課題

• 正しい計算結果を導くための仕様書がなくシステム導入前の金額とシステムからの出力した金額が一致しなかった。

取り組み

• 消費税の丸め処理を実装変更することで金額が一致し品質に満足いただいた。
  消費税の丸め処理に関する知識がついたことで、金額に関する重要な処理に自身を持つことができた。

概要

コロナ禍でリアルなイベントが開催できなくなったため、オンライン上で展示会を開催するためシステムを受注

担当業務

・three.js３Dオブジェクト生成　１名
・Nuxt 私　１名
・Firebase関連　１名

実装内容

Nuxtを使ったフロントエンド開発

使用技術

ログインの実装（Firebase Authentication）
LP作成(Nuxtjs)
３D空間上にメニューやモーダル表示を実装(Nuxtjs)
GoogleAnalytics設定

課題

• Firebaseのログイン認証で認証メールをカスタマイズしたい要望があったがFirebaseの仕組上カスタマイズが難しいことがわかった。

取り組み

• Firebase以外の認証を使用するとコストがかかるためFirebaseの認証を使いつつ、初回登録が完了した時にSendGridを使ってカスタマイズしたメールを送信することで納得していただき実装し納品した。
  仕組上実装が難しい場面に直面した時に代替え案を出すことで理解をしていただける経験を積むことができた。