JavaScript - JSFiddleの結果をURLで実行する方法


  1. フォークURLを使用する方法:

    • JSFiddleのページにアクセスし、右上の「フォーク」ボタンをクリックします。
    • 新しいタブまたはウィンドウが開き、フォークされたJSFiddleのURLが表示されます。このURLを使用して、他の人にコードを共有することができます。
  2. パーマリンクURLを使用する方法:

    • JSFiddleのページにアクセスし、左上の「パーマリンク」ボタンをクリックします。
    • パーマリンクURLが表示されます。このURLを使用して、コードを共有することができます。このURLを開くと、JSFiddleの結果が表示されます。
  3. エンベッドURLを使用する方法:

    • JSFiddleのページにアクセスし、右上の「Embed」ボタンをクリックします。
    • エンベッド用のHTMLコードが表示されます。このコードをコピーし、自分のウェブサイトやブログに貼り付けることで、JSFiddleの結果を表示することができます。

以下は、上記の方法のコード例です:

  1. フォークURLの使用例:
// JSFiddleのコード
console.log("Hello, JSFiddle!");
// フォークURL
https://jsfiddle.net/example/fork
  1. パーマリンクURLの使用例:
// JSFiddleのコード
console.log("Hello, JSFiddle!");
// パーマリンクURL
https://jsfiddle.net/example/permalink/
  1. エンベッドURLの使用例:
// JSFiddleのコード
console.log("Hello, JSFiddle!");
// エンベッド用HTMLコード
<iframe width="100%" height="300" src="https://jsfiddle.net/example/embedded/"></iframe>

これらの方法を使用すると、JSFiddleの結果をURLで実行し、他の人と共有することができます。詳細な情報や他のオプションについては、JSFiddleの公式ドキュメントを参照してください。