リモートデバッグツールweiner をつかってみた 2011.9.25 第2回HTML5など勉強会   HTML5-WEST.jp 村岡 正和
自己紹介むらおか まさかず村岡正和           @bathtimefishWebアプリケーション開発 IT業務システム設計/開発Webサービス導入/事業戦略コンサルティングHTML5-WEST.jp代表 / 京都GTUG / CSS Ni...
HTML5-WEST.jpスマートフォンWebアプリ開発楽なこと しんどいこと
楽なこと                   Okuyama       ?           HTML5-WEST.jp
しんどいこと                     Okuyama   1. デバッグ   2. デバッグ   3. デバッグ             HTML5-WEST.jp
HTML5-WEST.jpデバッグといえば console.log()
iOS              Okuyama      HTML5-WEST.jp
Android                  Okuyama          HTML5-WEST.jp
やってらんない
HTML5-WEST.jpリモートデバッグツールを使う
リモートデバッグとは                       Okuyama スマートフォンでアクセス中のサイトを PCのインスペクタでデバッグ可能。 ようやく文化的な生活ができるようになる。               HTML5-WES...
リモートデバッグツールが   ないとき
あるとき
HTML5-WEST.jpweiner
weiner                                               Okuyama    • http://phonegap.github.com/weinre/Home.html    • Webkitの...
インストール・起動                                     Okuyama  • jarファイルをダウンロード  • $ java -jar weinre.jar  • http://localhost:8081...
スマートフォンブラウザとの接続                              Okuyama  • bookmarklet で接続  • script要素で接続用スクリプトを埋め込む                      HTM...
Demo
Thanks!
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Upcoming SlideShare
Loading in …5
×

リモートデバッグツール Weinerをつかってみた

1,400 views
1,295 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,400
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • リモートデバッグツール Weinerをつかってみた

    1. 1. リモートデバッグツールweiner をつかってみた 2011.9.25 第2回HTML5など勉強会 HTML5-WEST.jp 村岡 正和
    2. 2. 自己紹介むらおか まさかず村岡正和 @bathtimefishWebアプリケーション開発 IT業務システム設計/開発Webサービス導入/事業戦略コンサルティングHTML5-WEST.jp代表 / 京都GTUG / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など HTML5-WEST.jpHTML5 JavaScript Python中国拳法 主夫になりたい 炊事 Google Apps http://html5-west.jp/
    3. 3. HTML5-WEST.jpスマートフォンWebアプリ開発楽なこと しんどいこと
    4. 4. 楽なこと Okuyama ? HTML5-WEST.jp
    5. 5. しんどいこと Okuyama 1. デバッグ 2. デバッグ 3. デバッグ HTML5-WEST.jp
    6. 6. HTML5-WEST.jpデバッグといえば console.log()
    7. 7. iOS Okuyama HTML5-WEST.jp
    8. 8. Android Okuyama HTML5-WEST.jp
    9. 9. やってらんない
    10. 10. HTML5-WEST.jpリモートデバッグツールを使う
    11. 11. リモートデバッグとは Okuyama スマートフォンでアクセス中のサイトを PCのインスペクタでデバッグ可能。 ようやく文化的な生活ができるようになる。 HTML5-WEST.jp
    12. 12. リモートデバッグツールが ないとき
    13. 13. あるとき
    14. 14. HTML5-WEST.jpweiner
    15. 15. weiner Okuyama • http://phonegap.github.com/weinre/Home.html • WebkitのWebインスペクタライクな インターフェース • WebSocket?, Cometで通信 • Chromeでも使えるらしい? HTML5-WEST.jp
    16. 16. インストール・起動 Okuyama • jarファイルをダウンロード • $ java -jar weinre.jar • http://localhost:8081/ HTML5-WEST.jp
    17. 17. スマートフォンブラウザとの接続 Okuyama • bookmarklet で接続 • script要素で接続用スクリプトを埋め込む HTML5-WEST.jp
    18. 18. Demo
    19. 19. Thanks!

    ×