オモシロ英会話 – 英語の面白い勉強法を探究!

英語定番書籍

フラッシュ英単語をJQueryで作ってみる

   

 - おもしろ勉強法

フラッシュ英単語をJQueryで作ってみる
フラッシュ型の教材(単語やフレーズを瞬時に切り替えていくやつ)だとダメ人間で参考書を開きたくない僕でも半ば強制的に勉強ができるんじゃないかと思い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 forward to ~
    ~を楽しみにしている
  • hear from~
    ~から連絡をもらう
  • be honored to~
    ~するのが光栄である
  • introduce
    紹介する
  • replace
    交代する、交換する
  • department
    部署
  • report to~
    ~の直属となる
  • Gupta
    グプタ(インド人の名前でTOEICにたまに登場)
  • in charge of~
    ~を担当する
  • numerous
    数え切れないほど多くの
  • award-winning
    受賞歴のある
  • latest
    最新の
  • anyway
    とにかく
  • work on
    取り組む
  • distribution
    流通
  • medicine
  • rapidly
    急速に
  • expand
    拡大する
  • trade show
    見本市
  • luncheon
    昼食会
  • cafeteria
    食堂、カフェテリア
  • encourage
    促す、励ます
  • attend
    出席する
  • applause
    拍手
  • orientation
    新入社員対象の説明会
  • employees
    従業員
  • the head of human resources
    人事部長
  • be eager to
    ~をしたがる
  • recently
    最近
  • inventive
    独創的な
  • payroll
    給与
  • along with~
    ~と一緒に
  • paycheck
    給与
  • arrange
    手配する
  • all-expense-paid
    全ての経費が無料で
  • be welcome to~
    自由に~する
  • compensation
    報酬
  • retain
    保持する
  • motivate
    やる気づける
  • complaine
    不平を言う
  • since then
    それ以来
  • revenue
    収益
  • increase
    増える
  • significantly
    かなり
  • be sure to~
    きっと~する
  • successful
    成功した
  • overcome
    打ち勝つ
  • difficulty
    困難
  • hand out
    配る
  • form
    記入用紙
  • fill out
    記入する
  • make sure
    確認する
  • be ready for~
    ~の準備ができている
  • be tired of~
    ~にうんざりしている
  • move
    引っ越す
  • leading
    一流の、有数の
  • real estate
    不動産
  • offer
    提供する、売り出す
  • a wide range of
    幅広い、様々な
  • relocation
    転勤
  • two-story
    二階建ての
  • backyard
    裏庭
  • furnished
    家具付きの
  • luxury
    ぜいたくな
  • condominium
    コンドミニアム、分譲マンション
  • field
    分野
  • in order to~
    ~のために
  • enhance
    高める
  • customer satisfaction
    顧客満足
  • resident
    住人
  • prior to
    ~より前に
  • preliminary
    準備の、事前の
  • water
    水をやる
  • enable
    可能にする
  • worth~
    ~の価値がある
  • I’m calling to tell you that
    ~を伝えたくてお電話しています
  • be pleased with~
    ~に喜んでいる
  • send
    送りにやる
  • athletic
    運動神経がある、たくましい
  • reliable
    頼りがいがある
  • carry
    運ぶ
  • cardboard box
    段ボール箱
  • sweep
    掃く
  • hold
    持つ、握る
  • broom
    ほうき
  • be determined to~
    ~を決心する、決意する
  • so that~
    ~できるように
  • schedule
    ~の予定を決める
  • estimated price
    見積り価格
  • fragile
    もろい、壊れやすい
  • anticipate
    先読みして対処する、予想する
  • be supposed to
    ~することになっている、すべきである
  • prepare
    準備する
  • develop
    開発する
  • state-of-the-art
    最先端の
  • economical
    経済的な
  • spacecraft
    宇宙船
  • make a purchase
    購入する
  • all you have to do is~
    あなたがすべきことは~だけです
  • register
    登録する
  • deposit
    頭金
  • requirement
    必要要件
  • exclusively
    独占的に、限定
  • showroom
    ショールーム、展示場
  • cutting-edge
    最先端の
  • urgent
    緊急の
  • Attention, all passengers
    乗客のみなさまにお知らせします
  • slight
    わずかな
  • departure
    出発
  • delay
    遅れ
  • due to~
    ~のために
  • runway
    滑走路
  • be expected to~
    ~が予想される
  • on behalf of
    ~を代表して
  • apology
    謝罪
  • be entitled to~
    ~する権利がある
  • apply for
    ~を求める、申し込む
  • compensation
    埋め合わせ、補償
  • complimentary
    無料の
  • beverage
    飲み物
  • take advantage of
    利用する 活用する
  • opportunity
    機会
  • connecting flight
    乗り継ぎ便
  • crew
    搭乗員
  • apologize
    謝る
  • inconvenience
    不便
  • laboratory
    研究所
  • lab
    laboratory(研究所)の略
  • establish
    設立する
  • decade
    10年、10年間
  • medical research
    医療研究
  • pharmaceutical
    薬学の
  • market
    市場
  • distribute
    配る
  • hardhat
    ヘルメット
  • abide by
    (規則などに)従う
  • regulation
    規制
  • itinerary
    旅程表、巡回プラン
  • participate in
    参加する
  • clinical trial
    治療実験
  • I’m afraid
    残念ながら~
  • to the public
    一般に
  • instead
    代わりに
  • luncheon
    昼食会
  • souvenir
    土産
  • enter
    入る
  • purchase
    購入する
  • Thank you for gathering
    お集まりありがとうございます
  • on such short notice
    急な知らせなのに
  • call a meeting
    会議を招集する
  • sales figures
    売上数字
  • fourth quarter
    第4四半期
  • conduct a survey
    調査を実施する
  • find out
    調べる、解明する
  • sales volume
    売上高
  • According to~
    ~によると
  • result
    結果
  • employee
    従業員
  • secretary
    秘書
  • However
    しかし
  • increase
    増やす
  • budget
    予算
  • labor cost
    人件費
  • can’t afford to~
    ~する余裕がない
  • be willing to
    喜んで~する
  • during office hours
    勤務時間中に
  • the board of directors
    取締役会
  • approve
    承認する
  • proposal
    提案
  • forecast
    予報、予想
  • clear skies
    晴天
  • chance
    可能性
  • shower
    にわか雨
  • temperature
    気温
  • 7 degrees Celsius
    セ氏7度
  • low pressure
    低気圧
  • fog
  • drizzle
    霧雨
  • overnight
    夜通しの
  • precipitation
    降雨、降水(量)
  • thunderstorm
    雷雨
  • windy
    風の強い
  • flooding
    洪水
  • citizens
    住民、市民
  • be advised to~
    ~をするようお勧めします
  • secure; 守る、保護する
  • property
    所有物、財産
  • announce
    お知らせする
  • contain
    含む
  • precaution
    予防策
  • handle
    対処する
  • inclement weather
    悪天候
  • successful
    成功している(状態)
  • receptionist
    (会社などの)受付係
  • leading
    一流の、有数の
  • retail
    小売
  • self-confidence
    自信
  • reputation
    評判
  • luxury
    高級な、豪華な
  • banquet
    宴会
  • negotiation
    交渉
  • evaluation
    評価
  • extensive
    (品揃えが)幅広い
  • line
    取扱商品
  • durable
    丈夫な
  • fabric
    生地、織物
  • highlight
    強調する、浮き彫りにする
  • potential
    (潜在的な)可能性、将来性
  • inventory
    在庫
  • reduction
    割引
  • take advantage of
    利用する、活用する
  • discount
    割引
  • voucher
    引換券
  • Furthermore
    さらに
  • fill out
    記入する
  • concierge
    コンシェルジュ
  • be honored to~
    ~するのが光栄である
  • tailor
    (服を)仕立てる
  • adjust
    調整する、直す
  • manufacturer
    製造業者
  • agree to~
    ~することに同意する
  • acquire
    買収する、獲得する
  • nation’s
    国内で
  • leading
    有数の、一流の
  • pharmaceutical company
    製薬会社
  • spokesperson
    広報担当、代弁者
  • construction
    建設
  • facility
    施設
  • negative
    マイナスの
  • environmental
    環境の
  • effects
    影響
  • avoid
    回避する
  • mayor
    市長
  • municipal
    地方自治体の
  • allegedly
    伝えられるところによると
  • be delighted with~
    ~について大喜びしている
  • double~
    ~を倍にする
  • the number of~
    ~の数
  • provide
    提供する
  • medication
    医薬
  • prescription
    処方箋
  • on a first-come, first-served basis
    先着順で
  • free of charge
    無料
  • miss
    逃す、見逃す
  • upcoming
    来たる
  • session
    集まり
  • venue
    会場
  • this is A calling from B
    BのAと申します
  • return your call
    折り返しの電話をする
  • inquiry
    問い合わせ
  • defective
    欠陥の、欠陥品
  • exactly
    まさに、正確に
  • complaint
    苦情
  • until
    ~までは
  • carry off
    運び去る
  • crate
    木箱
  • bulb
    電球
  • wheelbarrow
    手押し車
  • freeze
    フリーズする
  • refund
    返金
  • ship
    発送する
  • work
    正常に機能する
  • deliver it by hand
    手渡す
  • since~
    ~なので
  • be close to~
    ~に近い
  • update
    最新情報
  • commuter
    通勤者
  • southbound
    南の方向の
  • heavy traffic
    交通混雑
  • pour onto
    どっと出てくる、流れ込む
  • block
    塞ぐ、封鎖する
  • lane
    車線
  • roundabout
    環状交差点
  • authority
    当局
  • work on
    取り組む
  • remain
    とどまる、残る
  • downtown
    繁華街
  • district
    地域
  • restrict
    制限する
  • for the foreseeable future
    しばらく長期間
  • head
    向かう
  • may want to
    ~した方が良い(丁寧な提案)
  • detour
    迂回
  • alternative
    代わりの、別の
  • congestion
    渋滞
  • intersection
    交差点
  • Boulevard
    大通り
  • bay area
    湾岸エリア
  • call for
    求める
  • detail
    詳細
  • toll-free number
    フリーダイヤル番号
  • watch out
    注意する
  • slippery road conditions
    滑りやすい道路の状況
  • stay tuned
    チャンネルはそのままで
  • workshop
    ワークショップ、研修
  • effectively
    効率的に、効果的に
  • instructor
    講師、インストラクター
  • work for
    ~で働いている
  • role
    役割
  • seminar
    セミナー
  • indispensable
    不可欠な
  • tip
    秘訣、役立つ情報
  • prevent A from ~
    Aが~するのを防ぐ
  • live demonstration
    実演
  • hesitate
    ためらう
  • circumstance
    状況
  • fee
    料金
  • hard hat
    ヘルメット
  • pass out
    配る
  • brochure
    パンフレット
  • insurance
    保険
  • buy
    (保険に)入る、買う
  • You have reached A
    こちらはAです
  • monitor
    監視する
  • quality assurance
    品質保証
  • feedback
    フィードバック、意見
  • valuable
    価値のある
  • modify
    変更する、修正する
  • existing
    既存の、現在の
  • appointment
    予約
  • book
    予約する
  • workshop
    ワークショップ、研修
  • representative
    代表者
  • Please note that~
    ~にご注意ください
  • in observance of~
    ~に準じて
  • I regret to inform you that~
    残念ながら~をお知らせします
  • be full of~
    ~でいっぱい
  • overwhelm
    圧倒する
  • make every effort
    最大限の努力をする
  • cause
    原因
  • provide
    与える
  • enforce
    施行する
  • strict
    厳しい
  • warehouse
    倉庫
  • suburb
    郊外
  • accommodate
    収容する
  • transport
    輸送する
  • approximately
    おおよそ
  • clarify
    はっきりさせる、明らかにする
  • breaking news
    緊急ニュース
  • develop
    開発する
  • medicine
  • reportedly
    伝えられるところによると
  • turn A into B
    AをBに変える
  • launch
    ローンチする、開始する
  • provide
    提供する
  • solution
    解決策
  • promptly
    迅速に、きっかり
  • efficiently
    効率よく
  • prescription
    処方箋
  • place your order
    注文する
  • checkup
    身体検査、健康診断
  • volatile
    不安定な、危険な
  • move on to
    (話題に)移る
  • be fed up with~
    ~にうんざりする
  • versatile
    万能な、多才な
  • boost
    促進する
  • revitalize
    再活性化する
  • What a relief!
    安心したー!
  • no longer~
    もはや~でない
  • prove
    証明する
  • clinical trial
    臨床試験
  • recover
    回復する
  • officially
    公式に
  • endorse
    承認する
  • physician
    医者
  • permission
    許可
  • available
    入手可能
  • grocery store
    食料品店
  • affordable
    (値段が)手頃な
  • anniversary
    記念日
  • annual
    年一回の
  • stay tuned
    チャンネルはそのままで
  • update
    最新情報
  • this program was brought to you by A
    この番組はAの提供でお送りしました
  • refurbish
    改装する
  • spacious
    広々とした
  • staircase
    階段
  • hallway
    廊下
  • raise funds
    資金を募る
  • donate
    寄付する
  • veterinary hospital
    動物病院
  • adjacent to
    ~に隣接した
  • currently
    現在
  • understaffed
    人手不足
  • enthusiastic
    情熱的な
  • flexible
    柔軟な、融通の利く
  • motivated
    やる気のある
  • individuals
    人物、個人
  • take care of~
    ~の世話をする
  • expose
    さらす
  • guarantee
    保証する
  • reduce
    減らす

