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

アプギガトップ > 無料で300以上のクロスブラウザチェックを搭載した「Cloud9」エディタの神進化が話題に!
注目記事ピックアップ
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
share0
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
share0
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
share0
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
プログラミング
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...

ページトップへ戻る