英語の音声を聞く耳を無料で鍛える：英語耳ニュース編
英語の音声を聞く耳を無料で鍛える：英語耳 ニュース編 英語音声だけでなく、英文スクリプトが無料で読めるサイトを集めました。スクリプトがあるので、わからないところは確認できるのがうれしいところですね。 Voice of America アメリカ ボキャブラリーの数もおさえめで、スピードもゆっくりなのでとても聞きやすいです。ニュースのカテゴリーも豊富ですし、各ニュースごとにスクリプトと音声ファイルが置いてあるので、英文と音声を比較しながらじっくりとリスニングをすることができます。 このVOAのニュースは、英語教材としても利用されています。スーパーエルマーという教材で、日本語の訳もついており、リスニング教材として非常に質の高い内容になっています。日本語と同時に学習したいという方は、スーパーエルマーを利用すると英語リスニングが上達するまでの時間が大幅に短縮されると思います。実際に使用した感想はこち
フィリピン留学/オンライン英会話に関する16個のまとめ記事
今回は，フィリピン留学/オンライン英会話に関するまとめ記事を紹介します。 11月27日に3ヶ月間のフィリピン留学を終え帰国しました。3ヶ月間のフィリピン留学を 通じて英語の楽しさやフィリピンの文化や生活に触れることができました。これも多くの 方々に支えられたおかげです。本当にありがとうございました。 フィリピン留学/オンライン英会話をご検討されている方々のためにお役に立てる情報を発信したいと考え，今回「フィリピン留学/オンライン英会話に関する16個のまとめ記事」と題して記事を書くことにしました。私が留学前にチェックしていた方々と彼らが発信していた情報をまとめることで，皆さんにフィリピン留学/オンライン英会話に関して多くのことを知って頂きたいと思いました。もちろん私もフィリピン留学/オンライン英会話の全てを把握している訳ではないですが，体験者として皆さんのお役に立つことができたら嬉しいです。
発音してスピーキング力を確実に強化する方法【桃太郎英語編】
Tweet Pocket 頭には入っているはずの英語が、旅先の外国でとっさに出てこなかった悔しい経験ありませんか？ そんな宝の持ち腐れの英語を、実践で使えるようにするために必要なのがスピーキング力です。 「言いたい英語を言えるようになりたい」そんなスピーキング力を求めるあなたに、一押しの学習法が、音声学習法です。 この記事では、耳で聞いた英会話を口に出す練習で、スピーキングの反射神経をつける音声学習法をご紹介。音声学習法なんて新しくないと思われるかもしれませんが、とってもわかりやすい7ステップを、親しみのある桃太郎の物語にのせて実際にお試しできるので、取り組みやすいのです。 一度行えば英語を話す肩慣らしにちょうど良いし、どんどん応用できちゃうので、筆者的には究極のスピーキング練習法だと思います。「英語を話すのが怖い」「久々に英語を話す」「久々の海外旅行」という方、ぜひお役立てくださいね。
英語リーディングの勉強に使いたい海外ニュースサイト5選 | English Hacker | 英語学習の情報ポータルサイト
英文をスラスラ読めるようになるためには、当たり前ですけどたくさん英文を読むしかありません。細かいテクニック等はあるかもしれませんが、本質的には量が物をいいます。 今回はビジネス英語をスラスラ読めるようになりたい、強くなりたいという人のためにオススメしたい海外メディアを厳選しました。何から手をつけて良いか分からない、という人はこの中から選んでおけば間違いはないでしょう。 英語リーディングの勉強に使いたい海外ニュースサイト5選 1.The New York Times 言わずと知れた超有名メディアです。地方紙ながらもアメリカで起きたニュースを高いクオリティで配信しています。また重要な演説、議論などが行われた際にはその原稿を一字一句もらすことなく全て掲載することもしばしば。 2.Wallstreet Journal アメリカを代表する全国紙であり、世
Performance and Custom Elements | High Performance Web Sites
November 26, 2013 3:43 pm | 6 Comments This past week I dug into the performance of custom elements and found some surprises. In my previous blog post, Async Ads with HTML Imports, I complained that HTML imports block the page from rendering when a SCRIPT tag is found and lamented the fact that the spec doesn’t provide a mechanism to make this coupling asynchronous. Custom elements are just the
HTML Imports: scope, security, and suggestions | High Performance Web Sites
December 2, 2013 2:03 pm | Comments Off on HTML Imports: scope, security, and suggestions This is the third of three blog posts on Web Components, primarily focusing on the performance impact of HTML imports. Scope The first post, Async Ads with HTML Imports, proposes using this new technology as a way to avoid the blocking behavior of synchronous ads. It’s better than using iframes because the
HTML5 で追加された属性の中からマイナーっぽいのを紹介してみる
HTML5 から追加された属性の中から、まだあまり広く使われてなさそうな属性さんたちに日の目を見て頂くための紹介記事を書いてみようかと思います。 この記事は、HTML5 Advent Calendar 2013、11日目の記事です。 去年の HTML5 Advent Calendar 2012 では、Microdata 関連の記事を書いたんですが、今年も登録してみたものの、見事にネタが無いのでどうしようかなと...... ということで、HTML5 から追加された属性 （要素じゃなく属性の方） の中から、まだあまり広く使われてなさそうな属性さんたちに日の目を見て頂くための紹介記事を書いてみようかと思います。 ちなみに、「あまり広く使われていなさそうな」 は完全に私の独断と偏見ですのでよろしくお願いします。 placeholder 属性 最初なのであまりマイナーっぽくないやつから。その名の通り
Google タグマネージャで Web ページに読み込む JavaScript を管理してみる
Google タグマネージャ （Google Tag Manager） をこの Blog 内の各ページで読み込んでいる JavaScript コードの管理に数ヶ月前から使い始めていますが、結構使いやすくて便利なのと、ページの表示速度的にもいい結果が出たので紹介してみます。 Google タグマネージャ公式サイト 機能 ： Google タグマネージャ Google タグマネージャとは？ Google タグマネージャは無料で簡単に使用できるタグ管理システムです。ウェブ上の使いやすい管理画面から自分でタグを管理してモバイル アプリを設定できるため、面倒なコード書き換えは不要で、IT 部門に依頼する必要もありません。 機能 ： Google タグマネージャ から引用 と公式には書いてありますが、簡単にいえば Web ページ内で読み込む各種の JavaScript コード、例えば Google A
WAI-ARIA はじめの一歩。サンプルソースで学ぶ WAI-ARIA 導入方法
WAI-ARIA をマークアップに取り入れるはじめの一歩として、まずは WAI-ARIA を既存のマークアップに取り入れる際に、扱いやすい項目についてピックアップしつつ、それぞれのサンプルソースを挙げながら紹介します。 この記事は、Web Accessibility Advent Calendar 2013、4日目の記事です。ベタな内容なのでもしかすると他の方とかぶるかもしれませんが、気にせずいきます。 とはいっても、WAI-ARIA の仕様をすべて詳細に取り上げるのは大変なので、まずは WAI-ARIA を既存のマークアップに取り入れる際に、扱いやすい項目についてピックアップしつつ、それぞれのサンプルソースを挙げながら、紹介してみたいと思います。まだ WAI-ARIA をマークアップに取り入れたことがない方が、初めて使うきっかけになれば幸いです。 WAI-ARIA の仕様は下記にあります
暗黙のARIAセマンティックと強いネイティヴセマンティックについて - 血統の森+はてな
HTML5とWAI-ARIAのお話で、タイトルは私が勝手に付けた訳語で原仕様書ではそれぞれ、implicit WAI-ARIA semantics、strong native semanticsと表現されるものです。誰かもっといい訳語があるよとかMSDNとかMDNではこう訳してるという情報があればください。 で、暗黙のARIAセマンティックや強いネイティヴセマンティックが何なのかという話ですが、HTML5.1仕様では、3.2.7.3 強いネイティヴセマンティックと3.2.7.4 暗黙のARIAセマンティックにその言葉が見えますが、この用語の定義そのものは実装向けの箇所に記述されていて、 The terms strong native semantics is used as defined in the ARIA specification. The term default implic
WCAF Vol.11 in 福井 にて、デザインについて話してきました - 納豆には卵を入れる派です。
前回の大阪に続き、@shirokuro331 さんに、今度は福井に来てしゃべりませんか？というご依頼をいただき、日本海のカニにつられて福井に行って来ました。福井の意識高いデザイナーのイベント「wcaf」（ダブキャフ、と読むらしい。カッコイイ。）、イベント自体もとてもおもしろく、また福井のITシーンの熱さに大変刺激を受けました。カニもすごくおいしくて、また福井行きたい。 前回と同様のネタの再演という予定だったんですが、全く同じことを話すのもなんかなあ、申し訳ないなあと思っていたところ、木曜日になって新しいネタを急遽思いついて、前日の夜に急いでスライドを書いたら意外と間に合ってしまったので、両方話させていただきました。おかげで、前半はかなり駆け足の発表になってしまい、ちょっとわかりにくかったかもしれません。。すみません。 こちらは、ズルいデザインの方で前回の大阪と内容はほぼ同じです 新しい方は
Web開発者に革命をもたらす！「Web Components」超入門 | 株式会社LIG
こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。 通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。 この手のボタンを作るには以下の手続きを要すると考えられます。 外観を整える CSS HTMLマークアップ クリックした際の挙動 JavaScript 何が厄介かというと、「再利用」が難しいというところなんですね。 例えば、同サイトの別のページで同じボタンを使いたい場合、js、CSS、HTMLを再度記述しなければなりません。しかも場合によってはHTMLのマークアップが非常に冗長化していることもある。 「購入ボタン」はあくまで一
日本語公開記事 - Confluence
日本語公開記事 Home DRBD 調査メモGit & GitHubGo メモモダン C++ プログラミングモダンなPHP拡張の書き方 最近の更新 モダン C++ プログラミング 12月 26, 2013 • 投稿者 : Hirotaka Yamamoto (Unlicensed) Go メモ 8月 20, 2013 • 投稿者 : Hirotaka Yamamoto (Unlicensed) モダンなPHP拡張の書き方 8月 07, 2013 • 投稿者 : Hirotaka Yamamoto (Unlicensed) DRBD 調査メモ 7月 19, 2013 • 投稿者 : Hirotaka Yamamoto (Unlicensed) Git & GitHub 2月 01, 2013 • 投稿者 : Hirotaka Yamamoto (Unlicensed) 日本語公開記事 Hom
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://yuma-z.com/blog/2013/03/5steps_english/
デザイン | Android Developers
iOS Human Interface Guidelines：Designing for iOS （日本語）
Windows ストア アプリの UX ガイドラインの索引 (Windows)