おお…!悪くないかも。

さらに、フラッシュさせたい単語を入力しさえすれば自動的にフラッシュが始まるようにしたいです。つまり誰でも自分のフラッシュ教材が作れるようにしたいので、改良してみました。

こんなふうに英単語と意味がセットになった2行をどんどん追加していきます。「フラッシュスタート」をクリックすると、単語が次々に表示されていきます。


ここじゃなんなので、専用のページを作ってみました。⇒フラッシュ英単語ツール

 - おもしろ勉強法

  関連記事

英語でブログを書いてみる
英語でブログを書いて外国人との交流に挑戦!

せっかく英語を勉強してるんだから英語でブログを書いて外国人と交流できたらゼッタイ楽しいはず!しかも英語の勉強にもなる!最 …

英検一級の当日の流れ

昨日、2015年6月7日(日)に英検一級を受けてきました。その際の必要な持ち物や当日の流れです。あくまで僕が受けた会場で …

海外のバラエティ番組
海外のバラエティトーク番組の公式YouTubeチャンネル一覧(アメリカ・イギリス編)

海外のバラエティ番組は日本ではあまり見かけないですよね。でも、「ellen」や「Jimmy Kimmel Live」など …

超簡易版『瞬間英作文』Webアプリ
超簡易版『瞬間英作文』webアプリを作ってみた

