MIZELY / 自社サイト
MizeLy
コーポレートサイト
ブランド設計からサービス紹介、制作プロセス、実績展示まで、一貫した世界観で構築するMizeLyのコーポレートサイト。タイポグラフィとインタラクションを組み合わせ、公開に向けて継続開発しています。
Next.js / React / TypeScript / Tailwind CSS
GSAP / Motion / WebGL
WEB · AI · CREATIVE DEVELOPMENT
Ideas into
something
real.
考えを、使えるかたちへ。
つくるだけで終わらない。
人が使い、理解できる体験まで。
THE APPROACH
技術と表現のあいだに、
使う人の視点を。
課題を整理し、設計し、動くものにする。
Webアプリ、AI、サイト、映像。
目的に合わせて技術を選び、かたちにしています。
WEB DESIGN & DEVELOPMENT
Web works.
株式会社 MizeLyでのWeb制作。
MizeLy
WEB DESIGN & DEVELOPMENT
内科・小児科医院の
Webサイト制作
診療時間・休診情報の表示、スマートフォン対応、SEOの基本設定・構造化データを実装。必要な情報へ迷わずたどり着けるサイトを目指して。
Astro / HTML / CSS / JavaScript
公開中
WEB DESIGN / RECRUIT SITE CONCEPT
介護事業所の
採用サイト デザイン案
介護の仕事を、働く人のすぐとなりから伝える採用サイトのデザイン案。仕事内容・職員紹介・募集職種・選考フローまでを、映像と写真で一続きの体験として設計しました。事業者名・職員・求人はすべて架空です。
STUDIO
公開中・架空の事業者のデモ01 / PROFESSIONAL PRACTICE
Beyond the screen.
株式会社 MizeLyでの制作。
情報を、伝わる体験に。
AI AGENT OPERATIONS / LIVE OFFICE
AIエージェントの
作業が見えるオフィス
CodexとClaude Code、複数のAIエージェントが並行して進める作業を、オフィスで働く姿としてリアルタイムに表示する社内ツール。調査・編集・待機・失敗といった状態を席とボードで一目で把握でき、相談・監視席のZが全員の警告をまとめて見守ります。
Next.js / React / TypeScript / PixiJS
社内ツール・開発中BUSINESS DX / BID TARGETING
公共工事の
入札 狙い目判定アプリ
公告・仕様書などの資料をもとに、「参加できるか」と「狙う価値があるか」を分けて判定する業務アプリ。判定に使う項目はすべて資料名・ページまで根拠を残し、確認できていない項目は推測で埋めずに未確認として扱います。案件の一覧・資料の保管・入札結果の記録まで一つの画面で。
Python / SQLite / JavaScript
試作・実務での検証中AI VIDEO & VISUAL STORYTELLING
企業向け
プレゼンテーション動画
台本作成から映像・音声・音楽素材の制作、編集まで。生成AIと映像編集ソフトを組み合わせ、伝えたい内容を一本の動画に。
Veo / Runway / Sora / ElevenLabs / Suno / Udio
DaVinci Resolve / Adobe After Effects
AI GAME / TOWN SIMULATION
AI住民が暮らす
街シミュレーションゲーム
人格・記憶・目標を持つAI住民が、自分で考えて動く街。プレイヤーは住民に命令できず、話して情報を集め、蝶を放って小さなきっかけをつくるだけ。AI OFFICEを作る中で生まれた「AI同士が喧嘩したら、どうなるんだろう？」という問いから始まった企画です。
React / Phaser 4 / TypeScript
Ruby on Rails
02 / SELECTED WORK
Built with intention.
個人開発の5作品。
課題と、実装と、その先の体験。
01
RewardMe
RewardMe01 / PERSONAL PROJECT
RewardMe
日々のタスクに、
続けたくなる理由を。
タスクの完了を、育成・ガチャ・お部屋づくりのごほうびにつなげるタスク管理アプリ。日常の小さな達成を、次の行動につなげる個人開発。
Ruby on Rails / Hotwire / Stimulus / PostgreSQL
プロジェクトビジュアルを見る ＋
02
CodeLensAI
CodeLensAI02 / PERSONAL PROJECT
CodeLensAI
コードの差分を、
理解と改善につなぐ。
Claude APIを活用したコードレビュー支援。差分の解析と改善提案を通して、ソフトウェアを理解するための入口をつくる。
Laravel / Claude API / PostgreSQL / Docker
プロジェクトビジュアルを見る ＋
03
DebugMe
DebugMe03 / PERSONAL PROJECT
DebugMe
考えの詰まりを、
言葉にする。
悩みや考えをログに変換する思考整理アプリ。SSEによるAIのストリーミング応答で、対話の流れを途切れさせない。
Ruby on Rails / Claude API / SSE / Hotwire
プロジェクトビジュアルを見る ＋
04
FrameLens
FrameLens04 / PERSONAL PROJECT
FrameLens
見えない構造に、
輪郭を与える。
C++をWebAssembly化し、ブラウザで描画する可視化の個人開発。Webとグラフィックスの境界を探索する。
C++ / OpenGL / WebAssembly / WebGL2 / Emscripten
プロジェクトビジュアルを見る ＋
05
Bug Generator
Bug Generator05 / PERSONAL PROJECT
Bug Generator
エラーを、
学びの入口に。
バグやエラーを遊びに変える実験的なアプリ。RailsとStimulusを組み合わせ、動的な体験をつくる。
Ruby on Rails / Hotwire / Stimulus
プロジェクトビジュアルを見る ＋
03 / THE PERSON BEHIND THE WORK
Mize✳
Web development. AI. Visual storytelling.
好奇心を、
動くものに。
Web、AI、デザイン、映像。
領域を決めずに、考え、つくり、試す。
思いついたことを、実際に触れられる体験へ。
株式会社 MizeLy 代表取締役。
Webサイト制作・アプリケーション開発・映像制作に取り組んでいます。
- 01 / WEB & APPLICATION
- Next.js / React / TypeScript / Astro
Ruby on Rails / Laravel / Hotwire / JavaScript
Python - 02 / AI & DATA
- Claude API / OpenAI API
Claude Code / Codex
Supabase / PostgreSQL / MySQL / SQLite - 03 / GRAPHICS & CREATIVE
- C++ / OpenGL / WebGL2
WebAssembly / Emscripten
PixiJS / Phaser - 04 / TOOLS & INFRASTRUCTURE
- Docker / Git / GitHub
Render / GitHub Actions / AWS - 05 / DESIGN & CREATIVE TOOLS
- UI/UX Design / Web Design
Responsive Design / Visual Design
Framer / STUDIO / Figma - 06 / VIDEO & AUDIO
- Veo / Runway / Sora
ElevenLabs / Suno / Udio
DaVinci Resolve / Adobe After Effects
LET’S MAKE SOMETHING MEANINGFUL
Next idea.
Let’s talk.↗
制作・開発についてのご相談は、こちらから。
mize@mizely.jp ↗