Digital
Experience

NAO / TRIM engineerings

Design × AI × Full-Stack

SCROLL
01

Profile

NAO
Photo

NAO

Web Engineer / Designer

アーティスト(シンガーソングライター)・作曲家・そしてグラフィックデザイナーとして20年以上のキャリアを持つクリエイター。音楽制作で培った感性とデザインスキルを活かし、美しく機能的なWebサイト・アプリを制作しており、セキュリティを意識したWeb開発を提供します。音楽業界に特化したHP・Webアプリ開発を得意とし、アーティストのLP制作からライブ予約管理システムまで対応します。

  • BaseOsaka, Japan
  • Experience20+ Years
  • FocusWeb / Design / Music / 音楽業界特化
02

Skills

⬡

Frontend

  • HTML / CSS / JavaScript
  • React / Next.js
  • レスポンシブデザイン
  • Swiperアニメーション
◈

Backend

  • Node.js / Express
  • PostgreSQL / SQLite
  • Supabase
  • REST API
◎

Design

  • Webデザイン20年以上
  • Illustrator / Photoshop
  • UI / UX Design
  • ロゴ / ブランディング
⬦

Deploy

  • Vercel
  • Render
  • GitHub Pages
  • GitHub / Git
03

Works

fanform
fanform
View →
Web App

fanform

React / Node.js / Supabase

kakeibo
kakeibo
View →
Web App

kakeibo

React / Node.js / SQLite

kakeibo-app
kakeibo-app
View →
Web App

kakeibo-app

Claude API・JWT認証・Supabaseを使用した家計簿Webアプリ。Node.js / Express / Supabase / Render

Login Form
Login Form
View →
Web App

Login Form

Node.js / Express / bcrypt

ライブ予約フォーム
ライブ予約フォーム
View →
Web App

ライブ予約フォーム

アーティスト向けライブ予約管理Webアプリ。Node.js・Express・SQLiteで構築。

PD除水量記録アプリ
PD除水量記録アプリ
Web App

PD除水量記録アプリ

自身の腹膜透析の排液量を記録・管理するWebアプリ。写真付きで記録でき、日別集計・全期間平均を自動表示。自分自身が毎日使用中。Node.js / Express / Supabase / Render

PDiOS
PDiOS
App Store →
iOS App App Store 公開済

PDiOS

腹膜透析(PD)患者向けの除水量記録 iPhone ネイティブアプリ。Web 版で蓄積した 430件超の実データをもとに設計し App Store で公開。20年以上のブランクを経てのコーディング復帰後、初めての App Store submission・審査通過作品。SwiftUI / Supabase（Web 版と共有）

恋愛タイプ診断アプリ
恋愛タイプ診断
View →
Web App

恋愛タイプ診断アプリ

NAO × Claude AIコラボ第二弾。5問の質問で恋愛タイプを診断するWebアプリ。Node.js / Express / HTML / CSS

sobanishi-mura
sobanishi-mura
View →
Web Site

sobanishi-mura

蓌屋のウェブサイト。HTML / CSS / JavaScript