Works

制作実績

個人開発の Shopify アプリ・Webサービス・スマホアプリと、それを動かすクラウドの基盤の実績です。画像は横にスクロールすると構成図も見られ、押すと拡大します。

アプリ・Webサービス開発（個人開発）

商品ページの予約カレンダー1 / 3

個人開発 / Shopifyアプリ2026年9月 公開

Bookslate

Shopify のストアの商品を「日時を予約できる商品」に変えるアプリです。お客さんは商品ページのカレンダーで日時を選び、通常のカート・決済のまま予約できます。ヨガ教室・写真撮影・体験教室・ツアーなど、サービスを売るお店が対象です。Shopify App Store で公開しています（英語圏向け）。

  • Shopify の審査を通過して App Store で公開。GDPR の Webhook、Shopify の課金（App Pricing）、管理画面への埋め込み（App Bridge・Polaris）など、公開に必要な要件に対応
  • 営業時間・休業日・所要時間・定員・前後のバッファ・直前予約の締切から空き枠を計算し、注文が完了すると予約を自動で作成
  • 商品ページのカレンダーは Theme App Extension と App Proxy で作り、Online Store 2.0 に対応したテーマなら、店主がコードを書かずに商品ページへ置ける
  • 競合の調査から、無料プランでも機能を制限せず、予約件数だけで料金を分ける価格設計にした
  • 空き枠の計算・予約の作成・Webhook の署名検証を自動テストで確認
  • Shopify
  • React Router
  • TypeScript
  • Polaris
  • GraphQL Admin API
  • Prisma
  • PostgreSQL
  • Google Cloud Run
  • GitHub Actions
Shopify App Store で見る

トップページ1 / 3

個人開発 / Webサービス2026年9月 公開

退去精算書メーカー

賃貸の退去時に、国土交通省「原状回復をめぐるトラブルとガイドライン」の耐用年数・経過年数から借主と貸主の負担額を自動で計算し、根拠つきの精算書をそのまま印刷・PDF保存できる無料のWebサービスです。管理会社・大家向けと、入居者向けの入口を用意しています。

  • ガイドラインの計算ルールをドメイン層（DDD）にまとめ、画面とサーバーで同じ計算を使える構成
  • 約20万通りの総当たりとランダム入力による性質テストを含む、280件の自動テスト
  • 表示速度（Lighthouse 性能98）・構造化データ・解説ページなど、検索からの集客を前提に設計
  • Google Cloud の Cloud Run に Docker で載せ、インフラは Terraform で管理。セキュリティヘッダー・Dependabot による脆弱性の管理など、一人でも回る運用の仕組みを用意
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Supabase
  • Google Cloud
  • Cloud Run
  • Terraform
  • Docker
  • GitHub Actions
サイトを見る

計算画面1 / 3

個人開発 / Webサービス2026年9月 公開

労務費基準チェッカー

改正建設業法（2025年12月施行）の「労務費に関する基準」の基準値を、工事の種類・都道府県・数量から計算し、見積の労務費と比べられる無料のWebサービスです。複数の工事をまとめて、見積1枚分を確認できます。

  • 国土交通省の公開APIとPDF、公共工事設計労務単価から、22職種分野・133種類 × 47都道府県の基準値データを自動で作成
  • 計算結果を公表値と約400件突き合わせて一致を確認し、自動テストで固定
  • 金額の定めが無い工事や単価の無い職種など、例外の扱いを含めて正常系・準正常系・異常系を網羅したテスト
  • Next.js
  • TypeScript
  • Python
  • Supabase
  • Google Cloud
  • Cloud Run
  • Terraform
  • Docker
  • GitHub Actions
サイトを見る

ストアの掲載画像1 / 2

個人開発 / スマホアプリ2026年 Google Play で公開

タロット占い - AI詳細鑑定

78枚のタロットカードで占えるスマホアプリです。1枚引き・2枚・ヘキサグラムの3つの占い方と、全78枚の意味を調べられるカード辞典、入門ガイドがあります。引いたカードと質問をもとに、AI が詳しい鑑定コメントを返します。

  • React Native で作り、Google Play で公開
  • AI 鑑定は Claude（Haiku）で生成。API キーをアプリに入れないよう、Cloudflare Workers の API を経由し、IP ごとの回数制限も設定
  • 収益は広告（リワード広告を見ると AI 鑑定が使える）と月額のプレミアム（広告なし・回数無制限）の2本立て。課金は RevenueCat で管理
  • 占いの回数の管理や AI 鑑定の呼び出しなどを、アプリと API で合わせて76件の自動テストで確認
  • React Native
  • TypeScript
  • Cloudflare Workers
  • Claude API
  • RevenueCat
  • Google AdMob
  • Jest
Google Play で見る

クラウドサーバー設定・管理

インフラ構成図（Google Cloud・Terraform）1 / 2

クラウドサーバー設定・管理Google Cloud

Webサービス群の実行基盤

個人開発の Webサービス（退去精算書メーカー・労務費基準チェッカー）を動かしている基盤です。Cloud Run にコンテナで載せ、インフラはすべて Terraform で定義しています。アクセスが無いときはほぼ費用がかからず、サービスを増やしても同じ定義で追加できます。

  • Terraform で、全サービス共通の土台とサービスごとの設定を分けて定義。本番とステージングを同じ定義から作れる
  • GitHub Actions からは Workload Identity 連携で認証し、鍵ファイルを作らない。秘密の値は Secret Manager で管理
  • Dependabot と、重大度に応じた対応期限を決めた脆弱性対応のガイドラインで、依存パッケージを継続的に更新
  • Vercel から移行し、独自ドメインの DNS も Cloud DNS へ移してコードで管理
  • Google Cloud
  • Cloud Run
  • Terraform
  • Docker
  • Artifact Registry
  • Secret Manager
  • Cloud DNS
  • GitHub Actions

AWS構成図

クラウドサーバー設定・管理AWS

ポートフォリオサイトのホスティング構成

Route53・CloudFront・S3を組み合わせた、このポートフォリオサイトのホスティング構成です。静的サイトを CloudFront から配信し、安全性と高速な配信を両立しています。

  • CodeBuild によるビルドと S3 への配置の自動化
  • CloudFront による HTTPS 配信とキャッシュ
  • AWS
  • Route53
  • CloudFront
  • S3
  • CodeBuild