Marple
Webブラウザで完結する、直感的な Marp スライドエディタ
ローカル環境不要でブラウザから直感的に Marp スライドを作成できる Web アプリ。GUI 編集・AI アシスタント・クラウド管理・バージョン管理を搭載し、エンジニアでも非エンジニアでも使いやすいサービス。
Product Images
Overview
プロジェクト概要
Marple は、Markdown でスライドを作成できる Marp を、誰でもブラウザ上から使えるようにした Web アプリケーションです。ブロック単位の GUI 編集と Markdown 直接編集を相互に切り替えられるインターフェースにより、知識がある方もない方も直感的にスライドを作成できます。データはクラウドに一元保存されるため、デバイスを問わず編集・プレビューが可能です。
開発背景
従来の Marp はローカル環境のセットアップや VSCode 拡張の導入が必要で、非エンジニアには敷居が高い問題がありました。また Markdown とプレビューの往復作業の煩雑さ、変更履歴を手軽に管理する手段がなく、共同作業でのミスが起きやすいという課題もありました。Marple はこれらを解決し、「知識がある方もない方も使いやすいサービス」を目指して開発されました。
Features
主な機能
GUI 編集
ブロック単位でスライドを組み立て、GUI と Markdown を相互に編集できます。専門知識がなくても直感的にスライドを作成できます。
AI アシスタント
ファイルを投げるだけでスライドを一発生成。チャットで細かく修正でき、diff 形式で変更内容を確認してから適用できます。
クラウド管理
データはクラウドに一元保存。デバイスを問わず編集・プレビューが可能で、どこからでもアクセスできます。
バージョン管理
変更履歴を自動追跡。過去バージョンへ安全にロールバックでき、誰でも安心して共同作業できます。
Tech
技術スタック
Frontend / Backend
- Next.js
- TypeScript
- Tailwind CSS
Database / Storage
- Cloudflare D1
- Cloudflare R2
Auth
- Clerk
AI
- OpenAI API
Slide Engine
- Marp Core
Deploy
- Cloudflare Workers
Results
成果・課題
技育CAMP2026 ハッカソンにてチームで開発・公開しました。ブラウザだけで Marp スライドを作成・管理できる環境を実現し、「知識がある方もない方も使いやすい」という目標を形にできました。AI によるスライド自動生成と差分レビュー機能は特に好評で、スライド制作の手間を大幅に削減できています。ハッカソンの限られた時間内での開発だったため、GUI と Markdown の双方向同期の完成度や、バージョン管理 UI の直感性に改善余地が残っています。今後はリアルタイム共同編集・テンプレート拡充・AI エディタのさらなる強化を予定しています。