シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > 無料で300以上のクロスブラウザチェックを搭載した「Cloud9」エディタの神進化が話題に!
注目記事ピックアップ
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
share0
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
share0
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
share0
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
share0
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
share0
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
share0
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
share0
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
プログラミング
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/08/19 22:40

無料で300以上のクロスブラウザチェックを搭載した「Cloud9」エディタの神進化が話題に!


どうも、まさとらん(@0310lan)です!

Webアプリやサイトの製作で、いろいろ面倒なのが「ブラウザチェック」かと思います…。

IE、Safari、Chrome、Firefox…など、多彩なブラウザに加えてスマホでの確認まで必要なのが現状です。

そんな中で、過去にアプギガでもご紹介したクラウドエディタ「Cloud9」が、PC・スマホを問わず、あらゆるブラウザでの「見え方」をWeb上で確認できる新機能が搭載されたので、早速ご紹介しようと思います!

Cloud9


 

「Cloud9」のブラウザチェック機能とは?
そもそも「Cloud9」は、ブラウザ上でプログラミングができる、高機能テキストエディタです。


詳細は後述しますが、ブラウザだけでWebアプリやサイトを製作でき、簡易的なホスティング機能もあるので、非常に便利なわけです。(しかも無料…)

 

「プレビュー機能」も搭載しているので、すぐに画面の状態を確認することもできます。


 

そして、今回!

新たに強力なアップデートを行っており、この「プレビュー機能」に様々なバージョンを含む、多数のブラウザが搭載されたのです!


 

例えば、

Macユーザーなら喜ぶ、Windowsの「インターネットエクスプローラー」での表示確認も、この通り!


画面は、Windows7で動いているIE11ですが、Windows XPや8、Mac OSX、Linuxなど、複数のOSに切り替えることも可能になっています。

 

ちなみにコチラは、Firefoxでの確認を「Mac OSX」と「Windows7」で表示させてみたモノです。


 

もちろん、Google ChromeやSafariなども、多数のバージョンと共に切り替えられるようになっています。


 

さらに、スマホでの確認も可能で、iOSやAndroidも多数のバージョンが用意されています。


このように、「Cloud9」を使えば、クラウド上でプログラミングをしつつ、そのままクロスブラウザチェックまで行える最強のパートナーになってくれます。

ちなみに、クラウドエディタが苦手な人も、普段使っているエディタで作ったファイルをアップロードすれば、同じようにチェックが可能です。

「Cloud9」に搭載されているブラウザは、専用の仮想環境で実行されているモノを「ライブプレビュー」できるような仕組みとなっており、クラウドテストサービスで知られる「Sauce Labs」との提携で実現されているようです。

 

 
他にもまだある、こんな機能!
今回のバージョンアップに伴って、本来のメイン機能であるエディタもいくつかパワーアップしています。

ほんの一部ですが、いくつか見ていきましょう!

 

まずは、「ショートカットキー」の設定から…。


以前からあった機能ですが、さらに細かく任意のキーを指定できるようになっているので、自分好みにカスタマイズしてしまうことができます。

 

さらに、初心者にはうれしい「リアルタイムエラーチェック機能」!


HTMLやJavaScriptなどは当然ですが、Rubyなど他の言語も強力にチェックしてくれます。

よくありがちな…”{}<>;” などを忘れることも激減するでしょう…。あと、メソッドなどを候補から選択できたり、自動補完も効くので非常に便利です。

 

ちょっとした画像編集まで、そのままエディタ上で可能になってます!


リサイズや回転、トリミングなど…、わざわざ画像ソフトを立ち上げるまでも無いシーンで大活躍してくれそう。

 

そして、しっかり「バージョン管理」も自動でやってくれます。


スライドバーを移動させるだけで、かなり細かい間隔で元に戻すことが可能になっています。

面白いのは、再生ボタンをクリックすると、まるで動画で撮影したようにアニメーションしながら、プログラミングしている様子を再現することができる点です。

個人的には、このままYouTubeへアップロードできる機能が搭載されると完璧なのでは?…と感じました。

 

他にも、エディタの環境をVim/Emacs/Sublimeなどに変更したり、ファイルの横断検索や高機能デバッグモード、友人を招待してのペアプログラミング…など。

紹介しきれない機能が満載となっておりますので、ご興味ある方はひとまずリニューアルされた公式サイトを確認してみましょう!

 

 
おまけ
最後に、アプギガで以前に「Cloud9」を取り上げた記事を合わせてご紹介しておきます。

クラウド最強エディタ「Cloud9」が、WordPressもブラウザのみでインスト・開発・公開が出来て無料!


以前のバージョンの「Cloud9」ですが、まったく同じ操作で現在も活用することができます。

内容としては、WordPress環境をサクッと構築して、そのまま簡易的に公開まで行っていく手順を紹介しています。

WordPressをちょっと触ってみたい人や、自作テーマを開発したい人には最適です!

 

 
まとめ
最近は、クラウドエディタのサービスも増えつつあって、NitrousKodingなども海外では人気があります。

「Cloud9」は、今回ご紹介した「クロスブラウザチェック」を搭載したことにより、類似サービスを大きく引き離すことになるかもしれません。

いつでもどこでも、また…パソコン環境が急に変わったとしても、同じ開発環境でプログラミングできるというのは、なかなかメリットが高いような気がしてます。

みなさんは、どのように感じられたでしょうか…。

 

 

written by まさとらん

 

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る