はじめまして、ますみです！
1. 記事の概要
この記事では、以下のようにホームページ上でenchant.jsのゲームを遊べるようにするための方法の一つとして、<iframe>を使った組み込みの方法を紹介します。
2. <iframe>を用いた方法
方法はとてもシンプルで、以下のように<iframe>タグでenchant.jsを動かしているhtmlファイルを組み込むだけです。
<iframe src="index.html">
ここで、<iframe>タグとは、以下のようなタグです。
・"inline frame"の略
・HTMLの中で別のファイル（HTMLファイルなど）を組み込む
・要するに、ページの中に別のページを表示する
3. サンプルコード
このサンプルコードでは、code.9leapというサイトのURLからHTMLファイルを読み込んでいます。
<!DOCTYPE html>
<html>
<head>
<title>
Sample
</title>
</head>
<body>
<iframe src="http://coderun.9leap.net/codes/146478/index.html" style="width: 500px; height: 500px;">
</body>
</html>
最後に
最後まで読んでくださり、ありがとうございました！
いかがだったでしょうか？
この記事を通して、少しでもあなたの学びに役立てば幸いです！
【仕事の相談はこちら】
お仕事の相談のある方は、下記のフォームよりお気軽にご相談ください。
もしもメールでの問い合わせの方がよろしければ、下記のメールアドレスへご連絡ください。
info*galirage.com（*を@に変えてご送付ください）
🎁 「生成AI活用の無料相談券」もしくは「生成AIの社内ガイドライン（無料PDF）」を『公式LINE』で配布中 🎁
『生成AIを業務に活用したいけど、どうしたらいいかわからない』といった声を多くいただきます。
Galirageでは公式LINEにて、チャットやオンライン会議で「完全個別の生成AI活用無料相談会」を実施しております！
（期間限定で実施しているため、ご興味ある方はお早めに以下のLINE公式アカウントをご登録ください^^）
https://lin.ee/rvz6lMN
※ 予告なく、キャンペーンを終了する可能性がございますが、ご了承ください。
【業務内容】
具体的には、以下のお仕事を中心に受け付けております！（詳しくはこちら）
- 受託開発（例：生成AIを使った社内システムの開発）
- コンサルティング（例：技術戦略のアドバイス）
- 講演（例：社内研修、イベント登壇）
※ 特に「生成AIを使ったシステム開発のご依頼」が多く、ご好評いただいております。
【これまでの相談事例】
以下のようなご相談が多くあります。
🔑 機密情報を漏洩させないための、生成AIのシステム構築をお願いしたい。
🤖 自社データを用いたFAQチャットボットの作り方を知りたい。
💡 ChatGPTを、自分たちの事業にどのように活かせるか、アドバイスやアイデアが欲しい。
おまけ
エンジニアの仲間（データサイエンティストも含む）を増やしたいため、公式LINEを始めました🎉
「一緒に仕事をしてくれる方」「友だちとして仲良くしてくれる方」は、友だち追加をしていただけますと嬉しいです！（仲良くなった人たちを集めて、「ボードゲーム会」や「ハッカソン」や「もくもく会」もやりたいなと考えています😆）
とはいえ、みなさんにもメリットがないと申し訳ないので、特典を用意しました！
友だち追加後に、アンケートに回答してくれた方へ「エンジニア図鑑（職種20選）」のPDFをお送りします◎
参考文献