こんにちは、ヒナです。 今回は、Charlesについてと、PC・スマホの初期設定方法を紹介します。 Charlesとは ・アプリからAPIのリクエストをどう出しているのか確認したい。 ・サーバから返ってきたレスポンスの確認したい。 ・正しいドメインにアクセスしているかを確認したい。 上記のような事を、簡単に確認できる便利なツールのことです。 ※Androidは使用出来ません。 →セキュリティの観点からandroid7以上からは使用できなくなっています。 Charlesをインストールする 下記のリンクからCharlesをダウンロード出来ます。 https://www.charlesproxy.com/download/ ダウンロード完了後、各OSのインストールガイドに従ってインストールを行なってください。 PCの設定方法く ■プロキシーを設定を行う ①メニューバーの Proxy > Prox
はじめに 本稿はCharlesというプロキシツールのv4.5.6版の解説です。 【開発支援ツール】Charlesの使い方【神ツール】を書いた人ですが、記事が古くCharlesも更新されていたので書き直し記事みたいなやつです。 Charlesとは アプリ開発をしているとAPIのレスポンスを見たかったり、正しいドメインにアクセスしているかを確認したい場合が出てくると思います。 それが簡単にできる便利なツールがCharlesです!(とても便利) エンジニアなら是非Charlesを使いこなしましょう!!(とてもとても便利) 聡明な皆さんならもちろんご存知の神ツールです。 Charlesでできること ・通信のモニタリング -アクセスしたドメインやAPIのリクエスト/レスポンスのヘッダやボディを確認できます。 ・通信速度のシミュレーション -通信速度を変えて通信できるようになります。タイムアウトのテス
Charles は HTTP(S) 通信の内容を閲覧したり、改変したりすることができるツールです。 Android や iOS のアプリ開発などで通信のデバッグをする際に非常に役に立つツールですので、便利な機能や使い方についてご紹介したいと思います。 注意点 この記事では Charles の導入・設定方法についての解説は省略させていただきます。 私が Mac ユーザーですので、記事内で紹介しているショートカットキーや画面キャプチャは Mac のものとなります。 また、Charles のバージョンは v4.6.1 時点のものとなります。 通信の閲覧 Structure と Sequence タブ 通信を閲覧する際に Structure と Sequence の2種類のタブがあります。 Structure では Host ごとにグルーピングされて表示され、Sequence では指定した順番に表
【環境】 OS X 10.11.4 Charles 3.11.4 iOS 9.3 ✨ この記事では、Mac で起動している Vagrant サーバの Web サイトに iPhone からアクセスするための方法を紹介します。Vagrant を使用せずに、Mac のローカルホストにスマホから接続することもできます。 前提 Mac と iPhone が同一 Wi-Fi 上でネットワーク接続されていること 準備 Charles をダウンロードします。 以下のサイトにアクセスしてDOWNLOADボタンを押して、お使いの環境に合わせてダウンロードしてください。 Charles ダウンロードが完了したら Charles を起動します。初回に何回かダイアログが出ますが、すべて肯定するボタンを押していけばOKです。 Mac 側の設定 Wi-Fi に接続します。 Charles の画面上部のメニューバーから
1.Charlesとは 注意 本稿は古い記事です。こちらに新しい記事を用意しましたので、これからCharlesを使う方は新しい方をご参照くださいmm 【開発支援ツール】Charlesの使い方更新版【神ツールv4.5.6】 1-1. はじめに アプリ開発をしているとAPIのレスポンスを見たかったり、正しいドメインにアクセスしているかを確認したい場合が出てくると思います。 そんな時に便利なツールがCharlesです!(とても便利) 開発に携わるのならば、是非Charlesを使えるようになりましょう!!(とてもとても便利) 神ツールです 1-2. Charlesでできること Charlesを使用すればこんなことができます。 ・通信のモニタリング -アクセスしたドメインやAPIのレスポンスを確認できます。 ・通信速度のシミュレーション -通信速度を変えて通信できるようになります。タイムアウトのテス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く