{"id":33575047,"url":"https://github.com/stasshe/pyxis-codecanvas","last_synced_at":"2026-02-06T16:16:10.375Z","repository":{"id":302120131,"uuid":"1011292047","full_name":"Stasshe/Pyxis-CodeCanvas","owner":"Stasshe","description":"Pyxis is an FULL client-side  IDE that runs in the browser(static site) with Node.js emulator, Git, and a VSCode-like editor. Fully local, server-free, and optimized for iPad.Pyxisは、ブラウザ上で動作するクライアントサイドIDEです。-Ts,Node.jsやGit、VSCode風エディタ,Latex/Mermaidを搭載し、完全ローカル動作。AIAgentも搭載。iPad開発にも最適化 if you fork,plz star!","archived":false,"fork":false,"pushed_at":"2026-01-26T15:29:48.000Z","size":16011,"stargazers_count":40,"open_issues_count":11,"forks_count":7,"subscribers_count":3,"default_branch":"main","last_synced_at":"2026-01-26T18:46:55.853Z","etag":null,"topics":["browser","codeeditor","editor","git","ipad","monaco-editor","nodejs","static-site","typescript","vscode","web"],"latest_commit_sha":null,"homepage":"https://stasshe.github.io/Pyxis-CodeCanvas/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Stasshe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-06-30T15:34:54.000Z","updated_at":"2026-01-26T15:29:51.000Z","dependencies_parsed_at":"2025-07-03T15:30:00.616Z","dependency_job_id":"3b86a6b9-63b5-4db5-ae3e-ee0488990dc9","html_url":"https://github.com/Stasshe/Pyxis-CodeCanvas","commit_stats":null,"previous_names":["stasshe/pyxis-a-client-side-cli","stasshe/pyxis-client-side-code-editor","stasshe/pyxis-codecanvas"],"tags_count":64,"template":false,"template_full_name":"Stasshe/NextJS-Template","purl":"pkg:github/Stasshe/Pyxis-CodeCanvas","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Stasshe%2FPyxis-CodeCanvas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Stasshe%2FPyxis-CodeCanvas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Stasshe%2FPyxis-CodeCanvas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Stasshe%2FPyxis-CodeCanvas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Stasshe","download_url":"https://codeload.github.com/Stasshe/Pyxis-CodeCanvas/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Stasshe%2FPyxis-CodeCanvas/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28844011,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T07:39:25.367Z","status":"ssl_error","status_checked_at":"2026-01-28T07:39:24.487Z","response_time":57,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browser","codeeditor","editor","git","ipad","monaco-editor","nodejs","static-site","typescript","vscode","web"],"created_at":"2025-11-28T14:03:46.390Z","updated_at":"2026-02-06T16:16:10.357Z","avatar_url":"https://github.com/Stasshe.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"readme-assets/IMG_0033.png\" alt=\"Pyxis Cover\" width=\"100%\" /\u003e\n  \n  # Pyxis - Client Side Code Editor\n\n  ## [English Version README](README_en.md)\n  \n  ### *Zero Setup. Quick Start, Easy Coding*\n\n  [![Version](https://img.shields.io/badge/version-0.24.0-blue.svg)](https://github.com/your-username/pyxis)\n  [![License](https://img.shields.io/badge/license-MIT-green.svg)](LICENSE)\n  [![Platform](https://img.shields.io/badge/platform-Web%20%7C%20iPad%20%7C%20Mobile-orange.svg)](README.md)\n  [![Languages](https://img.shields.io/badge/languages-18-blue.svg)](#)\n  [![Tauri](https://img.shields.io/badge/Tauri-Desktop-blueviolet?logo=tauri)](https://tauri.app/)\n  [![Next.js](https://img.shields.io/badge/Next.js-16-blue?logo=next.js)](https://nextjs.org/)\n  [![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-3.4.1-38bdf8?logo=tailwindcss)](https://tailwindcss.com/)\n  [![TypeScript](https://img.shields.io/badge/TypeScript-v5-3178c6?logo=typescript)](https://www.typescriptlang.org/)\n  [![React](https://img.shields.io/badge/React-19-61dafb?logo=react)](https://react.dev/)\n  [![Last Commit](https://img.shields.io/github/last-commit/Stasshe/Pyxis-Client-Side-Code-Editor?logo=github)](https://github.com/Stasshe/Pyxis-Client-Side-Code-Editor/commits/main)\n  [![Bundle Size](https://img.shields.io/badge/bundle--size-1.04MB-purple?logo=next.js)](#)\n  \n  **[🚀 Pyxis を今すぐ試す](https://Stasshe.github.io/Pyxis-CodeCanvas)**\n\u003c/div\u003e\n\n---\n\n## Pyxis って何？\n\n- **Pyxisは、iPad向けに設計された1秒で起動する高機動なブラウザIDEです。**\n- **静的サイトなので、サーバー起動が必要なく、また課金も一切発生しません。**\n\n### 🌍 **世界18ヶ国語対応 - グローバルなコーディング体験**\n\n**Pyxisはあなたの言語で動作します。** \n\n\u003e 日本語 • English • 中文 • 繁體中文 • 한국어 • Español • Français • Deutsch • Italiano • Português • Русский • Nederlands • Türkçe • العربية • हिन्दी • ไทย • Tiếng Việt • Bahasa Indonesia • Svenska • Polski\n\n世界中の開発者が母国語でPyxisを快適に利用できます。\n\n### こんな人のために作りました\n\n\u003cdiv align=\"center\"\u003e\n\n| **iPadユーザー** | **PC所有者** |\n|:---:|:---:|\n| iPadで本格的にコーディング | VSCodeを開くほどではない |\n| Stackblitzは重すぎる | ちょっとしたコード編集 |\n| タッチ操作に最適化されたIDE | 長めのメモを取りたい |\n| 軽快な動作が欲しい | 気軽にサッと使いたい |\n\n\u003c/div\u003e\n\n\n### StackblitzやWebContainerとの違い・Pyxisの設計思想\n\nStackblitzやWebContainerはWeb開発に特化した高度なIDEですが、Pyxisは**「VSCodeのようなエディタ・便利なファイルシステム・実行環境をWeb/iPadで実現する」**ことを目的としています。\n\n- **Stackblitzとの違い**: PyxisはWeb開発専用ではなく、ドキュメント作成やメモ、アルゴリズム学習など幅広い用途を想定。目的自体が異なります。\n- **WebContainerとの違い**: PyxisはWeb Workerの並列多用を避け、IndexedDBへの積極的なキャッシュでメモリ消費を大幅に抑制。WebContainerのような仮想化ではなく、軽量・高速な独自ランタイムを採用しています。\n- **エディタ体験重視**: VSCodeのような操作性・ファイルシステム・実行体験を重視し、iPadやモバイルでも快適に動作。\n\n\u003e 💡 **パソコンのような操作性とiPadの機動性を両立！**\n\u003e 🖥️ **Tauriデスクトップ版もサポート！** Windows/Mac/LinuxでネイティブアプリとしてPyxisを利用できます。\n\n---\n\n## Pyxisの革新的機能\n\n### **Markdown・Mermaid・LaTeX - 高品質ドキュメント作成**\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"readme-assets/IMG_1470.png\" alt=\"リッチコンテンツ編集\" width=\"80%\" /\u003e\n\u003c/div\u003e\n\n**Pyxisはマークダウンビューワーに特にこだわっています。**\n- **ドキュメント作成** - 技術文書、仕様書を美しく\n- **ブログ記事執筆** - リアルタイムプレビューで効率的に\n- **Mermaid対応** - フローチャート、図表を簡単作成\n- **LaTeX数式** - 数学的な表現も完璧にレンダリング\n\nタイプするだけで即座にプレビュー更新！長文の執筆にも最適です。\n\n---\n\n\n### **ライブリロード（即時反映） - 簡易サイト構築**\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"readme-assets/IMG_0034.png\" alt=\"Liveリロードの動作画面\" width=\"80%\" /\u003e\n\u003c/div\u003e\n\n**HTML/CSS/JSのみ対応** - ブラウザでしかテストできないが、環境整備は面倒。そんな時に、とても便利。\n- ファイル保存時に即座にブラウザへ反映（Liveリロード）\n- 簡易的なWeb開発に最適\n- セットアップ不要でサッと使える\n\n \u003e **注意**: 現在はHTML/CSS/JSのみ対応。WebContainer等は不要で、自前実装による高速な即時リロードを実現しています。\n\n---\n\n\n### **Gitバージョン管理・GitHub連携**\n\n**主要なGit機能をブラウザ上で実現。** ブランチ、マージ、コミット、リセット、.git込みエクスポートなどに加え、**GitHubへのpush（PAT認証）にも対応**しています。\n- **ビジュアル差分** - コード変更を美しく可視化\n- **ブランチ操作** - 安全に実験、いつでも戻せる\n- **.git込みでダウンロード** - 設定から.gitを含めて丸ごとエクスポート可能\n- **GitHubリモート連携** - PAT認証によるpush/pullが可能\n- **安全な学習環境** - 何を壊しても大丈夫！初心者のGit練習にも最適\n\n\u003e **注意**: GitHub連携はPersonal Access Token（PAT）認証で実現しています。リモートリポジトリへのpush/pullが可能です。\n\n---\n\n### **AIアシスタント - 流行りのAI IDE**\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"readme-assets/IMG_0035.png\" alt=\"AIアシスタントによるgit diff採用画面\" width=\"80%\" /\u003e\n\u003c/div\u003e\nPyxisではAIアシスタントがコード差分の提案・採用をサポート。より直感的なDiff操作・レビュー体験が可能です。\n\n---\n\n\n### **Node.js \u0026 TypeScript ランタイム\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"readme-assets/IMG_1469.png\" alt=\"Node.js 実行画面\" width=\"80%\" /\u003e\n\u003c/div\u003e\n\n**WASMを使わない独自実装**で、Node.jsだけでなく**TypeScriptの実行にも対応**。TypeScriptはBabel Standaloneと独自の正規化システムで高速に変換・実行されます。\n- **瞬時に実行** - コンパイル不要、待ち時間ゼロ\n- **ファイル操作** - `fs`, `readline`, `userinterface` など主要モジュールがそのまま使える\n- **TypeScript/Babel対応** - Babel Standaloneと複雑な正規化システムでTypeScriptも即時実行\n- **気軽にコード実行** - アルゴリズムテスト、学習、インタラクティブなコンソールアプリもOK\n\nJavaScriptでは不可能なファイルオペレーションやインタラクティブな入出力（readline, userinterface）もエミュレートし、本格的なNode.js/TypeScript学習環境を提供。\n\n\n\u003e **制限事項**: WASMを使用していないため、ネイティブモジュールやchild_processなど一部機能は未対応です。基本的なNode.js/TypeScript学習や簡易スクリプト実行には十分です。\n\n---\n\n### **Advanced Shell System - Full POSIX Shell Support**\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"readme-assets/IMG_0126.png\" alt=\"Advanced Shell System\" width=\"80%\" /\u003e\n\u003c/div\u003e\n\n**ブラウザ上で本格的なPOSIX準拠シェルスクリプト実行環境を実現！** Pyxis独自のStreamShellアーキテクチャにより、パイプライン、リダイレクション、制御構文、変数展開など、実Unixシェルのほとんどの機能をサポートします。\n\n#### 主な機能\n- **パイプライン処理** - `cmd1 | cmd2 | cmd3` によるストリーム接続\n- **リダイレクション** - `cmd \u003e file`、`cmd \u003e\u003e file`、`cmd \u003c file`、`cmd 2\u003e\u00261` など完全対応\n- **制御構文** - `if/then/else`、`for/while` ループ、`break/continue`\n- **変数展開** - `$VAR`、`$(command)` コマンド置換、`((算術))` 算術展開\n- **論理演算子** - `\u0026\u0026`、`||` による条件実行\n- **バックグラウンド実行** - `cmd \u0026` 非同期処理\n- **ファイル操作** - `ls`、`cat`、`grep`、`head`、`tail` などUnixコマンド\n- **スクリプト実行** - `.sh` ファイルの直接実行\n\n#### 技術的特徴\n- **ストリーミングアーキテクチャ** - Node.js Stream APIによる真のストリーミング処理\n- **バックプレッシャー対応** - メモリ効率の高いデータフロー制御\n- **プロセス抽象化** - ブラウザ環境での仮想プロセス管理\n- **fd管理** - ファイルディスクリプタの完全エミュレーション\n- **タイムアウト保護** - 無限ループ防止のための自動タイムアウト\n\n**シェルスクリプトの例：**\n```bash\n# パイプライン処理\ncat large-file.txt | grep \"error\" | head -10\n\n# リダイレクション\nls -la \u003e directory-listing.txt 2\u003e\u00261\n\n# 制御構文\nif [ -f \"config.txt\" ]; then\n    echo \"Config file exists\"\n    cat config.txt\nelse\n    echo \"Creating default config\"\n    echo \"default=true\" \u003e config.txt\nfi\n\n# 算術展開\nCOUNT=$((COUNT + 1))\necho \"Current count: $COUNT\"\n```\n\n**ブラウザで本物のシェル体験！** 複雑なスクリプトも、データ処理も、すべてPyxisのターミナルで実行可能です。\n\n\u003e **StreamShellアーキテクチャにより、メモリ効率が高く、大規模データ処理も快適に動作します。**\n\n\n\u003e Note: 一部のシステムコマンドやバグ、機能はまだ完全には対応していません。今後のアップデートでさらに強化予定です。\nissueで要望をお寄せください。\n\n詳細は [Shell System Documentation](/docs/SHELL-SYSTEM.md) を参照。\n\n---\n\n### Pyxis拡張機能システム\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"readme-assets/IMG_0113.png\" alt=\"Pyxis Extension System UI\" width=\"80%\" /\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"readme-assets/IMG_0117.png\" alt=\"Template CLI Screenshot\" width=\"80%\" /\u003e\n\u003c/div\u003e\n\nPyxis最大の特徴のひとつが「拡張機能システム」です。VSCodeライクなUI拡張・npmライブラリ完全対応・Terminalコマンド拡張・多言語パック・トランスパイラ・サービス拡張など、あらゆる機能をTypeScript/TSXで自由に追加できます。\n\n#### 主なポイント\n- **CLIテンプレート生成**：`pnpm run create-extension`で対話式テンプレート自動生成。初心者でも即拡張開発可能。\n- **npmライブラリ完全対応**：外部ライブラリを自由に利用。\n- **Terminalコマンド拡張**：独自コマンドをAPIで追加し、PyxisターミナルUIから実行可能。\n- **VSCodeライクなUI拡張**：カスタムタブ・サイドバーパネルをAPIで追加。React/TSXで直感的にUI構築。\n- **多言語パック・サービス拡張**：言語パックや独自サービスも拡張機能として追加。\n- **安全なサンドボックス設計**：各拡張は独立・安全に動作。IndexedDBで永続化・キャッシュ。\n\n「VSCode級のUI拡張がWeb/iPadで動く」「Terminalコマンドも拡張可能」「公式テンプレートで即開発」など、他にない柔軟性と拡張性を持っています。\n\n詳細は [Extension Readme](/extensions/README.md) や、より詳細な[EXTENSION-SYSTEM](/docs/EXTENSION-SYSTEM.md)を参照。\n\n---\n\n---\n\n### **スムーズなファイル・IDE操作**\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"readme-assets/IMG_1467.png\" alt=\"ファイル　Operation Window\" width=\"80%\" /\u003e\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"readme-assets/IMG_0048.png\" alt=\"検索\" width=\"80%\" /\u003e\n\u003c/div\u003e\n\n\n**VS Codeのような効率性**でプロジェクトをナビゲート！高速ファイル検索オペレーションウィンドウなど、高速化つスムーズな、ストレスフリーなUXを提供します。\n\n---\n\n## なぜPyxisを選ぶべきか？\n\n### **超高速 - 待ち時間ゼロ**\n- **瞬間起動** - サーバーなし、ローディング画面なし、純粋なスピード\n- **静的ホスティング** でまばたきより速く読み込み\n- **ストレスフリー、ラグなし** - 思考の速度でコーディング\n\n### **100%安全 - 何も壊れない**\n- **サンドボックス環境** - 恐れることなく自由に実験\n- **初心者のGitとコーディング学習に最適**\n- **システム破損不可能** - ただのブラウザタブだから！\n\n### **iPad ファースト - どこでもコーディング**\n- **iPad で設計** された究極のモバイルコーディング体験\n- **タッチ最適化インターフェース** とデュアルエディター対応\n- **真のiPad開発** - ついに、タブレット用の本物のIDE\n\n### auriデスクトップ対応\n- Windows/Mac/LinuxでネイティブアプリとしてPyxisを利用可能\n- Webと同じ体験をデスクトップで\n- オフラインでも動作\n\n### **AIサポート - シームレスな開発支援**\n- **Ask \u0026 Edit機能** - 通常のブラウザでは何度もコピペが必要な作業を解決\n- **コンテキスト保持** - ファイルを開いたまま、AIに質問・編集依頼\n- **統合された体験** - VSCodeを開くほどではないが、AIの力は欲しい時に最適\n\n### **ユニバーサル互換性**\n- **どこでも動く** - Web、iPad、モバイル、全てのモダンブラウザ\n- **マルチペーン対応** で複雑なプロジェクトも楽々\n- **バッファコンテンツ対応** - zip解凍、PDF、画像、動画表示\n- **🌍 20ヶ国語対応** - 日本語、英語、中国語、韓国語、スペイン語、フランス語、ドイツ語、イタリア語、ポルトガル語、ロシア語、オランダ語、トルコ語、アラビア語、ヒンディー語、タイ語、ベトナム語、インドネシア語、スウェーデン語、ポーランド語に対応\n- **拡張機能システム** - 言語パック、トランスパイラ、カスタム機能を動的に追加\n\n--- \n\n## Pyxisの独自性 - 他にはない組み合わせ\n\n### **設計思想**\n- **1秒起動** - サーバーレス静的ホスティングによる驚異的な速度\n- **iPad最優先** - 実際にiPadで開発、デュアルエディター搭載\n- **気軽さ重視** - VSCodeほど本格的ではないが、メモ帳をはるかに超える機能\n- **Gitバージョン管理・GitHub連携** - ブランチ、マージ、リセット、.git込みダウンロード、PAT認証push/pull\n- **高速Node.js** - 瞬時実行、ファイル操作エミュレート\n- **こだわりのMD** - Markdown/Mermaid/LaTeX、ドキュメント・ブログ執筆に最適\n- **AIサポート** - Ask/Edit機能で効率化\n- **ライブリロード対応** - HTML/CSS/JS簡易サイト開発\n- **バッファ対応** - ZIP解凍、PDF/画像/動画ビューワー\n- **効率的編集** - キーボードショートカットで大量テキストも快適\n- **マルチペーン** - 複数ウィンドウで同時作業\n- **拡張機能アーキテクチャ** - 動的ロード、依存関係管理、永続化でモジュラーな設計\n\n### **安全性**\nブラウザ上だから**何をしても壊れない**。PC環境で何かを削除すると取り返しがつかないが、Pyxisなら安心。初心者のGit学習にも最適。\n\n### **将来の展望**\n- **CAS導入** - Latexiumライブラリ開発中（symbolic computation対応予定）\n\n---\n\n## こんな使い方ができます\n\n\u003cdiv align=\"center\"\u003e\n\n| **iPadユーザー** |  **PC所有者** | **学習者** |\n|:---:|:---:|:---:|\n| 外出先で本格コーディング | VSCode起動は面倒な時に | Git操作を安全に練習 |\n| ブログ記事をその場で執筆 | ちょっとしたコード編集 | Node.js基礎を学習 |\n| ドキュメント作成・プレビュー | 長めのメモ・技術文書作成 | アルゴリズムテスト |\n| 軽快な操作性で快適作業 | 1秒起動で即作業開始 | 何を壊しても安心な環境 |\n\n\u003c/div\u003e\n\n---\n\n## Tech\n\n### [click me! 処理フローはこちら](./Development/all-flow.svg)\n\n### **Front End**\n- **Next.js 15** と React 19 - 最新で最高\n- **TypeScript** - 型安全な開発\n- **Tailwind CSS** - 美しく、レスポンシブなデザイン\n\n### Desktop (Tauri)\n- Tauri - 軽量・高速なデスクトップアプリフレームワーク\n- Rust - セキュアなネイティブランタイム\n\n### **エディターとターミナル**\n- **Monaco Editor** - VS Codeと同じエンジンを使用\n- **xterm.js** - フル機能ターミナル体験\n- **Lightning FS** - 超高速ファイルシステム\n\n### **ランタイムイノベーション**\n- **node-stdlib-browser** - Node.js API互換性\n- **fs module** - 気合いのエミュレーター全書き\n- **isomorphic-git** - 純粋JavaScriptのGit実装\n\n### **Pyxisのデータベース・ファイルシステム設計に興味がある方へ**\n- Pyxisの内部アーキテクチャやデータベース設計、ファイルシステムの詳細な仕様\\n\n- **非常に高度な内容**をまとめた[Development/DATABASE.md](Development/DATABASE.md)をご覧ください。\nデータフローやIndexedDBの構造、仮想ファイルシステムの仕組みなど、開発者・研究者向けの深い技術情報を掲載しています。\n\n### **作れるもの**\n\n```javascript\n// 🚀 本当に動くNode.jsアプリ！\nconst fs = require('fs');\nconst readline = require('readline');\n\n// 本物のファイル操作\nfs.writeFileSync('my-app.js', 'console.log(\"こんにちはPyxis!\")');\n\n// インタラクティブなコンソールアプリ\nconst rl = readline.createInterface({\n  input: process.stdin,\n  output: process.stdout\n});\n\nrl.question('お名前は？ ', (name) =\u003e {\n  console.log(`${name}さん、Pyxisへようこそ！ 🌟`);\n  rl.close();\n});\n```\n\n---\n\n## 🚀 クイックスタートガイド\n\n### **1. クリックしてコーディング開始！**\n1. **[Pyxis を開く](https://Stasshe.github.io/Pyxis-CodeCanvas)** - どのブラウザでも\n2. *タイプ開始** - サインアップ不要、ダウンロード不要\n\n### Tauriデスクトップ版の使い方\n1. リポジトリをクローンし、tauriブランチに切り替え\n2. RustとNode.jsをインストール\n3. pnpm install で依存を導入\n4. pnpm exec tauri dev でデスクトップアプリを起動\n5. Web版と同じPyxis体験をデスクトップで！\n* [Tauri Setup Guide](./Development/Tauri-Setup.md)\n\n### **2. 初めてのPyxisプロジェクト**\n\n**シンプルなNode.jsアプリを作成：**\n```javascript\n// app.js\nconst fs = require('fs');\n\n// 初めてのファイルを書く\nfs.writeFileSync('hello.txt', 'Pyxisからこんにちは！ 🚀');\n\n// 読み戻す\nconst message = fs.readFileSync('hello.txt', 'utf8');\nconsole.log(message);\n\nconsole.log('Pyxisへようこそ - どこでもコーディング！ ✨');\n```\nGit練習\n```\ngit add .\ngit commit -m \"初めてのPyxisプロジェクト！ 🎉\"\n\n# フィーチャーブランチ作成\ngit checkout -b my-awesome-feature\n\n# 美しい差分ビュー\ngit diff [branchName]\n```\n\n**リッチなドキュメント作成：**\n```markdown\n# 私のプロジェクト\n\n## アーキテクチャ\n```mermaid\ngraph TD\n    A[ユーザー] --\u003e B[Pyxis IDE]\n    B --\u003e C[Node.js ランタイム]\n    B --\u003e D[Git システム]\n    C --\u003e E[ファイル システム]\n\n## 数式\n$$E = mc^2$$\n```\n**タイプするだけでリアルタイムプレビュー！**\n\n---\n\n## ブラウザ互換性\n\n| ブラウザ | サポート | 備考 |\n|---------|---------|-------|\n| 🟢 **Chrome/Edge** | 完璧 | 最高の体験にお勧め |\n| 🟢 **Safari (iPad)** | 優秀 | iPadに特別最適化 |\n| 🟡 **Firefox** | 良好 | 全機能動作 |\n| 🟡 **モバイル** | 良好 | タッチ最適化インターフェース |\n| 🟢 Tauri (Desktop) | 完璧 | Windows/Mac/Linuxで動作 |\n\n**システム要件：** モダンブラウザと2GB+のRAMでスムーズな体験。\n\n---\n\n## インストール方法\n\n### 推奨: pnpm (高速・効率的)\n```bash\n# pnpmをインストール (未インストールの場合)\nnpm install -g pnpm\n\n# 依存関係をインストール\npnpm install\n\n# 開発サーバー起動\npnpm run dev\n\n# 本番ビルド\npnpm run build\npnpm run preview\n```\n\n### npm でも可能\n```bash\nnpm install\nnpm run dev\nnpm run build\nnpm run preview\n```\n\nor, if you use tauri, use \"tauri\" branch.\n* check this guide! [Tauri Setup Guide](./Development/Tauri-Setup.md)\n\n```\nnpm i\n\nnpx tauri dev\n```\n\n---\n\n## Pyxisコミュニティに参加\n\n### **あなたの力をお貸しください！**\n\n貢献の方法はたくさんあります：\n\n- **バグを見つけた？** 報告してPyxisをより良くしましょう\n- **アイデアがある？** 機能提案をシェアしてください\n- **ドキュメント改善** - 他の人にも伝えましょう\n- **コード貢献** - 新機能追加やイシュー修正\n- **リポジトリにスター** - 本当に成長の助けになります！\n\n### **Thanks**\n\nPyxisを可能にした素晴らしいオープンソースプロジェクトに心から感謝：\n- **Monaco Editor** - ブラウザでのVS Code\n- **isomorphic-git** - Gitをウェブに\n- **Next.js \u0026 React** - モダンウェブアプリの基盤\n\n---\n\n## 📄 ライセンス\n\nMIT License - 使って、改造して。詳細は[LICENSE](LICENSE)をご覧ください。\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n## 制限なしのコーディングの準備はできましたか？\n\n**[Pyxis を今すぐ起動](https://Stasshe.github.io/Pyxis-CodeCanvas)**\n\n*ダウンロード不要。セットアップ不要。純粋なコーディング。* ✨\n\n**Dev Server: [pyxis-code.onrender.com](https://pyxis-code.onrender.com)**\n\n---\n\n### シェアしよう\n\n**Pyxisが気に入った？** リポジトリに⭐をつけて、仲間の開発者にシェアしてください！\n\n**バグを見つけた？** [こちらで報告](issues/)して改善にご協力ください\n\n---\n\n\u003cimg src=\"public/favicon.png\" alt=\"Pyxis ロゴ\" width=\"64\" height=\"64\" /\u003e\n\n*「制限なく、いつでも、どこでもコーディング」*\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstasshe%2Fpyxis-codecanvas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstasshe%2Fpyxis-codecanvas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstasshe%2Fpyxis-codecanvas/lists"}