Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

16,642 views

Published on

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

Published in: Technology

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

  1. 1. Edge だけじゃない! build 2015 で発表された それ以外の Web 関連技術まとめ 日本マイクロソフト株式会社 デベロッパーエクスペリエンス & エバンジェリズム統括本部 物江 修 (@osamum_MS)
  2. 2. アジェンダ •build とは? •Visual Studio Code •Vorlon.js •Windows Hosted Apps •manifold.js
  3. 3. build とは ~ Microsoft Build Developer Conference~ •新しい Windows の開発者向けイベント •Windows 8 (2012) リリースから開催
  4. 4. build 2015 注目の技術 Astoria Win32 Centennial Westminster Islandwood XCode Windows 10 IoT Core Microsoft AzureBridge Universal Windows Platform
  5. 5. Visual Studio Code ~マルチプラットフォームで動作するコードエディタ~ http://code.visualstudio.com
  6. 6. Visual Studio Code が対応しているもの runtimes node.js, ASP.Net 5 ソース コントロール タスク実行エディタ 30以上の 開発言語 …etc
  7. 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. 8. Visual Studio Code による HTML、JavaScript の記述
  9. 9. Vorloan.js ~Web ページをリモートデバッグするためのツール~ DOM Explorer Object Explorer Console Modernizr
  10. 10. Vorloan.js の開始 ~サーバーを起動して JS を参照するだけ~ $ npm i -g vorlon $ vorlon <script src=“http://localhost:1337/vorlon.js”> </script> http://localhost:1337/ ① インストール ② サーバー起動 ③ 対象ページから参照 ④ ブラウザでアクセス
  11. 11. Vorlon.js を使った、 Web ページの調査
  12. 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. 13. Hosted Web Apps の 作成
  14. 14. manifoldjs HTML5 と JavaScript で 作られたアプリケーションを ネイティブな “hosted” アプリに 一括変換 http://www.manifoldjs.com/
  15. 15. manifoldJS 使った、 hosted アプリの作成
  16. 16. まとめ Productivity Universal Windows Platform Visual Studio Code ASP.NET5.0 Vorlon.js manifoldjs TypeScript WinJS4.0
  17. 17. 参考 http://aka.ms/build2015

×