— AI × Automation × Building

AIと組んで、
手作業を減らす。

繰り返しを消したぶん、作ることに集中する。

Works を見る
Kokona

— About

Kokona

@kokona_codes

Claude・GAS・APIを組み合わせて、業務フローの自動化システムを作っています。
要件整理からコーディング・デプロイまで、すべてひとりで。

「同じ作業を繰り返すなら、それは自動化できる」という考えで動いています。自分の案件探しを自動化したり、予約管理システムをゼロから構築したり。作ったもので、自分の仕事も変えていく。

作りながら学ぶ。自動化しながら磨く。それが私のやり方。

Claude / MCP GAS / Python Next.js Supabase OpenAI API HTML / CSS

— Works

作品一覧

— All projects built from scratch —

01

AUTOMATION · AI AGENT

案件巡回自動化

CrowdWorks Auto-Scout

Claudeがクラウドワークスを自動巡回。7カテゴリをスキャン → 独自基準でスキップ判定 → 提案書を自動生成 → Gmailに通知。毎日の案件探しをゼロにした。

Read more →

02

SYSTEM · BOOKING MANAGEMENT

VELARO

ヴェラーロ — 予約管理システム

リゾートヴィラ向け予約管理システム。ゲスト予約フォーム → Supabase DB → 自動メール送信 → 管理画面でステータス管理まで一気通貫。Next.js + Resend。

View Project →

03

CAFÉ · CINEMATIC LP

Café Noir

カフェ・ノワール

自家焙煎スペシャルティコーヒー専門店のシネマティックLP。映画的な世界観と、コーヒーへの深いこだわりを表現。

View Project →

04

D2C · SKINCARE EC

AURA

オーラ

ジェンダーレス・自然由来スキンケアのECサイト。全3ページ構成 + Stripeデモ実装。

View Project →

05

PREMIUM · LP

Kona Kon

コナコン

¥1M超級プレミアム化粧品LP。肌診断クイズ・Before/After スライダー搭載。

View Project →

06

RYOKAN · LP

月詠

つくよみ

信州の隠れ家旅館LP。月齢カレンダー予約・縦書き俳句で和の世界観を表現。

View Project →

07

ARCHITECTURE · PORTFOLIO

湾アーキテクツ

WAN ARCHITECTS

海辺の建築設計事務所ポートフォリオ。5段階プロセス可視化・6作品・Leafletマップ搭載。

View Project →

— Process

どうやって作るか

— From concept to launch, solo —

01

業務分析・要件整理

「何を繰り返しているか」を言語化。どこを自動化すると一番インパクトがあるかを整理する。

02

ツール選定・設計

Claude / GAS / API / Next.js の中から最適な組み合わせを選ぶ。作りすぎない設計を心がける。

03

実装・自動化

Claudeとの対話で高速に作る。フォーム・DB・メール・管理画面まで一気通貫で組む。

04

デプロイ・運用改善

Vercel / Cloudflare で即公開。動かしながら改善する。自分でも使い続けることが品質保証。

— Connect

つながる

お仕事のご依頼・ご質問はフォームからどうぞ。
For project inquiries and collaborations.

ファイルを添付したい場合は kokona.codes@gmail.com まで直接メールでどうぞ。