開発 & クリエイティビティ
ブラウザ内で軽量プログラミングとビジュアル制作をカバーする4つのアプリ。コード編集にはVS Codeと同じエンジン、サービスのデバッグにはPostman風のAPIクライアント、ワイヤーフレームとブレインストームのためのレスポンシブな描画ツール。
👨💻 Roque Code — コードエディター（Monaco/VS Codeエンジン）
VS Codeと同じエンジン（Monaco）を持つモダンなコードエディター。シンタックスハイライト、オートコンプリート、マルチカーソル、正規表現付きFind & Replace — 何もインストールせずに。
機能
- 🎨 50+言語のシンタックスハイライト — JS/TS、Python、Go、Rust、Java、C/C++、Ruby、PHP、Swift、Kotlin、Shell、SQL、HTML/CSS、JSON/YAML/TOML、Markdown、Vue、Svelte、Astroなど
- 🤖 IntelliSenseオートコンプリート: スコープ内の変数、オブジェクトのプロパティ、言語スニペット
- ✨ マルチカーソル:
Alt+Clickでカーソル追加、Ctrl+Dで次の出現を選択（VS Codeと同じ） - 🔍 Find & Replace 正規表現付き（Ctrl+F / Ctrl+H）、選択範囲のみ検索
- 📑 複数ファイルのタブ（Ctrl+Tabで切り替え）
- 🌳 アウトラインパネル ファイル内のシンボル（関数、クラス）付き
- 🪄 保存時フォーマット
.js/.ts/.vue/.json/.md用の組み込みPrettier - 🎨 テーマ: VS Codeデフォルト + Dracula + Monokai + Solarized
- 💾 自動保存 3秒ごと（ブラウザがクラッシュしてもコードを失わない）
完全なVS Codeとの違い
| 側面 | Roque Code | VS Code（専用アプリ） |
|---|---|---|
| エンジン | Monaco（VSCodeと同じ） | Electron + Monaco |
| 拡張機能 | ❌ marketplaceをサポートしない | ✅ すべて |
| 組み込みターミナル | ❌（別のTerminalアプリを使用） | ✅ |
| Git統合 | ❌ | ✅ |
| サポート言語 | 50+ syntax highlight | 100+ + LSP |
Roque Codeを使用: 設定の編集（json/yaml）、迅速なスクリプト、プロトタイピング、ブログ記事のスニペット。
Git付きフルスタックプロジェクト: RoqueOS Serverの統合VS Code を使用 — 拡張機能付きの本物のcode-server。
ショートカット
| キー | アクション |
|---|---|
Ctrl+S | 保存 |
Ctrl+F / Ctrl+H | Find / Replace |
Ctrl+D | 次の出現を選択 |
Ctrl+/ | コメントの切り替え |
Alt+↑/↓ | 行を上/下に移動 |
Shift+Alt+↓ | 行を複製 |
Ctrl+Shift+K | 行を削除 |
Ctrl+P | クイックオープン（ファイル検索） |
🛠️ Roqueman — APIクライアント（HTTP / WebSocket / GraphQL）
完全なPostman/Insomniaスタイルのapi クライアントが、RoqueOS内にあります。日々開発者が使用する 3つのプロトコルをサポート します。
HTTP
- 🌐 メソッド: GET、POST、PUT、PATCH、DELETE、OPTIONS、HEAD
- 📋 ヘッダー: テーブルエディター、デフォルトヘッダーの提案付き（Content-Type、Authorizationなど）
- 🔐 認証: Bearer Token、Basic、API Key（header/query/cookie）、OAuth 2.0、AWS Signature v4
- 📦 Body: JSON、form-data、x-www-form-urlencoded、raw text、ファイルアップロード、binary
- 📜 レスポンス: 折りたたみ付きの整形JSON、raw、HTMLプレビュー、ヘッダー、cookies、タイミング
- 🔍 JSON path フィルター: 迅速なデバッグのためにレスポンスに
$.data[0].nomeを直接適用 - 🕰️ 履歴 最後の100リクエスト
- 📚 コレクション: エンドポイントをフォルダで整理、Postman形式でエクスポート/インポート
WebSocket
- 🔌 接続:
ws://またはwss://、HTTPと同じheaders/authで - 📤 送信: テキスト、JSON、バイナリ
- 📥 受信: タイムスタンプ付きのメッセージの時系列リスト
- 🎯 フィルター: substringまたは正規表現で受信メッセージをフィルター
- 🔄 自動再接続: オプション、バックオフ付き
GraphQL
- 📝 クエリエディター syntax highlight + スキーマベースの自動補完（イントロスペクション）付き
- 🔍 スキーマエクスプローラー: 利用可能なtypes/fieldsのナビゲート可能なツリー
- 📊 変数パネル: 値用の別のJSON
- 📜 保存されたクエリ（バージョニング付き）
環境変数
、 のような変数を持つ環境（Dev、Staging、Prod）を作成。URLとheadersは自動的に置換。環境を切り替える = ドロップダウンをクリック。
Postmanとの差別化
- ✅ 必須ログインなし — Postmanは今アカウントを要求
- ✅ データはあなたのRoqueOSに保存（Firestore）、サードパーティサーバーではない
- ✅ デスクトップ内で動作 — Roqueman + Terminal + Browserを並べて持てる
- ✅ 自動 クロスデバイスsync（モバイル、デスクトップなど）
制限
- mockサーバーなし（Postmanにはある）
- CIランナー（Newman）なし — 自動化テストには、Postmanをエクスポートして外部Newmanを使用
🎨 Paint — 画像エディターと描画
ブラシ、図形、レイヤー、フィルター付きのレスポンシブWeb Paint。「Windows Paint」をいくつかの基本的なPhotoshop機能で置き換えます。
機能
- 🖌️ ブラシ: 鉛筆、ペン、マーカー、エアロゾル、消しゴム。各々サイズ/不透明度付き
- 🎨 色: HEXピッカー + パレット + ドロッパー（画像から色を取得）
- 📐 図形: 長方形、円、線、矢印、多角形（fill と contour 別々）
- ✏️ テキスト: 5つの組み込みフォント + サイズ + 太字/斜体
- 🗂️ レイヤー: 個別の不透明度 + ブレンドモード（normal / multiply / screen）付き最大10レイヤー
- ↩️ 無制限のUndo/Redo（アプリを閉じるまで）
- 🎭 フィルター: blur、sharpen、grayscale、sepia、brightness、contrast、hue rotate
- 📐 リサイズ / クロップ ガイド付き
- 💾 エクスポート: PNG、JPG（品質付き）、WebP、SVG（ベクターレイヤーのみ）
使用例
- 画面のクイックモックアップまたはワイヤーフレーム
- チームがバグを理解するためのスクリーンショットのアノテーション
- シンプルなロゴ / Instagram用バナー
- 個人的な写真の編集（リサイズ、クロップ、色の調整）
プロフェッショナルなデザインには、FigmaやPhotoshopを使用。クイックタッチアップには、Paintが80%のケースをカバー。
📋 Whiteboard — ブレインストーム用の無限ボード
無限キャンバスのホワイトボード、アイデアの整理、マインドマップ、プロセスフロー、チームレトロスペクティブに最適。
機能
- ♾️ 無限キャンバス: 任意の方向にドラッグ、ズーム25%-400%
- 🖌️ フリーペン（Apple Pencil / S Penの圧力感知付き）
- 📐 図形: 自動スナップ付きの矢印、長方形、円、線
- ✏️ カラフルなsticky notes: 再配置のためのドラッグアンドドロップ
- 🔗 コネクター: 移動するときに図形に従う線/矢印（マインドマップに不可欠）
- 📷 画像: スクリーンショットを直接貼り付け（Ctrl+V）またはアップロード
- 👥 マルチポインター（計画中）: 異なるカーソルを持つ複数のユーザーが同じボードで
- 💾 自動保存 + ボード全体または選択された領域のPNG/SVGエクスポート
- 🎨 テンプレート: SWOT、Lean Canvas、レトロ（start/stop/continue）、KWL、Eisenhower matrix、kanban
モバイル
タッチファースト: pinch-to-zoom、キャンバスをドラッグするための2本指、描画用の1本指。Apple Pencil + S Pen圧力感知がネイティブに動作。
使用例
- 📊 ブレインストーム sticky notes + 矢印付きセッション
- 🗺️ マインドマップ 新しいプロジェクトの
- 🔄 レトロスペクティブ スプリントの（列 Start/Stop/Continue）
- 🎯 ワイヤーフレーミング UXフローの
- 📚 学習: 概念間の接続マップ
Miro/Muralとの差別化
- ✅ サードパーティの必須ログインなし
- ✅ 永久無料（Miro/Muralは3-5ボード後に課金）
- ✅ 最初のロード後 オフラインで動作（PWAキャッシュ）
- ⚠️ コラボレーティブマルチポインターはロードマップにまだ（Miroはより成熟している）
関連項目
- 統合VS Code — 拡張機能とGit付きの本物のcode-server（サーバーモードが必要）
- Linuxターミナル — bash + roqueos-cli + ツールチェーン全体
- Tablatura — ミュージシャン向けのプロフェッショナルエディター
- RoqueClaw（AI agent） — 自然言語経由でdevタスクを自動化