第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~


まとめ

公式記事

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

過去の活動
  • 第7回勉強会 Webはいつもあなたを見守っている
    〜 IoT/WoT特集 〜に行ってきた!
    http://is.gd/12inZl
  • 第6回勉強会フレームワークの世界まる見え!JS特捜部
    ~ React,Angular,WinJSだらけの2時間SP!~に行ってきた!
    http://bit.ly/1JXenuq
  • HTML5 デバイス API 勉強会に行ってきた!
    http://bit.ly/1EXJKS2
  • HTML5 開発ツール天下一武道会 (エディタ 編 : 海開きの陣)に行ってきた!!!
    http://bit.ly/1tHL8pF
  • HTML5 開発ツール天下一武道会 (IDE+アルファ編 : 初夏の陣)に行ってきた(仮)
    http://bit.ly/1toaSYz
  • 「html5j – Webプラットフォーム部 勉強会 第1回」に行ってきた(仮)
    http://bit.ly/1wMObfm

Add a Comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です