作品はコチラ：https://portfoliofu.shop/estimate

見積作成用のWebアプリを開発しました。 本アプリは、項目の動的追加・削除、金額の自動計算、LocalStorageを活用した永続化およびデータ復元などの基本機能を備えています。

制作にあたっては実務での利用シーンを深く想定し、以下の機能を実装しました：

  • マスタ管理と効率化: 作業項目・顧客名のマスタ登録および入力サジェスト機能。
  • 柔軟な計算ロジック: JSを1ヶ所変更するだけで消費税率の設定や端数処理（切り捨て/四捨五入/切り上げ）の切り替え対応可能。
  • アクセシビリティとUX: Enterキーによるスムーズなフォーカス遷移、誤操作を防ぐ数値入力設計、レスポンシブなスマートフォン対応。
  • 出力最適化: Webブラウザの印刷機能を活用した、帳票としてそのまま利用可能なレイアウト設計。

また、本プロジェクトではGeminiのCanvas機能を活用し、高速なプロトタイピングを実践しました。AIによる生成コードをそのまま採用するのではなく、セキュリティ対策やロジックの最適化を自らレビュー・修正し、対話を通じて実用的な品質へと昇華させる「AI共創型ワークフロー」を通じて、短期間で高精度なプロダクトを構築しました。

作成時間：3時間30分