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

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

jQuery 公式 Blog は、「Don't Use jquery-latest.js」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 jQuery 公式 Blog は、7月 3日付けで投稿された 「Don't Use jquery-latest.js （jquery-latest.js を使うな）」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境 （公開している Web サイト） で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 Don't Use jquery-latest.js ： Official jQ

Foursquare がリニューアルし、従来のチェックイン機能などを新しいアプリ 「Swarm」 に分離。Foursquare はスポット検索に特化したアプリとなりました。ここでは 「Swarm」 アプリの使い方と Foursquare の変更点を解説しています。 ある場所への、所謂チェックインを共有するロケーションベースのソーシャル・ネットワーキング・サービスとして人気の Foursquare は日本でも使っている人が多いと思います。 今月 1日ですが、その Foursquare が大きな方向転換をし、Foursquare アプリから主要機能だったチェックイン機能を削除、この機能を独立したチェックイン専用アプリ 「Swarm」 に移行、従来の Foursquare アプリはクチコミによってお店やスポット情報を検索するツール （Yelp とか 30min. みたいな感じ） に特化すると発表

フロントエンドの開発を色々と捗らせてくれる Grunt について、初めて Grunt を使うならこれだけまずはやってみたら？ という入門的な解説記事を書いてみました。 この記事は公開からかなりの時間が経過して内容が古いのと、Gulp を使ったフロントエンド開発環境構築について新しい記事 「Web サイト作るお仕事をしている人向け Gulp で作るフロントエンド開発環境」 を書いていますのでそちらをご覧ください。 Grunt の導入記事なんか珍しくもないし、色々な方がわかりやすい記事を過去にも書かれていているので今さらではありますが...... とはいえ、まだ使ったことがない人もいるだろうということで、「Grunt って何ですか？」 とか「使ってみたいけどよくわからない......」 なんていう Web デザイナー （主に HTML や CSS を書くフロントエンドな人） さん向けに、初めて

Google Chrome では設定画面からブラウザに保存してあるパスワードを簡単に見ることができて危ないっていう件について誤解されていそうな点をまとめてみたいと思います。 ソフトウェア開発者の Elliott Kember 氏が自身の Blog に「Chrome's insane password security strategy」 というタイトルで指摘する記事を書き、日本ではギズモード・ジャパンで翻訳記事が上がったことで話題になった、「Google Chrome では設定画面からブラウザに保存してあるパスワードを簡単に見ることができて、マスターパスワードの設定もないから危ない」 っていう件。 Chromeでは自動保存のパスワードが丸見え。サーッと血の気が引いたわ : ギズモード・ジャパン Chromeブラウザの「パスワード丸見え」問題にGoogleが釈明 ： ITmedia ニュース

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

Twitter カード 7タイプの仕様を Twitter の公式ドキュメントから翻訳して解説します。公式ドキュメントから抜粋して日本語で書き直していますので完全な翻訳ではありません。 Twitter Cards （Twitter カード）、この Blog でもかなり前から指定して使っていますが、7種類のカードから選択できたり、それぞれに指定できる値が異なってたりしてわかりにくいっていう声を聞きましたので （公式な日本語ドキュメントも今のところないし）、簡単に各カード種類別の仕様をまとめてみました。 Twitter Cards は、Facebook や Google+ などが採用している、OGP （Open Graph Protocol） を利用して、ウォールやタイムラインにリンクを投稿する際の表示内容を指定するのと同じ。それの Twitter 版です。タイムラインに URL が投稿されたと

Twitter 創業者、Jack Dorsey 氏が創業した 「Square」 は、スマートフォンをクレジットカード決済端末にする画期的なサービス。米国では 2010年からすでにサービスが提供開始されていて、当時、日本でもすげーって話題になりましたが、それから 3年、ついに日本でも三井住友カードとの業務提携により Square が利用できるようになりました。 Square − あなたのビジネスがうまくいく、いちばんスマートな方法です で、早速アカウントを作成してみましたよ。 Square とは 冒頭で書いたとおり、Square はスマートフォンを決済端末にして、個人やお店が簡単にクレジットカードによる決済を行えるようにする仕組み。 通常は加盟店審査を経て、その後、決済用の端末を導入するなんていう面倒な手続きが必要なため、個人や小さい店舗でクレジットカード決済を導入するのは敷居が高かったわけ

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

CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ

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

「WordPress サイトの .htaccess が改ざんされている件」という記事が話題になっていましたが、その原因に関して私が調べた範囲で書いてみます。 ↓これですけどね。 WordPressサイトの.htaccessが改ざんされている件 - 謎のindex.bak.php ： WP SEOブログ 【メモ】.htaccess改ざん事例（.htaccess/png/eval）※追記あり ： バカに毛が生えたブログ まず、ロリポップは関係ないので安易にサーバ会社の名前と組み合わせて書かない方がいいと思います。（追記：記事タイトルからサーバ会社名が消されたようですね） で、考えられる原因ですが、去年あたり、WordPress で人気のプラグイン、1 Flash Gallery のファイルアップロード機能や、timthumb.php に脆弱性があって （簡単に言えば誰でも外部からファイルをアッ

