— About
@kokona_codes
Claude・GAS・APIを組み合わせて、業務フローの自動化システムを作っています。
要件整理からコーディング・デプロイまで、すべてひとりで。
「同じ作業を繰り返すなら、それは自動化できる」という考えで動いています。自分の案件探しを自動化したり、予約管理システムをゼロから構築したり。作ったもので、自分の仕事も変えていく。
作りながら学ぶ。自動化しながら磨く。それが私のやり方。
— Services
— What I can build for you —
01
お店・サービス・会社の紹介ページを、スマホ対応・お問い合わせフォーム付きで。デザインから公開まで、ひとりで一気通貫。
LP / HP / コーポレート02
フォーム送信 → データ保存 → 自動メール・LINE通知 → 管理画面まで。受付や問い合わせ対応を、まるごと仕組みにします。
予約 / フォーム / 通知03
毎日の繰り返し作業を、人が手を動かさなくていい形に。データ集計・転記・通知・定期チェックなどを、裏側で自動で回します。
GAS / API / Webhook04
社内文書をAIに答えさせる仕組み、チャットBot、文章の自動生成など。「AIで何ができる？」のご相談からお受けします。
Claude / OpenAI / RAG
料金は内容に応じてお見積もりします。
「こんなことできる？」のご相談だけでも歓迎です。まずはお気軽にどうぞ。
— Works
— All projects built from scratch —
01
AUTOMATION · AI AGENT
CrowdWorks Auto-Scout
Claudeがクラウドワークスを自動巡回。7カテゴリをスキャン → 独自基準でスキップ判定 → 提案書を自動生成 → Gmailに通知。毎日の案件探しをゼロにした。
Read more →02
SYSTEM · BOOKING MANAGEMENT
ヴェラーロ — 予約管理システム
リゾートヴィラ向け予約管理システム。ゲスト予約フォーム → Supabase DB → 自動メール送信 → 管理画面でステータス管理まで一気通貫。Next.js + Resend。
View Project →03
CAFÉ · CINEMATIC LP
カフェ・ノワール
自家焙煎スペシャルティコーヒー専門店のシネマティックLP。映画的な世界観と、コーヒーへの深いこだわりを表現。
View Project →04
D2C · SKINCARE EC
オーラ
ジェンダーレス・自然由来スキンケアのECサイト。全3ページ構成 + Stripeデモ実装。
View Project →05
PREMIUM · LP
コナコン
¥1M超級プレミアム化粧品LP。肌診断クイズ・Before/After スライダー搭載。
View Project →06
RYOKAN · LP
つくよみ
信州の隠れ家旅館LP。月齢カレンダー予約・縦書き俳句で和の世界観を表現。
View Project →07
ARCHITECTURE · PORTFOLIO
WAN ARCHITECTS
海辺の建築設計事務所ポートフォリオ。5段階プロセス可視化・6作品・Leafletマップ搭載。
View Project →08
LAW · FORM AUTOMATION
無料相談フォーム自動化
法律事務所の無料相談フォーム。送信 → GAS → Notion DB記録 + Gmail自動返信まで一気通貫。
View Demo →09
RECRUIT · FORM AUTOMATION
採用フォーム自動化
採用LP + GAS連携。応募 → スプレッドシート自動記録（TB-0001採番）+ Gmail自動返信。
View Demo →10
SNS · AI POST AUTOMATION
AI × GAS × Threads / Instagram / TikTok
ブランド情報を入力 → Claude APIが各SNS向け投稿文を自動生成 → Googleスプレッドシートに「投稿カレンダー」として一括保存。
View Demo →11
AI · MEETING MINUTES
会議は書かない。
音声ファイルを渡すだけで、Whisper APIが文字起こし → Claudeが3段階で議事録を構造化。決定事項・ToDo・保留事項を自動抽出。
View Project →12
CORPORATE · WORDPRESS THEME
エイルロン — コーポレートサイト
AI業務自動化スタートアップ向けコーポレートサイト。WordPressオリジナルテーマ想定で全13ページを実装。カスタム投稿・ACF設計を念頭にした構造。
View Project →13
SaaS · SUBSCRIPTION LP
オフィシス — ひとり情シス代行
中小企業向け「ひとり情シス代行」月額サブスクのLP。サービスをホバーで詳細表示・料金の月額/年額トグル・FAQアコーディオンを純粋なHTML/CSS/JSで実装。
View Project →14
AI · INVOICE REVIEW
AI請求書チェックツール
Gmail取込 → AI読取 → 人の確認 → Drive保存までを想定した、React + TypeScript製の業務自動化デモ。実データを使わず架空データだけで公開可能な形にした。
View Project →15
LOCAL BUSINESS · SEIKOTSUIN LP
自然派の整骨院LP
植物に囲まれた整骨院を想定したローカルビジネスLP。施術メニュー、院内紹介、FAQ、アクセス、予約フォームまで整え、公開デモとして見せやすい形にした。
View Project →— Process
— From concept to launch, solo —
「何を繰り返しているか」を言語化。どこを自動化すると一番インパクトがあるかを整理する。
Claude / GAS / API / Next.js の中から最適な組み合わせを選ぶ。作りすぎない設計を心がける。
Claudeとの対話で高速に作る。フォーム・DB・メール・管理画面まで一気通貫で組む。
Vercel / Cloudflare で即公開。動かしながら改善する。自分でも使い続けることが品質保証。
— Connect
お仕事のご依頼・ご質問はフォームからどうぞ。
For project inquiries and collaborations.
ファイルを添付したい場合は [email protected] まで直接メールでどうぞ。