モバイルアプリ・Web開発にオススメの Chrome 拡張機能 10選 - Tech Blog
カップル専用アプリPairyでおなじみ株式会社TIMERSのCTOの椎名アマドです。 先日うちの社員と話してて自分が普段使ってるChrome拡張機能をしれっと紹介したら、 「生産性が上がる」とだいぶ好評価でした。 なので今回は、モバイルアプリやスマートフォンWeb開発などに役立ってる、Chromeの拡張機能を紹介します。 使う使わないでかなり生産性が変わってくるものもあるので、是非活用してみてください。 API開発に最適 JSONView オススメ度：★★★★★ JSONで来たレスポンスを、綺麗に最適化して表示してくれます。 わかりやすく色分けハイライトされてたり、配列を畳むことが出来たりと、 APIを絡めた開発では必需品です。 Postman - REST Client オススメ度：★★★★★ REST リクエストをその場で作成して送信できるクライアントツールです。 GET/POST/D
Mozilla Re-Mix: ボタン一つでIPを偽装してブラウジングを行うことができるFirefoxアドオン「Stealthy」
ウェブサービスによっては、アクセスしたユーザーのIPアドレスから国などの情報を取得し、そのユーザーに適したページを表示したり、アクセスを制限したりすることがあります。 インターネットラジオサービスの「Pandora」などは日本からのアクセスができないことなどがよく知られていますね。 また、一部の海外ブランド直販サイトでは、米国本店で安く買い物をしようとしてアクセスしても日本法人のサイトにリダイレクトされてしまい、日本の価格でしか購入ができないようになっていたりもします。 しかし、このような処理がされても使いたいサービスがあるでしょうし、お得に買い物をしたいこともあるでしょう。 Firefoxユーザーなら、このようなIPによる制限を回避するようなことはなんでもない作業だと思いますが、設定がややこしかったり、サーバを探したりするのが面倒だったりしますね。 Firefoxに「Stealthy」と
デザイナー・デベロッパーのためのGoogle Chromeエクステンション17 – creamu
Google Chromeの拡張機能を探している。 そんなあなたにおすすめなのが、『17 Google Chrome Extensions for Web Designers and Developers』。デザイナー・デベロッパーのためのGoogle Chromeエクステンション集です。 便利そうなのが揃っているので、いくつかご紹介しますね。 Eye Dropper サイトから色を抽出できるカラーピッカー Aviary Screen Capture スクリーンショットを撮れるアドオン Chrome Sniffer 見ているページで使われているフレームワークやCMSを表示してくれる The Lorem Ipsum Generator Lorem Ipsumのダミー文字を生成してくれるアドオン Chrome SEO インデックス数、バックリンク数などを表示してくれるSEOツール IE Tab
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
スピードアップに効く！Google Chrome Extension 厳選14本＋1 | シゴタノ！
少し出遅れの感がありますが、2週間ほど実際に使い続けてみて「これなら仕事に役に立つかな」と思えたChrome Extensionをご紹介。いずれも「むしろ仕事の邪魔になるかも」あるいは「意味ないかも」と思えたものは自分でも無効化もしくはアンインストールしたので、「ちょっと便利」程度のものは入っていません。 また、以下の堀さんのエントリーで紹介済みのものも入っていません。 » Mac 版 Chrome で作業を大幅加速！ 必須の 8 個の拡張機能 1．Go Extensions 拡張機能一覧ページ（chrome://extensions/）へのショートカット。 » Extensionをいろいろ試したいなら最初に入れるべきExtension。 2．LinkOpenNewTab クリックしたリンクが異なるドメインの場合は、新規タブで開く。 » 新規タブで開くかと思いきや、表示中のタブに上書きされ
Mozilla Re-Mix: Firefoxのサイドバーでニコニコ動画とYouTubeの作業用BGMを再生できるアドオン「BGM Fox」
YouTubeやニコニコ動画の動画は、映像として観るだけでなく、「音楽」として再生することもよくあることです。 そんな時に、両サイトにわざわざアクセスして動画を選択し、１つを再生し終わるたびに次の動画を再生するようなことをしていては、とても作業用BGMとは言えませんね。 こうした動画をBGMとして聞くのなら、やはり音楽プレーヤーのように管理し、お気に入りを連続再生したいところです。 そんな作業用BGMフリークにおすすめのFirefoxアドオンが「BGM Fox」です。 「BGM Fox」は、FirefoxのサイドバーにYouTubeとニコニコ動画のコントロール機能を与えてくれるアドオンで、このアドオンをインストールしておけば、作業用BGMの検索から再生、プレイリストへの追加による連続再生などが簡単に行えるようになります。 アドオンをインストール後、ツールメニュー、または専用のボタン をク
WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」:phpspot開発日誌
WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」 2009年08月17日- UrlParams :: Firefox Add-ons WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」。 もうご存知の方も多いかもしれませんが、知らなかったのでご紹介。 Yahoo! などの検索エンジンにアクセスすると、「http://search.yahoo.co.jp/search?p=test&ei=UTF-8&fr=moz2」のように色々と引数がつきますが、これを分かりやすく解析してくれます。 さらに解析するだけでなく、独自パラメータを定義して送信するといったことも可能です。 上記GETによるアクセスで、以下のようにパラメータを分かりやすく表示してくれます。 POSTの場合は別のペインにパラメータが表示さ
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル
あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(
「このページを見た人はこのページも見ています」を実現するFirefoxのアドオン『Fast Forward』 | 100SHIKI
なんかいいサイトないかなぁ、というときに使えそうな（多分）ツールのご紹介。 BuzzBoxが配布しているFast ForwardなるFirefoxのアドオンは、ブラウザの「戻る」「進む」ボタンに加えて「早送り」ボタンを追加してくれる。 なんとこのボタンを押すと「あなたが今見ているページのあとに他の人がよく行くページ」に連れて行ってくれるのだ。 どうやら各種ネット上の公開データやユーザーが匿名で提出する情報をもとに算出しているようだ。 まだユーザー数が少ないから微妙ではあるが、「他の人が見ているものも自分も見たい」という欲求が人にはあるだろう。 こうした「みんなで楽しむ仕組み」はもっと出てくるといいですね。
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
メニューバーの無いFirefox生活送りませんか？ | ライフハッカー・ジャパン
メニューバー、ナビゲーションツールバー、ブックマークツールバー、あと、GoogleツールバーとFirefoxの上部って過密状態ではないでしょうか。 その中でも、メニューバーって、時々しかアクセスすることがないわりに、しっかりと画面上部を占有しています。私のように、六畳一間のようなXGA解像度のノートPCを使う者にとっては、目障りな存在ではないかと思います。こんなメニューバーを非表示にして、すっきりと画面を広く使いたいと考えている方は、Firefoxの拡張『Personal Menu』を是非ともお試しください。 この拡張を導入すると、メニューバーを非表示にしてアイコンだけにして、すっきりとまとめてくれます。Altキーを押せば、今までのようにメニューが表示されてアクセス出来るし、頻繁に使うメニューがあるのであれば、それだけを表示することもできます。 私は『Personal Menu』を導入して
firefox3対応のお薦めアドオン１６個＋Greasemonkey - 敷居の先住民
次世代ブラウザ Firefox - 高速・安全・自由にカスタマイズ 「軽い」「使いやすくなった」と評判のfirefox3。僕もご多分に漏れず正式版公開と同時にサッサと乗り換えてます。 普通こんだけメジャーなソフトのバージョンアップというと「○○は良くなったが××は前のほうが」とか言われそうなもんだけど、firefox3って全然悪い評判聞かないので乗り換えに躊躇する理由ほとんど無かったんだよね。唯一、そして非常に大きな理由になりえたのはアドオン対応なんだけど、僕は元々そんな大した数のアドオンは入れてなかった上にほとんど既に対応していたので問題無し。 しかしバージョンアップして前とほとんど同じ使い方というのもいかにも味気ない話です。せっかくなので、お薦め記事を巡ったり公式ページを彷徨ったりして常用アドオンを増やしてみました。 「それ、Firefox3でも出来るよ？」とOpera信者に言い放つた
ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
| ＾＾ |秒刊SUNDAY | もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個
2008年07月09日 もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個 Firefoxの強みといえば、やはり膨大な種類と強力なアドオンでしょう。その中でも特に使える、そして開発に役立つアドオンがありますので是非活用してみてください。もうこれでアプリ要らなくなるかもしれません。 ◆DreamWeaverの代わりに『Codetch』 言うならば、DreamWeaver。ブラウザ上で、HTMLのコーディングが視覚的にできてしまうDW要らなくなるソフト ■Codetch.com :: Home ■インストール ◆ブログエディタ『ScribeFire Blog Editor』 Wordpressなどのブログに投稿する機能を持ったエディタです。 ■ScribeFire - Fire Up Your Blogging! ■インストール ◆簡単なアプリ開発『The Pencil
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
サーバーエンジニアが入れておくと便利なFirefoxアドオン７選 - Unix的なアレ
サーバーエンジニアといえど、ページ表示のパフォーマンスチューニングなどブラウザで確認したりすることはよくあると思います。 自分自身のメモもかねて、そんな際に自分がよく使用しているアドオンを紹介したいと思います。 firebug JavascriptやCSSのコーディングをやる方にはおなじみですね。firebugです。私はjavascriptのDebugだけでなく、各コンテンツの取得時間を見る際にも使用しています。 https://addons.mozilla.org/ja/firefox/addon/1843 Yslow firebugに付加機能として追加できるyslowです。これもパフォーマンスチューニングの際には効果を発揮します。 expireの期間や、gzipしているかなどからそのページのパフォーマンスのランクを表示してくれます。 https://addons.mozilla.org
ウェブデザイナーのための16のFirefoxのアドオン | コリス
Mashableのエントリーから、ウェブ制作に役立つ、16のFirefoxのアドオンを紹介します。 Another 16 Firefox Add-ons For Web Designers Font Finder テキストに指定されているスタイルシートを表示します。 Link Evaluator ページのリンクをチェックします。 LiveHTTPHeaders ヘッダ情報を表示します。 OperaView Operaでのレンダリング確認用に。 Pagediff 別々の2ページの差分をチェックします。 Python Sidebar for Mozilla サイドバーにPythonのリファレンスを表示します。 RankQuest SEO関連の各種情報を表示するツールバー。 SEOforFriefox GoogleやYahoo!の検索結果ページに、SEO関連の情報を表示します。 SEOQuake
SEOに便利なFirefoxエクステンション色々:phpspot開発日誌
SEOに便利なFirefoxエクステンション色々 SEO用のエクステンションもいろいろあるようですね。 SeoQuake :: Firefox Add-ons SEOに便利なFirefoxエクステンション「SeoQuake」。 インストールすると、Googleのページランク、リンク数、関連リンク、Yahooのリンク数、関連リンク数などの情報が得られます。 SEO for Firefox Ｇｏｏｇｌｅの検索結果にページランクなどのSEO情報を表示。 その他便利な機能いろいろ RankQuest SEO Toolbar ３０以上のSEOツールに簡単アクセス Live PageRank ページランクをステータスバーに表示 Alexa Sparky Ａｌｅｘａ情報をステータスバーに表示 SEOHAND ページランク、バックリンクなどを元にグラフを作成 実に様々な拡張がありますね。IEもこんな感じに
FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」:phpspot開発日誌
Codetch :: Firefox Add-ons Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you...FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」。 インストールすると「ツール」メニューにCodetechが追加され、実行すると次のようなDreamWeaver風のWYSIWYGなHTMLエディタが表示されます。 CodeタブでHTMLを修正することもでき、PreviewタブでWYSIWYGな編集も可能です。 DOMインスペクタや CSS/HTML/XMLバリデーターなどの機能も持っています。 素早くHTMLページを作りたいという場合に、便利な拡張ですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
