Now Loading...

 




このブログの更新情報が届きます


読者数478人 
















*アメブロは携帯からも閲覧できます

QRコード
2009年02月04日(水) 20時20分45秒

「スペリング・パニック!」ゲーム - 英語と遊ぼう「第四回」

テーマ:英語と遊ぼう

今日は、英語と遊ぼう「第四回」として、私の作ったゲームをご紹介したいと思います。

バラバラになった英単語を正しい順番に直すゲームで、名づけて「スペリング・パニック!」です。

このゲームで遊びながら、英単語の綴りを楽しく覚えてしまいましょう。(^o^)/




↑ゲームが表示されるまで、20~30秒かかることがあります。それ以上待っても表示されない場合は、「F5」キーを押して画面を再読み込みして下さい。


【基本的な遊び方】

遊び方は簡単です。

1.2つある窓のうち上の窓に、英単語のスペルをバラバラにしたものが出ますので、その正しい綴りを推測して下の窓に入力します。

2.正解すると、次の問題が出ます。不正解の場合は、もう一度やり直しとなります。

3.お手上げの場合は、「ヒント」ボタンを押します。すると、正解の単語の「先頭1字」が出ます。

それでも分からない場合は、もう一度「ヒント」ボタンを押します。今度は、正解の単語の「先頭2字」が出ます。このようにして、「ヒント」ボタンは3回まで使うことができます。


これと良く似た単語ゲームがありますが、単語によってはまったく見当がつかず、難しすぎる場合もありました。そんな時、ヒントが出たらいいのに!と思い、作ったのがこのゲームです。

楽しんでいただければ幸いです。(^^)


このゲームには、英語学習においてきわめて重要な349語の基本英単語が、あらかじめデータとして入力されています。英単語は、以下のサイトからいただきました。具体的には、【中学英語教科書 最重要語 845】に掲載されている単語の中から、固有名詞と綴りの長さが4文字以下のものを除いて、すべて入力してあります。

 ⇒英語・TOEIC・経験の学習法、無料教材を提供するサイト

また、Ver.1.00β4を作成するにあたり、javascript側での引数取得箇所に、えど 様の作成された関数を使用させていただきました。

それからまた、Ver.1.00正式版を公開するにあたり、数名の方に新機能のテストをお願いしたところ、快く引き受けてくださいました。
ここに、お礼申し上げたいと思います。m(__)m


このゲームが気に入った方は、ご自分のブログのサイドバーに以下のタグを張りつけて下さい。何と、このゲームがブログパーツになります。おお!(゚o゚)

アメブロをお使いの方は、「フリープラグイン」に張りつけてください。「フリースペース」にはエラーが出て張りつけられませんのでご注意ください。





<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=pink&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=orange&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>






<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=pinkf&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=pinkfl&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=kr&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>







<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=kr1&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=kr2&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=gr&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>






<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=or1&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>

【一歩進んだ遊び方】

上のタグをご自分のブログのサイドバーに張りつけていただくと、既に入力されている英単語ではなく、オリジナルの単語でゲームを楽しむことが可能になります。

その方法は、以下の通りです。


タグを見ていただくと、その中に
usertango={}
というところがあると思います。

この{}の中に、ゲームしたい単語を、カンマで区切って並べます。


 (例1) usertango={people,pallid,beek} ※分かりやすくするために、赤字で表示しています

 (例2) usertango={people, pallid, beek} ※このように、単語間にスペースを入れてもOKです


これだけです。
これだけで、オリジナルの単語で「スペリング・パニック!」が遊べるようになります。(^^)v


【さらに進んだ遊び方】

上の方法を使うと、オリジナルの単語でゲームができるのはいいのですが、ユーザーの入力した単語のみでゲームがスタートするため、入力単語数が少ない場合、すぐにまた同じ単語が回ってきてしまいます。

そのようなときは、usertangoの次に、'&append=on'という指定(おまじない)を付け加えます。

以下のようにします。


usertango={people,pallid,beek}&append=on


このようにすると、「スペリング・パニック!」に既に入力されている単語プラスユーザーの入力したオリジナル単語でゲームができるようになります。どうぞ、試してみてくださいね。(^^)


【答えが複数個できてしまうことへの対応】
スペリング・パニック!では、基本的に一つの英単語に対して、正解は一つだけとなっています。

