パソコンの先生をしています、じゅんぱぱです。100DaysOfCodeで100日間勉強しました。会社のWEBサイトや自分で作品を作れるようになりました。100DaysOfCodeについてはこちらからどうぞ。上のアニメーション、ドラゴンが歩いているはずなのに前に進んでませんね(笑)これはenchant.jsというゲーム用JavaScriptのフレームワークを使っています。ゲーム用というだけあって、作るのめっちゃ楽しいです。楽しくて、WordPressのヘッダーにしてしまおうと、スライムを作りました。「あれっ、どうやって置いたらいいんだ?」となってしまいました。対象読者この記事を見るためには以下のスキルが必要です。ドットインストール他でWordPressの勉強をしたことがあるenchant.jsで1個以上簡単なゲームまたはアニメーションを作ったことがある基本的なことは説明しません。わかる方だけ、ご覧ください。通常の使い方では1ページにenchant-stageは1個しか置けない通常enchant.jsは、以下のコードを書くとその中に表示してくれます。id="enchant-stage"></div>しかし、複数作ろうとするとid属性なため、指定できない。僕は、enchant.jsそのものを変えようとしました。970行目付近にid=enchant-stageを取得しているところが!これを変えれば「出来るんじゃね?」と、当時の僕は安易に考えていました。僕は、基礎は勉強しましたけど、まだ早すぎました。document.getElementById(id);ここまでよかったんですけど、考えが浅かった。id取得できても動かない。「iframeあるじゃん」と思いつきました。