タグ

ブックマーク / hyper-text.org (15)

  • Google が言う 「モバイルフレンドリー」 とは? モバイルフレンドリーテストツールで色々試してみた

    Google が言う 「モバイルフレンドリー」 とは? モバイルフレンドリーテストツールで色々試してみた Google がモバイル検索の順位決定時に 「モバイルフレンドリー」 かどうかを重要なシグナルとして利用すると発表したことに関連して、そもそも Google は何を根拠に 「モバイルフレンドリー」 かどうかを判断しているのか、という点について調べてみました。 先週ですが、Google が Official Google Webmaster Central Blog で、2015年 4月 21日 (米国時間) から、モバイル検索の順位決定時に、その Web サイトが 「モバイルフレンドリー」 かどうかを重要なシグナルとして利用すると発表しました。 Finding more mobile-friendly search results : Official Google Webmaster

    Google が言う 「モバイルフレンドリー」 とは? モバイルフレンドリーテストツールで色々試してみた
    raimon49
    raimon49 2015/03/02
    テスト結果も逐次で変わっていくのだろうけど。HTMLだけ同じで結果を定点観測すると面白いかも知れない。
  • 5分でわかる正しい Web サイト常時 SSL 化のための基礎知識

    Web サイトを常時 SSL 化する場合に、最低限知っておかなければならない知識や、注意点、実際の設定方法まで、ひと通りまとめてみました。メリットやデメリット、証明書の種別からリダイレクト設定などについても解説しています。 HTTPS をランキングシグナルに使用しますと Google が公式に発表したあたりから、Web サイトの SSL 対応、特に Google が推奨している Web サイトをすべて HTTPS で配信する、所謂 「常時 SSL 化」 についての話を聞いたり、実際にお客様から相談されたりするケースが増えてきました。 そこで、いい機会だしその辺に関する情報をまとめておこうかな~ と思って書いてみた、恒例の (?) 5分でわかるシリーズ。書き終わって見たところ絶対に 5分じゃ無理っていう文章量になっててどうしようかなぁとも思ったんですが、気にせず公開してみます。 常時 SSL

    5分でわかる正しい Web サイト常時 SSL 化のための基礎知識
    raimon49
    raimon49 2015/01/22
    結局SSLを何のために導入したいのかに行き着く。
  • 主要ブラウザにおける SSL 3.0 無効化タイミングのまとめ

    SSL 3.0 の脆弱性 (POODLE) の件で、10月に下記の記事を書いたんですが、その中でも触れた、各主要ブラウザにおける SSL 3.0 無効化タイミングだけ、わかりやすいように抜き出してこちらにまとめておこうと思います。メモ代わり。 SSL 3.0 の脆弱性 (POODLE) 対策で Web サーバの SSL 3.0 を無効にした件とブラウザ側の対処まとめ Internet Explorer SSL 3.0 が無効になる時期: 正式な時期は不明だが、数ヶ月以内 米国時間の 2015年 4月 14日以降、デフォルトで無効に。 「マイクロソフト セキュリティ アドバイザリ 3009008」 内では、下記の通り、(10月 15日から起算して) 数ヶ月以内に IE の既存設定 (および同社のオンラインサービス) で SSL 3.0 が無効になる旨がアナウンスされています。 マイクロソフト

    主要ブラウザにおける SSL 3.0 無効化タイミングのまとめ
  • IE11 でユーザエージェント文字列から 「MSIE」 が消えた件

    IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更されました。 先月末に Windows 8.1 のプレビュー版が公開され、早速手持ちの MacBook Pro に入れてみたっていう話は先日書いたとおりですが、Internet Explorer 11 (IE11) については細かく触れなかったのでまとめておこうと思います。 IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更された結果、従来のブラウザ判別コードで検出できなくなる可能性もあったりします。その辺について Nicholas C. Zakas 氏が Blog 記事を上げていたので紹介しつつ触れてみたいと思います。 とりあえず、IE11 の概要とか 公式情報として、IEBlog

    IE11 でユーザエージェント文字列から 「MSIE」 が消えた件
    raimon49
    raimon49 2013/07/06
    UA判定で閲覧できなくなっている残念な例も。理想は機能で判定なんだけど現実としては影響でかいってことが良く分かるね。
  • Pure を使って 5分でレスポンシブな Blog テンプレートを作る

    Pure は Yahoo! が公開した CSS フレームワークですが、試しに使ってみましょうということで、自分で書くスタイルは極力少なくして、簡単に Blog のテンプレートっぽいものを作ってみました。 さすがに 5分はウソです すいません。でも簡単でしたよ。 Pure : A set of small, responsive CSS modules that you can use in every web project. Pure とは Pure は、簡単に言ってしまえば Twitter が公開している Bootstrap などと同じ、CSS のフレームワークですが、CSS のみに絞ることで、その容量は最大で 5.7KB とかなり軽量。Yahoo! の CDN から読み込めば、gzip された状態で読み込めます。 また、各機能を個別に読み込むことも可能ですので、必要な機能だけを選択す

    Pure を使って 5分でレスポンシブな Blog テンプレートを作る
    raimon49
    raimon49 2013/06/10
    作例もあり。
  • Firefox 23 が Content Security Policy 1.0 仕様に対応

    Firefox 23 (2013年 8月 6日正式リリース予定) が、クロスサイトスクリプティング (XSS) などの攻撃から Web ページを保護するための仕組み 「Content Security Policy 1.0」 仕様に対応しました。 Mozilla Hacks で、現在 Aurora チャンネルの、Firefox 23 が、Content Security Policy (CSP) 1.0 の仕様に対応した件、紹介されていました。 Content Security Policy (CSP) 1.0 は、あらかじめその Web ページで読み込まれることが想定されている JavaScript などのコンテンツを、ホワイトリストとして指定することによって、攻撃者によって挿入される悪意のあるスクリプトの読み込みを遮断し、クロスサイトスクリプティング (XSS) など、インジェクション

    Firefox 23 が Content Security Policy 1.0 仕様に対応
    raimon49
    raimon49 2013/06/02
    ホワイトリスト方式 IE 10もX-Content-Security-Policyで対応済み
  • Selectors Level 4 の Working Draft が更新される

    5月 2日付けですが、Selectors Level 4 の Working Draft (草案) が更新されました。 Selectors Level 4 自体は 2011年 9月 29日の Selectors Level 3 仕様の勧告とあわせて最初の Working Draft が公開されていますが、そこから今回で 2回目の更新となります。 Selectors Level 4 W3C Working Draft 2 May 2013 Working Draft 内の、「Selectors Overview」 に Selectors Level 4 を含めた、セレクタの一覧がありますので、下記に引用しつつ簡単に日語での解説も付け加えておきましたが、Selectors Level 4 ではセレクタがより一層便利になっていますので、早いところブラウザ側で実装されるといいですね。 ちなみに、

    Selectors Level 4 の Working Draft が更新される
    raimon49
    raimon49 2013/05/04
  • Firefox 20 にしたら Open With がちょっと便利になった

    Open With アドオンを入れた状態で Firefox 20 にしたら、Web コンソールに別のブラウザで開くボタンが追加されてちょっと便利になったよっていうお話。 昨日、Firefox の最新バージョンが正式リリースされました。皆さん、もうアップデートは済ませましたか? で、新しい機能とか、改善された点などは下記のリンク先などを見ていただければよいのですが、今回は 「Open With」 という、今、Firefox で開いているページをワンクリックで他のブラウザでも開けるアドオン を入れた状態で Firefox 20 にしたら、Web コンソールに別のブラウザで開くボタンが追加されてちょっと便利になったよっていうお話。 プライバシーコントロール機能を強化した Firefox 最新版を公開しました : Mozilla Japan ブログ Firefox 20.0 リリースノート という

    Firefox 20 にしたら Open With がちょっと便利になった
  • jQuery Core 1.9 アップグレードガイド 日本語訳

    ちょっと話題としては乗り遅れた感が漂いますが、先月末に jQuery 1.9 の正式版、および jQuery 2.0 のベータ版がリリースされました。 jQuery 1.9 final, jQuery 2.0 beta, Migrate final released : Official jQuery Blog これに際して公開された、jQuery 1.9 への移行ガイド 「jQuery Core 1.9 Upgrade Guide」 を翻訳してみたので下記に公開してみます。 jQuery 1.9 / 2.0 とは? jQuery 2.0 は IE 6/7/8 への対応をやめることで、より軽量で高速、そして安定化を目指した jQuery のメジャーバージョンアップ版ですが、jQuery 1.9 は 2.0 と 完全な互換性を持ちつつも、レガシーブラウザへの対応が可能なバージョンで、IE 8

    jQuery Core 1.9 アップグレードガイド 日本語訳
  • カーシェアリング (タイムズカーシェア) を半年間使い倒してみた

    普段のこの Blog の趣旨とはかなりずれるんですが、カーシェアリングってのをここ半年間使い倒してて、折角なので半年間ヘビーにカーシェアリングを使ってみた私の感想などをシェアしちゃおうかなと思います。どうせなんで具体的な利用金額も公開しちゃう。 「タイムズカープラス」は 2019年 5月より「タイムズカーシェア」に名称変更しているため、記事の内容はそのまま、記事内に出てくるサービス名称のみ「タイムズカーシェア」に修正しています。 普段のこの Blog の趣旨とはかなりずれるんですが、カーシェアリングってのをここ半年間使い倒してて、折角なので半年間ヘビーにカーシェアリングを使ってみた私の感想などをシェアしちゃおうかなと思います。 どうせなんで具体的な利用金額も公開しちゃう。 目次 長くなったので目次を付けました。 カーシェアリングって何? 何でカーシェアリングを使うことになったのか カーシェ

    カーシェアリング (タイムズカーシェア) を半年間使い倒してみた
    raimon49
    raimon49 2013/01/17
    >ちなみにこの 30,000円って金額、我が家の近所だと駐車場さえも借りられません。恐るべし東京...... / ひぃ。レンタカーとの比較が良く分かった。
  • HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ

    iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか?私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5

    HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
    raimon49
    raimon49 2012/09/24
    >同一ドメイン上にあるコンテンツでも、Chromeless webapps として提供されている場合は、ストレージは個別のものとなります。異なる Chromeless webapps 間でデータの受け渡しが必要な場合は注意が必要です。
  • iframe 要素の seamless 属性を試してみた

    WebKit Nightly Buildsが iframe 要素に追加された seamless 属性に対応したとのことなので、早速どんな感じになるのか確認してみました。 Last week in WebKit: Inspector's sources panel and private names : Surfin' Safari Add seamless layout code (and pass most of the remaining seamless tests) : Changeset 118291 WebKit 現在公開されている WebKit Nightly Builds の最新版、及び Google Chrome も、開発者向けビルド (Dev channel) の最新版 「21.0.1155.2」 で動作しているのが確認できました。インストール済みの方は下記にデモページ

    iframe 要素の seamless 属性を試してみた
    raimon49
    raimon49 2012/06/01
    targetは暗黙的に親になり、スタイルも親から継承。本当の親子ドキュメントのような関係になる。
  • HTML5 でやりがちな間違い

    HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes : HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日語にしたものではあり

    HTML5 でやりがちな間違い
    raimon49
    raimon49 2011/07/27
    無理して新要素でマークアップしなくて良い。
  • Firefox 4 で Minibuffer + LDRize + ReblogCommand を動かす

    Firefox 4 の正式版が出たので使っていますが、ベータ版からきちんと確認していなかったことで正式版を入れてみてから初めて気がついた問題点っていうのがいくつかあります。 その中でも捨て置けない問題だったのが Greasemonkey アドオン関連で Minibuffer + LDRize + ReblogCommand という、特に Tumblr の Dashboard 上でなくてはならない UserScript セットが動作しなくなったってこと。 実はこれら UserScript がうまく動作しなくなるっていう問題に関しては、Firefox 3系で Greasemonkey が 0.9.0 → 0.9.1 にアップデートしたときにも発生したのですが、その際は 0.9.0 にダウングレードして使い続けるか、tombloo のパッチとしてリリースされている 「greasemonkey.s

    Firefox 4 で Minibuffer + LDRize + ReblogCommand を動かす
    raimon49
    raimon49 2011/03/28
    Minibufferもか
  • Firefox 4 正式版入れてみた

    昨日の夜ですが、Firefox 4 の正式版がリリースされましたので入れてみたところ、まぁ予想通りですがアドオン関連で色々と大変な感じになりましたのでご報告まで。今回は別プロファイルを作成してそちらでインストールしました。なので、Firefox 3系と 4系を共存させる方法も参考までに書いておきます。 色々と大変な時期ですが Blog はなるべく通常モードで。さて、昨日の夜ですが、Firefox 4 の正式版がリリースされましたので入れてみたところ、まぁ予想通りですがアドオン関連で色々と大変な感じになりましたのでご報告まで。 ちなみに、ベータ版で 1回試しインストールをした後は、正式版のリリースまで特に試したりしていなかったので Firefox 4 は今回の正式版がほぼ初体験でした。さすがに現在のメイン環境をいきなりアップデートするのは冒険すぎるってことで、今回は別プロファイルを作成してそ

    Firefox 4 正式版入れてみた
    raimon49
    raimon49 2011/03/23
    3系と共存
  • 1