SlideShare una empresa de Scribd logo
1 de 18
Node.jsをVisual Studioでがんばってみる
石坂忠広
自己紹介                                          2



   静岡県伊豆の国市で生活しています
       幕末に活躍した江川太郎左衛門(坦庵(たんあん))で有名です
           みなもとたろう先生の風雲児たち幕末編はもちろん読んでますよね?
           担庵が作った反射炉があります
       源頼朝が流された蛭が小島が会ったと言われているところです
   仕事はSEです
       火力発電所とかLNG基地とか。。。
   JAZUG静岡支部長(謝る係)をしています
3



みなさん
Node.js
は知ってますよね?
4




WindowsでNode.js
WindowsでNode.jsを動かすには                                                5
    ここ1年で状況がすごく良くなりました
        Windows向けインストーラーの公開
           FOSSの言語処理系インストーラーとしては非常に優秀

           npmがVS    / VS Expressに対応
               別の見方を知ればVC++         Expressのインストールが必要になるケースがある。
        iisnode
           IIS7.x/8の支配下でnodeアプリケーションを動かすためのソフトウェア

           IIS配下にするといろいろ良いことがある。

               こちら参照     https://github.com/tjanczuk/iisnode/wiki
        WebMatrix2
        Windows Azure
WebMatrix2     6




     祝 二周年!!
WebMatrix2のNode.js機能                           7


    Expressフレームワークのサポート
    iisnodeのサポート
    Windows Azure Websiteのサポート
    テンプレート
        iisnode用のweb.config
        三種類のテンプレート
           空のサイト   (最低限のファイル)
           Expressサイト   (Expressでの最低限のファイル)
           スターターサイト       (サンプル)
WebMatrix2のNode.js機能                 8



    インテリセンス
      Node.jsのインテリセンス機能が実装されている
    拡張機能
      NodePowerTools
       Node   Inspectorの起動などのサポート
      GUIベースのnpmツール
    デプロイツール
      Azureへのデプロイも簡単!!
9
WebMatrix2が高機能なのはわかった。


   だがヲレはVisualStudioで
   書きたいんだよ!!
Visual Studioには                10


 テンプレートが無い
 →仕方が無いWebMatrixとの組み合わせだ!
 WebMatrixからVSを起動!
 デバッグが無い
 →仕方が無いChrome入れてNode   Inspectorだ
 Node.jsのインテリセンスが無い
 →作った
Node.js VisualStudio IntelliSense   11



    Node.js用のインテリセンス定義ファイルを作った
    現在Alphaリリース
      永遠のAlphaかもしれん
    GitHubで絶賛公開中だよ
    Node.js 0.8.17に対応
    MITライセンスなので勝手にして
インテリセンス!!           12




            クラスもメソッドも!
VisualStudioでインテリセンス!!   13




            もちろんメソッド引数も!
でも1からVSでNode.jsのWebサイト                                                                           14

を作るには?
    以下の手順でがんばりましょう
     1.   Visual StudioでWebサイトを新規作成します。
     2.   Node.js VisualStudio Intellisenseからnodelibディレクトリをディレクトリごと
          作成したWebサイトのディレクトリにコピー
     3.   Webサイトのプロパティページ、開始オプションで外部プログラムを選択し、
          以下の様に設定します。
              C:WindowsSystem32cmd.exeを指定する
              コマンドライン引数:
                 /k node <ルートになるnode.jsのファイル> & pause & exit

              作業ディレクトリ: Webサイトのディレクトリ
     4.   デバッグ無しで実行
         元ネタ http://www.seesharprun.net/leveraging-visual-studio-2012-for-node.js-development
まとめ                       15




  node.jsについては芝村さんの技評での
  連載を読めばいいんじゃ無いかな
16
17




ご清聴ありがとうございました!
18




No Code, No Life.

Más contenido relacionado

La actualidad más candente

初心者がハマったWindows Azureの基礎の基礎
初心者がハマったWindows Azureの基礎の基礎初心者がハマったWindows Azureの基礎の基礎
初心者がハマったWindows Azureの基礎の基礎
Saori Ando
 

La actualidad más candente (20)

Hello, Node.js
Hello, Node.jsHello, Node.js
Hello, Node.js
 
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
 
後期講座01
後期講座01後期講座01
後期講座01
 
JavaユーザのためのVSCodeのススメ
JavaユーザのためのVSCodeのススメJavaユーザのためのVSCodeのススメ
JavaユーザのためのVSCodeのススメ
 
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしようNode.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
 
FreeBSD VPSでLive Migration
FreeBSD VPSでLive MigrationFreeBSD VPSでLive Migration
FreeBSD VPSでLive Migration
 
