① 色のついた部分を クリックしてみてください。 ② 『かくす』ボタンを クリックすると、またかくれます。 ③ 色のついた部分を、またクリックしてみてください。 ※ 何の変化も起こらないときは『javascriptを有効にする』で検索してみてください。 ローマ字や 英単語を学ぶページでも この方法を 利用しています。 覚えるまで 繰り返しチャレンジできるので おすすめです。 ぜひお試しくださいね。 最新ニュース ダントツ英文法： ただいま ダントツ英文法のページを パワーアップしています。 lesson 1 と lesson 2 はおおよそ完成しました。 ぜひご利用ください。使ってみた感想もぜひお寄せください。 lesson 3 から lesson 7 までを 一度は改良したのですが、 まだまだ理想的な学習ページには程遠いため、さらに改良していきます。 順次更新しますので、もうしばらくお待

フラッシュ型の教材（単語やフレーズを瞬時に切り替えていくやつ）だとダメ人間で参考書を開きたくない僕でも半ば強制的に勉強ができるんじゃないかと思いjQueryで作れないか調べてみました。 まさにそれっぽいのを見つけ参考にさせていただきました。jQueryでApple風インフォメーション。一つ一つのお知らせをフェードイン・アウトさせて表示する仕組みですが、これをただ英単語に置き換えてみます。 investor relations IR（財務広報） be impressed with 感銘を受ける resume 履歴書 set up 手配する second interview 二次面接 in person 直接会って reimburse 払い戻す travel expenses 旅費 incur 負担する、被る supervisor 上司 out of town 街から離れている look fo

アコーディオンパネルとは？ アコーディオンパネルとは、ラベルをクリックすると隠れていたパネル（ラベルの内容が書かれた部分）が、スライドしながら表示されるUIです。ポータルサイトのように、情報量に対して表示できるスペースが少ない場合に重宝します。 【紹介】作成したアコーディオンパネル暗記ツール 昔、資格試験の勉強時に、アコーディオンパネルで単語帳的なアプリを作りました。 以下のようにキーワードが書かれたラベルをクリックすると、その中の説明が表示されます。 もう一度ラベルをクリックすると説明が非表示になります。 このように、アコーディオンパネルを使えば、単語帳的なWebアプリも作れます。 ↓以下アコーディオンパネルを作成したサイトのリンク 例：中小企業診断士　2次知識整理ツール アコーディオンパネルを実装する 早速、実装方法をご紹介します。 以下で練習用素材をダウンロードできますので、ダウンロ