ID:74715さん

# プロジェクト概要 地図情報システムのジオコーディング機能 # チーム規模 10人以下 # 開発メンバー エンジニア x 1人 # 担当内容 フロントエンドとバックエンド 画面全般作成 テーブル設計 APIの設計/実装 テストコード実装 テスト仕様書作成 # 使用技術 Python JavaScript Django Vue.js Bootstrap # どのような機能の開発・実装か ・フロントエンドおよびサーバーサイドのAPI開発 ・CSVアップロード・ダウンロード機能 ・Google Maps APIを用いたジオコーディング（緯度経度の取得） # 課題・問題点 ・CSVアップロード時の大量データ処理時のジオコーディング処理速度に不安があった。 # 成果 ・バックエンド側で並列処理を導入し、高速化を実現し処理時間を半減することに成功。 ・処理がタイムアウトした場合やジオコーディングエラー時等にフロント側へ専用のエラーを返しリトライを促すようなダイアログを出すようにしたほうがいいとクライアントに提案をし実装。

# プロジェクト概要 地図情報システムのユーザー情報変更とトライアル機能追加 # チーム規模 10人以下 # 開発メンバー リーダー x 1人 エンジニア x 4人 # 担当内容 フロントエンドとバックエンド 管理画面作成 テーブル設計 APIの設計/実装 テスト仕様書作成 # 使用技術 Python JavaScript Django Vue.js Bootstrap # どのような機能の開発・実装か ・ユーザーごとの契約形態管理に変更 ・トライアル機能を追加し、機能制限を実装 # 課題・問題点 ・既存ユーザーの契約形態移行の際に現状を維持する必要があった。 ・現状の仕様に様々な契約形態があり仕様の調査しなければならなかった。 ・プロジェクト後半でフロントエンドの作業が遅延していた。 # 成果 ・バックエンドを主に担当し、フロントエンド作業の遅延対応も行い、管理画面の変更を担当。 ・既存の仕様が企業ごとの契約形態保持を行っていたが、ユーザーごとに契約形態を持つことになり、マイグレーションにて全ユーザーの契約形態を現状と変わらないように移行した。 ・開発メンバーに新入社員がいたためフォロー。 ・仕様書に基づいて開発内容を細かくチケット分け、開発メンバーにチケット振りを行う。

# プロジェクト概要 地図情報システムのVue3化 # チーム規模 10人以下 # 開発メンバー リーダー x 1人 エンジニア x 10人 # 担当内容 フロントエンド # 使用技術 JavaScript Vue.js Bootstrap # どのような機能の開発・実装か ・Vue2からVue3への移行対応 # 課題・問題点 ・新規機能開発との同時並行で作業を進める必要があった。 ・大規模移行なので大人数の作業分担をしなければならなかった。 # 成果 ・Vue2とVue3の二つのパターンを並行して作成し、業務を遂行。 ・本来は自分だけ新規機能開発の方のみVue3化の作業をする予定だったが、手が空いたので既存機能の方のVue3化も手伝うことになり、フリーランスで参加しているチームメンバーのサポートも担当。 結果として1か月余裕をもって移行が完了した。

# プロジェクト概要 訪日外国人データを可視化する地図情報システム # チーム規模 10人以下 # 開発メンバー エンジニア x 1人 # 担当内容 フロントエンド # 使用技術 JavaScript Vue.js Bootstrap # どのような機能の開発・実装か ・Google Maps APIを使用した地図にインバウンド向け分析機能を実装 ・フロントエンド全般を担当 # 課題・問題点 ・クライアント側のUI提案は地図が小さくデザインも統一感がなかった。 # 成果 ・こちらからUI案やデザインに統一感があるものを提案。 ・スケジュール短縮でのリリースを実現。 ・グラフ表示に時間がかかったりする場面が多かったのでローディングを表示し、グラフのアニメーションを一部減らすことで表示時間の短縮に成功。

# プロジェクト概要 人口統計情報アプリの管理画面UI作成 # チーム規模 10人以下 # 開発メンバー エンジニア x 1人 # 担当内容 フロントエンド # 使用技術 JavaScript Vue.js Vuetify # どのような機能の開発・実装か ・管理画面のUIを作成し、モック作成から実装までを担当 # 課題・問題点 ・ワイヤーフレーム等も一切無しでの口頭ベースでのデザイン案 ・高速な対応が求められる中での作業 # 成果 ・画面イメージを逐一共有し作業を遂行 ・スピード感を持って対応し、UI実装を完了

