KK — Design + Coding

My
Portfolio.

だれが触っても、
迷わず使えるものをつくっています。

ご多用の中、ご覧いただき誠にありがとうございます。

これまでの歩み

2025.07

Vibe Coding を開始
AI支援開発に本格参入。discord.js・GAS・Three.jsを独学でマスター
2025 後半

CNP×RED° プロジェクト参加
日本最大級NFTコミュニティのDiscord Bot開発・AL管理・ミント支援を担当
2025 年末

KAKERA NFTページ作成
KAKERA NFTの公式ページを制作。Mint・FAQ・Aboutなど複数ページを実装
2026.04

KKコミュニティ立ち上げ
非エンジニア向けAIツール配布コミュニティをDiscordでローンチ
2026.05

LEVEL UP サイト制作
ゴルフメディアサイトのワイヤーフレーム〜引継ぎドキュメントを一括制作。マルチページ・レスポンシブ対応
2026.05

AI作業会福岡主催
定員18名・参加費500円のリアル作業会を福岡・博多で開催。AIの活用講義〜成果発表まで企画・運営
2026.07

コミュニティ運営BOT リリース
チケット・ロール配布・フォーム・抽選・有料ロール販売を1つにまとめたDiscord BOTを公開
2026.10

ORVA アプリをGoogle Playで公開
AI画像生成のスマホアプリをExpoで開発。12人・14日間のテストを経て公開

使っている言語とツール

言語LANGUAGES

JavaScript

Node.js

Python

GAS

HTML/CSS

Web・アプリ・BotFRAMEWORKS

Next.js

Expo

discord.js

discord.py MxMetaplex

公開・データ保存HOSTING / DATA

GitHub

Vercel

Netlify

Cloudflare

Firebase

Supabase

AI・自動化AI / AUTOMATION

Claude

Claude Code CxCodex MkMake APIAPI連携

得意分野 Discord Bot 業務自動化 LP / Frontend Web3 / NFT AIツール開発

「使える」を、
誰にでも届ける

私が大切にしているのは、技術に詳しい人だけでなく、誰でも迷わず使えるプロダクトを届けることです。

Vibe Coding × AI活用によって、アイデアを素早く形にし、見た目の良さだけで終わらない「すぐ使える・すぐ伝わる」体験を設計します。

思わず触りたくなるデザインと触れた瞬間に価値が伝わる実装を両立し、目的に合わせた設計まで含めてご提案します。

Service — Web

伝わるWebページを、
公開まで。

コミュニティの有無に関係なく、サービス・店舗・個人活動の魅力が伝わるページを制作します。見た目だけでなく、問い合わせや申込みにつながる構成から整えます。

構成整理
デザイン
実装
公開

レスポンシブ対応まで制作

スマホ・タブレット・PCで見やすく使えるよう、画面幅に合わせた表示まで整えます。

お問い合わせ導線も対応

Googleフォームや外部フォームへの導線、問い合わせボタン、申込みにつながる配置まで設計します。

普通のHP制作案件として相談可能

トップページ、LP、サービス紹介、プロフィールページなど、Webページ単体の制作として目的に合わせて提案します。

Service — Community

参加後の体験まで、
運営しやすく。

Discordサーバー設計、参加導線、オンボーディング、Bot開発まで、コミュニティ運営で必要になる仕組みをまとめて整えます。

Discord設計
参加導線
Bot開発
運用改善

迷わない参加導線

初参加の人が何をすればよいか分かるよう、チャンネル構成や案内を整理します。

運営負荷を下げるBot

ロール付与、ポイント管理、投稿管理、通知など、手作業を減らす仕組みを作ります。

Webページとの接続も可能

必要に応じて、告知ページやLPからDiscord参加後の体験まで一貫して設計できます。

Service — AI / Automation

手作業を減らし、
運用を軽く。

GAS、自動化ツール、AIを使った開発で、日々の繰り返し作業や連絡・集計・管理の負担を減らします。小さな自動化から、実際に使える業務ツールまで対応します。

