以下のコマンドを入力してローカルWebサーバーを起動します。Worldのテキストが表示されています。Charlesのインストール&セットアップそれでは、Charlesのインストールを行ないたいと思います。以下のサイトからダウンロードします。Charlesダウンロードしたdmgファイルを実行すると以下の確認ウィンドウがでるので、「Agree」を選択します。次にアプリケーションフォルダに、Charles移動してインストールします。Charlesを起動してみます。以下の画面が表示されます起動すると以下のトレース画面が表示されます。こちらの画面にてPC側の通信情報をトレースしてくれます。ウィンドウが表示され、内部にIPアドレスが表示されています。このIPアドレスを覚えておいてください。プロキシの設定IPアドレスの確認がとれたので、次はプロキシの設定を行ないます。Proxy」を選択し、Onにします。Setting」を選択します。設定ウィンドウを表示します。Port入力フォームに、任意のポート番号を入力します。同じネットワークを利用しているようにしてください。例としては、同じWi-Fiネットワークを利用してください今回はiPhone端末で確認していきたいと思います。設定アプリから利用しているWi-Fiの詳細画面へ遷移します。現在利用している、Wi-Fiの詳細画面へ遷移します。画面下部に、HTTPプロキシ設定項目があり、そちらの手動を選択します。手動タブの設定項目を入力します。サーバー項目:Charlesで確認したIPアドレスを入力ポート項目:8080を入力つぎにSafariアプリを開いて、IPアドレス:8080をURLに入力しますすると、Charles側からアラートが表示されます。「Allow」をクリックします。トレース項目に、iPhoneのWi-Fi設定した、IPアドレス:8080をトレースできたことが表示されます。ここまで、通信できたのですが、まだローカルWebサーバー側の内容を表示はできません。Remote機能をつかってマッピングする必要があります。Remote」を選択します。Remote設定画面のAddをクリックします。設定画面に、上部にモバイル端末側で設定した内容と下部にローカルWebサーバー側の内容を記述します。ここまでたどり着きました、iPhone側Safariブラウザで再度リロードすると、ローカルWebサーバー側のhtml情報が表示されています。これでローカルの開発環境でコーディングしながら、リアルタイムでモバイル端末のデバックができるようになりましたね。おわりにものすごい駆け足で、Charlesを利用したリモートデバックについてご説明しました。モバイル端末のデバックをする上で、少しでもお役にたてたら幸いです。リモート】クラスメソッドの会社説明会を開催しますクラスメソッドでは、AWS・AI・ビッグデータ・モバイルなどの技術職や営業のメンバーとして一緒にお仕事をする仲間を大募集しています。#cmdevio新型コロナウイルスの感染拡大を受け、本イベントを延期させていただくことになりました(開催時期未定)。お申し込みいただいた皆様には大変申し訳ございませんが、何卒ご理解いただけますようよろしくお願いいたします。AWSについてライトに色んな情報交換をしましょう。カフェ店長のオカノです。使いたいときの注意点を書きました。本が出ていたので読んでみたところよかったので紹介させていただきます。EC2)環境において、不要な踏み台サーバをなくすことができる便利なアップデートです。臼田佳祐295ワークフロー自動化OSSのn8nをAWS環境で建てて検証してみました。非常に期待できるサービスです。Fargateの勉強をしています。使ってみたい方は参考にしてください。洋介252SnowflakeがAWSの東京リージョン上で稼働するようになりました。データを日本に置けます。芳賀健232こんにちは!猫様の忠実なるしもべ、芳賀健です。Tokyoで開催されました。カフェ店長のオカノです。クラスメソッド株式会社が運営するAWS・iOS・HTML5に関する技術情報サイトです。