主に使う技術

制作例との対応表

本番で作る場合の推奨構成です。

54件

制作例の推奨構成
制作例名・カテゴリ	推奨構成
AIコンパニオンAI開発	画面 TypeScript・React サーバー Node.js・WebSocket・リアルタイム通信データ Redis インフラ Cloudflare Workers AI OpenAI API・Anthropic Claude API・ツール呼び出し（Function Calling）・入力と出力の安全確認画像・音声音声認識（Whisper ほか）・音声合成運用 Vitest・Jest・Sentry
真贋確認を補助するAIソフトAI開発	画面 TypeScript・React サーバー Python・FastAPI データ PostgreSQL・Amazon S3 インフラ Cloud Run 画像・音声画像認識・OpenCV・PyTorch・ONNX 運用 Playwright（画面のテスト）
社内資料から答えるAIチャットAI開発	画面 TypeScript・Next.js サーバー Python・FastAPI データ PostgreSQL インフラ Cloud Run AI OpenAI API・Anthropic Claude API・回答の評価・テスト検索埋め込みベクトル・pgvector・全文とベクトルの組み合わせ検索・リランキング・出典の表示・資料の分割と前処理決済・認証 Microsoft Entra ID（SSO）運用操作ログ・監査ログ
問い合わせ自動振り分けツールAI開発	画面 TypeScript・Next.js サーバー Node.js・ジョブキュー・非同期処理データ PostgreSQL インフラ Cloudflare Workers AI OpenAI API・構造化出力・回答の評価・テスト連携 Webhook・Slack API・Gmail API・LINE Messaging API
議事録の自動作成ツールAI開発	画面 TypeScript・React サーバー Python データ PostgreSQL・Amazon S3 インフラ AWS Lambda AI OpenAI API・Anthropic Claude API・構造化出力画像・音声音声認識（Whisper ほか）・話者の分離連携 Slack API・Microsoft 365・Graph API
書類読み取り・会計連携ツールAI開発	画面 TypeScript・React サーバー Python・CSV・Excelの取り込みと出力データ PostgreSQL・Amazon S3 インフラ Cloud Run AI 構造化出力画像・音声 OCR（文字の読み取り）・Google Document AI・Azure AI Document Intelligence 連携 freee API・マネーフォワードクラウド API
口コミ分析ボードAI開発	画面 TypeScript・Next.js・Chart.js・ECharts サーバー Python データ BigQuery インフラ Cloud Run AI OpenAI API・構造化出力画像・音声 pandas 連携定期実行・Google スプレッドシート API
契約書レビューAIAI開発	画面 TypeScript・Next.js サーバー Python データ PostgreSQL AI OpenAI API・Anthropic Claude API・構造化出力検索埋め込みベクトル・pgvector・出典の表示画像・音声 OCR（文字の読み取り）決済・認証 Microsoft Entra ID（SSO）・権限と承認の設計運用操作ログ・監査ログ
営業支援AIAI開発	画面 TypeScript・Next.js サーバー Python データ PostgreSQL インフラ Cloud Run AI OpenAI API・構造化出力画像・音声音声認識（Whisper ほか）・話者の分離連携 Gmail API・Salesforce API・HubSpot API
AI電話受付AI開発	サーバー Python・FastAPI データ PostgreSQL インフラ Amazon ECS AI OpenAI API・ツール呼び出し（Function Calling）画像・音声音声認識（Whisper ほか）・音声合成連携 Slack API・Google カレンダー API・SMS送信・Twilio
採用スクリーニングAIAI開発	画面 TypeScript・Next.js サーバー Python データ PostgreSQL AI OpenAI API・構造化出力・回答の評価・テスト・入力と出力の安全確認画像・音声 OCR（文字の読み取り）連携 Google カレンダー API 決済・認証権限と承認の設計運用操作ログ・監査ログ
広告クリエイティブAIAI開発	画面 TypeScript・React・Canvas・SVG描画サーバー Python データ Cloudflare R2・BigQuery AI OpenAI API・Google Gemini API 画像・音声画像認識・scikit-learn・LightGBM
外観検査AIAI開発	画面 TypeScript・React サーバー Python・WebSocket・リアルタイム通信データ Amazon S3・時系列データの保存インフラ Docker 画像・音声画像認識・OpenCV・YOLO（物体検出）・PyTorch・ONNX
業務AIエージェントAI開発	画面 TypeScript サーバー Python・ジョブキュー・非同期処理 AI OpenAI API・Anthropic Claude API・ツール呼び出し（Function Calling）・構造化出力・エージェントの実行制御・入力と出力の安全確認連携 Slack API・Google スプレッドシート API・Gmail API・Salesforce API 決済・認証権限と承認の設計運用操作ログ・監査ログ
通話品質分析AI開発	画面 TypeScript・React・Chart.js・ECharts サーバー Python データ Amazon S3・BigQuery AI OpenAI API・構造化出力画像・音声音声認識（Whisper ほか）・話者の分離・pandas 決済・認証権限と承認の設計
音声の現場報告AI開発	画面 TypeScript・Next.js サーバー NestJS・ジョブキュー・非同期処理・PDF帳票の生成データ PostgreSQL・Amazon S3 インフラ AWS・Amazon ECS AI OpenAI API・構造化出力画像・音声音声認識（Whisper ほか）連携 Slack API・メール配信（Amazon SES・SendGrid）モバイル React Native・Expo
需要予測付き販売管理システムアプリ・業務システム	画面 TypeScript・Next.js・Chart.js・ECharts サーバー Node.js・ジョブキュー・非同期処理データ PostgreSQL インフラ Amazon ECS 画像・音声需要予測連携定期実行決済・認証 Stripe 運用 Sentry Web・EC Shopify
ワーカー向けプラットフォームアプリ・業務システム	画面 TypeScript・Next.js サーバー Node.js データ PostgreSQL・Cloudflare R2・Prisma インフラ Vercel 連携メール配信（Amazon SES・SendGrid）決済・認証 Stripe・Firebase Authentication 運用 Playwright（画面のテスト）
予約・顧客管理システムアプリ・業務システム	画面 TypeScript・Next.js サーバー Node.js データ PostgreSQL・Prisma インフラ Vercel 連携定期実行・Google カレンダー API・LINE Messaging API・メール配信（Amazon SES・SendGrid）・SMS送信モバイル LINE LIFF・LINEミニアプリ決済・認証 Stripe
見積・請求管理システムアプリ・業務システム	画面 TypeScript・Next.js サーバー Node.js・PDF帳票の生成・CSV・Excelの取り込みと出力データ PostgreSQL インフラ Cloud Run 連携 freee API・マネーフォワードクラウド API・メール配信（Amazon SES・SendGrid）決済・認証権限と承認の設計運用操作ログ・監査ログ
在庫・発注管理システムアプリ・業務システム	画面 TypeScript・React・PWA サーバー Node.js・PDF帳票の生成・CSV・Excelの取り込みと出力データ PostgreSQL インフラ Cloudflare Pages 画像・音声需要予測連携定期実行・メール配信（Amazon SES・SendGrid）モバイルカメラ・バーコード読み取り
勤怠・シフト管理システムアプリ・業務システム	画面 TypeScript・React・PWA サーバー Node.js・CSV・Excelの取り込みと出力データ PostgreSQL・Cloudflare D1 インフラ Cloudflare Workers 連携 Google カレンダー API モバイル LINE LIFF・LINEミニアプリ・プッシュ通知（Firebase Cloud Messaging）決済・認証権限と承認の設計
社内ポータル・承認ワークフローアプリ・業務システム	画面 TypeScript・Next.js サーバー Node.js データ PostgreSQL インフラ Amazon ECS 連携 Slack API・Microsoft Teams・Microsoft 365・Graph API・メール配信（Amazon SES・SendGrid）決済・認証 Microsoft Entra ID（SSO）・権限と承認の設計運用操作ログ・監査ログ
会員証・ポイント管理アプリアプリ・業務システム	画面 TypeScript・React サーバー Node.js データ PostgreSQL インフラ Cloudflare Workers 連携 LINE Messaging API モバイル LINE LIFF・LINEミニアプリ・プッシュ通知（Firebase Cloud Messaging）決済・認証 Stripe・LINEログイン・QRコードの発行と読み取り
物件・反響管理システムアプリ・業務システム	画面 TypeScript・Next.js サーバー Node.js データ PostgreSQL・Cloudflare R2 インフラ Vercel 連携 LINE Messaging API・メール配信（Amazon SES・SendGrid）モバイル地図・位置情報（Google Maps Platform） Web・EC microCMS・構造化データ・SEOの基本設定
モバイルオーダーアプリ・業務システム	画面 TypeScript・React・PWA サーバー Node.js・WebSocket・リアルタイム通信データ PostgreSQL インフラ Cloudflare Workers モバイルプッシュ通知（Firebase Cloud Messaging）決済・認証 Stripe・Square・QRコードの発行と読み取り
工事現場管理アプリ・業務システム	画面 TypeScript・React サーバー Node.js・PDF帳票の生成・CSV・Excelの取り込みと出力データ PostgreSQL・Amazon S3 モバイル Flutter・プッシュ通知（Firebase Cloud Messaging）・カメラ・バーコード読み取り・オフライン対応決済・認証権限と承認の設計
経費精算アプリ・業務システム	画面 TypeScript・Next.js サーバー Node.js・CSV・Excelの取り込みと出力データ PostgreSQL 画像・音声 OCR（文字の読み取り）連携 Slack API・freee API・マネーフォワードクラウド API・メール配信（Amazon SES・SendGrid）決済・認証権限と承認の設計運用操作ログ・監査ログ
社内研修 eラーニングアプリ・業務システム	画面 TypeScript・Next.js・Chart.js・ECharts サーバー Node.js・CSV・Excelの取り込みと出力データ PostgreSQL・Cloudflare R2 インフラ CDN・キャッシュ設計連携メール配信（Amazon SES・SendGrid）決済・認証 Microsoft Entra ID（SSO）・権限と承認の設計
宿泊管理アプリ・業務システム	画面 TypeScript・Next.js サーバー Node.js データ PostgreSQL・Prisma インフラ Vercel 連携 Google カレンダー API・メール配信（Amazon SES・SendGrid）・SMS送信決済・認証 Stripe・権限と承認の設計 Web・EC 多言語サイト
顧客管理アプリ・業務システム	画面 TypeScript・Next.js・Chart.js・ECharts サーバー Node.js・CSV・Excelの取り込みと出力データ PostgreSQL・Prisma 連携 Gmail API・Google カレンダー API・HubSpot API 決済・認証権限と承認の設計運用操作ログ・監査ログ
プロジェクト管理アプリ・業務システム	画面 TypeScript・React・Chart.js・ECharts サーバー Node.js・WebSocket・リアルタイム通信・CSV・Excelの取り込みと出力データ PostgreSQL 連携 Slack API・Google カレンダー API 決済・認証権限と承認の設計運用 CIでの自動テスト
クリニック受付アプリ・業務システム	画面 TypeScript・React・PWA サーバー Node.js・WebSocket・リアルタイム通信データ PostgreSQL 連携 LINE Messaging API・SMS送信決済・認証権限と承認の設計・QRコードの発行と読み取り運用バックアップと復元の手順・操作ログ・監査ログ
学習塾の管理アプリ・業務システム	画面 TypeScript・Next.js・Chart.js・ECharts サーバー Node.js・CSV・Excelの取り込みと出力データ PostgreSQL 連携 LINE Messaging API・メール配信（Amazon SES・SendGrid）モバイル LINE LIFF・LINEミニアプリ決済・認証 Firebase Authentication・権限と承認の設計
見積作成アプリ・業務システム	画面 TypeScript・Next.js・Tailwind CSS・アクセシビリティ対応サーバー Node.js・PDF帳票の生成データ PostgreSQL・Prisma インフラ Vercel 連携ブラウザ操作の自動化・Slack API・freee API・メール配信（Amazon SES・SendGrid）決済・認証権限と承認の設計運用 Vitest・Jest・Playwright（画面のテスト）
定期便管理アプリ・業務システム	画面 TypeScript・Next.js・Tailwind CSS データ PostgreSQL・Supabase・Prisma インフラ Cloud Run・Vercel 連携定期実行・メール配信（Amazon SES・SendGrid）決済・認証 Stripe・PAY.JP 運用 Vitest・Jest・Playwright（画面のテスト） Web・EC Shopify・BASE
介護記録アプリ・業務システム	画面 TypeScript・React・PWA サーバー NestJS・Laravel・CSV・Excelの取り込みと出力データ PostgreSQL インフラ AWS・Amazon ECS・Amazon RDS AI OpenAI API モバイルオフライン対応・Bluetooth Low Energy 決済・認証権限と承認の設計運用 Playwright（画面のテスト）・操作ログ・監査ログ
顧問先管理アプリ・業務システム	画面 TypeScript・Next.js・Tailwind CSS・アクセシビリティ対応データ PostgreSQL・Prisma インフラ Google Cloud・Cloud Run AI OpenAI API 連携 Google カレンダー API・Microsoft 365・Graph API・freee API・マネーフォワードクラウド API・メール配信（Amazon SES・SendGrid）運用 Vitest・Jest・Playwright（画面のテスト）
圃場と収穫の管理アプリ・業務システム	画面 TypeScript・Next.js・PWA・アクセシビリティ対応サーバー Python・FastAPI・PDF帳票の生成・CSV・Excelの取り込みと出力データ PostgreSQL インフラ Google Cloud・Cloud Run 画像・音声需要予測モバイル地図・位置情報（Google Maps Platform）運用 Vitest・Jest・Playwright（画面のテスト）
レンタル貸出管理アプリ・業務システム	画面 TypeScript・Next.js・Tailwind CSS・アクセシビリティ対応サーバー PDF帳票の生成データ PostgreSQL インフラ Google Cloud・Vercel 連携メール配信（Amazon SES・SendGrid）モバイルカメラ・バーコード読み取り決済・認証 Stripe・QRコードの発行と読み取り運用 Vitest・Jest・Playwright（画面のテスト）
生産管理と納期アプリ・業務システム	画面 TypeScript・React・PWA サーバー Python・FastAPI・ジョブキュー・非同期処理・PDF帳票の生成・CSV・Excelの取り込みと出力データ PostgreSQL インフラ AWS・Docker 画像・音声異常検知運用 Vitest・Jest・Playwright（画面のテスト）
保育園の連絡帳アプリ・業務システム	画面 TypeScript・React サーバー CSV・Excelの取り込みと出力データ Supabase・Cloud Firestore インフラ Google Cloud AI OpenAI API 画像・音声画像認識モバイル Flutter・LINE LIFF・LINEミニアプリ・プッシュ通知（Firebase Cloud Messaging）決済・認証 Firebase Authentication・権限と承認の設計・QRコードの発行と読み取り運用 Vitest・Jest・Playwright（画面のテスト）
自動動画編集ソフト業務自動化	画面 TypeScript・React・Canvas・SVG描画サーバー Python・ジョブキュー・非同期処理データ Amazon S3 インフラ Amazon ECS AI OpenAI API 画像・音声画像認識運用 Playwright（画面のテスト）
AIと連携したSNS自動化ツール業務自動化	画面 TypeScript・Next.js サーバー Node.js・ジョブキュー・非同期処理データ PostgreSQL・Cloudflare R2 AI OpenAI API・構造化出力連携 Webhook・定期実行運用 Sentry
CSV売上分析ダッシュボード業務自動化	画面 TypeScript・React・PWA・Chart.js・ECharts・D3.js サーバー Python・CSV・Excelの取り込みと出力データ BigQuery インフラ Cloudflare Pages 画像・音声 pandas 連携 Google スプレッドシート API
配送状況モニター業務自動化	画面 TypeScript・React サーバー Node.js・Python・WebSocket・リアルタイム通信データ PostgreSQL・時系列データの保存インフラ Cloud Run 画像・音声需要予測モバイルプッシュ通知（Firebase Cloud Messaging）・地図・位置情報（Google Maps Platform）
設備センサー監視システム業務自動化	画面 TypeScript・React・Chart.js・ECharts サーバー Node.js・Python・WebSocket・リアルタイム通信データ Amazon DynamoDB・時系列データの保存インフラ AWS Lambda 画像・音声異常検知連携 Slack API・SMS送信
建築アトリエサイトWeb・EC	画面 TypeScript・Astro・Three.js・WebGL・Canvas・SVG描画インフラ Cloudflare Pages・CDN・キャッシュ設計運用 Lighthouse（表示速度の計測） Web・EC microCMS・構造化データ・SEOの基本設定・OGP・SNS共有の設定
複数チャネルのEC管理画面Web・EC	画面 TypeScript・Next.js・Chart.js・ECharts サーバー Node.js・ジョブキュー・非同期処理・CSV・Excelの取り込みと出力データ PostgreSQL 連携定期実行運用 Google Analytics 4 Web・EC Shopify・楽天 RMS API
イベント受付・チケット販売Web・EC	画面 TypeScript・Astro サーバー Node.js データ PostgreSQL インフラ Cloudflare Workers 連携メール配信（Amazon SES・SendGrid）モバイルカメラ・バーコード読み取り決済・認証 Stripe・Cloudflare Turnstile・QRコードの発行と読み取り運用 k6（負荷試験）
商品ページ翻訳AIWeb・EC	画面 TypeScript・Next.js サーバー CSV・Excelの取り込みと出力データ PostgreSQL インフラ Cloudflare Workers AI OpenAI API・Anthropic Claude API・構造化出力画像・音声機械翻訳API Web・EC Shopify・多言語サイト
おすすめ配信の管理Web・EC	画面 TypeScript・React・Chart.js・ECharts サーバー Python データ BigQuery インフラ Cloud Run 画像・音声 LightGBM・pandas・レコメンド連携 LINE Messaging API・メール配信（Amazon SES・SendGrid） Web・EC Shopify
相続手続きの申込Web・EC	画面 TypeScript・Next.js・アクセシビリティ対応データ PostgreSQL インフラ AWS・Google Cloud 画像・音声 Google Document AI 連携 Google カレンダー API・メール配信（Amazon SES・SendGrid）モバイルカメラ・バーコード読み取り決済・認証権限と承認の設計運用 Vitest・Jest・Playwright（画面のテスト）・操作ログ・監査ログ
BtoB受発注Web・EC	画面 TypeScript・Next.js・アクセシビリティ対応サーバー PDF帳票の生成・CSV・Excelの取り込みと出力データ PostgreSQL インフラ Google Cloud・Cloud Run 画像・音声 OCR（文字の読み取り）連携定期実行・freee API・マネーフォワードクラウド API・メール配信（Amazon SES・SendGrid）決済・認証権限と承認の設計運用 Vitest・Jest・Playwright（画面のテスト）

主に使う技術

フロントエンド

バックエンド・API

データベース・ストレージ

インフラ・クラウド

AI・LLM

RAG・検索

画像・音声・機械学習

自動化・連携

モバイル

決済・認証

テスト・運用

Web制作・CMS・EC

制作例との対応表