が、皆さんがオリジナルの英単語を入力する場合、その綴りが短い場合など、答えが複数個できてしまう場合が考えられます。


(例) dog と god、peek と keep、three と there、…など。


これを防ぐために、専用の単語チェッカーを作りました。名づけて、【別綴り単語チェッカー】。

英単語入力の際に、どうぞご活用くださいね。(^^)



【その他注意点等】

現在分かっている不具合としては、Firefoxで正常に表示されないことと(β9でfixしました)、ブログサービスによって表示が異なる点です。(?_?)(Ver.1.12でほぼ完全に対応しました) 完全対応は難しく、時間が非常にかかるとの判断から、本日β版として公開する運びとなったことをご理解下さい。


※このゲームは、javascriptで動作いたします。javascriptが切ってあるパソコン環境では動きませんので、切ってある方はONにしてご使用ください。
※また、このゲームはIE6で動作確認を行なっており、
動作させても何も危険はないはずですが、使用したことにより生じたいかなる損害にも、作者は責任を負いません。あくまで自己責任でご使用ください。

※「スペリング・パニック!」ゲームを、同一画面上に複数個張りつけないでください。正常に動作いたしません。

※「スペリング・パニック!」は、 「My 単語帳 」と併用が可能です。

※「スペリング・パニック!」の著作権は、作者Super源さんが保有しています。上記にて許可されている箇所以外のタグの改変はご遠慮ください。


なお、このゲームに関するご感想、ご要望などありましたら、コメント欄にお願いいたします。作者はjavascriptは初心者なので、ご期待にそえるかどうか分かりませんが、できるだけ対応していきたいと思っております。


バージョンアップ履歴

2011.01.14 Ver.1.51 環境によって、iウインドウ内の一部の文字がはみ出してしまう場合があるのに対応しました。

2010.08.27 Ver.1.50 壁紙に、新色を2つ追加しました。

2009.12.20 ver 1.44 出題ウインドウと解答ウインドウに背景色(白)を設定しました。

2009.12.17 ver 1.43 環境によって、アニメ部分の位置がズレることがあるのに対応しました。

2009.10.03 ver 1.42 CSSの誤り(1ヶ所)を修正しました。

2009.09.18 ver 1.41 IEのバージョンによって、「バージョン情報」画面中の文字が大きくなってしまうことがあるのに対応しました。

2009.06.08 ver 1.40 壁紙に、キラキラ系のバージョンを3つ追加しました。

2009.05.25 ver 1.30 iウインドウにチップヘルプをつけました。

2009.05.09 Ver.1.22 英単語シャッフル中、まれに応答がなくなる場合があるのを修正しました。

2009.04.28 Ver.1.21 入力英単語(1語)にミスがあるのを修正しました。

2009.04.03 Ver.1.20 収録単語数を349語に増やしました。

2009.03.24 Ver.1.13 「バージョン情報」画面の文字色を変更しました。

2009.03.24 Ver.1.12 ココログ等で表示が若干ずれるのを修正しました。

2009.03.22 Ver.1.11 英単語が、まれにシャフルされていない場合があるのに対処しました。

2009.03.08 Ver.1.10 壁紙がピンクの可愛いバージョンを2つ追加しました。

2009.03.05 Ver.1.01 ココログで表示が崩れるのを修正しました。

2009.03.03 Ver.1.00 正式版として公開しました。

2009.02.28 Ver.1.00β14 ユーザー登録単語数が1つだけの場合の処理を追加しました(非公開バージョン)。

2009.02.24 Ver.1.00β13 既定の単語+user単語で遊べるappendパラメーターを追加しました(非公開バージョン)。

2009.02.21 Ver.1.00β12 バージョン情報をウインドウ化し、userモードを追加しました(非公開バージョン)。

2009.02.18 Ver.1.00β11 Firefoxで1色しか表示されないのを修正しました。

2009.02.14 Ver.1.00β10 収録単語数を、167語に増やしました。

2009.02.12 Ver.1.00β 9 Firefoxで画面の一部がずれるのを修正しました。

2009.02.11 Ver.1.00β 8 Firefoxに対応しました(まだ画面の一部が若干ずれていますが、遊べます)!

2009.02.10 Ver.1.00β 7 Firefoxで表示すると、画面のレイアウトを崩すことがあるため、IE専用としました(暫定処置)。

