LiveCodes
機能豊富なオープンソースのクライアントサイド実行型コードプレイグラウンド。90以上の言語とフレームワークに対応し、サーバーもアカウントも制限も不要。
スマートダウンロード
プロジェクトのホームページへ
インストーラはまだありません — ソースリポジトリをご覧ください
すぐに使えるオンラインコードエディター。100近くの言語に対応し、無料・無制限で利用でき、セルフホストも可能です。
主な機能
- 90以上の言語とフレームワークをサポート(React、Vue、Python、Go など)
- 完全にクライアントサイドで動作し、サーバーやデータベースは不要
- 登録不要、無料で利用可能、無制限のプライベートプロジェクト
- 任意のWebページに埋め込み可能、SDKを介してフロントエンドフレームワークと統合
- npm、GitHub などのソースからモジュールをインポート
できないこと
- •Python、Go などのバックエンド言語をサポートしていますが、実際にはブラウザ内で動作するため、ブラウザの機能やシミュレーション環境の制約を受け、本番レベルのバックエンドテストには適していません。2. 一部の高度な機能(GitHub 統合など)には GitHub アカウントが必要です。3. 大量のモジュールをインポートすると、初回読み込みが遅くなる可能性があります。
使用例
- フロントエンドの demo をすばやく作成・テストする
- ドキュメントやブログにインタラクティブなコード例を埋め込む
- 教育現場ですぐに実行できるプログラミング演習を作成する
- プロトタイプを設計して同僚やクライアントと共有する
- セルフホストしてチームの内部コードサンドボックスとして利用する
LiveCodes は、機能豊富でオープンソースの、完全にブラウザ上で動作するコードプレイグラウンド(コードサンドボックス)です。React、Vue、Svelte、TypeScript、Python、Go、Ruby、PHP など、90 以上の言語とフレームワークをサポートしています。サーバーの設定やアカウント登録は不要で、使用制限もありません。プレイグラウンドを任意のウェブページに埋め込んだり、複数のソース(npm、deno.land、GitHub)からコードをインポートしたり、モジュールを使用したり、さらにはアプリケーション全体をセルフホストすることも可能です。強力なエディター、モバイルフレンドリー、外部リソースの参照、プロジェクトのインポート/エクスポート、共有、デプロイ、テンプレート、コードフォーマット、インテリセンス、読み取り専用モード、ブロードキャスト、同期、バックアップ/復元など、豊富な機能を提供しています。SDK(ソフトウェア開発キット)は、ネイティブ JS/TS、React、Vue、Svelte、Solid をサポートしており、プログラムによる埋め込みや通信を簡単に行えます。
タグ
はじめ方
ソフトウェアをインストール
ダウンロードしたインストーラをダブルクリックし、指示に従ってください
単体で使用:https://livecodes.io に直接アクセスするだけでコーディングを開始できます。
ページへの埋め込み:ページにコンテナ div を追加し、CDN スクリプトを読み込んで createPlayground を呼び出します。
セルフホスト:release ファイルをダウンロードし、任意の静的ファイルサーバー(GitHub Pages など)に配置するだけで、バックエンドは不要です。
- 単体で使用:https://livecodes.io に直接アクセスするだけでコーディングを開始できます。
- ページへの埋め込み:ページにコンテナ div を追加し、CDN スクリプトを読み込んで createPlayground を呼び出します。
- セルフホスト:release ファイルをダウンロードし、任意の静的ファイルサーバー(GitHub Pages など)に配置するだけで、バックエンドは不要です。
チェックサムがありません
このプロジェクトは GitHub Release ページに SHA-256 チェックサムを公開していません
SHA256 チェックサム
チェックサムなし
GitHub Releases から直接ダウンロードし、ファイルの整合性をご自身で確認してください
本プラットフォーム上のすべての SHA-256 チェックサムは、プロジェクトの公式 GitHub Release ページから抽出されたもので、一切の改変はありません。GitHub Releases ページで独自に検証できます。
オープンソースの透明性
GitHub ソースを見るアンインストール情報
スタンドアロンで使用する場合、アンインストールは不要です。セルフホストでデプロイしている場合は、デプロイディレクトリを削除するだけです。npm で SDK をインストールした場合は、npm uninstall livecodes を実行して削除してください。
追加の依存関係なし
ダウンロード後すぐに使用可能。追加のランタイムは不要です。
問題が発生?以下のFAQを確認
3 FAQs