試行錯誤ページ577 ブロリバ（ワク入り）時間差修飾で単線のみで組み合わせ矢印（下線と縦棒がセット）
試行576 下線と縦棒が別々のノーマル矢印
ここから下は下線と縦棒がセットのもの【こっちを使う】
★試行577 ノーマル矢印（必要なコードだけ残している［不採用］）
試行578 ノーマル矢印（各セル下にすべてのコードが入っている）
試行579 above矢印（各セル下にすべてのコードが入っている）
試行580 below矢印（各セル下にすべてのコードが入っている）
試行581 ノーマル矢印を複数表示（試行577の応用、各セル下にすべてのコードが入っている）
試行582 ノーマル、above、belowを複数表示（試行578，579，580のミックス、各セル下にすべてのコードが入っている）
経緯（※第１問、第３問でもサイズ検証しているが、第２問とは仕組みが違うので参考程度にする。）
① ShushokuKasen70px100px130px160pxFadeIn.css 使用
セル幅が60pxの場合、70pxではつながってしまう。
おおよその種類のサイズだけでは対応できない。
→yokobarだけに『くわしく説明』の文字を入れると矢印位置がずれるので、
起点縦棒と上向き矢印には『くわしく説明』の文字を透明で入れている
② ShushokuKasenleftiroiroFadeIn.css 使用
セル下の修飾下線のwidthを10px、leftの位置を5px単位で対応しても
丁度いい位置に合わせるのは難しい
↓このページはこの状態
③ shikousakugo578dai2monShushoku～で実際の使用例
（このページは試行577だが、shikousakugo578dai2monShushokuを使っている）
3つ目のセルと4つ目のセルがyokobarの『くわしい説明』文字が
重なるので、3つ目の文字を消して、4つ目の文字をleftマイナス方向にしている
各セル下に入っているすべてのコードから必要なコードだけ残している（cssにはすべてのソースが入っている）
class=”shushokutatebartoleft2no5″ class=”kuwashikusetsumeimojitatebartoleft2no5″
class=”shushokukasen2no5″(セル下の修飾下線にはabove, belowでの違いがないのでabove,belowの表記なし)
class=”shushokuyokobar2no5″ class=”kuwashikusetsumeimojiyokobar2no5″
class=”shushokutatebartoright2no5″ class=”kuwashikusetsumeimojitatebartoright2no5″
class=”shushokutatebartoleft2no5″ class=”kuwashikusetsumeimojitatebartoleft2no5″ class=”shushokuuemukiyajirushifromright2no5″ class=”kuwashikusetsumeimojiuemukiyajirushifromright2no5″ class=”shushokuuemukiyajirushifromleftabove2no5″ class=”kuwashikusetsumeimojiuemukiyajirushifromleftabove2no5″
★試行578では、各セル下にすべてのコードが入っていて、cssで透明にしている
（１） I met Tom at school last week.
英文を訳してみよう
まず 英文を 主語・動詞・かたまり の部分 に分けます。
英文を日本語にするときは、さいしょに 主語 を訳します。
そのあとは、一番うしろから 前へ戻りながら、かたまりを 訳していきます。
上のように説明するとなんとなく難しそうですよね。
でも、図の説明を見れば とてもカンタンです。
『全訳：』の下にあるボタンを どんどんクリックしてください。
訳し方（訳す順番）をしっかり理解できますよ。
第１問(もともとyajirushimigiido1～10だったが、yajirushiido1～10に変更済み、各種jsで矢印を適切な位置にするか検討する)
5連続矢印もフォントオーサムを使う(セルの上と下の矢印位置を合わせるため30pt→32ptに統一)
もどる矢印はそのまま大きくするとセルが上に上がってしまうのでscaleで大きく表示している
全訳： 『 私は 先週 学校で トムに 会いました 。』 |
第２問
試行567を利用して、もどる矢印を無しにして、矢印回転だけで誘導する
この方法なら、試行565に比べて、上下移動の矢印が見えない
★連続の組み合わせ矢印（文字あり）を入れている
→yokobarだけに『くわしく説明』の文字を入れると矢印位置がずれるので、
起点縦棒と上向き矢印には『くわしく説明』の文字を透明で入れている
I met Tom at school last week. を訳してみます。
全訳： 『 私は 先週 学校で トムに 会いました 。』 |
第３問
I met Tom at school last week. を訳してみます。
全訳： 『 私は 先週 学校で トムに 会いました 。』 |
第４問
I met Tom at school last week. を訳してみます。
全訳： 『 私は 先週 学校で トムに 会いました 。』 |
第５問
I met Tom at school last week. を訳してみます。
全訳： 『 私は 先週 学校で トムに 会いました 。』 |
第６問
I met Tom at school last week. を訳してみます。
全訳： 『 私は 先週 学校で トムに 会いました 。』 |
第７問
I met Tom at school last week. を訳してみます。
全訳： 『 私は 先週 学校で トムに 会いました 。』 |
第８問
I met Tom at school last week. を訳してみます。
全訳： 『 私は 先週 学校で トムに 会いました 。』 |
第９問
I met Tom at school last week. を訳してみます。
全訳： 『 私は 先週 学校で トムに 会いました 。』 |
第１０問
I met Tom at school last week. を訳してみます。
全訳： 『 私は 先週 学校で トムに 会いました 。』 |
produced by eigoblock