自動化された研究アーティファクト — 上流プロジェクトではありません。
このリポジトリは、公開されたGitHub Actionsワークフローの脆弱性の再現に関するラヴァル大学の修士論文のために、自動化ハーネスによって構築された使い捨てラボです。これは、
live-codes/livecodesのコミット8017e0146fc020b8e9ec4115afc6f7b228354e46（2026-02-21）の逐語的なスナップショットであり、そのプロジェクト自身のライセンスの下で再配布されており、そのライセンスファイルはこのスナップショットに変更なしで含まれています。上流プロジェクトは関与しておらず、標的にされることは決してなく、ここで研究されている脆弱性はすでに公開されています。このリポジトリ内のすべてのシークレットと変数はランダムに生成されたダミー値であり、実際の認証情報は存在しません。アクション参照とランナーイメージは、2026-02-21に解決されたものに固定されています。スナップショットに加えられたすべての変更については、ハーネス出力の
pinning.mdを参照してください。質問や異議がある場合: [email protected]
すぐに使えるコードプレイグラウンド！
React、Vue、Svelte、Solid、TypeScript、Python、Go、Ruby、PHP、および90以上の言語/フレームワークに対応した、多機能なオープンソースのクライアントサイドコードプレイグラウンドです。
* GitHubアカウントは、GitHubインテグレーションを使用する機能にのみ必要です。
... あとはすべての機能をお楽しみください！
このコードをページに追加します：
<div id="container"></div>
<script type="module">
import { createPlayground } from 'https://cdn.jsdelivr.net/npm/livecodes';
createPlayground('#container', {
params: {
markdown: '# Hello LiveCodes!',
css: 'h1 {color: dodgerblue;}',
js: 'console.log("Hello, from JS!");',
console: 'open',
},
});
</script>
埋め込みプレイグラウンドのドキュメンテーションをご確認ください。
... あとはすぐに使えます！
詳細については、機能の完全なリストをご確認ください。
ソフトウェア開発キット（SDK）は、LiveCodesプレイグラウンドを埋め込んで通信するための、簡単でありながらパワフルなインターフェースを提供します。
SDKは、軽量（gzip圧縮で5kb未満）、ゼロ依存のnpmパッケージとして提供され、CDNからも利用できます。さまざまな設定と埋め込みオプションでプレイグラウンドを作成するために使用できます。さらに、SDKメソッドにより、実行時のプレイグラウンドとのプログラムによる通信と制御が可能です。
npm i livecodes
例：（LiveCodesで開く)
import { createPlayground } from 'livecodes';
createPlayground('#container', {
config: {
markup: {
language: 'markdown',
content: '# Hello World!',
},
},
view: 'result',
});
JavaScript SDKはフレームワーク/ライブラリに依存しません。ただし、人気のあるライブラリ用のラッパーコンポーネントも提供されています（現在はReactとVue）。SDKは、ラッパーなしでSvelteとSolidで直接使用できます。TypeScriptサポートは、型安全性と優れた開発者体験を提供します。
React SDKの例：（LiveCodesで開く)
import LiveCodes from 'livecodes/react';
const config = {
markup: {
language: 'markdown',
content: '# Hello World!',
},
};
const Playground = () => <LiveCodes config={config} view="result" />;
export default Playground;
Vue SDKの例：（LiveCodesで開く)
<script setup>
import LiveCodes from 'livecodes/vue';
const config = {
markup: {
language: 'markdown',
content: '# Hello World!',
},
};
</script>
<template>
<LiveCodes :config="config" view="result" />
</template>
さらに、SDKを使用すると、プレイグラウンドへのリンクを作成することもできます：
import { getPlaygroundUrl } from 'livecodes';
const url = getPlaygroundUrl({
config: {
markup: {
language: 'markdown',
content: '# Hello World!',
},
},
});
console.log(url);
詳細については、SDKドキュメントを参照してください。
ドキュメンテーションには、デモ、コードサンプル、スクリーンショット、Storybook、TypeScript型が含まれています。
最新の変更をチェック：
フィードバックをお待ちしています！
新しいissueまたはdiscussionを開始してください。
セキュリティレポートについては、SECURITY.mdを参照してください。
お問い合わせフォームからもご連絡いただけます。
コントリビューションは歓迎されており、大いに感謝しています。
素晴らしいコントリビューターの皆さんに心から感謝します！皆さんの努力がすべての違いを生み出しています！
コントリビューションガイドを参照してください。
LiveCodesは、以下のサービスを快く提供していただいています：
LiveCodesが使用するパッケージとそのライセンスはこちらにリストされています。
MITライセンス © Hatem Hosny
LiveCodesは無料でオープンソースです。アプリには広告が含まれておらず、サブスクリプションも必要ありません。制限なく無制限に使用できます。
LiveCodesをスポンサーすることで、プロジェクトの継続的な開発とメンテナンスを支援し、開発者コミュニティにとって貴重なリソースであり続けることを確実にするのに役立ちます。
スポンサーになることをご検討ください。