らいふうっどの閑話休題

興味のあることをゆる~く書いていく

第9回勉強会 東京ウェブストーリー〜スクリプトエラーは突然に〜に行ってきた!

html5jplat



オリエンテーション的にhtml5j Webプラットフォーム部 副部長 日本マイクロソフト株式会社 物江さんより ご挨拶と活動の説明が有りました! 動画:0:01:10~0:02:10

Chrome DevTools Awesome 10 Features +1


◆概要
  1. Elements Color picker from screen
    動画:0:11:10~
  2. Elements Animation speed adjust
    動画:0:13:03~
  3. Elements Defining animation Timing
    動画:0:14:31~
  4. Elements Search by selector
    動画:0:15:50~
  5. Timeline Timeline screenshot
    動画:0:16:49~
  6. Layout Show Layers
    動画:0:18:30~
  7. Network Network Throttling
    動画:0:21:43~
  8. Sources Display variable values inline
    動画:0:23:25~
  9. Sources Store as Global Variable
    動画:0:24:56~
  10. Sources Manage framework blackboxing
    動画:0:27:25~
  11. Remote Debugging Debugging WebView
    動画:0:28:25~
▲感想

chromeの設定を変更して出来る作業も多かったで落ち着いてやってみたい。 Show LayersよりかはFirefoxの3Dビューを先に見ているせいか、好み

Devtools on Firefox


◆概要
  • Firefox Developer Edition
    動画:0:35:44~
  • HTML + CSS + JavaScript
    動画:0:37:55~
  • Web Audio API
    動画:0:39:04~
●参考リンク

http://devtoolschallenger.com/

▲感想

Firefox Developer EditionやNightlyに3Dビューが無いのは仕様かどうか調べなきゃ。

Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール


◆概要
  • Windows 10 の Web ブラウザー ~ 2 つの Web ブラウザーが搭載 ~
    Windows 10 Internet Explorer Edge
    動画:0:55:28~
  • F12 開発者ツールとは?
    動画:0:55:40~
  • 2 つの F12 開発者ツール ~ Edge と Internet Explorer で機能的差異がある~
    動画:0:55:57~
  • F12 開発者ツールの新機能
    動画:0:59:49~
  • ご提案、フィードバッグを 募集しています。
    動画:1:20:44~
  • 参考 1/2 f12-devtools-guide bit.ly/f12devtool
  • 参考 2/2 monoe’s blog bit.ly/monoe_blog
▲感想

Typescriptはまだ遊んでないので、edgeと一緒に遊びたい Visual Studio育ちなので、感覚的にまた進化したなーと感じ易い

PalmiのVisual Studio版開発環境について


動画:1:31:30~

●参考リンク

配布開始したPalmiのVisual Studio版開発環境についてレビュー記事がアップされていました。 http://html5j-robot.hatenablog.jp/entry/2015/11/17/182601

▲感想

ロボは、お高い・・・・(^^;

パネルディスカッション


◆概要
  1. メタ言語デバッグ、開発って出来ますか?
    動画:1:43:27~
  2. ブラウザの拡張機能を効率良く開発する方法はありますか?
    動画:1:45:55~
  3. デスクトップブラウザ以外で効率良く開発する方法はありますか?
    動画:1:48:38~
  4. 他のブラウザに対し開発ツールのこの機能だけ買っていると思える所を一つ!
    動画:1:52:20~
  5. 質問時間
    動画:1:53:52~

まとめ
公式記事

ChromeFirefox・Edge】3大メジャーブラウザが搭載する開発ツールの使える機能紹介 https://codeiq.jp/magazine/2015/12/34966/

過去の活動