# プロジェクト概要 位置情報などのビッグデータを利用した人口統計情報アプリの管理画面 # チーム規模 10人以下 # 開発メンバー エンジニア x 1人 # 担当内容 バックエンド テーブル設計 APIの設計/実装 テスト仕様書作成 # 使用技術 Python Django # どのような機能の開発・実装か ・settingsの切り替えを管理画面で可能にする # 課題・問題点 ・企業ごとにsettingsを入れ替えてデプロイしていた # 成果 ・JSONでの設定管理と管理画面からの機能制御 ・管理画面のモデル作成と設計を担当し、機能を実装

# プロジェクト概要 地図情報システムの道路分析機能 # チーム規模 10人以下 # 開発メンバー エンジニア x 2人 # 担当内容 フロントエンド・バックエンド 道路分析画面作成 APIの設計/実装 テスト仕様書作成 # 使用技術 JavaScript Vue.js Python Django # どのような機能の開発・実装か ・APIの追加やCSV・EXCELダウンロード機能の実装 # 課題・問題点 ・フロントエンドの進捗遅れへの対応 # 成果 ・フロントエンド作業も巻き取りながら、プロジェクトを推進

# プロジェクト概要 人口統計情報アプリのVue化 # チーム規模 10人以下 # 開発メンバー エンジニア x 1人 # 担当内容 フロントエンド # 使用技術 JavaScript Vue.js Vuetify jQuery # どのような機能の開発・実装か ・jQueryベースのフロントをVue.jsへ移植 # 課題・問題点 ・古いjQueryベースでの書き方で作られているものを新規Vue.jsで作り変えつつ複数チャートグラフの追加実装が必要 # 成果 ・複数チャートの追加を実施し、Vue.jsでの動作を確認

# プロジェクト概要 政務活動に必要な情報をクラウドで一元管理し地図で可視化するアプリ # チーム規模 10人以下 # 開発メンバー リーダー x 1人 エンジニア x 5人 # 担当内容 フロントエンド # 使用技術 JavaScript Vue.js Vuetify # どのような機能の開発・実装か ・モック作成や情報ページ、ユーザー管理ページの作成を担当 # 課題・問題点 スケジュールがタイトかつチームのエンジニアが皆プロジェクトを掛け持ちだった。 モックをベースに複数人がすぐに作業に取り掛かれるようにスピード感が必要。 # 成果 ワイヤーフレームに基づき、効率的にモックおよびページを作成。 共通の部品はコンポーネント化し作業を分担。 チームで情報共有を常に行い作業が遅れている箇所は手伝うことでスケジュール通り実装完了。

# プロジェクト概要 人口統計情報アプリ # チーム規模 10人以下 # 開発メンバー リーダー x 1人 エンジニア x 1人 # 担当内容 フロントエンド # 使用技術 JavaScript Vue.js Vuetify # どのような機能の開発・実装か ・Google Mapsに500mメッシュを表示し、クリックすることで情報をグラフで表示 # 課題・問題点 仕様書に不足している箇所が多く、実装内容も不明点が多かった。 # 成果 クライアントと何度も画面イメージを交換することで実装内容を詰めていった。 Google Chartsを使用し、グラフを実装。

# プロジェクト概要 広告配布管理アプリのテスト自動化 # チーム規模 10人以下 # 開発メンバー リーダー x 1人 エンジニア x 1人 # 担当内容 フロントエンド # 使用技術 Puppeteer JavaScript Vue.js Vuetify # どのような機能の開発・実装か ・フロントエンドのE2Eテスト（Puppeteer）の実装 # 課題・問題点 テストが行われておらず、テスト仕様書もないプロジェクトだったのでまずテスト仕様書を作る必要があった。 また、仕様書も抜けている箇所が多く仕様も含めて確認しなければならなかった。 # 成果 まず仕様を確認しドキュメントにまとめることでテスト仕様書を作れる段階にし、そこからテスト仕様書を作成。 管理画面などのフィルター設定や数値入力等はPuppeteerを使いテストの自動化を行った。