瞬間英作文にはホントにお世話になった。 この本のおかげで自分の頭の中で英語を作る練習を一人で行えたから、オンライン英会話 …

sweetsheartmeow
英語版のオリジナル出会い系サイトを作ってみたけど反応がほぼゼロです

2年ほど前に「恋人探し.com」という自分専用の出会い系サイトを作ってみました。検索ボタンをクリックすると、30人の僕だ …

EINを取得するため頑張って英語で電話して恋に落ちそうになった
EINを取得するため頑張って英語で電話して恋に落ちそうになった件

iBooksで有料の電子書籍を販売したくて、それにはEIN(Employer Identification Number …

自分専用のTwitterボットを作って英単語をツイートさせてみる

たまにツイッターのタイムラインを見てると英単語をつぶやいているボットを見かけて思わずフォローしてしまいます。つい忘れがち …

海外のイケメンYouTuberチャンネルまとめ

外国人のイケメンユーチューバーまとめです。魅力的なブリティッシュアクセントを話す男性や旅行動画で人気を馳せる双子のコンビ …

【英語環境の作り方】テレビをつけたら全部英語!状態にする簡単な方法

ダラダラしている時間をどうにか英語学習にあてようと思いました。僕の場合、「ソファに寝転がってテレビをだらだら見ている」時 …

ORIGAMI REALFAKE
リアルな折り紙「ORIGAMI REALFAKE」で英語の折り方を勉強してみる

近所のヴィレッジヴァンガードで見つけたので買ってきました。「ORIGAMI REALFAKE」は、紙に動物の質感がプリン …

一番上へ戻る