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

アプギガトップ > 無料で300以上のクロスブラウザチェックを搭載した「Cloud9」エディタの神進化が話題に!
注目記事ピックアップ
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
share0
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
プログラミング
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...

ページトップへ戻る