自動運転シナリオ作成システム
走行シナリオを作成するWebアプリケーションで、Three.jsによる3D描画機能とデータ可視化画面を開発。納期優先で統一感を欠いていたコードを、規約整備とコンポーネント共通化で保守しやすい形に立て直しました。
サブリーダー基本設計〜保守 ／ 約30名体制
React · TypeScript · Three.js · FastAPI
UI DESIGN × WEB DEVELOPMENT
使いやすさは、センスではなく設計でつくる。
Q.お問い合わせが集まるのは、どっちの画面？
直感で選んでみてください。選ぶと理由を解説します。
- Webシステム開発の経験（2018年〜）
- 8年+
- 一貫して担当できる工程
- 要件定義〜保守
- 参画したプロジェクトの最大規模
- 約100名
- Oracle認定資格・基本情報技術者
- Java Gold
01 — SERVICES
できること
/ 01
Webアプリ・業務システム開発
業務に合わせたWebアプリケーションを、要件定義から設計・開発・運用保守まで一貫して担当します。既存SaaSとのデータ連携にも対応します。
/ 02
ECサイトの構築・改修
大規模BtoB ECの開発経験をもとに、画面設計から多言語対応、パフォーマンス改善まで。運用中サイトの部分改修だけのご依頼も歓迎です。
/ 03
技術支援・コード品質改善
コードレビュー、リファクタリング、開発ルールの策定まで。チームの開発効率と保守性を底上げします。開発チームへの参画も可能です。
この悪い例の問題点
- 長い説明文まで中央揃えで、行の読み始めが毎回ずれる
- 本文が薄いグレーで、背景とのコントラストが足りない
- タグの位置がカードごとにずれて、横に並べたときに揃わない
02 — WORKS
主な実績
守秘義務のため、案件名・社名は伏せて掲載しています。
グローバル展開するBtoB ECサイト
世界展開するBtoB ECサイトのフロントエンドをリーダーとして担当。技術選定や開発ルールの策定にも関わり、多言語対応とスクラム開発で大規模プロジェクトの品質を支えました。
リーダー詳細設計〜結合テスト ／ 約80名体制
Vue.js · TypeScript · PostgreSQL
人材管理システムの開発・保守
SaaSとのデータ連携を中心にフルスクラッチ開発を担当。その後の保守開発では、お客様との仕様調整やコードレビューを担い、開発品質の維持に貢献しました。
サブリーダー要件定義〜保守 ／ 約100名体制
Java · Spring · Oracle · MyBatis
業務データベースの設計
業務要件をもとに、概念・論理・物理の各段階でデータモデルを設計。ERモデリングと正規化で、長く運用できるデータ構造を整えました。
サブリーダー要件定義・データモデリング
PostgreSQL · ER設計
このほか、コーポレートサイト・LPの制作と運用、不動産スマホアプリのAPI設計などを担当しています。
この悪い例の問題点
- 見出しと本文の大きさの差が小さく、どこから読めばいいか分かりにくい
- 要素同士の余白が詰まっていて、案件の区切りが見えにくい
- 業種や時期が末尾にあり、案件をざっと比較できない
03 — PROFILE
代表紹介
荻野 慎之介
- 2018
- SIerでWebシステム開発に従事。フロントエンド、Java、データベース設計を担当
- 2021
- フリーランスとして独立。3D可視化システムやWeb制作に携わる
- 2024
- マエスティ合同会社を設立
- 基本情報技術者
- Oracle Certified Java Programmer Gold SE 8
主な技術
- 言語
- TypeScript · JavaScript · Java · Python
- フロントエンド
- React · Next.js · Vue.js · Three.js
- バックエンド
- Spring Boot · FastAPI
- DB・ツール
- PostgreSQL · Oracle · Docker · Git
TypeScript · JavaScript · Java · Python · React · Next.js · Vue.js · Three.js · Spring Boot · FastAPI · PostgreSQL · Oracle · Docker · Git
この悪い例の問題点
- 長文が中央揃えで、行頭が揃わず読みにくい
- 行間が詰まっていて、メッセージが頭に入りにくい
- 経歴の年と内容が縦に並び、時系列が追いにくい
- 技術がグループ分けされず一列に並び、得意分野が読み取れない
04 — FLOW
ご依頼の流れ
STEP 01
ご相談
課題が整理できていなくてもOK。オンラインで伺います
オンラインでお話を伺います。課題が整理できていない段階でも大丈夫です。
STEP 02
要件整理・お見積り
優先順位を整理し、範囲と費用をご提示
目的と優先順位を一緒に整理し、開発範囲と費用をご提示します。
STEP 03
設計・開発
動くものを定期的に見ながら進めます
動くものを定期的にお見せしながら、認識のずれなく進めます。
STEP 04
リリース・運用保守
公開後の改修・不具合対応も継続して対応
公開後の改修や不具合対応も、継続してお任せいただけます。
この悪い例の問題点
- ステップ番号がなく、どの順番で進むのか伝わらない
- 区切りがなく、どこまでが1ステップか判別しにくい
- アイコンがなく文章だけで、各ステップの内容をひと目でつかめない
05 — PRICING
料金の目安
内容・規模により変動します。正式な金額はお見積りでご提示します。
Webサイト・LP制作
30万円〜
税別・一式
コーポレートサイトやサービスLPの設計・実装。レスポンシブ対応、基本的なSEO対策込み。
Webアプリ・業務システム開発
150万円〜
税別・一式
要件定義から設計・開発・テストまで。規模と機能に応じてお見積りします。
ECサイトの改修・機能追加
20万円〜
税別・一式
既存ECサイトの画面改修、機能追加、表示速度の改善など。
技術支援・チーム参画
月額70万円〜
税別・月160時間目安
開発チームへの参画、コードレビュー、リファクタリング。準委任契約で承ります。
保守・運用
月額3万円〜
税別
リリース後の不具合対応、ライブラリ更新、軽微な修正。
技術相談（スポット）
1万円〜
税別・1時間
技術選定、設計レビュー、既存コードの診断など。オンラインで対応します。
ご予算が決まっている場合は、その範囲でできることからご提案します。
この悪い例の問題点
- 金額が本文と同じ大きさで、プランを比較しにくい
- 「税別」などの条件が小さく薄く、見落とされやすい
06 — CONTACT
開発のご相談は
こちらから
要件が固まっていなくても構いません。「こんなことはできる？」という段階からお気軽にどうぞ。通常2営業日以内にご返信します。
開発会社・元請けさまからのチーム参画のご相談も承ります。