Aggregator

レスポンシブウェブデザインまたは動的配信への変更にともない、モバイル向けサイト用に割り当てていた別URLをPC向けサイトと統一したURLに変更する場合は302リダイレクトを利用する。301ではない。スマートフォンサイトの移転を解説したドキュメントに書いてあるとおり。

- レスポンシブウェブデザインへの変更時には302リダイレクトを使う、301ではない from #SMX Advanced 2014 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

今回は Webエンジニアだけでなく、Web制作・マーケティングに携わるあらゆる方におススメしたいと思います。

• ワンタッチで使用できて設定も簡単！
• Web関連のお仕事に携わる方全般におすすめ！

本記事でご紹介するアドオンの一部は、インストールしてブラウザの再起動をかけた後、ツールバーをカスタマイズしてボタンを表示させる必要があります。詳しくは下記リンクをご覧ください。
ツールバーをカスタマイズする方法

また本記事で紹介するアドオンのうち、Google Chrome にも存在する場合は合わせてご紹介いたします。

ブラウザ上であっという間に採寸できる「MeasureIt」

• MeasureIt：Firefox
• MeasureIt：Google Chrome

まずご紹介するのはそこそこメジャーなこのアドオン。こちらはアイコンをクリックすると、ブラウザ上で四角形のメジャー付きのボックスを表示して余白などの幅と高さをpx単位で知ることができます。一度作った四角形はそのままの状態で移動させたり、縮小・拡大もできるので微調整が簡単にできます。

なくても全く問題ないアドオンですが、「何px離れてるか知りたいけどわざわざPhotoshop なんかを立ち上げるのはちょっと…」というときに便利です。

このアイコンが目印！

思い立った時にWebサイトのIPが確認できる「Flagfox」

• Flagfox：Firefox
• Flagfox：Google Chrome

続いてこのプラグインは、ロケーションバー（サイトのURLが表示されている場所）の右端にサーバーが置いてある国の旗が表示され、今アクセスしているWebサイトのサーバーがどこの国にあるか一目でわかります。

一見役に立ちそうもないアドオンですが、アイコンを右クリックして表示されるメニューでIP情報の取得やドメイン調査のWhois 機能が使えます。ひょんなことからIP情報が必要になってしまった時なんかに役に立つかと思います。

アイコンを右クリックメニューした場合

またアドオンのアイコンをクリックするとこんな情報も見ることができます。

Flashオブジェクトを無効化したい時に「Flash Killer」

• Flash Killer：Firefox

こちらは開いているページのFlash オブジェクトをワンタッチで一時的に無効にしてくれるプラグインです。しかも無効にしても動画表示領域は保ってくれますのでレイアウトが変わることはありません。なおページをリロードすれば再度表示できます。

1ページにいくつもの動画が貼ってあるサイトを開いてしまい、ブラウザのパフォーマンスが著しく低下した際に無効化させる時なんかに便利です。
私は制作中、Flash オブジェクトがどうしてもジャマに感じることが多々あるため、ものすごく重宝してます。

ビフォー

このアイコンをクリック

アフター

ワンタッチで本番ページと開発ページを切り替えられる「Server Switcher」

• Server Switcher：Firefox
• Server Switcher：Google Chrome

そして今回ご紹介するアドオンの中で個人的に一番おススメなのがこちら！本番環境とテスト環境をワンタッチで切り替えることができます。都度URLをコピペするのはめんどくさい・・・というWeb担当者の方に特におススメいたします。

アドオン設定で最初にサイト名、本番URL、開発URLをワンセットで登録しておけばロケーションバー右端に下記のようなアイコンが表示されます。

このアイコンは本番環境

こっちはテスト環境

上記アイコンをクリックか、ショートカットのCtrl + Shift + X で簡単に切り替えることができます。めちゃくちゃおススメです！

上図の設定画面のように、通信プロトコルもそれぞれ設定でき、ディレクトリ階層も指定できます。
※テスト環境が2つ以上ある場合などは対応してませんのでご注意ください

このアドオンは設定ファイルのインポート/エクスポートはできないものの、設定ファイル本体を各PCにコピーすることで設定を共有することもできます。
設定ファイルは私の環境（Windows 7：Firefox）だと下記にあります。

C:\Users\(ユーザー名)\AppData\Roaming\Mozilla\Firefox\Profiles\(乱数).default\serverswitcher.sqlite

Firefox を終了した状態で serverswitcher.sqlite というファイルをコピー・上書きしてブラウザを立ち上げると反映されます。

※注意※Chrome の場合は安全に共有できるか不明なため、本記事でのご紹介は割愛いたします

いかがだったでしょうか。また何か面白いアドオンに出会えたら随時ご紹介したいと思います。

SMX Advanced 2014のYou&Aセッションをレポートする。You&Aは、Googleのマット・カッツとダニー・サリバンのQ&Aトーク。さまざまな質問にマットが答える。ダニーの突っ込んだ質問にマットもたじたじ？

- Googleのマット・カッツがあんな質問、こんな質問、どんな質問にも答える at #SMX Advanced 2014 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki