Edge だけじゃない! build 2015 で発表されたそれ以外の Web 関連技術まとめ

Transcript

• 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