2009.02.09 Ver.1.00β 6 壁紙がオレンジのバージョンを追加しました。

2009.02.09 Ver.1.00β 5 ブログパーツ下のクレジットの部分をすっきりさせました。

2009.02.07 Ver.1.00β 4 壁紙がピンクのバージョンを追加しました。

2009.02.06 Ver.1.00β 3 IE7に対応しました。

2009.02.05 Ver.1.00β 2 FC2ブログ、ウェブリブログで画面の一部が崩れるのを修正しました。
2009.02.04 Ver.1.00β 1 正式公開。

AD

Super源さんさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

コメント

[コメントをする]

26 ■Re:はじめまして♪ブログパーツを貼らせてもらいました

Akikotさん、いらっしゃいませ。( ^-^)/

スペリング・パニックゲーム、気に入ってくださったようで、うれしいです。o(^-^)o

そうなんですよ。このように出題されると、簡単な単語でも、答えるのが難しくなってしまうんです。
でも、そのため、できた時の喜びはひとしおですよね。(^^)

また、スペリング・パニックをサイトに張りつけてくださり、ありがとうございました。(^-')

どうぞ、末永くお願いいたします。( ^-^)/

25 ■はじめまして♪ブログパーツを貼らせてもらいました

ブログパーツcomで見つけて、こちらに参りました。Akikotと申します。
「スペリング・パニック」、とてもおもしろいです。簡単な単語でもなかなか出てこないもので、出来たらaha!となりすっきりします。
楽しみながら単語が覚えられ、自信のある人は脳の活性化にどうぞ、と自分の教室サイト<a href="http://www014.upp.so-net.ne.jp/akikosclassroom/">ECCジュニア鶴見西教室</a>のトップページに貼らせてもらいました。
ありがとうございましたm(_ _)m

24 ■Re:ココココ・コレハ!

うろこさん、こんばんは。
コメントありがとうございます。(^^)

そうなんですよ! 単語の綴りを忘れた場合、「ああ、あの単語と綴りが違うだけなんだ!」と分かると、思い出すための強力な手掛かりになりますよね。(゚ー゚)(。_。)ウンウン
あと、例えば別綴りの単語をいくつか覚えておくと、スクラブルゲームにも強くなりそうな気がします。(^-^)

うろこさんの所でも書きましたが、私はこの別綴り単語チェッカー、何かとてつもない可能性を秘めたツールのように思えるんです。(@_@)ウーン、ナンカ、スゴイ ツカイカタガ アリソウナ。…

取り敢えず、このツールで英検の単語を全部チェックしてみたら、面白そうですね。(^J^)

23 ■ココココ・コレハ!

ニワトリになりそうなうろこです(^^)
別綴り単語チェッカー、手書き英語の救世主!
どういうスペルだったかな…どっかで見たな…そうだ、ゲームで遊んだな…そうか!あの単語と同じアルファベットを使うのだ!という思い出し方が出来るのはブラボーなボーナス!(スペルチェッカーがないとヒヨヒヨになる私)
ほかにもなんだか、可能性タップリな予感……ヾ(@^(∞)^@)ノ

22 ■Re:修正しました

ひょうすべさん、こんばんは。( ^-^)/

いいえ、こちらこそ。(^^)
もしバグなどありましたらお知らせください。

21 ■修正しました

早速タグを修正しました。
素早い対応、ありがとうございます。

20 ■Re:こんにちは

ひょうすべ さん、いらっしゃいませ。( ^-^)/

わーい。ミ(^o^)ミ スペリング・パニック!のご紹介、ありがとうございます。
早速、拝見してきました。

おお!(゚o゚)表示がスゴいことになってますね。(^^;
CSSの指定が、一ヶ所効いてないようですすね。(*_*)ナンダロウ

少し、お時間をください。
=3 ピューッ!

【30分後】
(・_・)ノ 再び参上!!

ええと、これでほぼ正常に表示されるようになったと思います。
あと、別ウインドウ内での文字化けですが、これはタグに記述漏れがありました。【><】

usertango={}" />

usertango={}" charset="SHIFT-JIS" />
        ^^^^^^^^^^^^^^^^^^^^^
と、下線部分の追加をお願いいたします。これで直るはずです。

まだ至らぬ点があるかと思いますが、少しずつ直してまいります。
今後とも、スペリング・パニック!ゲームをよろしくお願いいたします。m(__)m

19 ■こんにちは

面白いので、私のブログ(http://uchiwa.txt-nifty.com/blogparts/)で紹介させていただきました。

問題が「dnrife」で、答えは「finder」かと思ったら「friend」でした。
ヒントを2回使わないと気付きませんでした(^_^;)。

18 ■Re遊びに着ました☆

あじぃさん、いらっしゃいませ。( ^-^)/

「スペリング・パニック!」で、早速遊んでくだり、うれしいです。(^-')
そうなんです。このゲーム、ハマるんです。(^J^)
答えを探すのに一苦労、そして答えが分かっても、スペリングが正確に分からないと正解できないので、2段階に楽しめるんです。

(@_@)ウーン javascriptは、基本的にファイルの読み書きができないので、スコアの管理は無理と思います。が、確かにこういう機能があると、もっと楽しめそうですね。o(^-^)o

17 ■遊びに着ました☆

いやぁ、私この手のゲームって苦手なんですけど、慣れるとハマッちゃいましたよ♪源さんのページがまたさらにおもしろくなりましたね(*^▽^*)
スコアとかが出て、どれくらい上達したかとか見れたらもっとおもしろいかもですね☆

16 ■Re:ご案内ありがとうございました☆

みかりさん、こんにちは。( ^-^)/
「スペリング・パニック!」、早速遊んでくださったようで、うれしいです。ミ(^o^)ミ

そうなんですよ。ここまで単語をバラバラにされてしまうと、良く知ってるはずの単語も分からなくなってしまうんです。
アラッ、コンナ タンゴ アッタ カナ(。o゚?)フニャ?

まさに、頭の体操ですね。

Firefoxは、β9から対応してます。良かったらまた遊んでくださいね。(^-')

15 ■ご案内ありがとうございました☆

いやぁ~シャッフルされていると結構「あれ?」ってなりますねぇ。
頭の体操になるかも!
ありがとうございます。
私はfirefoxですが、ちゃんと正しく動作しましたよ(^_^)v

14 ■Re:Super源さ~ん♪

うろこさん、こんにちは。
コメントありがとうございます。(^^)

「スペリング・パニック!」、楽しんでいただいてるようで、良かったです。(*^-')
実は私は、プログラミングは、趣味でもう20年以上やってるんです。が、javascriptは初めてで、ホント苦労してます。【><】

別館、お邪魔したところ、「スペリング・パニック!」が妙にマッチしてて、驚きました。おお!(゚o゚)

基本的に、このゲームは、いろいろなブログ・パーツのサイズを参考にし、どんなブログでも表示可能なように作ってます。なので、うろこさんの所でも、きちんと表示可能なはずですよ。(?_?)オカシイナ。

ただ、標準サイズ(?)のほかに、ミニ版もあるといいかも知れませんね。(^-^)チョット カンガエヨウ カナ。

13 ■Super源さ~ん♪

すごいなー、こういうゲームが出来てしまうというのは…!!と、何度も感動しておりますだ。
2カラムのIEだと可愛~く存在してくれることがわかりました~o(^▽^)o
http://easyidiom.seesaa.net/
↑薦め方がわからず遭難しかけのオンタノ別館に美しく常駐~

Firefoxの3カラムだと、左一番上にニン♪と登場してくれるんですが、他のアイテムと二人場折状態になったりしてるンです(^^;
あと、私の使っている3カラムテンプレートは見た目よりキャパが細いみたいです。バナーとかも、ちょーっとばかりの幅のものを乗せると、うわ~っ!記事、どこ行った?!って感じで崩れちゃうので、春に向けて着替えを考えてまーす♪

12 ■Re:お疲れ様です

さーにさん、こんにちは。
コメントありがとうございます。(^^)

どうもお待たせしました。ぶっちゃけた話し、javascriptでブログパーツ作りというのはちょっと無謀だったようで、(^^; かなーり苦労してますが、楽しんでいただけたようで、良かったです。ヘ(^o^)ノ*

ホント、このゲーム、頭の体操そのものですよね。(--)(__) ナットク
英単語のスペリングがしっかり覚えられるばかりではなく、柔軟な思考ができるようになりそうです。o(^-^)o←ホントカ?

11 ■Re:スンバラシイ♪

うろこさん、こんにちは。
コメントありがとうございます。(^^)

おお!(゚o゚)相変わらずスゴい雪ですね。
何か家ごと雪に埋まってしまいそうで、恐いですね。(((=_=)))ブルブル

はーい。(^o^)「スペリング・パニック!」、お蔭さまで完成間近ですよ。(^^)v
が、このところ肝心のダジャレ英単語のアップの方がローペースに。(泣)

10 ■お疲れ様です



頭の体操にいいですね~
今グーグルクロームでやってみました。ファイヤーフォックスでもやってみますね。

ありがとうございました('-^*)/

9 ■スンバラシイ♪

どんどん改善されていくぅ~ヽ(゚◇゚ )ノ
>闘うのではなく、友達になって一緒に遊んでしまうのが一番
↑全く持って同感であります。
あっ。真夏の南半球から、kazraaschさんだっ。こちら大雪にてサテライト通信の受信ディッシュがまもなく雪に埋もれ、通信できなくなりそうですので取り急ぎっ。

8 ■Re:初めまして

kazraaschさん、いらっしゃいませ。(^O^)/
これはこれは、うろこさんの所から、ようこそいらっしゃいました。(^^)

おお!(゚o゚) このゲーム、そのような効用がありましたか。
それでは、このゲーム名、「スプラブル・トレーナー」の方が良かったかも知れませんね。(笑)
と言うより、私はスクラブル・ゲームは、名前しか知らないもので…。(^レ^;アセアセ

このゲーム、まだ作成途中なもので、単語数も少ないですが、これから少しずつ増やしていきます。
良かったら、どうぞ遊んでやってくださいね。(゚゚)(。。) ペコリン

7 ■初めまして

初めまして。うろこさんのところから飛んできました。

このゲーム、おもしろいですね。頭を使うのも◎。
欧米では『スクラブル』という単語ゲームがあるのですが、そのトレーニングにもなりそうです。

またお伺いします♪

6 ■Re:楽しい♪

ゆかえる愛さん、こんにちは。
早速見に来てくださり、うれしいです。(^^)

実はこのゲームの原型、以前ゆかえる愛さんのところで見たんです。その後、私自身がハマッってしまって…。気がついたら、こんなものを作ってました。(^^;)
「病膏肓に入る」といったところです。(爆)

いえいえ。(*^-^) 楽しんでいただけたようで、よかったです。(^-^)

5 ■Re:あらっ?

さーにさん、こんにちは。
コメントありがとうございます。(^^)

さーにさんは、Firefoxをお使いでしたか。【><】Firefoxには、しばしば悩まされてます。(;_;) シクシク
できるだけ早く動くようにしますので、待っててくださいね。(^^)v

4 ■Re:キャー

うろこ さん、こんにちは。
コメントありがとうございます。(^^)

お褒めいただき、うれしいです。(*^-^)ポッ
やはり英語は、闘うのではなく、友達になって一緒に遊んでしまうのが一番ですよね。
ゲーム中に出るメッセージは、方言版も作ろうか、などと考えてたりします。(^o^)
全ブラウザ対応が先か。(爆)

3 ■楽しい♪

Super源さん こんばんは!

これは楽しくて やめられなくなっちゃいます^^v

こんなのも作れて、やっぱりSuper源さんはすごいにゃ~

2 ■あらっ?

遊びに来たんですが、、ファイヤーフォックスでは遊べないみたいですね^^;
あとでIEでやってみます。。

英単語テスト
行ってみました。さすが上級は難しかった;;
でも2位でした♪がんばろうっと。

1 ■キャー

Super源さんって、ホントに Super ですね~~!すごーい☆遊びながら覚えるのが一番な英単語にヒント付き!これは素晴らしい、ブラボー!!ゲームの下の応援コメントも暖かいですね~~~♪♪

コメント投稿

AD

Ameba人気のブログ

Amebaトピックス

      ランキング

      • 総合
      • 新登場
      • 急上昇
      • トレンド

      ブログをはじめる

      たくさんの芸能人・有名人が
      書いているAmebaブログを
      無料で簡単にはじめることができます。

      公式トップブロガーへ応募

      多くの方にご紹介したいブログを
      執筆する方を「公式トップブロガー」
      として認定しております。

      芸能人・有名人ブログを開設

      Amebaブログでは、芸能人・有名人ブログを
      ご希望される著名人の方/事務所様を
      随時募集しております。