TypeScriptへの入口
TypeScriptへの入口TypeScriptへの入口
TypeScriptへの入口
 
Node.js×mongo dbで3年間サービス運用してみた話
Node.js×mongo dbで3年間サービス運用してみた話Node.js×mongo dbで3年間サービス運用してみた話
Node.js×mongo dbで3年間サービス運用してみた話
 
こんてなぐらし!〜FreeBSD VPSでライブマイグレーション〜
こんてなぐらし!〜FreeBSD VPSでライブマイグレーション〜こんてなぐらし!〜FreeBSD VPSでライブマイグレーション〜
こんてなぐらし!〜FreeBSD VPSでライブマイグレーション〜
 
20131012 nodejs
20131012 nodejs20131012 nodejs
20131012 nodejs
 
AngularJS2でつまづいたこと
AngularJS2でつまづいたことAngularJS2でつまづいたこと
AngularJS2でつまづいたこと
 
最近のフロントエンドツールの紹介
最近のフロントエンドツールの紹介最近のフロントエンドツールの紹介
最近のフロントエンドツールの紹介
 
Packerで自動化
Packerで自動化Packerで自動化
Packerで自動化
 
Osc spring 20220311
Osc spring 20220311Osc spring 20220311
Osc spring 20220311
 
Zabbix による監視のあれこれ
Zabbix による監視のあれこれZabbix による監視のあれこれ
Zabbix による監視のあれこれ
 
Memtest86をかけてみた話
Memtest86をかけてみた話Memtest86をかけてみた話
Memtest86をかけてみた話
 
ビルド職人の朝は早い
ビルド職人の朝は早いビルド職人の朝は早い
ビルド職人の朝は早い
 
Azure Bastion の紹介
Azure Bastion の紹介Azure Bastion の紹介
Azure Bastion の紹介
 
初心者がハマったWindows Azureの基礎の基礎
初心者がハマったWindows Azureの基礎の基礎初心者がハマったWindows Azureの基礎の基礎
初心者がハマったWindows Azureの基礎の基礎
 
BIOSからUEFI
BIOSからUEFIBIOSからUEFI
BIOSからUEFI
 

Destacado

Git for windows情報アップデート 2014年10月5日
Git for windows情報アップデート 2014年10月5日Git for windows情報アップデート 2014年10月5日
Git for windows情報アップデート 2014年10月5日
Tadahiro Ishisaka
 
静岡Developers勉強会 第11回 第12章 遅延評価
静岡Developers勉強会 第11回 第12章 遅延評価静岡Developers勉強会 第11回 第12章 遅延評価
静岡Developers勉強会 第11回 第12章 遅延評価
Tadahiro Ishisaka
 
ビジネス向けアプリケーションにこそ進めるMicro orm
ビジネス向けアプリケーションにこそ進めるMicro ormビジネス向けアプリケーションにこそ進めるMicro orm
ビジネス向けアプリケーションにこそ進めるMicro orm
Tadahiro Ishisaka
 

Destacado (20)

Jazug3周年lt deployブランチを追加してみましょう
Jazug3周年lt deployブランチを追加してみましょうJazug3周年lt deployブランチを追加してみましょう
Jazug3周年lt deployブランチを追加してみましょう
 
クラウド・コンピューティング サバイバルガイド
クラウド・コンピューティング サバイバルガイドクラウド・コンピューティング サバイバルガイド
クラウド・コンピューティング サバイバルガイド
 
Git for windows情報アップデート 2014年10月5日
Git for windows情報アップデート 2014年10月5日Git for windows情報アップデート 2014年10月5日
Git for windows情報アップデート 2014年10月5日
 
Shizudev git hub宿題
Shizudev git hub宿題Shizudev git hub宿題
Shizudev git hub宿題
 
Web matrix2とvisual studio
Web matrix2とvisual studioWeb matrix2とvisual studio
Web matrix2とvisual studio
 
Netduino
NetduinoNetduino
Netduino
 
開発から見たWindowsの国際化機能
開発から見たWindowsの国際化機能開発から見たWindowsの国際化機能
開発から見たWindowsの国際化機能
 
Esentのススメ
EsentのススメEsentのススメ
Esentのススメ
 
静岡Developers勉強会 第11回 第12章 遅延評価
静岡Developers勉強会 第11回 第12章 遅延評価静岡Developers勉強会 第11回 第12章 遅延評価
静岡Developers勉強会 第11回 第12章 遅延評価
 
