フロントエンド開発が捗るHTTP通信モニタリングツール「Charles」を使いこなす
はじめに 「Charles」はHTTPのプロキシ・モニタを行えるGUIのツールです。似たようなツールとしてはFidllerが代表的ですが、CharlesはUIや操作性がシンプルです（その分機能は限定的です）。「HTTPをモニタする」というとなんだか取っ付きにくそうに感じるかもしれませんが、Charlesを使うことでその認識は大きく変わります。今回はこのツールのさまざまな使い方をWebフロントエンドの開発視点から紹介していきたいと思います。その便利さから弊社のWebフロントエンド開発チームにはなくてはならないツールとなっています。 Charlesとは Charlesは公式サイトの説明にもある通り、HTTPプロキシ／HTTPモニタを行うツールです。機能を大きく分類するとできることはその2点だけですが、かゆいところに手が届く細かな機能を多く持っています。公式サイトから引用すると、機能としては以下
Mozilla Japan - Firefox 用アドオン - Firebug
ダウンロード ワンクリックで使える豊富な Web 開発ツールを Firefox に統合します。Web ページの HTML、CSS、JavaScript、Ajax をリアルタイムに編集、デバッグ、監視できます。 対応バージョン Firefox 2.0 - 3.0.* 詳しい説明 Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 詳細 作者のコメント、バージョン履歴、サポート情報などは以下のリンク先をご覧ください。(外部サイトへ遷移します) https://addons.mozilla.org/ja/firefox/addon/1843
【みんなの知識 ちょっと便利帳】URLエンコード/デコードツール = UTF-8
URLエンコード/デコードを行います。このページはUTF-8バージョンです。EUC-JP、Shift_JS、Unicode、JISのバージョンも用意しました。『みんなの知識 ちょっと便利帳』の一部です。
米Lifehacker編集部オススメのMac用クイックアップローダーは『Dockdrop』 | ライフハッカー・ジャパン
■特にすばらしい点 Dockdropの使い方はすばらしくシンプルです。最初にアプリを開き、FTPやSCP/SFTP、WebDAVのサーバの情報を入力するか、Flickrのアカウントで認証します。一度その設定をしておけば、後はDockdropのアイコンにファイルをドラッグするだけで、そのサーバやアカウントにアップロードしてくれます。アップロード先をいくつか設定したい場合は、それぞれのサーバに1～4まで番号を振るように聞いてくるので、番号を選べばOKです。ファイルのアップロードが完了したら、クリップボードにURLがコピーされます。ファイルをドラッグするかわりに、Dockdropの設定画面で特定のショートカットを設定してそれを使うことも可能です。 ■改善してほしい点 Dockdropの一番大きな欠点は、アップロード先が4つまでに制限されており、それを変更できないところでしょう。しかし、ほとんどの
【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita
2019/06/11追記: これは2012年の投稿です。なぜかはてなブックマークで拡散されていますが、内容は時代にそぐわなくなったものもあるのでご注意ください。 これ知らないプログラマって損してんなって思う汎用的なツールのコメントに寄せられたツールを分類分けしてみました。 解説は、ほぼコメントに寄せられた内容のコピペです。 URLのみの記述は公式サイト(か、ほぼ公式サイトと化しているサイト) 公式サイトとは別に、ページタイトルだけでツールを説明しきっているページへのリンクも付けておきました。類似ページが複数ある場合は、はてブのブックマーク数が多いものを選びました。 知らないツールもあるので、分類がいいかげんなところもあると思います。何か気づいたらコメントください。 解説が不十分なツールについても、補足（コピペで本文に取り込める体裁だとありがたい）を頂けると助かります！ 元ネタの投稿は現在進
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
