フルスタック実装
UI、管理画面、データモデル、API、デプロイまで一つのシステムとして作ります。
内容加载中
Web / Full-stack Developer · Japan · Portfolio
私は姚凱です。日本で Web / フルスタック開発を学び、実践している開発者です。
アイデアを整理し、実際に動く、保守しやすいプロダクトとして形にすることを得意としています。制作実績、技術スタック、記事、個人サイトの改善過程をここにまとめています。
Next.js / ReactJava / Spring BootVueSQLite / PrismaAPI 設計デプロイコンテンツシステムAI 活用
LIVE WORK MAP
Technology · Design · AI
姚凯
01Research
02Shape
03Build
04Ship
Positioning
これは単なるポートフォリオではなく、能力が継続的に生まれる仕組みです。
制作実績は実行力を示し、記事は判断を残し、ガイドは経験を再利用可能にし、リソースは道具をつなぎ、Now は現在進行形の活動を伝えます。
訪問者に伝えたいのは、曖昧な要望を整理できること、システムとして実装できること、細部の文章と体験まで磨けることです。
Content Architecture
どの入口から入っても、次に読みたくなる構造へ。
単なる一枚の紹介ページではなく、制作実績、ガイド、記事、方法論、技術スタック、リソース、現在の活動をつなぐコンテンツシステムとして設計します。
Capability System
上質さは装飾の量ではなく、判断の明確さから生まれます。
よいサイトは、価値を早く伝え、クリックしたくなり、背後の実行力を信頼できる状態をつくります。
AI ワークフロー
調査、分解、実装、検証を速くしながら、最終判断は人が持ちます。
プロダクト判断
ユーザー目標、成功指標、保守コストから優先順位を決めます。
Guides
経験を、次に使える手順へ。
問題の分解、境界設定、技術選定、プロジェクト推進をどう行うかを整理しています。
全栈开发指南进阶约 7 分钟阅读
Machi Web 与统一后端同步指南
拆解 Machi Web 如何用 Next.js、React、TypeScript、Python、SQLite、REST API 与 SSE 支撑 Web/iOS 双端同步。
适合：需要让 Web 与 App 共享同一套 API 的开发者
Next.jsPythonSQLiteSSE
iOS 工程指南进阶约 7 分钟阅读
Machi iOS 离线优先工程指南
把 Machi iOS 的 SwiftUI、SwiftData、Repository、Service、Keychain 与 RemoteSyncService 拆成一套可复用的离线优先工程指南。
适合：正在构建真实 SwiftUI 产品的开发者
SwiftUISwiftData离线优先Machi
AI Workflow
AI はボタンではなく、制作全体を支える協働レイヤーです。
調査、構造化、実装、検証、振り返りに AI を使いながら、最終判断は目的、体験、品質に基づいて行います。
Research
ユーザー、リスク、競合、制約を整理。
Shape
情報構造、優先順位、体験ルートへ圧縮。
Build
UI、データ、API、管理画面を接続。
Polish
見た目、状態、モバイル、文章を確認。
Ship
ビルド、デプロイ、検証まで行う。
Writing
最近の記事と思考。
制作中の判断を言葉にし、経験をプロジェクトの外でも使える形にします。
Library
道具箱も制作システムの一部。
判断の質を上げ、保守コストを下げ、作品を長く育てられる道具を選びます。
Now
このサイトは、更新され続ける場所です。
現在のプロジェクト、研究テーマ、次の計画をここに残します。
AI 工作流92%
SwiftUI86%
SwiftData82%
产品思维90%
Next.js92%
技术是把判断变成现实的媒介
我喜欢技术，是因为它能把抽象判断转化成可被使用、可被验证、可被改进的东西。
审美不是装饰，而是系统
高级感来自信息层级、节奏、留白、反馈和一致性，而不只是颜色漂亮。
AI 应该放大人的判断
我不把 AI 当作替代者，而是把它设计进探索、起草、实现和复盘的循环里。
长期主义需要可维护系统
如果一个作品只能在发布当天成立，它就还不是系统。