課題整理
自動化設計
ツール実装
運用改善

GAS・Makeで外部サービス連携

Googleフォーム、スプレッドシート、Gmail、Discordなどをつなぎ、通知や集計を自動化します。

AIを使った制作・開発

Claude、Claude Code、GPT、Codexなどを活用し、ページ制作や業務ツールを短期間で形にします。

現場で使える形まで落とし込む

作って終わりではなく、非エンジニアでも迷わず使える画面や運用フローまで整えます。

制作実績

「詳しく見る」があるものは、次のページで紹介しています

WORK 02

Discord Bot
（CNP×RED°）

音声チャンネル参加者エクスポート・AL管理・ロール自動付与の複合Bot。

discord.jsNode.js

WORK 03

PayPal × Gmail
Make自動化システム

決済 → メール配信で完全自動化。

PayPalGmailMake

Works 01 — Androidアプリ

ORVA AI画像生成アプリ

公開先: Google Play（2026年10月12日公開）
使用ツール: Expo、fal.ai、Claude Code
担当: 企画、開発、ストア公開の準備・申請
開発期間: 2026年7月〜10月
料金: アプリは無料・広告なし（画像生成はfal.aiの従量課金）

どんなアプリ？

文章を入力すると、AIが画像を作るスマホアプリです。自分のfal.aiのAPIキーを登録すると、スマホから手軽に画像生成できます。

公開までにやったこと

公開準備を17の作業に分けて、アイコン・ストア画像・プライバシーポリシー・Google Playの申告まで一つずつ対応。Discordコミュニティで12人のテスターを集め、14日間のテストを経て公開しました。

Google Playで見る →

9:41●●● ▮

◈ORVA

プロンプト

夕焼けの海辺を歩く白いネコ、水彩画風

GPT-image-21:1×4

✦ 生成する

生成結果

Works 04 — Discord Bot

チャレンジャーズ運営支援Bot

使用ツール: discord.js、Node.js、Notion API、node-cron
担当: Bot設計、実装、運用導線設計
主な機能: 宣言投稿、ポイント管理、チケット、リンク集
連携: Notion DB、Discordチャンネル、権限管理
目的: 参加率向上、運営負荷の軽減

開発背景

コミュニティ内で毎日の行動宣言や応援を自然に促し、運営側の対応も軽くするため、参加促進と管理をまとめて支えるBotとして制作しました。

実装ポイント

宣言モーダル、応援・休憩ボタン、日次重複防止、ポイントのNotion保存、チケット作成、チャンネル表示切替まで実装。参加者が迷わず使える操作感を重視しました。

CHALLENGERS SUPPORT BOT Online

# 今日の宣言

CB

おはようございます！

今日も一緒に宣言しましょう。下のボタンから今日の状態を選んでください。

宣言 +30pt

応援 +10pt

休憩 +5pt

Notionへ記録

日次重複防止

サポートチケット

問い合わせボタンから専用チャンネルを自動作成。対応後はクローズできます。

Works 05 — イベント

AI作業会福岡企画・主催

開催日: 2026年5月30日（土）12:00〜18:30
会場: VILLENT博多グラン（福岡・博多駅徒歩圏）
参加費 / 定員: ¥500 / 18名
役割: 企画、集客、講義、進行、運営
イベントページ: Netlify公開（HTML/CSS）

企画背景

AIを使いたいけど一人では進めにくい——そんな人が気軽に集まって作業できる場所を作りたかった。オンラインだけでなく、リアルで顔を合わせて学ぶ体験を提供したかった。

工夫したこと

講義→作業→成果発表の流れを設計し、「今日やりたいこと」を1つ決めて来るというルールで参加者の集中を高めた。イベントページも自前で制作・公開。

公式LINEで次回のお知らせを受け取る → AI作業会 in 福岡公式LINEのQRコード

EVENT / FUKUOKA

AI作業会福岡

2026.05.30 SAT

¥500 / 18名

博多駅近