Dropbox Automator は、Dropbox の指定したフォルダにファイルがアップロードされたときに、あらかじめ指定しておいた各種処理を自動的に実行できるサービスです。 あけましておめでとうございます。新年初エントリーですが、TechCrunch 等で取り上げられていた、「Dropbox Automator」 を試してみたので紹介。 Dropbox Automator は、Dropbox の指定したフォルダにファイルがアップロードされたときに、あらかじめ指定しておいた各種処理を自動的に実行できるサービス。例えば、画像をアップしたら自動的に Flickr にアップしてくれたり、文書ファイルをアップしたら、自動的に PDF に変換しておいてもらうといったことが可能になります。 Dropbox AutomatorはDropbox専用のIFTTTみたい Automatisiere dei

今年の10月に一般公開されてから、ものすごい勢いで利用者が増えている写真共有サービス （というかアプリ）、「Instagram」。最初は写真とか特に趣味でもないし、別にいいかと思ってスルーしてたんですが、Twitter のタイムラインでもちょくちょく見かけるようになって気になってきたので使ってみました。そしたらこれ、面白いですね。ハマりますわ。 私も写真は撮りますし、興味はあるんですが、本格的に写真にのめり込んでいるわけでもないし、「私、写真が趣味です」 って人にいう程ではないわけですが、それでもこの 「Instagram」 にはハマりました。なんていうか、写真を撮って人に見せるっていうことの敷居を下げてくれるというか、写真を撮ることが楽しくなるアプリですよこれ。 私が面白いと思ったポイントは2つ。 アプリに搭載されたフィルターのマジックで普通に考えれば何でもない写真が、なんかいい感じにな

Twitter でもポストしましたが、Mozilla Hacks で次期 Firefox 4 における calc() 機能の実装についてアナウンスされていました。calc() 自体は CSS3 で策定中の機能としてかなり前から存在しますが、まだサポートしているブラウザがないので、馴染みはないかもしれません。Firefox にしてもまだサポート予定の段階ですし、正式に使えるようになるのは先の話ではありますが、calc() を使うことでどんなことができるようになるのか簡単に触れてみたいと思います。 Twitter でもポストしましたが、Mozilla Hacks で次期 Firefox 4 における calc() 機能の実装についてアナウンスされていました。 calc() 自体は CSS3 で策定中の機能としてかなり前から仕様が存在しますが、まだサポートしているブラウザがないので、馴染みはない

iPad が届いて1週間、いろいろと試してみた App の中から、特にお気に入りの App を 30個、独断と偏見に基づきピックアップして簡単な使い方といっしょに紹介する 「個人的お気に入り iPad App 30選」。残りの10個を紹介する 3回目です。最後はゲームなんかも少し織り交ぜて紹介してみます。ただ、個人的にはそれ程ゲームとかはやらないので、本格的なゲームというよりは、さっと遊べるシンプルなものが多いですが参考になれば。 iPad が届いて1週間、いろいろと試してみた App の中から、特にお気に入りの App を 30個、独断と偏見に基づきピックアップして簡単な使い方といっしょに紹介する 「個人的お気に入り iPad App 30選」。残りの10個を紹介する 3回目です。（前回のエントリーはこちら） 最後はゲームなんかも少し織り交ぜて紹介してみます。ただ、個人的にはそれ程ゲーム

iPad が届いて1週間、いろいろと App を試してみましたが、その中から、特にいいなと思った App を 30個ピックアップして簡単な使い方といっしょに紹介する 「個人的お気に入り iPad App 30選」 の 2回目です。 初回エントリーで 30個紹介！とか言ったことをちょっと後悔しつつ記事を書いておりますが、前回に引き続き 10個ほど紹介してみます。（前回のエントリーはこちら） 11. TweetDeck for iPad iPad 専用 （無料） デスクトップ、iPhone でも長く使わせもらってる Twitter クライアントです。複数のカラムを立ち上げて使う私としてはこれが今のところベスト Twitter クライアントなんですが、その iPad 版。画面が大きくなったことでデスクトップ版に近い感じで使えていいです。 ただ、現時点の最新版、v1.0.2 では大きな問題があって

iPad の日本発売開始から週も空けて、お祭り騒ぎもひと段落しましたね。iPad が手元に届いてからぼちぼち色々な App を試してみたりしていたのですが、iPad を使い始めて 5日間でひとまず定着した App を紹介してみます。 ただ、まだ iPad 用の App は数が少ないので、他で紹介されている App とかぶりますね。目新しい物はないかもしれませんが気にせず行きます。 現在のホーム画面はこんな感じ。まだまだ App は少ないのでホーム画面 3枚で収まってます。（画像クリックで拡大します） その中から、特にいいなと思った App を 30個ピックアップして簡単な使い方といっしょに紹介してみます。ちょっと数が多いですので、3回に記事を分けて更新します。まずは最初の 10個。 1. Evernote iPhone / iPad 両対応 （無料） iPhone の方でも使っていますが、

今日は iPad の日本での発売日ということで、朝から iPad 関連の話題でもちきりしたが、Apple Store で Wi-Fi モデルを予約注文していた私のところにも、今日の昼過ぎに無事届きました。開封の儀だの、iPad のパッケージ写真だのは、色々なところで上がっていて見飽きてると思いますので、とりあえず iPad が届いて最初に入れてみた App や壁紙とか設定して遊んでたのでその辺を中心に、ファーストインプレッションをまとめてみたいと思います。 今日は iPad の日本での発売日ということで、朝から iPad 関連の話題でもちきりしたが、Apple Store で Wi-Fi モデルを予約注文していた私のところにも、今日の昼過ぎに無事届きました。 開封の儀だの、iPad のパッケージ写真だのは、色々なところで上がっていて見飽きてると思いますので、とりあえず iPad が届いて最