Tailwind UI Samples
業務で使う UI を、動くサンプルとしてまとめたサイトです。ボタン・フォーム・カード・テーブルから、アニメーション、ドロップダウンやドロワーまで。プレビューで動きを確認し、コードをコピーして自分のプロジェクトに貼れます。
TanStack Start と Tailwind CSS v4 で組み立て、Cloudflare に公開しています。
-
TanStack Start
-
Tailwind CSS
-
Cloudflare
Flutter × Node.js
Flutter を主軸に iOS / Android / Web のアプリ開発を担当しています。Node.js でアプリ連携のバックエンドも対応可能です。エンジニアとして3年以上の開発経験があります。
Primary Stack
AI Tools(開発効率化)
Current
現在、SaaS プロダクトの開発支援に参画しています。フロントは TanStack Start、バックエンドは Hono、インフラは Cloudflare を用いており、AI ツールを活用した開発プロセスの改善にも取り組んでいます。
Works
個人で制作し、公開しているサイトです。
業務で使う UI を、動くサンプルとしてまとめたサイトです。ボタン・フォーム・カード・テーブルから、アニメーション、ドロップダウンやドロワーまで。プレビューで動きを確認し、コードをコピーして自分のプロジェクトに貼れます。
TanStack Start と Tailwind CSS v4 で組み立て、Cloudflare に公開しています。
Experience
メインは Flutter によるモバイルアプリ開発です。新規プロダクト開発から運用・保守・エンハンスまで、フェーズの異なる現場で携わってきました。Node.js / Python はアプリ連携のバックエンドとしての経験です。
プロジェクト単位の詳細な経歴は スキルシート にまとめています(URL は準備中です。ご希望の方はお問い合わせ時にお知らせください)。
Flutter を中心にモバイルを担当しています。Node.js はアプリ連携のバックエンドとして対応可能です。
Flutter
メイン領域。iOS / Android / Web を横断したモバイルアプリ開発
Node.js
モバイル開発に付随する Web バックエンドとして、TypeScript / Express / NestJS / AWS Lambda などの経験があります
Swift
SwiftUI でのネイティブアプリ開発(コンセプトカフェアプリなど)
Python
FastAPI などを用いた API 開発など、バックエンド実装の経験があります
Web フロントエンドについて
Next.js / React などの経験はありますが、得意領域ではありません。メインの強みはモバイルアプリ開発です。
Backend Toolkit
SaaS / Edge
仕様書作成から実装・検証まで、AI ツールを開発プロセスに取り入れています。
仕様書駆動開発
Claude Code / Cursor で SDD・PRD・RDD を定義し、AIが実装で迷いにくい仕様書ベースの進め方を試しています。
MCP 連携
Figma / Linear / Notion などを MCP Server 経由で開発プロセスに接続し、設計から実装までの往復を高速化します。
Devin 活用
テストケース作成、既存コードの解説、リファクタリング見積もりまで、調査と改善の意思決定に活用します。
Exploring
メインの強みはモバイルアプリ開発です。そのうえで、少し触れたことや個人開発で試している技術も、正直に書いておきます。
Go
自社開発企業
業務の中で少し触れた経験があります。まだまだ学びの途中ですが、バックエンド周辺として関心を持っています。
React Native / Expo
個人開発
個人開発で Expo を使った経験があります。モバイルが主軸の延長として、この領域にも関心があります。
Open Source
DartNativeは、DartでiOS・Androidのネイティブな画面を構築するフレームワークです。Flutterで培ったDartの知識を活かしながら、各OSの標準UIを使ったアプリを開発できます。
まだプラグインの選択肢が限られているため、世界中の開発者とともにエコシステムを広げるOSS開発に取り組んでいます。DartNative向けプラグインの開発にもコントリビュートしています。
DartNative公式サイトを見る (新しいタブで開きます)Concepts
海外のAI駆動開発では、いきなり実装するより、仕様や要件を先に整える進め方が一般的になりつつあります。ここでは、実務で触れている3つの考え方を簡潔にまとめます。
SDD
仕様を先に作り、実装はその仕様から導く進め方です。
海外のAI開発では、プロンプト一発でコードを出させるより、仕様書を中心に据える動きが広がっています。仕様が「何を作るか」を定義し、AIはその解釈と実装に集中します。
GitHub Spec Kit で詳しく見る (新しいタブで開きます)PRD
プロダクトの目的・機能・振る舞いを揃えるための文書です。
誰向けに何を実現するかをチームで共有する土台になります。詳細すぎる設計書というより、ゴール・前提・ユーザーストーリー・やらないことを簡潔にまとめるのが一般的です。
Atlassian で詳しく見る (新しいタブで開きます)RDD
要件を開発の起点・基準として継続的に扱う考え方です。
要件を一度書いて終わりにせず、実装・検証・改善の判断材料として使い続けます。変更が起きても「要件に立ち返る」ことで、AIにも人にも迷いにくい開発になります。
Visure Solutions で詳しく見る (新しいタブで開きます)Work Style
Flutterを専門に、モバイルアプリ開発をお手伝いします。案件の内容や規模に応じて、個人での参画に加え、知人のエンジニアとチームを組んだ対応も可能です。
Flutterを中心とした設計・実装・改善に対応します。準委任契約での技術支援をご相談いただけます。
知人のエンジニアとチームを組み、準委任契約や受託開発に対応します。Swift・Go・Next.jsの知見を持つメンバーと連携できます。
対応技術:Flutterを専門とし、Node.js によるバックエンド連携、KMP や Expo を使った開発も内容に応じてご相談可能です。
お問い合わせフォームから相談するTrial
メインは Flutter × Node.js ですが、SwiftUI や React Native Expo を使った案件も、条件が合えばお引き受けしています。実務経験を積み上げている領域のため、小さめのスコープからのご相談を歓迎します。
SwiftUI ネイティブ開発
iOS 向けのネイティブ画面の設計・実装。コンセプト検証や MVP など、小さめのスコープから対応します。
React Native / Expo
Expo を使ったクロスプラットフォーム開発。個人開発での経験を活かし、内容に応じてご相談いただけます。
AI ツールを組み込んだ開発
Claude Code / Cursor などを開発フローに取り入れ、仕様整理から実装・レビューまで一貫して進めます。
準委任・受託(小規模)
Flutter 以外のスタックでも、条件が合えば準委任・受託でお引き受けします。まずはお気軽にご相談ください。
Contact
Flutter / Node.js を中心としたモバイルプロダクト開発について、個人での技術支援や知人のエンジニアと組むチームでの開発をご相談いただけます。