OpenSource-Hub
L

LiveCodes

1.4k stars·開発ツール·SHA-256 チェックサム確認済み

機能豊富なオープンソースのクライアントサイド実行型コードプレイグラウンド。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 をサポートしており、プログラムによる埋め込みや通信を簡単に行えます。

タグ

code playgroundsandboxonline editorfrontenddemoprototypingopen source

はじめ方

1

インストーラをダウンロード

上のボタンをクリックして、お使いのシステム用のインストーラをダウンロード

2

ソフトウェアをインストール

ダウンロードしたインストーラをダブルクリックし、指示に従ってください

3

単体で使用:https://livecodes.io に直接アクセスするだけでコーディングを開始できます。

4

ページへの埋め込み:ページにコンテナ div を追加し、CDN スクリプトを読み込んで createPlayground を呼び出します。

5

セルフホスト:release ファイルをダウンロードし、任意の静的ファイルサーバー(GitHub Pages など)に配置するだけで、バックエンドは不要です。

インストールガイド
  1. 単体で使用:https://livecodes.io に直接アクセスするだけでコーディングを開始できます。
  2. ページへの埋め込み:ページにコンテナ div を追加し、CDN スクリプトを読み込んで createPlayground を呼び出します。
  3. セルフホスト:release ファイルをダウンロードし、任意の静的ファイルサーバー(GitHub Pages など)に配置するだけで、バックエンドは不要です。
ファイルの整合性

チェックサムがありません

このプロジェクトは GitHub Release ページに SHA-256 チェックサムを公開していません

SHA256 チェックサム

チェックサムなし

GitHub Releases から直接ダウンロードし、ファイルの整合性をご自身で確認してください

本プラットフォーム上のすべての SHA-256 チェックサムは、プロジェクトの公式 GitHub Release ページから抽出されたもので、一切の改変はありません。GitHub Releases ページで独自に検証できます。

オープンソースの透明性

GitHub ソースを見る
環境ガイド

アンインストール情報

スタンドアロンで使用する場合、アンインストールは不要です。セルフホストでデプロイしている場合は、デプロイディレクトリを削除するだけです。npm で SDK をインストールした場合は、npm uninstall livecodes を実行して削除してください。

追加の依存関係なし

ダウンロード後すぐに使用可能。追加のランタイムは不要です。

プロジェクト情報
ライセンスMIT
最終更新2026-06-26 21:10:08
GitHub リポジトリ公式サイト

問題が発生?以下のFAQを確認

3 FAQs

類似プロジェクト