試行錯誤ページ609 ダントツlesson1基本文（４）のブロックフルバージョンを作る４
shikou607で気づいたが、ブロックリバースを２つ目、英作文を３つ目のプログラムにすると、
英単語１語でセル一つと、かたまりでセル一つが混乱してしまう。
shikou608で、dotted, double, dashed などの枠線、１語目の背景色を紫にする、を試した。
この609では、ブロックリバースのセル上の５連続矢印をなくし、紫色を５語目にしてみる。
→shikou515のパステルカラー検証を参考に、ブロックリバースを枠線で囲まずに、
背景色で区別するようにしてみる
1つ目 薄い水色 #D1FFFF
2つ目 薄い赤 #FFEAD6
3つ目 薄い緑 #E2FFC6
4つ目 薄い黄色 #FFFFC6 →もっと濃く→ #FFFFBC →もっと濃く→ #FFFFB7
5つ目 薄い紫 #EDDBFF →もっとうすく→ #EFE0FF
マルチセンテンスで、セルをクリックしたときに他の英単語も上に移動してしまうので
1語ずつ上がるようにcssを作ってみたが、うまくいかない。
tablecellupdown10px4no1～5
（1語だけ上げることはできるが、下げるときにうまくいかない。）
→結論：1語ずつあげるようにすると、ある語を上げたときに他の語が下がることがあり得るが、その際に、日本語があるとかぶってしまうし、日本語を消すにはjsを使わなければならない。
ポップアップウィンドウ内の
サンプルボタンは対応不可
（shikou601-603などにある）
※ダントツの一覧表,ダントツlesson1などには
jquery-3.1.0.min.js が入っていたが、なぜなのか分からない。
なくても、スムーズ移動はできる。
→Deferredモジュールのエラーハンドリング改善。
JavaScriptライブラリ「jQuery」開発チームは7月7日、最新安定版「jQuery 3.1.0」を公開した。jQuery 3.0で一部を書き直したjQuery Deferredモジュールを強化し、エラー発生時にそれが通知されない問題を修正した。
参照：https://mag.osdn.jp/16/07/12/160000
→ http を https にしたいが、
結論：script src=”//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js”/script
と、// から記述すれば解決するとのこと。
そこで、script type=”text/javascript” src=”http://code.jquery.com/jquery-3.1.0.min.js”/script を
→script type=”text/javascript” src=”//code.jquery.com/jquery-3.1.0.min.js”/script に変更した。
参照：https://www.j-cool.co.jp/blog/?p=6548
しかし、変更後、リンククリック後のスムーズ移動ができなくなった。
→script type=”text/javascript” src=”//code.jquery.com/jquery-3.1.0.min.js”/scriptを削除するか、
script type=”text/javascript” src=”http://code.jquery.com/jquery-3.1.0.min.js”/scriptに戻す必要あり。
head 内の一番下にscript type=”text/javascript” src=”//code.jquery.com/jquery-3.1.0.min.js”/scriptを入れると
スムーズに移動せず、一気に移動（ジャンプ）するようになる。
各CDNにしたがダメ
→ script src=”https://code.jquery.com/jquery-3.1.0.min.js”/script
→ script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js”/script にしてもだめ
ページ下部にリンクを入れると、早いスピードの移動をする
→ http: だと大丈夫だが、http: 無しや https:にするとだめ
（しかし、lesson1、ダントツ英文法一覧ページなどではどちらでも動く、つまりshikou609ではほかのjsが邪魔をしている？）
すべて削除すれば、きちんと作動する。
→つまり、無効なリンク（http）と、リンクなしだときちんと動く。
★ダントツ英文法のページは
script type=”text/javascript” src=”//code.jquery.com/jquery-3.1.0.min.js”/scriptだが、
スムーズ移動できる。理由不明
※functions.php をいじらなければならないこともありそう
参照：https://stray-light.info/wp/https-jquery/
→ちなみに functions.php の パンくずリスト、各種SNS は http になっていたので http: を削除した
最終検証結果：pagenaismoothscrollspeed700.js が影響している
① script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js”/script
② script language=”javascript” src=”/wp-content/themes/refinesnow2-1.2/js/pagenaismoothscrollspeed700.js” charset=”utf-8″/script
3.1.0/jquery.min.js が pagenaismoothscrollspeed700.js よりも上にあると、スムーズ移動ができなくなる。
この上下並びで、pagenaismoothscrollspeed700.js が下にないと、リンク移動時に#bumpo4などがURLに表示される
3.1.0/jquery.min.js を pagenaismoothscrollspeed700.js の下にすると、スムーズではなくスピードジャンプ移動する。
この上下並びだと、リンク移動時に#bumpo4などがURLに表示されなくなる
最終結論としては jquery-3.1.0.min.js は使わないことにする
試行錯誤ページ各種を集めたページなので、ダブっている js は削除した
基本文（４）
I’m not busy now.
ダントツ英文法 lesson 1 の
基本文（４）について説明します。
ホップ → ステップ → ジャンプ の順 に
まず学びましょう。
そのあとは アドバンス１ と
アドバンス２ のプログラムにも
ぜひチャレンジしてくださいね。
|
文法の説明 へ |
|
ブロック リバース（訳し方）へ |
|
英作文へ |
|
ブロック インプット（速読法）へ |
|
マルチ センテンス（応用力）へ |
アドバンス１ と アドバンス２ は
英語の総合力を アップさせる方法 です。
ぜひ取り組んでみてくださいね。
パワーアップ
レベルアップ
グレードアップ
バージョンアップ
参考：https://renso-ruigo.com/word/%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%82%A2%E3%83%83%E3%83%97
広告スペース
|
文法の説明 |
まず 文法について説明します。
クイズ方式（穴うめ問題）にしたいときは
下のボタンを押してください。
↓ 前もって 答えをかくすなら こちらをクリック
（ブロックリバース試行566の第２問をコピペした。2を4にする必要あり。セル１マス多いのでひとまずnowを２回使っている）
|
ブロック リバース（訳し方） |
次に 訳し方（訳す順番）を学びましょう。
ボタンをどんどん押してください。
英語のかたまりと 訳す順番が わかります。
I met Tom in the park this morning. を訳してみましょう。
|
/
/
/
/
全訳： 『 私は 今朝 公園で トムに 会いました 。』
|
|
英作文 |
それでは 英作文にチャレンジしましょう。
レベルボタンも使って、マスターできるまで
何度でも取り組んでくださいね。
↓ 前もって 答えをかくすなら こちらをクリック
（数字が大きいレベルほど、多くの英単語が かくれます）
| 基本文（４） | |||||
| 『私は今忙しくありません。』
|
|||||
|
ブロック インプット（速読法） |
英語を かたまり（ブロック）ごとに、
前から順に 頭の中に インプット（入力）していきます。
ボタンに出てくる英語のかたまりが
どんなことを表現しているのか イメージしてくださいね。
（はじめに英文を見たいときは ↓ 色のついた部分をクリック）
（１） I’m not busy now .
英語の内容が わかったら（理解できたら）完了です。
|
マルチ センテンス（応用力） |
英単語を ほかの英単語 にチェンジして
いろいろな意味の英文を作ってみましょう。
わかる（知っている）英文の数を どんどん増やしていきましょう。
|
I am not
私は
～では
ありません
|
busy
忙しい
|
.
|
|
happy
幸せな
|
||
|
free
ひまな
|
||
|
hungry
空腹な
|
☆『かくす』ボタンをクリックすると【確認テスト】になります。
表の色のついた部分をクリックすると、答えがわかります。
わからないところは ヒントボタンをご利用ください。
← div class=sampleの締めがここにある
→ 目次（ホップ・ステップ・ジャンプ / アドバンス）に もどる
produced by eigoblock
クイズ感覚で 文法を学べます。
『かくす』ボタンを押すと、問題部分が かくれます。
※ 答えがわからないときは、ヒントボタンを使ってみましょう。
『かくす』ボタンは、それぞれの問題の下にもあります。
勉強してから、チャレンジすることもできますよ。
英文の訳し方（訳す順番）を図解で学べます。
英文を日本語にするときは、さいしょに 主語 を訳します。
そのあとは、一番うしろから 前へ戻りながら、かたまりを 訳していくのが基本です。
訳す順番を イメージングで身につけましょう。
英作文をマスターするまで 何度でもチャレンジ！
まずレベルボタン（レベル１ ～ ４）のどれかを押してみてください。
緑色の部分をクリックすると答えがわかります。
レベル４はすべての英単語がかくれます。
※ レベルを変更（低く）したいときは、
いったん緑色の部分をクリックして、白色に戻してから、
ご希望のレベルボタンを押し直してください。
英文を速く読むための 特別プログラムです。
英文を速く読むコツをつかみましょう。
英文は『前から 後ろへと そのままの順番で 読んでいく』のがおすすめです。
そうすることで、速読法も身につきますよ。
学んだ英文を使って、さらにパワーアップ！
英文を１つ学んだら、英単語を入れ替えることで
たくさんの英文を作ることができます。
※ ちなみに、英語には ５つの文型（５文型）しかありません。
英単語を入れ替えるスキルがあれば、英文を無限に作り出せますね。