Windows Windows上に作るチーム開発環境
Windows Windows上に作るチーム開発環境Windows Windows上に作るチーム開発環境
Windows Windows上に作るチーム開発環境
 
エンジニアを現役で続けて行くには
エンジニアを現役で続けて行くにはエンジニアを現役で続けて行くには
エンジニアを現役で続けて行くには
 
Arch TCP/IP Introduction
Arch TCP/IP IntroductionArch TCP/IP Introduction
Arch TCP/IP Introduction
 
Sysprep
SysprepSysprep
Sysprep
 
Diseño de letrinas #2
Diseño de letrinas #2Diseño de letrinas #2
Diseño de letrinas #2
 
Visual studio 2015 update1 ctpとcsi
Visual studio 2015 update1 ctpとcsiVisual studio 2015 update1 ctpとcsi
Visual studio 2015 update1 ctpとcsi
 
ビジネス向けアプリケーションにこそ進めるMicro orm
ビジネス向けアプリケーションにこそ進めるMicro ormビジネス向けアプリケーションにこそ進めるMicro orm
ビジネス向けアプリケーションにこそ進めるMicro orm
 
私はこの本でネットワークを学んだ
私はこの本でネットワークを学んだ私はこの本でネットワークを学んだ
私はこの本でネットワークを学んだ
 
Visual studioとそのライバル
Visual studioとそのライバルVisual studioとそのライバル
Visual studioとそのライバル
 
Build insider offline session チームでのgit
Build insider offline session チームでのgitBuild insider offline session チームでのgit
Build insider offline session チームでのgit
 
Ossで作成するチーム開発環境
Ossで作成するチーム開発環境Ossで作成するチーム開発環境
Ossで作成するチーム開発環境
 

Similar a Hokuriku.net 2013 01-26 node.js

120512 metro styleapp_javascript
120512 metro styleapp_javascript120512 metro styleapp_javascript
120512 metro styleapp_javascript
Takayoshi Tanaka
 
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考えるNetラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
david9142
 
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
Takayoshi Tanaka
 

Similar a Hokuriku.net 2013 01-26 node.js (20)

120512 metro styleapp_javascript
120512 metro styleapp_javascript120512 metro styleapp_javascript
120512 metro styleapp_javascript
 
A 2-1 gitwebmatrix 2 から使う node.js on windows azure
A 2-1 gitwebmatrix 2 から使う node.js on windows azureA 2-1 gitwebmatrix 2 から使う node.js on windows azure
A 2-1 gitwebmatrix 2 から使う node.js on windows azure
 
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考えるNetラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
 
ASP.NET Core のお気に入りの機能たち (docker向け)
ASP.NET Core のお気に入りの機能たち (docker向け)ASP.NET Core のお気に入りの機能たち (docker向け)
ASP.NET Core のお気に入りの機能たち (docker向け)
 
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
 
Node.js Hands-On
Node.js Hands-OnNode.js Hands-On
Node.js Hands-On
 
Nuxt.js入門 2018/02/02 Vue.js入門勉強会@渋谷 発表資料
Nuxt.js入門 2018/02/02 Vue.js入門勉強会@渋谷 発表資料Nuxt.js入門 2018/02/02 Vue.js入門勉強会@渋谷 発表資料
Nuxt.js入門 2018/02/02 Vue.js入門勉強会@渋谷 発表資料
 
OWIN - .NETにおけるPSGI -
OWIN - .NETにおけるPSGI -OWIN - .NETにおけるPSGI -
OWIN - .NETにおけるPSGI -
 
Visual Studio 2012 Native Debugger Feature
Visual Studio 2012 Native Debugger FeatureVisual Studio 2012 Native Debugger Feature
Visual Studio 2012 Native Debugger Feature
 
Docker for Windows & Web Apps for Containers 実践活用技法
Docker for Windows & Web Apps for Containers 実践活用技法Docker for Windows & Web Apps for Containers 実践活用技法
Docker for Windows & Web Apps for Containers 実践活用技法
 
Windows Server 2019 で Container を使ってみる
Windows Server 2019 で Container を使ってみるWindows Server 2019 で Container を使ってみる
Windows Server 2019 で Container を使ってみる
 
PHP on Windows Azure in Open Source Conference
PHP on Windows Azure in Open Source ConferencePHP on Windows Azure in Open Source Conference
PHP on Windows Azure in Open Source Conference
 
Node-RED v2.0新機能紹介
Node-RED v2.0新機能紹介Node-RED v2.0新機能紹介
Node-RED v2.0新機能紹介
 
Windows azure
Windows azureWindows azure
Windows azure
 
Bp study39 nodejs
Bp study39 nodejsBp study39 nodejs
Bp study39 nodejs
 
