2023/10/20 12:31:30
  • 「IT技術者・クリエイターカフェのメールマガジン」231020号

コンピュータ・ユニオン関西IT支部の「IT技術者・クリエイターカフェのメー
ルマガジン」231020号を{EMAIL}さん宛にお送りします。

メールマガジンの配信停止を希望される方はこのメールの最後を参照ください。

コンピュータ・ユニオン関西IT支部はIT技術者・クリエイターの社会的地位向
上を目指し、運動をすすめています。
______________________________________________________________________

■今月のIT技術者・クリエイターカフェは「Pythonによる仕事効率化」を行い
ます。

Pythonは、データサイエンス（データ分析）、機械学習などにもてはやされて
いますが、今回は、手軽なところとして、Excel、PDFの操作など、手作業でや
っていることを、Pythonで行う方法に挑戦してみたいと思います。
「Python in Excel」が発表されており、Pythonの利用がどんどん増えるかもし
れません。

日時
　2023年10月28日（土） 14:00〜16:00

場所
　Web（オンライン）会議で参加できるようにします。
　参加申し込み者には、別途、参加するためのURL等を連絡します。

参加申し込み
　IT技術者・クリエイターカフェへ参加を希望される方は以下のGoogleフォー
　ムへ記入してください。
https://forms.gle/wuPSWtjLe1DkaQVBA
回答は、10月28日の13:00ごろに締め切ります。

______________________________________________________________________

■AndroidスマホのChromeをパソコンでDubugする
パソコンをターゲットにしたWebアプリでも、スマホで見れない（使えない）と
苦情がでる時代になりました。スマホにも十分考慮したWebアプリにもできれば
いいのですが、今回はAndroid Chromeで反応しなくなった原因の調査に、パソ
コンでのAndroid Chromeのデバッグ方法です。
Android Chromeでは、パソコンのChromeブラウザのようには、簡単に開発ツー
ルを表示できません。多少面倒な設定が必要です。
参考にしたサイトは以下の通りです。
「PCでAndroid Chromeをデバッグする」
https://zenn.dev/gladevise/articles/android-chrome-debug
「Android ChromeをPCからデバッグする」
https://dev.classmethod.jp/articles/android-chrome-debug/

1. Androidスマホで、USBデバッグを可能にします。
1-1 開発者向けオプションを有効にする
設定→端末情報→ソフトウエア情報の「ビルド番号」を7回タップします。
この「ビルド番号」への入り方はスマホにより変わるようです。
https://developer.android.com/studio/debug/dev-options?hl=ja#enable

1-2 開発者向けオプションでUSBデバックをONにする
設定（あるいは、設定→システム）に「開発者向けオプション」が表示され
るので、USBデバックをONにします。

2. パソコンのChromeブラウザで、Android Chromeに対する開発ツールを表示
する
2-1 AndroidスマホをパソコンにUSB接続する
「USBデバッグを許可しますか」と聞かれるので許可する。

2-2 パソコンのChromeで "chrome://inspect/#devices" にアクセスする。
・Devicesのところで、"Discover USB devices"にチェックを入れ、"Port
forwarding..."をクリックし、"Enable port forwarding"をONにする。
"Port forwarding settings"は"Port"に"8080"と"IP Adoress and port"に
"localhost:8080"あたりを設定すればOKです。
・さらに、"Discover network targets"もONにし、"Target discovery
settings"での"IP Adoress and port"は"localhost:8080"あたりに設定し
ます。（この辺のポート番号はどのような目的で使われているか不明です。
パソコン内での他のWebサーバーと重複してはダメかなども不明です。）

2-2 Android Chromeでデバッグしたいサイトを表示する
Remote Targetのところに開いているサイトのタイトルとURLが表示されその
したに、"inspect"、"pause"...とあるので、"inspect"をクリックすれば、
いつもの開発ツールのように要素、コンソール...とともに、サイトのイメー
ジが左側に表示されます。
あとは、コンソールに表示されるエラーなどを確認すれば、問題は解決でき
るはずです。
なお、表示された開発ツールでサイトのイメージでクリックも可能ですが、
パソコンのように、右クリックで要素を表示することはできないようです。

さて、Android Chromeで問題となったのは、JavaScriptで以下のようなメッセ
ージ表示されていた点でした。
「Unable to preventDefault inside passive event listener invocation」

______________________________________________________________________
■配信停止依頼
このメールの配信を停止希望される場合、以下のURLをクリックして登録解除の
手続きをお願いします。
{DELURL}