読者です 読者をやめる 読者になる 読者になる

de:codeセッション動画 「『Visual Studio Online "Monaco" の全貌』 ~ あのエリック・ガンマが作った最新開発環境のすべて」の内容まとめ

Windows de:code Microsoft まとめ 動画

2014年5月30日に開催されたde:code。非常に興味のあったVisualStudio Onlineについてのセッション動画をみたので、まとめてみます。

Visual Studio Online "Monaco" の全貌 ~ あのエリック・ガンマが作った最新開発環境のすべて ~ (Video)

Monacoって?

ブラウザで動作する軽量な開発環境

主な機能

Monacoをつくったひと:Erich Gamma

  • GoFの一人。
  • 2011年6月からVSチームに参加。

ASP.NETのデモ

  • ファイルのドラッグ&ドロップ
  • サーバー側でMSBuildを使用したビルドが可能
  • iPadで編集、複数デバイス間の同期(ペアプロを想定)

PHPのデモ

JavaScriptのデモ

  • node.js標準で動作
  • Node Packaged Modules(npm)が使用可能
  • npmで必要なパッケージを取得(express,tsd
  • socket.ioを使用して簡易チャットのデモ

LESSのデモ

Gruntのデモ

  • さきほどのLESSのコンパイルを「自動化」
  • npmでGruntをインストール
  • タスクをJSONで定義
  • リアルタイムでlessファイルを編集、タスク実行、CSSに反映

MonacoとGit

monaco_git.png

Monacoのソース管理ベクとプラクティス(スライドから引用)

  1. 開発用サイトと運用サイトを作る
  2. ソース管理用GitリポジトリをVSOやGitHubで作る
  3. ソース管理用Gitレポジトリから、開発用サイト上のMonacoのGitにCloneする
  4. 開発用サイト上のMonacoで開発、ビルド、テストを行う
  5. ソース管理用GitにPushする

VisualStudio Online と聞いた時から「これからはブラウザでデスクトップアプリ開発できるんだすげー」とおもっていたのは完全に間違いで、サーバーサイドの開発を、いまの時代のスタイルに沿って、より効率的に、パワフルに支援する、それがMonacoだったようです。

node.jsや、npmなどのオープンソースツールを標準でサポートし、Gitでのソース管理、やろうとおもえばiPadからでもコーディングなどなど、Microsoftは確実に変化しています。

MicrosoftのナデラCEO、新年度所信で"生産性とプラットフォーム"企業宣言 Xboxは継続 - ITmedia エンタープライズ

同氏は、Microsoftはもはや(前CEOのスティーブ・バルマー氏が標榜した)「デバイス&サービス企業」ではなく、「モバイル第一、クラウド第一の世界のためのプロダクティビティ(生産性)&プラットフォーム企業だ」と語った。「われわれは、地球上のすべての個人と組織がより多くを達成できるよう、生産性を改革していく」という。

Microsoftの新CEOに就任したサトヤ・ナデラ氏はどんな人? - GIGAZINE

Monaco関連

その他のセッション動画

  • セッション動画と資料 - de:code | 日本マイクロソフトの開発者/アーキテクト向けイベント - Microsoft Events & Seminars
  • Twitter / 検索 - #decode14