Interview → Working Prototype

動くものを、
いちばん早く。

「こういうのが欲しいかも」——その、もやっとした段階から話を聞きに行きます。

大事にしているのは、表面的な要望の奥にある「本当は何に困っているか」を掴むこと。
そこを掴んだら、仕様書ではなく動くプロトタイプにして持っていきます。議論より、触れるもの。

実装はAIとのバイブコーディングが軸なので、とにかく速い。
だからこそ、既製のアプリでは手の届かない「うちのやり方だとここが違う」という細かいところまで、作り込むことができます。

まずは相談する

できること

お客さんのニーズを丁寧に伺って、一般のアプリでは手の届かない「かゆいところ」まで届く道具を作ります。

🎧

丁寧なヒアリング

仕様よりも先に、人に会って話を聞く。表面的な要望の奥にある「本当は何に困っているか」を掴み、そこから逆算して作るものを決めます。

現場ごとの例外処理や、運用のクセ。既製のサービスが拾いきれないのは、たいていそこです。聞き出して、そこを作り込みます。

高速プロトタイピング

アイデアが浮かんだら、まず動くものを作る。壊される前提で作ることに抵抗がなく、フィードバックを受けて何度でも作り直します。

何十時間も結論の出なかった会議に、動くプロトタイプを持ち込んで「これで決まり」となった経験が何度もあります。

🤖

AIによる開発の高速化

バイブコーディングが開発の軸です。AIに実装や叩き台の生成を任せ、自分は全体設計・価値判断・軌道修正に集中する。

AIが出したものの矛盾や粗を見つけ、対話しながら磨いて、また実行させる。優秀なパートナーに指示を出す感覚で進めるので、とにかく速い。

🛠️

全体を見渡す設計と実装

フロントエンドからバックエンド、API設計、データベース、非同期処理まで一人で通せるので、「どこがボトルネックか」「どこを直せば価値が最大になるか」を自分で判断できます。

データの集計・可視化やAI機能の実装も、この中の一部として対応します(形態素解析などの前処理から、ECharts・Highchartsによるインタラクティブな可視化まで)。

担当範囲ヒアリング / アイデアの検証 / プロトタイプ開発
対象外本番運用・インフラ管理

進め方

企画書を書いてから作るのではなく、聞いた話をそのまま動くものにして、それを叩き台に議論を前へ進めます。

  1. 01
    聞く お困りごと、現場の運用、「本当はこうしたい」を伺います。要件が決まっていなくて大丈夫です。むしろその段階から声をかけてください。
  2. 02
    すぐ作る 伺った話を、そのまま動くプロトタイプにします。文章で仕様を確認し合うより、触ってもらったほうが早いからです。
  3. 03
    触って、直す 「ここは違う」「これも欲しい」を受けて作り直します。ここが一番価値の出るところなので、遠慮なく壊してください。
  4. 04
    お渡しする 触って動くWebアプリとしてお渡しします。そのまま社内での提案や、次の判断の材料に使えます。

制作事例

実際に作ってきたものをご紹介します。

ご依頼いただいた事例

鍼灸院向け LINE予約アプリ

鍼灸院の先生からのご相談で開発した、LINEから予約が完結するアプリです。
既製の予約サービスでは合わなかった、その院ならではの受け付け方・運用に合わせて作りました。

スクリーンショットと機能の詳細は準備中です。近日公開します。
公開デモあり

宮古島市議会議事録 分析ツール

「議事録は公開されているのに、誰も読めていない」という素朴な疑問から作ったツールです。
公開されている宮古島市議会の議事録テキストを自然言語処理で分析し、キーワードの出現傾向をインタラクティブに可視化。AIによる議論要約も搭載しています。

ネットワーク図で議論の全体像を把握 キーワードや議員・テーマ間のつながりをネットワーク図で可視化。どのトピックがどう結びついているかを、直感的に読み取ることができます。
ネットワーク図を見る ネットワーク図のスクリーンショット
年ごとの特徴的な話題ヒートマップ TF-IDFスコアを使って、各年・各会期にどんなテーマが特徴的だったかをヒートマップで可視化。時代とともに移り変わる議会の関心を一目で読み取れます。
年別ヒートマップを見る 年別ヒートマップのスクリーンショット
議員の発言傾向ヒートマップ 議員ごとに、どんな分野・カテゴリの発言が多いかをヒートマップで一覧表示。各議員の関心領域や特色をひと目で比較できます。
議員別ヒートマップを見る 議員別ヒートマップのスクリーンショット
キーワードで引くAI時系列分析 キーワードを検索すると、関連する会議での発言をAIが時系列で要約・分析。議論のトピック・結論・流れを自動生成します。
キーワード分析を見る キーワード分析のスクリーンショット
Nuxt 3EChartsOpenAI APIVector Store / File SearchCloudflare WorkersCloudflare D1TF-IDF形態素解析TypeScript
デモを見る
プロトタイプから製品になった事例

キーワードマップ(企業向けデータ可視化SaaS)

