俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その1〜 Charlesの素敵なところ - Qiita
個人的にフロントエンドエンジニア三種の神器の一つとして認定した。 特にハイブリッドアプリ（いわゆるガワネイティヴ）のデバッグですごく重宝している。 でもちょっと癖のあるUIで取っ付きにところもあり、こいつの魅力を伝えることを妨げる一因にもなっているように思える。 ということで、フロントエンジニア目線で何回かに分けてCharlesの使い方を紹介していこうと思う。 もちろんフロントエンジニアじゃなくても便利に使えるツールなので知らなければ何が出来るかくらいはちょっと見て欲しい。 SSLに対応したMITM(Man In The Middle)プロキシサーバーであるところ ブラウザなどのクライアントとインターネットの中間者となり、その間に流れてくるデータ、つまりHTTPリクエスト、レスポンスの内容を記録したり変更することが出来る。 また、CAとしての役割も果たすことができるためSSLの通信内容も復
俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その3〜 最初に覚えたい基本的なこと - Qiita
はじめに 個人的にまず最初に覚えたほうがいいんじゃなかなーと思ったことを順に説明する。 バックナンバー 俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その1〜 Charlesの素敵なところ 俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その2〜 インストールと設定 セッション 一連のWebトラフィックの記録単位のようなもの。 複数作ることが出来てタブで切り替えることができる。 アクティヴにできるのはひとつだけでアクティブなセッションはタブのタイトルに*が付き判別できる。 新規にセッションを作成すると作成したセッションが自動的にアクティヴになる。 既存のセッションを再開した場合は記録を停止して、再開したいタブを選択して記録を開始する。 ファイルにも保存することが出来るのでバグ報告の参考資料として共有するのにも便利かと思う。 また、全ての
Charlesでらくらくフロント開発 - Qiita
ドワンゴ Advent Calendar 2015 はじめに Webフロントを触るうえで、通信の監視は何れ避けて通れなくなる問題です。 WindowsであればFiddlerという有名なやつがありますが、僕が愛してやまない、Mac、Linuxにも対応したCharles Web Proxyというツールがあまりに便利すぎるので、その紹介をやりたいと思います。 正直このツールの有無は、エンジニアの幸福度に直結します。 ちなみにへーしゃではマルチサイトライセンスを購入してもらったので、いつでもどこでもCharlesをお仕事で使えます。 まだまだ社内での認知度が低い気がしますので、これを期にフロントを触る皆様も、そうでない皆様も是非試してみてください。 ……結構Charlesの売り上げに貢献している自負があるので、そろそろ何かもらってもいい気がします。 注 この記事は、Charles v3.11を使用
フロントエンド開発が捗るHTTP通信モニタリングツール「Charles」を使いこなす
はじめに 「Charles」はHTTPのプロキシ・モニタを行えるGUIのツールです。似たようなツールとしてはFidllerが代表的ですが、CharlesはUIや操作性がシンプルです（その分機能は限定的です）。「HTTPをモニタする」というとなんだか取っ付きにくそうに感じるかもしれませんが、Charlesを使うことでその認識は大きく変わります。今回はこのツールのさまざまな使い方をWebフロントエンドの開発視点から紹介していきたいと思います。その便利さから弊社のWebフロントエンド開発チームにはなくてはならないツールとなっています。 Charlesとは Charlesは公式サイトの説明にもある通り、HTTPプロキシ／HTTPモニタを行うツールです。機能を大きく分類するとできることはその2点だけですが、かゆいところに手が届く細かな機能を多く持っています。公式サイトから引用すると、機能としては以下
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜まとめ〜 - Qiita
