モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
ウェブ製作に便利な９のFirefox拡張機能 | Google Mania - グーグルの便利な使い方
ウェブ製作に便利な９のFirefox拡張機能 管理人 @ 7月 5日 08:51am Firefox Deziner Folioの9 Essential Firefox Extensions for all Web Developersというエントリーで、ウェブ製作者向けのFirefox拡張機能が紹介されていたので、自分のためにも簡単に訳してみました。 1. Firebug Firebugを使えば、あらゆる Web ページの CSS、HTML、および JavaScript をリアルタイムに編集、デバッグ、モニタすることができます。また、発見したバグを知らせてくれるので、自分でエラーコードを探す手間が省けます。限定したサイトのみにfirebugを動作させるようにカスタマイズし、プレビューしたサイトに対して、on the flyでＣＳＳを編集することもできます。 2. MeasureIt ウェ
ITmedia Biz.ID：Webページをキャプチャして、加工もWebで行う
Webページを上から下まで丸ごとキャプチャして、簡単に加工して、さらにFlickrなどにもアップロード。picnikを使えば、データをダウンロードすることなく、こんなことが可能になる。 Webページをキャプチャしたいというニーズに応えるソフトはいろいろあるが、今回はWebブラウザが今開いているページを丸ごとキャプチャして、それをWeb上でトリミングしたり修正したり加工して、さらにFlickrやPicasa Web Albumなどにアップロードしたりメールで送信できたりするサービスを紹介する。 キャプチャから加工までWebでOK この「picnik」というサービスは、基本的にはWeb上で動くPhotoshopのような画像処理アプリケーションだ。PC内にある画像やWeb上の画像を取り込んで、処理が行える。面白いのは、Firefox用の拡張機能が用意されていること。この拡張をインストールすると、
ITmedia Biz.ID：第7回 Firefoxを高速に操作する10の技
Internet ExplorerからIEコンポーネントのタブブラウザ（Donut）へ。そしてFirefoxへと、筆者のブラウザ環境は変遷してきた。 今回は、Firefoxを使ってWebブラウズするときに、高速に操作する10の技を紹介する。いや、設定を細かくカスタマイズするというよりも、どちらかというと使い手側をカスタマイズする。Webブラウザはマウスで操作するもの──という思いこみを捨てて、驚くほど速いキーボードブラウジングの世界へ来てみよう。 （1）タブを切り替える Firefoxはタブブラウザだから、当然多くのタブを開きながら操作することになる。そしてタブを行き来しながら、ページを見たり、違うタブを開いて入力したりするわけだ。ここはぜひマウスを使わずに、キーボードショートカットで済ませたい。基本となるのは下記の3つだ。 ［Ctrl］＋［Tab］ タブを順に切り替える。お勧めはタブ機能
ブロガーに最適？参考情報を管理できるFirefox拡張『Zetoro』 | P O P * P O P
何かを調べていて参考情報をまとめておきたいと思ったことはないでしょうか？ ブログを書いているとそんな機会も増えます。そんなブロガーのためのFirefox拡張がこの「Zotero」（もともと論文を書くためのツールですが）。これを使えば関連ページを簡単に管理することができます。 » Zotero – The Next-Generation Research Tool 日本語にも対応しているのがうれしいですね。なお、Firefox 2.0専用です。それ以前のバージョンでは動作しませんのでご注意を。 では下記に簡単にご紹介。 ↑ 拡張をインストールするとブラウザの下部に参考情報をまとめるウィンドウが。こちらのボタンで見ているページの情報を一発保存してくれます。 ↑ タグ付けも可能。あとで分類するときに便利ですね。 ↑ メモを付けることもできますよ。引用したい箇所やちょっとしたアイディアを書いておく
【レビュー】これは凄い! Ajax最強のデバッグツール"FireBug 1.0"リリース (1) デベロッパのアツい視線を受ける実力派エクステンション (MYCOMジャーナル)
デベロッパがFirefoxを使う理由はエクステンション! Ajax Webアプリケーションの開発者には、WebブラウザとしてFirefoxを愛用しているユーザが多い。その理由のひとつに豊富なエクステンション機能が挙げられる。Firefoxを使っているからエクステンションを使っているというよりも、エクステンションを使いたいからFirefoxを使っているという感じだ。 デベロッパに人気のあるエクステンションはいくつもあるが、代表的なところではAll-in-One GesturesやDictionarySearch、Greasemonkey、User Agent Switcher、ScrapBookなどを挙げることができる。そしてAjax Webアプリケーションの開発において必須ともいえるエクステンションに、Firebugがある。 Firebugに対する称賛の声は枚挙にいとまがない。「Fireb
[N] FirefoxでFTPする機能拡張「FireFTP」
Download of the Day: FireFTP (Firefox)というエントリーより。 Firefox only: Turn your browser into a full-featured FTP client with FireFTP, a free plug-in for Firefox. FirfoxをFTPクライアントにしてしまう「FireFTP」という機能拡張がありました。 After installing it, you’ll need to head to Firefox’s Customize Toolbar menu and drag the FireFTP icon to a toolbar. インストール後にカスタマイズツールバーメニューから「FireFTP」アイコンをツールバーにドラッグ＆ドロップすることで利用可能になるそうです。 あとはツールバーに
![[N] FirefoxでFTPする機能拡張「FireFTP」](https://cdn-ak-scissors.b.st-hatena.com/image/square/6cb465f645044307c6b1a9cc8995b188a52776d5/height=288;version=1;width=512/https%3A%2F%2Fnetafull.net%2Fwp-content%2Fuploads%2F2007%2F01%2Ffireftp1.jpg)
ITmedia Biz.ID：Webページのスクロールキャプチャを極める
Webページの上から下まで、画面全体のスクリーンキャプチャを一発で撮る場合に便利なソフトを2本ご紹介しよう。動的なページや会員制ページも簡単にキャプチャできるのだ。 Webページの画像をプレゼン資料や仕様書に貼り付ける際、スクリーンショットを撮る必要が生じる。この際、ニーズとして多いのが、Webページすべてを一発でキャプチャする機能だ。本来ならスクロールしなければ見えない部分までを、1枚の画像として保存してくれる機能である。 こうした機能を持つソフトはいくつもあるが、IEコンポーネントを用いて動作するタイプと、それとは反対にブラウザの一部として動作するタイプの2種類に分けられる。前者は「url2bmp」が有名だが、ブラウザを用いずにスクリーンショットを取得するため、動的なページが取得できないのが難だ。同じ理由で、パスワードが必要な会員制サイトに対応できないことも多い。 そんなわけで、今回は
便利すぎて困る程のFireBug1.0系を使ってみよう:phpspot開発日誌
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか？(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
Firefox をインストールしたらまず行う設定(Firefox 2.0 版) - SmallStyle (2006-10-25)
_ Firefox をインストールしたらまず行う設定(Firefox 2.0 版) Firefox 2.0 がリリースされたので，Firefox をインストールしたらまず行う設定の 2.0 版で書き直してみました．1.5 系から 2.0 系へのアップデートの場合，プロファイルを再作成したほうが何かと問題もなくすむからお勧めです．以下は，2.0 版の設定．1.5 のときとそれほど大きな違いはないけど． ツールバーの整理 これは人それぞれ好みがあると思うので，お好きなように．私の場合は以下のようにしています． ツールボタンを進む/戻るのみにする(基本はキーボードショートカットで) ツールボタンを小さくする BookmarkToolbar をメニューの横に移動して，ツールバーは 2 段にする． Options (設定) Main (一般) "When Firefox starts (Firefo
朝顔日記 - Firefox 1.5 から 2.0 へ移行した際に役に立つかもしれない設定とか
2006-10-25 ua firefox Firefox 2.0 リリース記念企画ということで、Firefox 1.5 から 2.0 ヘ移行したときにアレっと思うような変更点とか、便利な新機能を使うための Tips などを書いてみましょう。 タブの閉じるボタンが邪魔な場合は Firefox 2.0 からタブごとに「閉じるボタン」が装備されましたが、about:config などを使って browser.tabs.closeButtons の値を変更してやることで、この「閉じるボタン」を非表示にしたり、Firefox 1.5 までと同様、タブバーの端にひとつだけ表示するようにしたりすることができます。 about:config の使い方ですが、ロケーションバー（URLなどを入れるところ）に about:config と打ち込みます。次に、フィルタの欄に設定名を入れます。この場合、brows
ColorZilla for Firefox - Eyedropper, Color Picker and much more
ColorZilla for Firefox is an extension that assists web developers and graphic designers with color related tasks - both basic and advanced. ColorZilla includes a Color Picker, Eye Dropper, Gradient Generator and many additional advanced color tools. With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can anal
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefox 拡張機能コレクション | Diaspar Journal
caramel*vanilla » 見ているサイトのカラーパレットを瞬時に作る方法