Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27
小学校でプログラミング教育必修化MOONBlockで遊びながら学習 | 思いだし にっき
サイトアイコン 思いだし にっき

小学校でプログラミング教育必修化 MOONBlockで遊びながら学習

<p><img class&equals;"size-full wp-image-6238 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb00&period;png" alt&equals;"MOONBlock" width&equals;"561" height&equals;"377" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>新学習指導要領で「プログラミング教育必修化」が2020年から小学校に導入されます。<br &sol;>&NewLine;プログラミングってなに?というお母さんお父さんに前回は<a href&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;6206&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener">Scratch<&sol;a>というプログラミングソフトをご紹介しましたが、今回はMOONBlock(ムーンブロック)という無料ソフトのご紹介と使い方です。<&sol;p>&NewLine;<p>子供向けといっても、大人でも楽しみながら学べるソフトです。<&sol;p>&NewLine;<p>これもScratch同様親子で試してみてください。<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>MOONBlock(ムーンブロック)とは<&sol;h2>&NewLine;<p>子供でも視覚的にできるプログラミングにビジュアルプログラミングというのがあります。<&sol;p>&NewLine;<p>前回のScratchも同様のビジュアルプログラミングです。<&sol;p>&NewLine;<p>そのビジュアルプログラミング言語として国内(秋葉原リサーチセンター)で開発されたのが「MOONBlock」です。<&sol;p>&NewLine;<p>「MOONBlock」に必要なのはWebブラウザだけなので、設定などはありません。<&sol;p>&NewLine;<p>ただし、使用するブラウザでInternet Explorerの一部のバージョンでは使えない場合があります。<br &sol;>&NewLine;できれば、Google ChromeやFirefoxを使うとよいです。<&sol;p>&NewLine;<p>プログラミング体験を簡単に始めることができます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-medium wp-image-11108" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;3306331&lowbar;s-300x199&period;jpg" alt&equals;"" width&equals;"300" height&equals;"199" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>MOONBlockは、テキストで命令文や英数字などの文字を打ち込む必要はありません。<br &sol;>&NewLine;ブロックを組み合わせて並べるだけでプログラミングができます。<&sol;p>&NewLine;<p>くまなどのパペット(キャラクター)や命令のブロックをを動かすだけです。<&sol;p>&NewLine;<p>子供だけでなく大人も楽しめます。一緒にやってみましょう。<br &sol;>&NewLine;また、国内のツールですので、もちろん日本語で使うことができます。<&sol;p>&NewLine;<p>まずは、サイトにいきます。<br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;moonblock&period;jp&sol;docs&sol;" target&equals;"&lowbar;blank" rel&equals;"noopener">Moonblock(ムーンブロック)<&sol;a><&sol;p>&NewLine;<p>スクロールして「MOONBlockをはじめる」をクリックすると作成画面に移動します。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>MOONBlock(ムーンブロック)の使い方<&sol;h2>&NewLine;<p><img class&equals;"size-full wp-image-6239 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb01&period;png" alt&equals;"MOONBlock" width&equals;"545" height&equals;"250" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>サイトで下の方へスクロールすると「MOONBlockをはじめる」というのがあります。<br &sol;>&NewLine;クリックすると作成画面に移動します。<&sol;p>&NewLine;<p>図のような画面が表示されます。<&sol;p>&NewLine;<p>画面構成をみてみましょう。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3>画面の構成<&sol;h3>&NewLine;<p><img class&equals;"size-full wp-image-6240 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb02&period;png" alt&equals;"画面構成" width&equals;"643" height&equals;"293" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 18px&semi;"><strong><span style&equals;"color&colon; &num;ff00ff&semi;">●キット<&sol;span><&sol;strong><&sol;span><&sol;p>&NewLine;<p>画面の上の方にMoonblockのブロックをしまってある箱が並んでいます。<br &sol;>&NewLine;これらを「キット」と呼びます。<&sol;p>&NewLine;<p>キットをクリックすると、箱が開き、しまってあるブロックが出てきます。<br &sol;>&NewLine;もう一度クリックすると箱が閉じます。<&sol;p>&NewLine;<p>並んでいるキットの上でマウスを左右にドラッグすると、画面に見えていないキットを表示できます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 18px&semi;"><strong><span style&equals;"color&colon; &num;ff00ff&semi;">●ワークスペース<&sol;span><&sol;strong><&sol;span><&sol;p>&NewLine;<p>画面中央の黒いところにブロックを配置します。<&sol;p>&NewLine;<p>ここを「ワークスペース」といいます。<&sol;p>&NewLine;<p>ブロックのない場所でドラッグすると、配置してある全てのブロックが移動します。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 18px&semi;"><strong><span style&equals;"color&colon; &num;ff00ff&semi;">●ゴミ箱<&sol;span><&sol;strong><&sol;span><&sol;p>&NewLine;<p>画面右下にゴミ箱があります。<br &sol;>&NewLine;ブロックを消すには、ここにドラッグします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 18px&semi;"><strong><span style&equals;"color&colon; &num;ff00ff&semi;">●Moonblockの操作ボタン<&sol;span><&sol;strong><&sol;span><&sol;p>&NewLine;<p>画面下にはMoonblockの操作をするボタンがあります<br &sol;>&NewLine;<strong>・セーブ<&sol;strong>・・・・・・・・・・作ったゲームのセーブデータを見る<br &sol;>&NewLine;<strong>・ソース<&sol;strong>・・・・・・・・・・作ったゲームのプログラムを見る<br &sol;>&NewLine;<strong>・リセット<&sol;strong>・・・・・・・・・ワークスペースに置いたブロックを全て消す<br &sol;>&NewLine;<strong>・フルスクリーン<&sol;strong>・・・実行画面を画面いっぱいまで拡大して表示<br &sol;>&NewLine;<strong>・Run<&sol;strong>・・・・・・・・・・・ゲームを実行<&sol;p>&NewLine;<p>・作ったゲームを保存したい時は、セーブデータのプログラムをコピーしてメモアプリで保存します。<&sol;p>&NewLine;<p>後で保存しておいたものをセーブデータに書き込むことで、前に組んだブロックが復活します。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 18px&semi;"><strong><span style&equals;"color&colon; &num;ff00ff&semi;">●実行画面<&sol;span><&sol;strong><&sol;span><&sol;p>&NewLine;<p>画面の右上にあるのは実行画面です。RUNボタンを押すとこの画面でゲームが実行されます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>MOONBlock(ムーンブロック)を使ってみる<&sol;h2>&NewLine;<p>簡単なものを作りながら操作の手順をみてみましょう。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3>パペットを画面に出す<&sol;h3>&NewLine;<p>好きなキャラクターを画面に表示するプログラムを作ってみます。<&sol;p>&NewLine;<p>1&period;画面左上の「パペットキット」クリックします。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6241 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb04&period;png" alt&equals;"パペット" width&equals;"291" height&equals;"365" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「パペットキット」の中にしまわれているブロックが出てきます。<&sol;p>&NewLine;<p>2&period; 「パペットブロック」(「パペット」と書いてあるブロック)をドラッグして、ワークスペースに配置します。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6242 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb05&period;png" alt&equals;"" width&equals;"559" height&equals;"412" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>3&period;パペットのくまをクリックすると他のパペット(キャラクター)一覧がでます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6243 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb03&period;png" alt&equals;"" width&equals;"307" height&equals;"272" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>クリックすると変更できます。<&sol;p>&NewLine;<p>4&period; 「ビヘイビアキット」(「ビヘイビア」と書いてあるキット)をクリックします。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6244 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb06&period;png" alt&equals;"" width&equals;"508" height&equals;"475" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「ビヘイビアキット」の中にしまわれているブロックがでてきます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>5&period;一番上の「出現」と書いてあるブロックをドラッグして、「パペットブロック」のくぼみに組み込みます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6245 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb07&period;png" alt&equals;"" width&equals;"423" height&equals;"278" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>組み込みがうまくいくとパペットブロックが縦に大きくなります。<&sol;p>&NewLine;<p>6&period;画面下の操作ボタンの「RUN」をクリックします。<&sol;p>&NewLine;<p>プログラムが正しく実行されると、次のようにパペットが右上の画面に表示されます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6246 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb08&period;png" alt&equals;"" width&equals;"258" height&equals;"257" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6247 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb09&period;png" alt&equals;"" width&equals;"260" height&equals;"258" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「START」の文字は実行画面をクリックすると消えます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3>パペットのリンゴ狩りゲームを作る<&sol;h3>&NewLine;<p>パペットを操作してリンゴをひろうゲームを作ってみます。<&sol;p>&NewLine;<p>※例ではパペットをブタさんにしてみましたが、やっぱり他のパペットにしたいという時は、絵をクリックして変えてから次にいきます。<&sol;p>&NewLine;<p>先ほどの出現の続きから作ります。<&sol;p>&NewLine;<p>1&period; 「ビヘイビアキット」をクリックして、「ビヘイビアキット」の中にしまわれているブロックをだします。2番目の動きブロックを組み込みます。<&sol;p>&NewLine;<p>2&period;「動きブロック」には&&num;8221&semi;ジグザグに移動&&num;8221&semi;を&&num;8221&semi;クリックしたところに向かって移動&&num;8221&semi;に替えます。<br &sol;>&NewLine;変更するには動きのブロックの文字が書いてあるところをクリックすると候補が表示されます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6248 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb10&period;png" alt&equals;"" width&equals;"338" height&equals;"215" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>方向はそのまま&&num;8221&semi;全方向&&num;8221&semi;を指定します。<br &sol;>&NewLine;これでクマさんがクリックしたところに移動するようになります。<&sol;p>&NewLine;<p>3&period;「パペットブロック」をもう1つワークスペースに配置します。<&sol;p>&NewLine;<p>「クマさん」の絵をクリックして「1」のアイコンを選択します。<br &sol;>&NewLine;そして「出現ブロック」を組み込み、&&num;8221&semi;たくさんでる&&num;8221&semi;を指定します。<&sol;p>&NewLine;<p>4&period; アイコンの「パペットブロック」に「フレームシーケンスブロック」&lpar;ビヘイビアキットの色ブロックの下のブロック&rpar;を組み込み、絵柄を変更します。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6249 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb11&period;png" alt&equals;"" width&equals;"352" height&equals;"360" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「1」の絵をクリツクすると絵柄一覧が表示されます。<br &sol;>&NewLine;リンゴを(好きな物)をクリックすると絵柄一覧の下端に表示されます。<&sol;p>&NewLine;<p>先ほどの「1」と「リンゴ」が並んでいますね?<br &sol;>&NewLine;絵柄は複数選択してアニメーションさせることができますが、今回はリンゴ1個だけで良いので、いらない絵柄(この場合は「1」)はクリックして消します。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6250 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb12&period;png" alt&equals;"" width&equals;"514" height&equals;"286" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>5&period;図のようになります。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6251 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb13&period;png" alt&equals;"" width&equals;"347" height&equals;"175" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>アイコンの「パペットブロック」に「当たり判定ブロック」&lpar;ビヘイビアキットの7番目のブロック&rpar;を組み込み、当たる相手に&&num;8221&semi;くま&&num;8221&semi;、あたるとに&&num;8221&semi;消える&&num;8221&semi;を指定します。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6252 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb14&period;png" alt&equals;"" width&equals;"383" height&equals;"207" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>これで衝突するとリンゴが消えるようになります。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>6&period; アイコンの「パペットブロック」に「リアクションキット」の「リアクションブロック」を組み込みます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6253 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb15&period;png" alt&equals;"" width&equals;"554" height&equals;"349" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&&num;8220&semi;全滅した&&num;8221&semi;を指定します。<br &sol;>&NewLine;そして「リアクションブロック」に「ゲームキット」の「ゲームクリアブロック」を組み込みます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6254 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb16&period;png" alt&equals;"" width&equals;"363" height&equals;"275" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>これでリンゴを全て拾った時にゲームクリアになります。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>7&period;「ゲームキット」の「タイマーボードブロック」をワークスペースに配置し、&&num;8221&semi;カウントアップ&&num;8221&semi;を指定します。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6255 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb17&period;png" alt&equals;"" width&equals;"203" height&equals;"85" &sol;><&sol;p>&NewLine;<p>これでゲームクリアまでの時間を画面に表示します。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>8&period; 最後に画面下の「Run」をクリックしてプログラムを実行します。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6256 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;mb18&period;png" alt&equals;"" width&equals;"268" height&equals;"265" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>実際にやってみるには実行画面のSTARTをクリックします。<&sol;p>&NewLine;<p>マウスでくまを移動してリンゴを消します。<br &sol;>&NewLine;クリアしてもう一度やるには「RUN」をクリックします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>●MOONBlockではJavaScriptのコードを見ることができます。<&sol;p>&NewLine;<p>ブロックを組み合わせていくと、だんだんと実際のプログラミングコードはどう書けばいいのかが気になってくると思います。<br &sol;>&NewLine;そんなときはJavaScriptのコードを確認してみましょう。<&sol;p>&NewLine;<p>JavaScriptのコードを見るには、「ソースコード」のボタンをクリックします。<&sol;p>&NewLine;<div class&equals;"su-note" style&equals;"border-color&colon;&num;e0d9e5&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;"><div class&equals;"su-note-inner su-u-clearfix su-u-trim" style&equals;"background-color&colon;&num;faf3ff&semi;border-color&colon;&num;ffffff&semi;color&colon;&num;090101&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;">ブロックを組み合わせてプログラミングしてみる。<&sol;p>&NewLine;<p>       ↓ ↓ ↓<&sol;p>&NewLine;<p>ソースコードをチェックする<br &sol;>&NewLine;<&sol;div><&sol;div>&NewLine;これを繰り返していけば、プログラムがどういう手順で動いているのか<br &sol;>&NewLine;だんだんと理解できるようになっていきます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>MOONBlock さいごに<&sol;h2>&NewLine;<p>うまくできましたか?<br &sol;>&NewLine;うまくいかなかったら「どこがちがう?」ということを考えてみましょう。<br &sol;>&NewLine;簡単なものを作ってみて、パペットを変えてみる、数を変えてみる、動きを変えてみる・・・など、部分的に変更したりして、使い慣れたら、自分でストーリーを作ってプログラミングしてみましょう(^^)<&sol;p>&NewLine;<p>書ききれなかったので、ブロックやパペットの一覧は<a href&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;6266&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener">別ページ<&sol;a>に作りますね<br &sol;>&NewLine;参考にしてください。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><a href&equals;"https&colon;&sol;&sol;blogmura&period;com&sol;ranking&sol;in&quest;p&lowbar;cid&equals;10802790" target&equals;"&lowbar;blank" rel&equals;"noopener"><img src&equals;"https&colon;&sol;&sol;b&period;blogmura&period;com&sol;88&lowbar;31&period;gif" alt&equals;"ブログランキング・にほんブログ村へ" width&equals;"88" height&equals;"31" border&equals;"0" &sol;>にほんブログ村<&sol;a> <a href&equals;"https&colon;&sol;&sol;blog&period;with2&period;net&sol;link&sol;&quest;id&equals;1839199"><img title&equals;"人気ブログランキング" src&equals;"https&colon;&sol;&sol;blog&period;with2&period;net&sol;img&sol;banner&sol;banner&lowbar;22&period;gif" width&equals;"88" height&equals;"31" &sol;><&sol;a><a style&equals;"font-size&colon; 0&period;9em&semi;" href&equals;"https&colon;&sol;&sol;blog&period;with2&period;net&sol;link&sol;&quest;id&equals;1839199">人気ブログランキング<&sol;a><&sol;p>&NewLine;&NewLine;

モバイルバージョンを終了