コンテンツのアクセシビリティが未来を保証する
「その情報にアクセスできるかどうか」 これが私にとっての Web アクセシビリティです。一般的に Webアクセシビリティといえば、主に高齢者や障がい者への配慮という見方が強いですが、数年前からは私は上記のように捉えて仕事をするようにしています。少し極端な考え方かもしれませんが、「その情報にアクセスできるかどうか」ということを意識して設計するときに、高齢者や障がい者といったごく一部のグループを考えることはありません。 全ユーザーが特殊な存在 近年の Web 利用者の動向をみると、高齢者や障がい者を意識しなかったとしても、情報にアクセスできるかどうかを真剣に考えなければ、見られない・読まれないコンテンツになることが分かります。 デスクトップだけでなく、タブレット、スマートフォンなど様々なスクリーンサイズをもったデバイスで Web にアクセスしている。また、デバイスにより初期設定やカスタマイズ方
バラク・オバマ米大統領、再選のスピーチ 全文和訳(gooニュース) - goo ニュース
再選を果たしたバラク・オバマ米大統領は米東部時間7日午前1時半すぎ（日本時間同午後3時半すぎ）、イリノイ州シカゴで支援者の前に登壇し、次の勝利演説を行った。生中継したCNNの放送からgooニュースが書き起こした。英語の原文はこちら。 ありがとう、ありがとう。本当にどうもありがとう。 元植民地が自分たちの宿命を自ら決める権利を勝ち取ってから200年以上たったこの夜、この国の団結をより完成させるための仕事が、さらに前に進みます。前進するのは、皆さんのおかげです。戦争や恐慌に打ち勝った心を、皆さんが再確認してくれたからです。この国を深い絶望の淵から素晴らしい希望の高みへと引き上げてくれた心のことです。私たちがそれぞれに個人の夢を追求する一方で、私たちはみな同じアメリカの家族なのだと。私たちはひとつの国、ひとつの国民として一緒に浮きも沈みもするのだという、信念のことです。 この夜、この選挙では皆さ
ワンクリック — Amazonを作った天才ギークの半生！めっちゃオススメ！！
ワンクリック — Amazonを作った天才ギークの半生！めっちゃオススメ！！ 「ワンクリック」でもまだ不満 ご存知のとおり、Amazonはオンライン小売店である。 実際の店舗がある場合とオンラインでは、顧客満足を高めるための手法が異なってくる。 Amazonが向かった究極の顧客満足、それは「人間の介入を最小限度にする」ことで、商品の選択から買い物、到着までの「買い物体験」全体を最適化することだったのだ。 Amazonで買い物をした多くの人が分かると思うが、Amazonで一度買い物をすると、「この商品もおすすめ」というメールが届いたり、次回サイトにアクセスすると、「立花岳志さんへのおすすめ商品」がリストで表示されたりする。 さらに、自分が探している商品をクリックすると、「この商品をチェックした人は、こちらも見ています」や「あわせて買いたい」などのリンクも表示される。 これらは、ベゾスがAm
プロ社員たちがクリックをしまくりムービーの再生回数を稼いでくれるサービス「buyral」
YouTubeなどの無料動画サイトにムービーをアップロードすることによって一躍有名になったり、非常に有益な広告効果を得たりすることがありますが、いずれにしろ重要になってくるのは「いかに再生回数を稼ぐか」ということです。そこでさまざまな独自技術や人材育成プログラムを開発し、プロフェッショナルたちが依頼主のムービーを再生しまくってくれるという新たなサービスが「buyral(クチコミにより感染するかのように広がる「バイラル」の意味)」。よくあるアプリ開発などにとどまらず、エレベーターのボタンやモグラたたきにクリック装置を仕込んでまで職務を遂行しています。 Buyral http://buyral.ca/ Buyral社のサービス概要等を説明したムービーは以下から。 BUYRAL - Professional Clicking - YouTube 動画サイトで人気の作品は何十万や何百万、何千万とい
逃げろ、そして生き延びろ - インターネットの備忘録
フィリピン現地採用で働くSEブログ: 頓智ドットを退職した こういう話は本当に胸が痛む。 30代女性、過労とストレスにより休職そのまま退職。わたしも同じ状況を経験したからです。最近やっとそのことについて言葉に出来るようになってきたので備忘。 最初に「おかしい」と思ったのは胃痛でした。真っ直ぐに座っていられないほどの鋭い痛み、吐き気と目眩。勤務中に30分ほど中抜けして一番近くにあった胃腸科に駆け込み、すぐ胃カメラの予約を取りました。 写真で見た自分の胃の中は出血して凝固してまた出血してを繰り返しているそうでところどころ茶色くなっていました。 診断書を持って業務量の調整を申請しましたがベンチャー企業ゆえの人員不足ということもあり、鎮痛剤を飲みながら騙し騙し勤務を続けていた、ある雨の降る肌寒い日に、本当に急に、「スイッチがオフになった」ような感じで身体が動かなくなりました。 同時に声も出なくなり
Stunning Free Images · Pixabay
Free images and videos you can use anywhere Pixabay is a vibrant community of creatives, sharing copyright free images and videos. All contents are released under Creative Commons CC0, which makes them safe to use without asking for permission or giving credit to the artist - even for commercial purposes. Learn more...
新しい旅の形！ますます旅に出たくなる、国内の旅行サービス５選
最近、新しい旅の形が増えてきてるように思います。それは、人をめぐる旅だったり、オーガニックをテーマに旅をしたり、テクノロジーに特化した旅だったりと。各々が自らの旅にテーマを持たし、旅をする。SNSによって、可視化されただけかもしれないですが、可視化されたことにより、よりアイディアがミックスして、色んな色がある旅が増えてきてるように思います。 個人の旅以外でも、サービスによる新しい旅ができるようになってきています。今まで、旅行するとなったら、HISやJTBなどの大手のサイトをチェックして、旅をする。それが一般的だったのですが、今は徐々に変わってきています。 今回は、新しい旅の形を作っていく、旅にますます出たくなるような国内の旅行系サービスを５選取り上げたいと思います。夏はもう終わってしまいましたが、週末だけ、日帰りのものも多いので、まだまだどこかに行きたい！！っていう人は、是非チェックしてみ
iPadやiPad miniで体験できる本格派クリエイティブ系ツール30選 - iPad Creator
2012/11/07 iPadやiPad miniで体験できる本格派クリエイティブ系ツール30選 時刻: 11/07/2012 過去にこのブログで紹介したものを中心にiPadやiPad miniで使える本格的なクリエイティブツールをまとめてみました。デスクトップ版アプリに迫る高機能なものから、マルチタッチで楽しく操作できる手軽なツールまで30種類を選んでいます。 ベクターグラフィック iDraw (1.5) カテゴリー：仕事効率化 価格：800円 開発：Indeeo, Inc. Inkpad (1.4.1) カテゴリー：仕事効率化 価格：450円 開発：Taptrix, Inc. Freeform - The Vector Drawing App (1.1) カテゴリー：仕事効率化 価格：850円 開発：Stunt Software フォントデザイン iFontMake
無料で5GB、月額500円で無制限に利用可能なクラウドストレージ「Pogoplug Cloud」が日本でサービス開始
ユーザ登録すると無料で5GBが利用可能で、月額500円支払うプランだと容量が無制限になるというクラウドストレージ「Pogoplug Cloud」が本日から日本でもサービスを開始しました。 PogoplugはもともとPCをパーソナルクラウドストレージにするというソフトウェアでしたが、Pogoplug Cloudは完全にオンラインのクラウドストレージサービスです。日本語版のPogoplugのサイトも、Pogoplug Cloudをメインに据えたものになっています。 Pogoplug：500円/月のみでお好きなだけ上限なくクラウドストレージをお使い頂けます。 http://pogoplug.com/ja/ こちらがPogoplug Cloudのサイト。プランは「無料で5GBストレージ」と「月額500円で無制限ストレージ」の2種類。 Pogoplug Cloud：月々500円のみで容量の制限なくお
音楽聴き放題の『Pandora』が日本でもアドオンで利用可能に - RyoAnna
Sony Musicの楽曲がiTunes Storeで購入できるようになり、ネットの音楽サービスが変化の兆しを見せる中、日本でもブラウザのアドオンを使ってPandoraが利用できるようになった。 Pandoraは2005年に登場した米国のインターネットラジオで、日本では2007年にアクセスが制限され利用できなくなった。Pandora最大の特徴は、自分好みの曲を自動で選んでくれるところ。「Music Genome Project」というアルゴリズムにより、聴きたい曲を次々と再生してくれる。 例えば、検索窓に「Pharrell」というアーティスト名を入力して曲を再生させる。その曲を最後まで聴くか「▶▶|」ボタンでスキップすると、次はCommonの曲が再生される。そしてN.E.R.D. → Neptunes → Kanye West → Jay-zと続く。自分の好きなアーティストを入力してみると
悪いこと言わないから、会社なんて始めるべきではありません：日経ビジネスオンライン
グーグル、フェイスブック、ツイッターなど、人々の生活や働き方を変える技術と衝撃をもたらすインターネット企業を数多生み出してきた米シリコンバレー。この地にまた1つ、世界を変えようとするネット企業が脚光を浴びている。 その名は、エバーノート。パソコンやスマートフォンなど、様々な情報端末で作成した「メモ」をインターネット上に一元管理できる「Evernote」を提供する。極めてシンプルなコンセプトと使い勝手の良いサービスは瞬く間に心を捉え、利用者は急増。2008年のサービス開始から4年で、世界の利用者数は約4000万に到達し、日本、中国、ヨーロッパなど、世界的なサービスとなった。 当然、投資家もエバーノートを放っておかない。セコイアキャピタルやメリテックキャピタルパートナーズなど、シリコンバレーの著名なベンチャーキャピタルが同社に出資している。会社評価額は既に10億ドル（約800億円）規模となり、
Googleストリートビュー撮影で走り回っている自動車・自転車・手押し車の実物を目の前で見に日本科学未来館へ行ってきました
Googleが地図サービスを手がけてからの8年間の歴史が「日本科学未来館」で展示されています。ストリートビューを実際に撮影している車、自転車、手押し車などが展示されていて、間近でストリートビューを支えている技術をまじまじと目にすることができます。国内でこうした展示を行うのは初めてで、しかも無料とのことで、実際に行ってみることにしました。 Google マップの歩みとストリートビュー／Doodle 4 Google 「100年先の未来」 | 日本科学未来館 (Miraikan) http://www.miraikan.jst.go.jp/event/121026117381.html Google Japan Blog: Google マップの歩みとストリートビュー 日本科学未来館で展示 http://googlejapan.blogspot.jp/2012/10/google_29.htm
「部下が上司に言ってはいけない言葉」ワースト10：日経ビジネスオンライン
今回は趣向を変え、「部下が上司に言ってはいけない言葉」のワースト10を発表する。言葉の選定と順位はあくまでも私個人の主観に基づく。私なりの根拠も記しておく。 ワースト10は私が長年のコンサルティング活動の中で蓄積してきた「言い訳集」を基にしている。私はもっぱら現場の営業担当者を相手にしており、彼らはありとあらゆる種類の言い訳を駆使し、「できない理由」「できていない理由」「できなかった理由」を私に言ってくる。 同じ言い訳を彼らは上司の営業部長や課長にもしている。そうした言い訳はいずれも「部下が上司に言ってはいけない言葉」である。つまり、今回のコラムでは矛先を「上司」ではなく「部下」に向ける。 「なぜ上司の肩を持つのか。ダメ上司が沢山いるから何事もうまくいかないのだ」と思われた「部下」の方がおられるだろう。 実は、ずいぶん前から私は「ダメ上司」という物言いに違和感を覚えてきた。「上司」や「管理
Foundation for Sites | The most advanced responsive front-end frameworks in the world.
Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. We’re constantly adding new resources and code snippets, includi
Edge Animateでレスポンシブなバナーを作ろう | ADC - Adobe Developer Connection
Adobe Edge Animateは、HTML5／CSS3／JavaScriptの枠組みでアニメーションを作成できるツールです。Edge Animateの機能を使えば、表示サイズ（ブラウザやスクリーンのサイズ）に応じてコンテン内容が変化する、レスポンシブなアニメーションも手軽に作成できます。 1つのHTMLファイルで、表示サイズが異なる環境に対応する方法としては、大きく分けて2種類あります。 リキッドレイアウト…コンテンツ内の要素の位置やサイズを「％」単位で設定する方法 レスポンシブWebデザイン…表示サイズ（特にブラウザの横幅）をもとに、コンテンツ内の要素の配置や表示／非表示を切り替える方法 リキッドレイアウトでは表示サイズに応じてコンテンツの位置や大きさを微調整することで対応し、レスポンシブWebデザインでは表示するコンテンツ自体をダイナミックに変化させて対応します。Edge Ani
大学のキャンパスをストリートビューで見学しよう
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
タグマネジメントツール「Googleタグマネージャ（Tag Manager）」についての紹介 | アユダンテ株式会社
現地時間の2012年10月1日、日本時間では10月2日にGoogleから新たなWebサイト向けツール「Google Tag ManagerTM」が公開されました。 これはGoogleアナリティクスTMやコンバージョンタグなどといった「HTMLに差し込んで使用するコード」をHTMLから外部化して、一元管理するためのいわゆるタグマネジメントツールです。 今までのGoogleのツールと比較すると少々使い方などが特殊で、人によっては分かりづらく感じる方もいらっしゃるかと思いますのでざっくりとした紹介をしてみようと思います。 「HTMLに埋め込むコード」を一元管理するためのツール 具体的には、外部ツールが生成したコードをまとめる 実際に使ってみよう 使用準備（初期設定） Google Tag Managerコードの埋め込み 既存HTMLから埋め込んでいる他ツールのコードを切り出し 「タグ」と「ルール
短期的にも長期的にも記憶力を伸ばすテクニック「チャンキング」 | ライフハッカー・ジャパン
短期記憶として一度に覚えられるものは、ほとんどの人が「異なる4～7個」のものだけだそうです。この限界を超えるには、「チャンキング」と呼ばれる、かたまりで覚える記憶テクニックを使うといいようです。いくつかのアイテムをグループ化することで、よりたくさんのものを覚えることができるようになります。 チャンキングをする時には、一見は何の関係もないようなバラバラの情報に、何か意味あるもの、つまり「覚えやすくなるようなもの」を追加します。例えば、「トマト、イチジク、レタス、オレンジ、リンゴ」というような買い物リストを覚えなければならない場合は、その頭文字を取って「トイレ、檻（オリ）」という風に、バラバラに覚えるよりももっと覚えやすいかたちに変えます。いわゆる語呂合わせです。 電話番号（携帯電話が登場する前は特に）や歴史の年号を、語呂合わせで覚えたことがある人も多いのではないでしょうか。このように、記憶し
運動時、私たちの脳に何が起きてどのように幸福感をもたらしているのか？
By mark sebastian 適度な運動は鬱病やもの忘れ、アルツハイマー、パーキンソン病などさまざまな病気の防止として役立つということはよく知られているところですが、実際のところ、睡眠と同様にその仕組みについてちゃんと理解している人は少ないはず。TwitterやFacebookに時間を分散して投稿してくれるサービスBufferの共同設立者であるLeo WidrichさんはBufferのブログにてこの仕組みを分かりやすく説明し、運動を習慣化する実践的なポイントまで公開しています。 What happens to our brains when we exercise and how it makes us happier | The Buffer blog: productivity, life hacks, writing, user experience, customer hap
面接はスキル！転職時の面接でよく聞かれる23の質問とその対処方法
僕は転職した際の面接を受けたことも、また逆に面接担当者をしていたこともあるのですが、どちら側にしてもこの記事を読んでおけばまた違ったアプローチができたのかな、と思うのでちょっとがんばって訳してみました。 How to Answer 23 of the Most Common Interview Questions 下記は各ポイントを意訳したものです。 「面接が好き」という人はいないでしょう。面接ではできる限り行儀よく振る舞わなければなりません、しかも面接受けることができるチャンスはその一回だけです。 私はこの数年間に数多くの面接を行いました。週にだいたい15～20回くらいでしょうか。ここにその面接で尋ねられる可能性の高い質問と私が実際にきいた答え、そして対処方法を紹介します。 面接はスキルである、ということを忘れないでください。 しっかりと準備をし、あなたは毎回エースを勝ち取ってください。
優れたユーザビリティを実現する25の基本概念
LVMH Watch & Jewelry PR&AD Manager/Assistant Manager/Specialist
Fireworks CS6の新機能、CSSプロパティパネルを便利に使ったWebデザインの流れまとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
G3株式会社さまのコーポレートサイトを制作させていただきました。 CSSプロパティパネルが便利すぎて… 今回、FireworksのCSSプロパティパネルが最高すぎることによってかなりの短時間でサイト制作できたので、それのご紹介がてら、どのようにサイトを作っていったかご紹介したいと思います。 すでにサイトがWordPressで動いていて、別のテーマで運用中だったので、 テキスト等もそのまま流用でき、私の作業としては純粋にWordPressテーマのデザインとコーディングの部分でしたので今回ご紹介するのはその部分の流れになります♪ まず、イメージを膨らませる イメージ固めから入りました。 会社のコンセプトが「毎日をワクワクさせちゃえ！」だったので、私の中でのワクワクのイメージを考えてみます。 google画像検索でワクワクを検索してみたり。 なんとなーくブルーが多い印象。 こういうものも参考にし
続・なぜライブハウスはバンドに集客を依存するのか？
以前のまとめ http://togetter.com/li/232113 【なぜライブハウスはバンドに集客を依存するのか？】 で説明不足だと感じた点についての補足です。 ライブハウスとロックバンドを中心に話していますが、 続きを読む
Edge Animateで作るHTMLモーショングラフィック | ADC - Adobe Developer Connection
新しくリリースされたAdobe Edge Animateは、HTML5を利用したアニメーションを作成できるツールです。本記事では、アニメーションサンプルの作成を通して、Edge Animateの機能を紹介します。 Edge Animateでは、矩形／角丸矩形／楕円などのオブジェクトを描画できるほか、他のツールで作成した画像を読み込むことができます。今回のサンプルの素材は全て、Photoshopなどのツールを利用して作成しました。オブジェクトを重ねて表示する場合は、透過PNGファイルやSVGファイルを利用し、背景など透過の必要がなく容量を節約できる場合はJPEGファイルを利用するとよいでしょう。 画像を読み込むには、メニューから［ファイル］→［読み込み］を選びます。読み込んだ画像はステージ上に配置され、また［ライブラリ］パネルのimagesフォルダーに格納されます。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
必読！5分でわかるレスポンシブWebデザインまとめ 制作編 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お久しぶりです。デザイナーの野田です。 まず、今回の記事を見ていただく前に、前回と前々回に書かせていただきました。 「必読！5分でわかるレスポンシブWebデザインまとめ」 「必読！5分でわかるレスポンシブWebデザインまとめ Pt.2」 を読んでいただけるとスムーズです。 今回で、【必読！5分でわかるレスポンシブWebデザインまとめ】のシリーズも最後にさせていただきますので、少しコンテンツ量が多くなります。 100％ 5分では分らないので、タイトルはスルーしてやってください。 様々なサイトでレスポンシブWebデザインについて紹介されていますが、制作方法が異なっていたり、内容が少し難しいと感じる部分がありました。 この記事は、ディレクターの方やデザイナーの方、どちらにも理解しやすいように書かせていただいてます。 また、これまでレスポンシブWebデザインについてやってきましたが、基本的な部分で
【2012超まとめ】確実にWEBサービスを作りたい人へ【後編】
前編はこちら http://anond.hatelabo.jp/20120926165407 中編はこちら http://anond.hatelabo.jp/20120926165533 ■ステップ１１：残りの開発(50時間) 基本的な機能とデザインが出来てきたら、細かな機能や説明ページなどの静的コンテンツも作っていきます。 ８割程度出来たと思ったら、一度サーバーにアップロードして動作チェックしてみます。 たいていは上手く動作するはずですが、途中で一度チェックしておいた方が出来上がってから不具合を修正するよりは効率的です。 僕ははじめCORESERVERを使っていましたが、メールが送信できない不具合に遭遇して時間を取られました。 結局はCORESERVERとgmailの相性が悪いせい、という事で最後はさくらに移転しました。 あと、何となく動いているのが確認できたら、 このタイミングでGoo
Google SEOの順位決定に大きな影響を与える30の要因【最新版】
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. GoogleのSEOランキングの決定要因を知ることはWEB集客に必要不可欠だ。 Googleは世界最大の検索エンジンであり、「世界中のインターネットユーザーにベストのコンテンツを届ける」ために、不断の改善を重ねている。 そして、近年のパンダアップデートの継続的な実施により、今まで以上に検索エンジンのクオリティが高まり、ユーザーにとって理想的な形に近づきつつある。 従って、今までは有効だった方法が、全く逆効果になるという例すら少なくない。 そこで、本日は、最新版のGoogle SEOの順位決定に大きな影響を与える３０の要因をご紹介する。 Google SEO ファクター：ページ内要素１．コンテンツの質 GoogleのSEOで高く評価されるた
30 Exceptionally Designed HTML 5 Websites - Dezign Matterz
A constant evolution in the use of new technologies and programming languages is continually evolving across the web, when Paul Irish’s HTML5 Boilerplate project was first introduced it served as an exceptional starting point for creating websites of any type. The HTML5 Boilerplate provided an incredibly useful set of CSS, JavaScript, image, and HTML files which enabled users to kickstart their HT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1940年代以降のヒット曲を網羅！ 音楽視聴サイト「billboard.fm」（タイトル変更あり） | ライフハッカー・ジャパン
http://exdroid.jp/d/47677/
TechCrunch | Startup and Technology News
Facebookビデオ通話の紹介ページ。
Adobe kulerのカラースキームを使ってTwitter Bootstrap用のCSSを作成出来る国産Webサービス・PaintStrap
Engadget | Technology News & Reviews
フリービー(Freebie)コンテンツの紹介とまとめ！WEB屋がフリービーコンテンツから学べること色々！ | バンクーバーのうぇぶ屋