問いを立て試行錯誤を重ね解決に導く

PythonのDjango＋PostgreSQLでバックエンドを実装し、ConoHa VPSで運用している稼働中のシステムです。品種・価格・送料のマスタ、顧客、注文を正規化して管理し、注文内容から運送会社（ヤマト／佐川）と地域別送料を自動判定。複写式ドットプリンタ（OKI MICROLINE）向けに座標を合わせたPDFを生成し、対象の送り状に複写で印字します。請求書は送り主・年・受注単位で品種・箱タイプごとに自動集計し、出荷実績はmatplotlibでグラフ化しました。

Next.js 16（App Router）／TypeScript（strict）で構築し、APIはRoute Handler、データはPrisma ORM経由でPostgreSQLに永続化。入力はZodで検証し、NextAuth v5（Google OAuth）で認証、権限別アクセス制御と監査ログを実装しました。画面はReact Bootstrap・react-select・Rechartsで構成し、使用中マスタの削除抑止など運用事故を防ぐ制約も組み込んでいます。

Next.js（App Router）／React／TypeScript で構築し、Netlify に公開した軽量版デモ。Claude Code 等を使い、要件を小さく分けながら UI・状態管理・データ入力・一覧表示・送り状印刷の導線を短い周期で実装しました。フル機能版の中核となる流れを、ブラウザですぐ触れる粒度に絞っています。

Next.js / React・TypeScript で構築し、Prisma＋PostgreSQL でデータを管理、NextAuth で認証、UI は Bootstrap / SCSS。AI入力支援は Gemini API で仕訳の下書き・翻訳・レシート/請求書画像の読み取りを補助（最終登録はユーザー確認、個人情報の外部送信を防ぐ検出も実装）。画像は Cloudinary、ホスティングは Netlify。取引先情報の変更で過去の判定が変わらないよう、取引時点をスナップショットで保持する設計にしています。

Django / Django REST Frameworkで自前のバックエンドを実装し、写真、品種、収穫スケジュール、価格表、送料、ニュースレターを管理。フロントエンドはAPI経由で情報を取得し、ConoHa VPSで運用しています。

Next.js App Router、Prisma、Neon PostgreSQL、Auth.jsを使用。/en・/jaのパス分離と、開発中の認証付き確認環境を実装しました。Kitニュースレターの登録フォームとYouTube動画は、iframeで埋め込んでいます。

MicroCMSでコンテンツを管理し、Google認証付きの英語の管理画面を用意。ヘッダー、リスト、フッター、背景色などをオーナー側で調整でき、開発中は認証付きURLで確認できる構成にしました。

静的なランディングページとして、ファーストビュー、サービス説明、対応エリア、実績・信頼要素、問い合わせ導線を実装。スマートフォンでも読みやすい情報量と余白に調整しました。

1ページ完結のLPとして、見出し設計、セクション分割、CTA配置、レスポンシブ表示を調整。英語学習サービスの内容が過不足なく伝わるよう、情報の順序を整理しました。

Next.js / React / TypeScriptで構築し、App Routerでページを整理。Bootstrap / SCSSでレスポンシブUIを整え、Framer Motionでトップページのアニメーションを実装しました。問い合わせフォームはZodで入力検証し、Nodemailerでメール送信、react-hot-toastで送信結果を通知。OG画像、sitemap、構造化データ、ページごとのmetadataも整備しています。