HTML5 オールスターズの登壇で使用したスライドをアップしました～。

1. Edge だけじゃない!
build 2015 で発表された
それ以外の Web 関連技術まとめ
日本マイクロソフト株式会社
デベロッパーエクスペリエンス & エバンジェリズム統括本部
物江 修 (@osamum_MS)

2. アジェンダ
•build とは?
•Visual Studio Code
•Vorlon.js
•Windows Hosted Apps
•manifold.js

3. build とは
～ Microsoft Build Developer Conference～
•新しい Windows の開発者向けイベント
•Windows 8 (2012) リリースから開催

4. build 2015 注目の技術
Astoria
Win32 Centennial
Westminster
Islandwood
XCode
Windows 10 IoT Core
Microsoft AzureBridge
Universal
Windows
Platform

5. Visual Studio Code
～マルチプラットフォームで動作するコードエディタ～
http://code.visualstudio.com

6. Visual Studio Code が対応しているもの
runtimes node.js, ASP.Net 5
ソース
コントロール
タスク実行エディタ
30以上の
開発言語
…etc

7. 開発言語と機能の対応状況
リファレンス参照
リファクタリング
Best C#, TypeScript
Better
インテリセンス
リンティング
アウトライン
JavaScript, HTML, CSS, LESS,
SASS, JSON
Basic
色付け
ブラケット
自動インデント
CoffeeScript, Python, Ruby, Jade,
Clojure, Java, C++, R, Go, Makefile,
shell, PowerShell, bat, XML, Markdown,
Objective-C, Perl, PHP, Razor, SQL,
Visual Basic, F#...

8. Visual Studio Code による
HTML、JavaScript の記述

9. Vorloan.js
～Web ページをリモートデバッグするためのツール～
DOM Explorer
Object Explorer
Console
Modernizr

10. Vorloan.js の開始
～サーバーを起動して JS を参照するだけ～
$ npm i -g vorlon
$ vorlon
<script src=“http://localhost:1337/vorlon.js”>
</script>
http://localhost:1337/
① インストール
② サーバー起動
③ 対象ページから参照
④ ブラウザでアクセス

11. Vorlon.js を使った、
Web ページの調査

12. Hosted Web Apps
～既存の Web サイトをアプリ化～
WindowsRuntimeAccess=
• "all" Match="https://*.websites.net/"
• "allowForWebOnly" Match=https://*.website.net/
• 開発者は、Web サイトへ公開する UWP API を制御できる
• "none" Match="http://ads.website.net/"
• デフォルトはアクセス権はない
Web アプリ ストアで公開
• API 呼び出し
• ネイティブコードとの混在

13. Hosted Web Apps の 作成

14. manifoldjs
HTML5 と JavaScript で
作られたアプリケーションを
ネイティブな “hosted” アプリに
一括変換
http://www.manifoldjs.com/

15. manifoldJS 使った、
hosted アプリの作成

16. まとめ
Productivity
Universal
Windows
Platform
Visual Studio Code
ASP.NET5.0
Vorlon.js
manifoldjs
TypeScript
WinJS4.0

17. 参考
http://aka.ms/build2015