yuremono
works

web制作会社で3.5年デザインとコーディングに従事
AI関連の学習とフロントエンド効率化に取り組んでいます

Generate

Creation

Knowledge
and
Interest

このページはオリジナルCMSのトップページです。
アプリ開発、UX設計を経験するために作成しました。
editorページで全コンテンツを編集しています。
閲覧pass/view
主要技術： Next.js TypeScript Tailwind CSS supabase
/ editor

Cursor

Claude Code

TailwindCSS

Codex

Typescript PhotoShop Figma Three.js Supabase GSAP

Burn
  Your
 Own
   Style

AI Native Development


個人のスタイルシステム（クラス、変数、スタイリングの癖）を元に、Claude Code・Cursor 等エージェント向けドキュメントを充実させることで、Web 制作の全工程をAI前提で進める為のプロジェクト。
Thinking...
- LLM の学習データに基づくwebデザイン・コーディングは平均的で、振れ幅の大きい、標準ではないものであり、個人のマークアップ、スタイリングとかけ離れたものになる。
- 事務作業のように決められた手順を実行させることで、vibeコーディングツールでは創造できないプロダクトを効率的に実装できる。
// BYOS
Card 1

Agent Driven
CMS



Codex app-server または Claude Code をNext.jsのNode runtime経由で中継し、ブラウザから自然言語でサイト編集を行うローカルCMS
Detail...
動機：AI時代にクライアントが求めるのは
「チャットで編集できるwebサイト」でありCMS自体がボトルネック
手段：パブリックでなくローカル完結ならモデル性能依存を解消できる
成果：フロントエンド以外は全て仕様駆動で実現。エンタメ性もある
考察： リテラシーの高いクライアント＆十分な初期サポートという条件は必須と考えていたし、体験としては有意義であるが、
ここまでやるならCursorエディタを使ってもらった方がいい。という結論です。
// ADCMS

Creative Demos

実務で制作したクリエイティブコンテンツの再現デモ集 new_window

Chat
Kanban

Web AI 履歴管理・共有アプリdemo


ローカル環境の特定ブラウザ(Chromium系)に拡張機能をインストールし
ChatGPTやGeminiにチャット履歴を送信するためのUIを設置
特定のurlでまとめて閲覧
ムーバブルサイドバー機能付き
Thinking...
大手3社(OpenAI,Google,Anthropic)の公式webアプリでなんでもできちゃうけど使い分けると管理が大変なことの解決策及びNano Bananaが話題になりマルチプラットフォーム共有に価値があると考えたがCORSが厳しく一定期間で閲覧不可に...(画像を保存することの自動化が制限されているため手動保存が必要)
// ChatKanban
Name
Yano Seiji
Hobby
Manga I love
Anime I love
Light Novel I love
Music I love
Specialty
CSS Styling
Context Engineering