2015年01月の記事一覧



20150120-X-UA-Compatible-Chrome-Frame-01

サイトのCMSを入れ替え行いつつも、過去制作したサイトを見直してみると、今になって「コレは必要なのか?」みたいなものがあります。


以下のページは、はてなブックマークも1200位付いているすごいページですが、公開当時このページを参考にされていた方も多いのではないでしょうか? 私も参考にしてサイト作りには反映していました。


IE対策では以下の様に説明されています。

IE対策

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

IEで閲覧している場合、Google Chrome Frameで表示します。

Google Chrome Frameがインストールされていない場合は、IEの利用可能な最新のレンダリングエンジンで表示します。

Google Chrome Frame(GCF)とは、IEでGoogle Chrome相当のレンダリングエンジンを利用可能にするIEのプラグインです。 インストールすると、IE8以下でもCanvas、CSS3、HTML5、高速なJavaScriptエンジンが利用できるようになります。

【HTML】最近のPCサイトに見るテンプレ要素まとめ | istis

Google Chrome Frame! 懐かしい! これが普及していたらInternet Explorer対策ももっと簡単だったろうに…と思ったり(=モダンな技術を搭載したブラウザーに移行されていれば制作はもっと楽だったはず)。


記事の続きを読む




Googleはモバイルファーストを強力に薦めている証拠かもしれません。

Googleのウェブマスターツールから「モバイル ユーザビリティ上の問題が検出されました」と題した警告とも受け取れるメッセージが届きました。(今見ているこのブログページの話ではないです)

20150116-Google-ウェブマスターツール-モバイルフレンドリーではない-01

Google のシステムは、貴サイトの 848 ページをテストし、そのうちの 100% に重大なモバイル ユーザビリティ上の問題を検出しました。この 848 ページの問題の影響で、モバイル ユーザーは貴サイトを十分に表示して楽しむことができません。これらのページは Google 検索でモバイル フレンドリーとは見なされないため、スマートフォン ユーザーにはそのように表示、ランク付けされます。

「重大な問題」だそうです。

記事の続きを読む



●メニューのアイコンって分かりづらくないですか?

20150113-スマフォサイトのメニューボタン周りのデザイン-00

スマートフォンサイトの構築というものは今やマスト、しなければならないことのひとつとなってきました。

このスマートフォンサイトのデザインというのも、私はほとんど(Twitterの)Bootstrapを使っていて、ほとんどコレで事足りる気がします。

しかし、メニューのアイコンについて、これで本当に訪問者は分かってくれるのだろうか?と感じることもしばしば。なので、もっと良いアイデアはないかなと思って、私がよく行くサイトを見てみることにしてみました。


見てみるサイトは以下の通りです。

  • Bootstrap
  • Response(自動車)
  • モスバーガー(外食)
  • 朝日新聞(メディア)
  • AllAbout(情報サイト)
  • ユニクロ(アパレル)


記事の続きを読む



★ざっくり言うと

  • YouTubeでは動画の速度を2倍まで速くできる
  • FirefoxではFlashプレイヤーでの再生になっているとオプションで出てこない
  • Flashプレイヤーの再生から変更するのはHTML5動画プレイヤーのページで行う



●YouTube動画を時短で見ましょう

ということでDTP TransitでYouTube動画を時短で見ようという記事がアップされていましたが、Chrome以外はダメとのこと。

私の環境(OS X Mavericks)では、Google Chromeのみサポートされているようで、FirefoxやSafariでは実現できませんでした。

YouTubeが「早聞き再生」をサポート - DTP Transit(Mac OS X, OS X Mavericks, 動画)

え? Firefoxで以前からできていますが…と思って調べてみたら、Firefoxでは設定次第で変わってくるようです。



●Firefoxで倍速再生できない状態のYouTube動画再生

FirefoxでYouTube動画を見る時に「歯車アイコン」をクリックし、再生速度を変更しようと思っても、設定項目が出てきません。自動再生とアノテーションと画質のみ。

20150108-Youtube-倍速再生-05

画像出典:瀬戸弘司が選んだ!2014年 本当に買ってよかったものランキング 5位→1位(YouTube)


その場合、動画上で右クリックすると、こんな感じになりませんか?

「Adobe Flash Player 16.x.x.xについて」

つまりYouTube動画はFlashのプラグインで再生されているわけです。

20150108-Youtube-倍速再生-06

記事の続きを読む




ブログ著者

名前:(Google+のプロフィール)

ケータイ好き。ガジェットが好きでiPhoneやらAndroidなどを所有。Surface Pro 2も持っている。

お仕事は印刷会社で営業・広報活動・DTPオペなどをしています。要は何でも屋さんです。最近は印刷関連より、自社のウェブサイトを制作するお仕事がほとんど。使用しているCMSはMovable Type。

ブログ著者について

サイト内検索