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