.NET Coreから概観する.NETのOSSへの取り組み
.NET Coreから概観する.NETのOSSへの取り組み.NET Coreから概観する.NETのOSSへの取り組み
.NET Coreから概観する.NETのOSSへの取り組み
 
.NET Core 5 ~ Windows, Linux, OS X そして Docker まで ~
.NET Core 5 ~ Windows, Linux, OS X そして Docker まで ~.NET Core 5 ~ Windows, Linux, OS X そして Docker まで ~
.NET Core 5 ~ Windows, Linux, OS X そして Docker まで ~
 
東京Node学園 15時限目めも
東京Node学園 15時限目めも東京Node学園 15時限目めも
東京Node学園 15時限目めも
 
はじめての Azure 開発
はじめての Azure 開発はじめての Azure 開発
はじめての Azure 開発
 
ZendStudioのご紹介
ZendStudioのご紹介ZendStudioのご紹介
ZendStudioのご紹介
 

Último

Último (10)

新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsUtilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 

Hokuriku.net 2013 01-26 node.js

  • 2. 自己紹介 2  静岡県伊豆の国市で生活しています  幕末に活躍した江川太郎左衛門(坦庵(たんあん))で有名です  みなもとたろう先生の風雲児たち幕末編はもちろん読んでますよね?  担庵が作った反射炉があります  源頼朝が流された蛭が小島が会ったと言われているところです  仕事はSEです  火力発電所とかLNG基地とか。。。  JAZUG静岡支部長(謝る係)をしています
  • 5. WindowsでNode.jsを動かすには 5  ここ1年で状況がすごく良くなりました  Windows向けインストーラーの公開  FOSSの言語処理系インストーラーとしては非常に優秀  npmがVS / VS Expressに対応  別の見方を知ればVC++ Expressのインストールが必要になるケースがある。  iisnode  IIS7.x/8の支配下でnodeアプリケーションを動かすためのソフトウェア  IIS配下にするといろいろ良いことがある。  こちら参照 https://github.com/tjanczuk/iisnode/wiki  WebMatrix2  Windows Azure
  • 6. WebMatrix2 6 祝 二周年!!
  • 7. WebMatrix2のNode.js機能 7  Expressフレームワークのサポート  iisnodeのサポート  Windows Azure Websiteのサポート  テンプレート  iisnode用のweb.config  三種類のテンプレート  空のサイト (最低限のファイル)  Expressサイト (Expressでの最低限のファイル)  スターターサイト (サンプル)
  • 8. WebMatrix2のNode.js機能 8  インテリセンス  Node.jsのインテリセンス機能が実装されている  拡張機能  NodePowerTools Node Inspectorの起動などのサポート  GUIベースのnpmツール  デプロイツール  Azureへのデプロイも簡単!!
  • 9. 9 WebMatrix2が高機能なのはわかった。 だがヲレはVisualStudioで 書きたいんだよ!!
  • 10. Visual Studioには 10  テンプレートが無い  →仕方が無いWebMatrixとの組み合わせだ! WebMatrixからVSを起動!  デバッグが無い  →仕方が無いChrome入れてNode Inspectorだ  Node.jsのインテリセンスが無い  →作った
  • 11. Node.js VisualStudio IntelliSense 11  Node.js用のインテリセンス定義ファイルを作った  現在Alphaリリース  永遠のAlphaかもしれん  GitHubで絶賛公開中だよ  Node.js 0.8.17に対応  MITライセンスなので勝手にして
  • 12. インテリセンス!! 12 クラスもメソッドも!
  • 13. VisualStudioでインテリセンス!! 13 もちろんメソッド引数も!
  • 14. でも1からVSでNode.jsのWebサイト 14 を作るには?  以下の手順でがんばりましょう 1. Visual StudioでWebサイトを新規作成します。 2. Node.js VisualStudio Intellisenseからnodelibディレクトリをディレクトリごと 作成したWebサイトのディレクトリにコピー 3. Webサイトのプロパティページ、開始オプションで外部プログラムを選択し、 以下の様に設定します。  C:WindowsSystem32cmd.exeを指定する  コマンドライン引数: /k node <ルートになるnode.jsのファイル> & pause & exit  作業ディレクトリ: Webサイトのディレクトリ 4. デバッグ無しで実行  元ネタ http://www.seesharprun.net/leveraging-visual-studio-2012-for-node.js-development
  • 15. まとめ 15 node.jsについては芝村さんの技評での 連載を読めばいいんじゃ無いかな
  • 16. 16
  • 18. 18 No Code, No Life.