README、ブログ、ドキュメント向け

Run on CodeUtility ボタン

読者がワンクリックであなたのコードを実行できます。コードを貼り付けて言語を選び、ボタンを README、ブログ記事、ドキュメントにコピーするだけ。コードは CodeUtility のオンラインエディターで開き、インストール不要で実行、編集、デバッグできます。

ボタンを作成

  1. 1 コードを貼り付ける
  2. 2 言語とスタイルを選ぶ
  3. 3 スニペットをコピーする
言語
ボタンの文字
ボタンのスタイル
README.md

例

CodeUtilityで実行

ボタンはこのように表示されます。クリックしてリンクを試せます。

スニペット

GitHub や GitLab の README、ほとんどのドキュメントツール向け。

使い方

  1. 読者に実行してほしいコードを貼り付け、言語を選びます。
  2. Markdown または HTML のスニペットをコピーし、コード例の横に貼り付けます。
  3. 読者がボタンをクリックすると、その言語の CodeUtility エディターでコードが開きます。実行、編集、ステップ実行でのデバッグ、AI による解説ができます。

コードはリンク自体に含まれるため、ボタンを作成しても何もアップロード・保存されません。

使える場所

  • GitHub の README訪問者はリポジトリをクローンせずにライブラリの例を試せます。
  • チュートリアルとブログ記事各コード例の下にボタンを置けば、読者は読みながら試せます。
  • 講座の教材どのパソコンでもすぐに実行できる演習を学生に配れます。
  • ドキュメントと回答例が動くことを示し、読者が自分のケースに合わせて変更できます。

よくある質問

Run on CodeUtility ボタンは何をしますか?

あなたのコードを、その言語の CodeUtility オンラインエディターで開きます。すぐに実行、編集、デバッグでき、読者はインストールもコピー&ペーストも不要です。

ボタンはどこで使えますか?

Markdown や HTML が使える場所ならどこでも使えます。GitHub や GitLab の README、ブログ記事、ドキュメント、講座ページ、フォーラムの投稿、メモなど。

コードは CodeUtility に保存されますか?

いいえ。コードはリンク自体(# 記号の後)に含まれるため、リンク作成時にアップロードされません。リンクを開いた読者はエディターで自分用のコピーを受け取ります。

サイズの上限はありますか?

スニペットは約 8 KB 以内の短いコードにしてください。非常に長いリンクは一部のサイトで切れることがあります。大きなプロジェクトは、エディターからワークスペースを共有してそのリンクを使ってください。

無料ですか?

はい。ボタン、エディター、コードの実行はすべて無料で、読者にアカウントは不要です。