大手インターネット企業で、検索データを可視化する企業向けSaaSの主力機能「キーワードマップ」を、自らのプロトタイピングから考案・実装しました。

500社+導入企業
8億規模プロダクト売上
15年データ可視化の経験

「これは無理だ」「意味がない」と言われたところから、プロトタイプで可能性を示し、対話しながら実用に育てていったものです。
テレビや雑誌などのマスコミ媒体でも繰り返し取り上げられ、後続の新機能を生み出す原動力にもなりました。

サービスサイトを見る

こんな方へ

  • 「なんとなくこういうものが欲しい」という段階で止まっている人。
  • 既製のアプリだと、うちのやり方に合わないと感じている人。
  • まず動くものを見てから、社内で判断したい人。
  • 手元に眠っているデータを、何かに活かしたい人。
  • こちらの要望をじっくり聞いてもらいながら進めたい人。

要件が決まっていなくて大丈夫です。
むしろその段階から声をかけてください。
現場で感じるお客様の声こそが、良いものを作る一番の材料だと思っています。

動くものを、先に出すエンジニア

15年以上、検索データやユーザー行動データを「誰かの意思決定を動かす形」に変えることを仕事にしてきました。

🎧

要件が固まる前の段階に飛び込む

得意なのは、要件が曖昧なままの段階に飛び込み、ユーザーや現場の声を丁寧に聞きながら、その場でプロトタイプを作ってしまうことです。

聞くことと作ることを分けない。話しながら手を動かすので、「言ったことと違うものが出てくる」というズレが起きにくいのが強みです。

プロトタイプが企画書

仕様書や企画書を先に作るのではなく、動くものを先に作り、それを叩き台にして議論を前に進めます。

何十時間も結論が出なかった会議に、動くプロトタイプを持ち込んで「これで決まり」となった経験が何度もあります。言葉を重ねるより、そのほうが速い。

🤖

AIと二人三脚のものづくり

近年は生成AIを使い、このサイクルをさらに高速化しています。AIに大枠の実装や選択肢を出させ、そこにある矛盾や粗を見つけて対話しながら磨き上げ、また実行させる。

優秀なパートナーに指示を出すように進めるこのスタイルは、「まず作って直す」という自分のやり方と非常に相性が良いと感じています。

📈

キャリアと実績

大手インターネット企業に15年勤務し、大規模トラフィックデータを活用した分析SaaSの企画・開発に従事。性別・年齢・地域といった属性を軸に、ネットワーク図・散布図・ヒートマップなど目的に応じた可視化を設計してきました。

自分のプロトタイプから生まれたプロダクトは、一部上場企業を中心に500社以上へ導入されています。

大切にしていること

まだ誰も見えていないものを、形にして、人の「できる」を増やすこと。

「これは無理だ」「意味がない」と言われたところから、プロトタイプで可能性を示し、対話しながら実用に育てていく。
そのプロセスそのものに、一番のやりがいを感じています。

2002年:桐蔭学園理数科卒
2006年:慶応義塾大学情報工学科卒業。
趣味は格闘技や野球観戦、子どもと始めた剣道、ベランダ農業など。
他に心理カウンセラーとして活動中。

ご依頼について

ご依頼前に知っておいていただきたい事項をまとめています。

🧪

これはプロトタイプです

アイディアの検証に特化した開発です。
本番運用・インフラ管理・セキュリティ対策・パフォーマンス最適化は対象外です。

📦

納品物

触れて動かせるWebアプリ(プロトタイプ)をお渡しします。
ソースコードのお渡しも可能ですが、プロトタイプとしての品質であり、本番転用・保守を前提とした実装ではない点をご了承ください。

🛠️

技術スタック

Nuxt 3 / TypeScript / Cloudflare Workers・D1 / ECharts・Highcharts(可視化)/ OpenAI API・Claude API(生成AI)/ LINE連携 を中心に使用。
案件の内容に応じて最適な技術を選定します。

🔄

修正対応・開発スコープ

開発はご依頼時に合意した機能・仕様のみを対象とし、初期合意を大幅に超える仕様変更・追加機能は別途お見積もりになります。
プロトタイプの性質上、方向性の調整は歓迎します。

🔐

著作権

納品物の著作権はクライアントに完全に譲渡します。
ただし制作者は、制作実績としてデモ画面・URLをポートフォリオに掲載する権利を留保します。
掲載を希望されない場合はご相談ください。

💻

動作環境

Chromeの最新版(PC)を動作保証の対象とします。
スマートフォン対応が必要な場合は事前にお申し付けください。

💳

開発費用・お支払い

ヒアリング¥8,000 / 時間(約2時間を想定)
開発費用案件の規模・内容によるため、ヒアリング後にお見積もり
着手金開発費用の 50%(着手前)、残金は納品時

まず、話してみませんか。

「こういうのが欲しいかも」「そんなことできる?」
そのくらいの温度感で十分です。一緒に考えます。

初回相談60分 / ¥5,000