オリエンテーション的にhtml5j Webプラットフォーム部 副部長 日本マイクロソフト株式会社 物江さんより ご挨拶と活動の説明が有りました! 動画:0:01:10~0:02:10
◆概要
- Elements Color picker from screen
動画:0:11:10~ - Elements Animation speed adjust
動画:0:13:03~ - Elements Defining animation Timing
動画:0:14:31~ - Elements Search by selector
動画:0:15:50~ - Timeline Timeline screenshot
動画:0:16:49~ - Layout Show Layers
動画:0:18:30~ - Network Network Throttling
動画:0:21:43~ - Sources Display variable values inline
動画:0:23:25~ - Sources Store as Global Variable
動画:0:24:56~ - Sources Manage framework blackboxing
動画:0:27:25~ - Remote Debugging Debugging WebView
動画:0:28:25~
DOMの3Dビューはfirefoxのと同じかな #html5plat pic.twitter.com/kHKqlKouCK
— アヤト (@ayato_tw) 2015, 11月 17
▲感想
chromeの設定を変更して出来る作業も多かったで落ち着いてやってみたい。 Show LayersよりかはFirefoxの3Dビューを先に見ているせいか、好み
◆概要
- Firefox Developer Edition
動画:0:35:44~ - HTML + CSS + JavaScript
動画:0:37:55~ - Web Audio API
動画:0:39:04~
●参考リンク
http://devtoolschallenger.com/
firefoxのweb audioは超便利。web audio apiでいじるの楽しい。
html5j Webプラットフォーム部 第9回勉強会 東京ウェブストーリー 〜スクリプトエラーは突然に〜 https://t.co/NYwYNXeVr6 #html5jplat
— 水嶋 彬貴 ( みずまん ) (@mizuman_) 2015, 11月 17
おぉ、こんな感じか。
#html5jplat pic.twitter.com/q1b7Gh0Mcv
— グレ蔵@OSC16gm画策中 (@ic_lifewood) 2015, 11月 17
▲感想
Firefox Developer EditionやNightlyに3Dビューが無いのは仕様かどうか調べなきゃ。
◆概要
- 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
F12開発者ツールだけ起動できるのは、私にうれしい。 System32¥F12ね。覚えておこう。 #html5jplat
— しきや (@shikiyak) 2015, 11月 17
パネルディスカッションで紹介したリモートデバッグツールvorlon.jsのページのURLです。ぜひページ内の動画をご覧ください。 https://t.co/RGx3mnDX2b #html5jplat
— ものえおさむ (@osamum_MS) 2015, 11月 17
▲感想
Typescriptはまだ遊んでないので、edgeと一緒に遊びたい Visual Studio育ちなので、感覚的にまた進化したなーと感じ易い
動画:1:31:30~
●参考リンク
配布開始したPalmiのVisual Studio版開発環境についてレビュー記事がアップされていました。 http://html5j-robot.hatenablog.jp/entry/2015/11/17/182601
この辺の記事か
#html5jplat
https://t.co/9SqzTqLAIW
— グレ蔵@OSC16gm画策中 (@ic_lifewood) 2015, 11月 17
ここか。
https://t.co/EOCn9mhtaz
#html5jplat
— グレ蔵@OSC16gm画策中 (@ic_lifewood) 2015, 11月 17
▲感想
ロボは、お高い・・・・(^^;
◆概要
- メタ言語のデバッグ、開発って出来ますか?
動画:1:43:27~ - ブラウザの拡張機能を効率良く開発する方法はありますか?
動画:1:45:55~ - デスクトップブラウザ以外で効率良く開発する方法はありますか?
動画:1:48:38~ - 他のブラウザに対し開発ツールのこの機能だけ買っていると思える所を一つ!
動画:1:52:20~ - 質問時間
動画:1:53:52~
IDEの未来
Edge:VisualStudio
Fx:WebIDEがんばってるよ(限界はあるけど…)
Chrome: DevToolsに変態機能がいっぱいあるよ!
#html5jplat
— いぇし (@Yeshi) 2015, 11月 17
個人的にはパネルディスカッションが一番面白い
#html5jplat
— グレ蔵@OSC16gm画策中 (@ic_lifewood) 2015, 11月 17
第9回勉強会 東京ウェブストーリー 〜スクリプトエラーは突然に〜 - Togetterまとめ https://t.co/WokkLTNu39 @togetter_jpさんから #html5jplat
— グレ蔵@OSC16gm画策中 (@ic_lifewood) 2015, 11月 17
公式記事
【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