nitrous.ioを触ってみた~web ide(クラウドide)について~
DESCRIPTION
Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~TRANSCRIPT
![Page 1: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/1.jpg)
Nitrous.IOWeb IDE(クラウド IDE)を使った開発
2014/7/31
![Page 2: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/2.jpg)
今日のゴール
Nitrous.IOで何ができるのか、どんな時に使えるか、
が分かる。
![Page 3: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/3.jpg)
アジェンダ
1 , Nitrous.IO(Web IDE)の特徴
2 , デモ
3 , メリット、デメリットと活用方法
![Page 4: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/4.jpg)
1,Nitrous.IO(Web IDE)の特徴
![Page 5: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/5.jpg)
・ブラウザ上で開発が行える IDE→どの PCからでも同じ環境で開発できる!
Web IDE(クラウド IDE)
![Page 6: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/6.jpg)
![Page 7: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/7.jpg)
今回は Nitrous.IOを使ってみました。
![Page 8: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/8.jpg)
3つの特徴
・コラボモード機能・チャット機能・ Autoparts機能
![Page 9: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/9.jpg)
コラボモード一つのファイルを複数人でリアルタイムに編集できる。
![Page 10: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/10.jpg)
チャット機能
![Page 11: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/11.jpg)
AutoPart機能
パッケージ管理をワンクリックで。
![Page 12: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/12.jpg)
他にも・・・
・ GitHub連携・ Heroku等にデプロイできる。
![Page 13: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/13.jpg)
2,デモ
![Page 14: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/14.jpg)
3,メリット ,デメリットと
活用方法
![Page 15: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/15.jpg)
ローカル開発環境とNitrous環境の比較
![Page 16: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/16.jpg)
NitrousIO
・自分で環境構築をすることもなく、場所を選ばず開発することができる
・リアルタイムにソースを共同で編集可能なため、画面のプレビューが共通で見れたり、コンフリクトも怒らない
![Page 17: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/17.jpg)
場所 開発環境 同じソースリアルタイム開発
コンフリクト
チャット機能
プレビュー機能
言語等
ローカル 要インストール
個人で管理 できない 起きる 縛られない
NitrousIO
どこでも 初期状態で全部揃う
できる 起きない 付随 リアルタイムで反映
対応言語のみ(Ruby,Python,Go,php,node.js)
![Page 18: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/18.jpg)
活用方法
![Page 19: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/19.jpg)
>>研修で使える
![Page 20: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/20.jpg)
・ペアプログラミング
・ソースレビューがリアルタイム
![Page 21: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/21.jpg)
>>ビューを同時に編集
![Page 22: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/22.jpg)
・デザイナーとエンジニアが同じファイルを編集可能
例えば
デザイナーとエンジニアが同じファイルを編集可能
views
![Page 23: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/23.jpg)
Nitrous.IO(Web IDE) まとめ
・どの PCからでもブラウザ上で開発できる。
・コラボモード、チャット機能により、 リアルタイムで共同編集ができる。→ペアプログラミングでの研修。→エンジニアとデザイナーで Viewの共同開発
![Page 24: Nitrous.IOを触ってみた~web IDE(クラウドIDE)について~](https://reader035.vdocuments.net/reader035/viewer/2022062419/558ce967d8b42aa7498b459f/html5/thumbnails/24.jpg)
ご静聴ありがとうございました。