リスニング能力をひたすら鍛え上げられるサイト「ELLLO 」
PCやスマホを使って、英語学習を時短にする便利なサービスやツールなどを紹介する連載。今回は、初心者から上級者まで、幅広くリスニング能力を向上できる「ELLLO」をご紹介します。 ELLLOは、「English Listening Lesson Library Online」の略で、読んで字のごとく、英語のリスニング学習に特化したオンライン学習サイト。3000以上という多くの無料のレッスンが用意されており、幅広いレベルの学習者が利用できる。もともと、日本で英語教師だったTodd Beuckens氏が創設したサイトで、2004年にスタートしたサイトだ。 メインの学習コンテンツは、ひたすら英語の音声を聞くというもの。スクリプトも用意されているため、聞き取れなかった場合も内容は把握できる。理想的なのは、スクリプトを見なくても聞き取れるようになることだ。 メインコンテンツとなるリスニングレッスンは、
用途別！WordPressプラグイン選びに迷ったら参考になる記事まとめ
WordPressのプラグインは、星の数ほどありますが、何を、いつ、どこで使ったらいいのかが分からないのが悩みのタネ。今回は、ビジネス、マーケティング、オウンドメディアなど、ジャンル別にプラグインを紹介している記事をまとめてみました。 1.タダで使えるマーケター向けの5つのプラグイン 『全部無料！マーケターのためのWordPressベストプラグイン総まとめ』（WPJ） オウンドメディアを使ったコンテンツマーケティングをはじめ、マーケターにとってもおなじみのWordPress。マーケティング活動に役立つWordPressプラグインを目的別に紹介します。 2.オウンドメディアに役立つ7つのプラグイン 『自分メディア（ブログ）運営に役立つWordpressのおすすめプラグイン厳選７選！』（POWERTRAVELER） たくさんの種類のあるWordPressのプラグインですが、オウンドメディア用の
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
10分でわかる！ jQuery Mobileのキホン (1/2)
スマートフォンサイトの制作でいま注目を浴びているのが「jQuery Mobile」です。jQuery Mobileを利用すると、CSSやJavaScriptの知識がない人でも簡単に本格的なスマートフォンサイトを作成できます。そんな“jQuery Mobileのキホン”が10分でわかるように、要点をギュッと絞って解説しましょう。 ※本記事は、jQuery Mobile 1.0をもとに執筆しています。 0分目： jQuery Mobileのダウンロードと利用方法 jQuery Mobileは、HTMLのhead要素で、（1）jQueryのスクリプトファイル、（2）jQuery Mobileのスクリプトファイル、（3）jQuery MobileのCSSファイルを読み込むだけで利用できます。 それぞれのファイルはjQueryのサーバーから呼び出せるようになっているので、わざわざ手元にダウンロードし
ここが変わった！HTML5マークアップ入門 (1/6)
ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア 浜 俊太朗さんが解説します。（編集部） 「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
サイト制作の前に知りたいiPhone/Androidの仕様 (1/4)
■iOS（iPhone OS） iOS（3.0以前は「iPhone OS」）は、アップルがiPhoneなどの小型端末用に開発した専用OSです。初代iPhoneに1.0が搭載されたあと、新モデルの発表に合わせてバージョンを重ねています（iPhone 4にはiOS 4が搭載）。iPhone 3G以降はOSのバージョンアップができるようになり、最新版のiOS4にも対応しています。 ■iPhone標準ブラウザー「Safari」 iPhoneには標準ブラウザーとして「Safari」が搭載されています。SafariはもともとアップルがMac OS X向けに開発したWebブラウザーで、Windows版も無償で配布されています。基本的な表示能力はiPhone版もデスクトップ版もほぼ同じですが、iPhone版にはいくつの制限があるため、「Mobile Safari」などと呼んで区別することもあります。 Sa
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
プロが教える！花火の撮影テクニックと機材 (1/4)
美しい花火のシーズン到来に合わせ、花火をデジタルカメラで撮影するためのテクニックをカメラマン三浦健司氏に聞いた。三脚やNDフィルターなどの機材、バルブを使った長時間露光のテクニックなども紹介する。 花火の撮影で絶対に必要な機材は4つ 花火撮影に必要な機材は、デジタル一眼レフ、ズームレンズ、三脚、レリーズの4つだ。 デジタル一眼レフ デジタルカメラでの打ち上げ花火の撮影は、シャッターを開いたまま露光する場合もあり、「バルブ」というモードがあるとよい。コンパクトデジタルカメラでもバルブモードがある機種なら問題ないが、デジタル一眼レフがおすすめだ。撮影では長時間露光が多くなるので、通常の風景撮影より電池を消耗する。予備バッテリー（電池）を最低1コは用意したい。 ■Amazon.co.jpでデジタルカメラのバッテリーを見る ズームレンズ 撮影してみたい構図やアングルにもよるが、広角28mmから望遠
ASCII.jp：Googleマップ＋jQueryで作るAjaxなデザイン｜29分でできる！ あのサイトの“技”を盗め
今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の
ASCII.jp：驚きのExcel 超早技ベスト15 これは便利！｜Excel達人の新定番テク60 知らないあなたは損してる！
マンネリ化した方法でExcelを使っていないでしょうか。実はもっと簡単で手早くできる技があるのです。使わないなんてもったいない。アナタの知らない「新」Excel技大特集！ 第1回は、手間を省いて操作をすばやく！ 今すぐ役立つ厳選早技15を紹介します。面倒な入力や編集作業をどんどん片づく！ 驚きのExcel 超早業ベスト15――インデックス 技1――表の早技 表の見出しを除いて列幅を自動調整 技2――入力の早技 支店名をいつも決まった順番でオートフィル入力 技3――入力の早技 「＝」の代わりに「＋」キーで式を入力 技4――入力の早技 セルを組み合わせて思いどおりに連続データを入力 技5――入力の早技 ながーい連番を一発入力 技6――編集の早技 ツールバーの［下線］ボタンで二重下線を引く 技7――表の早技 基本の行列入れ替えはボタンで 技8――表の早技 多様な罫線を使った複雑な表は「罫線なし」
Web制作会社が作った！超使えるJavaScriptライブラリ (2/2)
CSSレイアウトで少々面倒なブロック要素の高さ揃えも、MJLを使えば簡単だ。親要素に「equalize」というクラス名を設定しておけば子要素の高さを自動的に揃えてくれる。たとえば、よく見かける2カラムのレイアウトの場合、次のようにシンプルに書けばいい。 <div id="container" class="equalize"> <div id="menu"> <!--左カラム--> <ul> <li>メニュー1</li> ・ ・ </ul> </div> <div id="main"> <!--右カラム--> <h2>見出し</h2> <p>本文</p> </div> </div> 簡単・便利に使えるMJLだが、さらにありがたい点は、jQueryやprototype.jsといった他のJavaScriptライブラリを必要とせず、単独で動くこと。しかも、他のJavaScriptライブラリとも干
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
Webデザインにすぐ使えるPhotoshopグラデ339選
ありきたりのテンプレートではなく、どうせWebサイトを作るならオリジナルのデザインにしたい――そんなときに悩むのが、“色”ではないだろうか。特にヘッダーやフッター、ナビゲーションバーなど、サイトのイメージを決める重要な要素の色使いは、サイト制作者の腕の見せ所だ。 「でも、どうもセンスには自信がないし……」。それなら、Photoshopのグラデーションライブラリを使ってみよう。Photoshopには標準でもかなりの種類のグラデーションが用意されているが、ネット上ではさらに膨大な数のライブラリが配布されている。グラデーションライブラリを使えばあっという間にイメージどおりの色の組み合わせが手に入るし、うまく活用できればサイト全体の完成度もぐっと上がる。 今回は、単純に「上から下に適用するだけ」でも十分カッコいい、シンプルで“使える”グラデーションライブラリをいくつかピックアップしてみた。なお、実
マックの新サイトも導入した「LPO」対策とは？
Webサイトのページビューがなかなか伸びない。アクセス解析をすると、せっかくサイトに来てくれた訪問客の多くが、ページを開いてはすぐに帰ってしまっているようだ――。 「直帰率」や「離脱率」の問題を解決し、サイト内の滞在時間を伸ばしたり、最終的なコンバージョンを高める方法として注目されているのが「LPO（Landing Page Optimization）」だ。LPOとは、検索エンジンなどの外部サイトから訪れる人が最初に開く“着地ページ”を最適化すること。もう少し具体的にいえば、検索キーワードによってページの内容を一部を書き換えたり、関連性の高いページへ誘導する方法だ。 このLPOの仕組みを新たに取り入れたのが、9月25日にリニューアルされた日本マクドナルドのWebサイト（http://www.mcdonalds.co.jp/）だ。以前の白を基調としたポップなイメージから、ブラウンをベースにし
薄型テレビ、10の疑問と5つの地雷
買ってから悔やんでも遅いんです 薄型テレビは欲しいデジタルアイテムの筆頭だが、難しい用語も多く、スペック表記もまぎらわしい。値段が値段なので、購入してから「なんか違うんじゃないか？」では遅すぎる。そうなる前に、今回はテレビにつきものの10の疑問を解消したい。また、購入経験者から聞いた、テレビ購入後の落とし穴（いわゆる地雷）についても紹介する。自分にぴったりなモデル選びの参考にしていただきたい。 Q1 液晶とプラズマって実際どう違うの？ A1 プラズマはRGBの画素（ドット）の集まりでできており、画素のひとつひとつが自己発光して映像を映し出す仕組み。一方、液晶は背面にあるバックライトの光がパネルを制御。RGBのカラーフィルターを通して映像を映す仕組みだ。 プラズマは画素ひとつひとつが発光するので、動きの速い映像でも、映像の制御が早く、ブレが少ないのが特徴。コントラスト比も液晶より高いので、奥
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
実践！iPhone＆Androidサイト制作ガイド