Trinketの代替
PythonとJavaのためのTrinketの代替
Trinketは2026年8月31日に終了し、埋め込まれたtrinketはすべてコードの代わりにお知らせを表示しています。Coddyが今置き換えられるものと、置き換えられないものをまとめました。
以前の埋め込みを置き換える
以前のTrinketの埋め込みコードかリンクを貼り付けてください。Coddyで置き換えられる場合は、すぐ下に新しい埋め込みコードが表示されます。
実際に動かしてみる
ページに貼ったときと同じ本物の埋め込みです。どれでも「実行」を押してみてください。
名前と年齢を尋ね、答えを1つずつ待ちます。
埋め込みを作る
<figure style="margin:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden"><iframe src="https://coddy.tech/embed-editor?lang=python&theme=light&code=bmFtZSA9IGlucHV0KCJXaGF0IGlzIHlvdXIgbmFtZT8gIikKYWdlID0gaW50KGlucHV0KCJIb3cgb2xkIGFyZSB5b3U_ICIpKQpwcmludChmIkhlbGxvLCB7bmFtZX0hIFlvdSBhcmUge2FnZX0geWVhcnMgb2xkLiIpCg&stdin=QWxpY2UKMzAK&credit=0" width="100%" height="480" style="display:block;border:0;width:100%" title="CoddyのPythonコードエディター" loading="lazy"></iframe><figcaption style="box-sizing:border-box;padding:5px 12px;font:11px/1.4 system-ui,-apple-system,sans-serif;color:#64748b;background:#f1f5f9;border-top:1px solid #e2e8f0;text-align:right" dir="ltr"><a href="https://coddy.tech/embed" target="_blank" rel="noopener" style="color:#0077ff;font-weight:600;text-decoration:none;">Coddy</a> 提供</figcaption></figure>どんなサイトでも無料で利用できます。ほかの人もエディタを見つけられるよう「Powered by Coddy」リンクは残してください。お願いはそれだけです。
移行できるもの
Pythonは読者のブラウザで動き、input()用のライブコンソールとturtleの描画を使えます。Javaなどの言語はCoddyのサーバーで動き、matplotlibのグラフもそこで描かれます。HTMLとCSSは入力に合わせてライブでプレビューします。GlowScript、pygame、Blocklyは移行できません。
| Trinket | Coddy |
|---|---|
| Pythonコンソール | 対応 埋め込み可能。読者のブラウザで動き、Trinketと同じようにinput()が読者の答えを待ちます。 |
| Java | 対応 埋め込み可能。 |
| Rなどのテキスト系言語 | 対応 埋め込み可能：R、SQL、C、C++、JavaScript、Go、Rustなど。 |
| グラフ付きのPython 3（matplotlib） | 対応 埋め込み可能。グラフはCoddyのサーバーで描かれ、実行の間に少し待ち時間があります。 |
| HTMLとCSS | 対応 埋め込み可能。入力に合わせてライブでプレビューします。p5.jsのスケッチを含むJavaScriptも動きます。 |
| turtleグラフィックス | 対応 埋め込み可能。Pythonのturtleが読者のブラウザで描画します。キー入力やクリックを待つプログラムは動きません。 |
| コースと課題 | 一部対応 Coddyのコースを無料クラスで課題に出せます。独自の演習はアップロードできません。 |
先生向け
- 1クラス最大35人まで使える無料クラス。
- 授業中にコードを書いている生徒のうち、誰がつまずいているかがわかります。
- CoddyのAIチューターBugsyは、全面的に手伝う、ヒントだけ出す、オフにする、から選べます。
- Python、Javaなど、Coddyのコースの章を課題に出せます。
埋め込みの置き換え方
以前の埋め込みを貼り付ける
ページにあるTrinketのiframeをコピーして上に貼り付けます。言語と高さを読み取ります。
コードを入れる
プログラムを、必要な入力と一緒にエディタへ貼り付けます。
iframeを置き換える
新しいコードをコピーし、Trinketのiframeがあった場所に貼ります。
よくある質問
無料ですか？
はい。埋め込みはどのサイトでも無料で、最大35人のクラスも無料です。エディタの下にある小さな「Coddy 提供」の表示だけは残してください。
trinketをインポートできますか？
いいえ。Trinketのコンテンツはサイトとともに失われ、私たちもアクセスできません。コードのコピーがあれば、エディタに貼り付けてください。
Coddyでturtleは動きますか？
はい。Pythonは読者のブラウザで動き、turtleはTrinketと同じようにページに描画します。キーやクリックに反応するプログラムは動かず、pygameとGlowScriptも動きません。
GlowScript、pygame、Sense HAT、Blockly は使えますか？
Coddy では動きません。GlowScript には無料のサイト glowscript.org があり、Sense HAT のプロジェクトは Raspberry Pi の Code Editor で作れます。
input()は使えますか？
はい。Pythonは読者のブラウザで動くため、Trinketと同じようにinput()は読者がコンソールに答えを入力するのを待ちます。
読者にアカウントは必要ですか？
いいえ。誰でも登録なしで埋め込みのコードを編集・実行できます。
埋め込みは生徒の作業を保存しますか？
いいえ。埋め込みはページ上の例のためのもので、入力された内容は保存されません。コードを残したい生徒は登録して、Coddyのプロジェクトに保存できます。
ブラウザのPythonはTrinketのPythonと何が違いますか？
標準ライブラリ付きのPython 3.14で、turtleも含まれます。numpyなどのパッケージは入っておらず（グラフはmatplotlibの埋め込みで描けます）、プログラムはネットワークにアクセスできず、書き込んだファイルは残りません。ブラウザでPythonを起動できない場合は、Coddyのサーバーでコードを実行します。
どの言語を埋め込めますか？
Python、Java、R、SQL、C、C++、C#、JavaScript、TypeScript、Go、Rust、Ruby、PHP、Kotlin、Swift、Dart、Luaなど。さらに、ライブプレビュー付きのHTMLとCSS、matplotlibによるPythonのグラフにも対応しています。