試行錯誤ページ609 ダントツlesson1基本文(4)のブロックフルバージョンを作る4




















shikou607で気づいたが、ブロックリバースを2つ目、英作文を3つ目のプログラムにすると、

英単語1語でセル一つと、かたまりでセル一つが混乱してしまう。

shikou608で、dotted, double, dashed などの枠線、1語目の背景色を紫にする、を試した。

この609では、ブロックリバースのセル上の5連続矢印をなくし、紫色を5語目にしてみる。

→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 は削除した

 
 
 
 

 
 

ダントツ lesson 1
 
基本文(4)
 
I’m not busy now.
 

 

 
ダントツ英文法 lesson 1 の

基本文(4)について説明します。

 

まずは ホップ → ステップ → ジャンプ の順 に学びましょう。

そのあとは アドバンスの1と2 にも

ぜひチャレンジしてくださいね。

 
 
目次:
 

ホップ
文法の説明 文法の説明 へ

 

ステップ
ブロックリバース ブロック リバース(訳し方)へ

 

ジャンプ
英作文 英作文へ

 

 

 

アドバンス1
ブロックインプット ブロック インプット(速読法)へ

 

アドバンス2
マルチセンテンス マルチ センテンス(応用力)へ

 
 

 
アドバンス1 と アドバンス2 は
 
英語の総合力を アップさせる方法です。
 
ぜひ取り組んでみてくださいね。
 

 
 
 
 
パワーアップ
レベルアップ
グレードアップ
バージョンアップ

参考: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

 
 
 

 

 
 
 広告スペース
 
 
 

ホップ
文法の説明 文法の説明

 

 
まず 文法について説明します。
 
クイズ方式(穴うめ問題)にしたいときは
 
下のボタンを押してください。
 

 
↓ 前もって 答えをかくすなら こちらをクリック

  
 
 
 

 
 
 

基本文(4)
 

I’m not busy now.

私は今忙しくありません。
 

I am not
busy now

 

 

 

上の英文は、 I am busy now. の否定文ですね。

 
その通りです。
 
am がある文では、am のうしろに not を使って否定文にします。
 
ちなみに now は「 」という意味です。
 

 

 

  


I am not
busy now

 
 

 

 
 
(ブロックリバース試行566の第2問をコピペした。2を4にする必要あり。セル1マス多いのでひとまずnowを2回使っている)

ステップ
ブロックリバース ブロック リバース(訳し方)

 

 
次に 訳し方(訳す順番)を学びましょう。
 
ボタンをどんどん押してください。
 
英語のかたまりと 訳す順番が わかります。
 

 
I met Tom in the park this morning. を訳してみましょう。 

 

III

/
met

/
Tom

/
in the park

/
this morning .

全訳: 『  私は 今朝 公園で トムに 会いました  。』

 

 


I am not
busy now

 

 

 
 

ジャンプ
英作文 英作文

 

 
それでは 英作文にチャレンジしましょう。
 
レベルボタンも使って、マスターできるまで
 
何度でも取り組んでくださいね。
 

 
↓ 前もって 答えをかくすなら こちらをクリック

   

(数字が大きいレベルほど、多くの英単語が かくれます)
 
 
 

 
 
 

基本文(4)
『私は今忙しくありません。』

I’m
not
busy
now
.
   

I am not
busy now

 
 

 

 
 

アドバンス1
ブロックインプット ブロック インプット(速読法)

 

 
英語を かたまり(ブロック)ごとに、
 
前から順に 頭の中に インプット(入力)していきます。
 
ボタンに出てくる英語のかたまりが
 
どんなことを表現しているのか イメージしてくださいね。
 

 
(はじめに英文を見たいときは ↓ 色のついた部分をクリック)
 
(1) I’m not busy now .


意味(前から順に):
私は~ではありません / 忙しい /
 

英文: I’m not / busy / now .
 
全訳: 『私は 今 忙しくありません。』
 

I’m busy now. の否定文(~ではない)です。
 

I am not
busy now

 
英語の内容が わかったら(理解できたら)完了です。
 
 

 

 
 

アドバンス2
マルチセンテンス マルチ センテンス(応用力)

 

 
英単語を ほかの英単語 にチェンジして
 
いろいろな意味の英文を作ってみましょう。
 
わかる(知っている)英文の数を どんどん増やしていきましょう。
 

 

『私は  ~(どんなだ) ではありません。』

     

I am not
私は
~では
ありません
busy
忙しい
.
happy
幸せな
free
ひまな
hungry
空腹な


 


 
☆『かくす』ボタンをクリックすると【確認テスト】になります。

表の色のついた部分をクリックすると、答えがわかります。
 
わからないところは ヒントボタンをご利用ください。

 ← div class=sampleの締め

 
 
 
目次(ホップ・ステップ・ジャンプ / アドバンス)に もどる
 
 
 
produced by eigoblock

IMG_blokkun-minix2