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

アプギガトップ > クラウド最強エディタ「Cloud9」が、WordPressもブラウザのみでインスト・開発・公開が出来て無料!
注目記事ピックアップ
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
share0
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
プログラミング
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/01/23 22:15

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


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

最近は、ブラウザさえあればネット閲覧が出来るだけでなく、音楽を作ったり動画を編集したりまで可能になりました。

そして、このようなサービスを開発するための「プログラミング環境」も、徐々にクラウドへ移行しつつあります。そこで、今回はブラウザだけでプログラミング環境を整えることが出来る無料Webサービス「Cloud9 IDE」をご紹介します!


 

「Cloud9 IDE」でWordPress開発も変わる!?
今までは…何かを開発しようとすると、まずプログラミング環境を整えたり、作ったモノを公開するためにサーバーを用意したりといった手間が掛かりました。

そこで、「Cloud9 IDE」では、単純にクラウド上でプログラム開発が出来るというだけでなく、様々なプログラミング環境をあらかじめ用意してくれており、さらにそのまま作ったサービスを試験的にサーバーを構築して公開まで可能にしてくれるという、非常にパワフルなエディタとなっているのです。

 

試しに、今回は人気のWordPressを構築してネット上に公開してみましょう!

まずは、無料のユーザー登録をすると、自分専用のマイページを持つことが出来ます。


そして、「ワークスペースを作る」というボタンをクリックします。

 

「ワークスペース」というのは、簡単に言うとこれから作業するための場所を、クラウド上に確保する!という感じの意味になります。

次に、そのワークスペースに名前を付けて、開発したいプログラミング環境を選択します。


今回は、WordPressを選択しました。

(「Hosting」の項目は「Hosted」にしておきます)

 

ワークスペースが作られたら、「START EDITING」ボタンをクリックします。


 

すると、メイン画面である編集用のエディタが表示されます。


すでに、左メニューにはWordPressのファイル群がインストールされています。

このまま、ブラウザ上からエディタにプログラムを書いて開発などが出来るようになっており、画面下部には「ターミナル」が備わっています。

 

ただ、WordPressはデータベースが無いと動いてくれません…。

そのため、データベースを構築する作業を行います。

と、言っても簡単で…、画面下部のターミナルに「mysql-ctl start」と入力してエンターキーを叩くだけで完了します!


 

あとは、左メニューにある「index.php」をクリックして中身を表示させます。


 

「Run」ボタンをクリックして、


 

画面下部に表示されたURLリンクをクリックします。


 

すると、右側のプレビュー画面に、新規でWordPressのインストール画面が表示されます!


ちなみに、インストールされたのは英語版のWordPressですが、簡単に日本語版に変換出来るので「やり方」については後述します…。

 

このままプレビュー画面で作業をしても良いのですが、URLリンクをコピーしてブラウザの新規タブで開くと使いやすくなります。


 

WordPressの登録作業を終えると、普通にサイトがネット上で公開出来ています!


 

もちろん、スマホから見ることも出来ます。


 

リンクを覚えておけば、次からは通常通り「ログイン画面」から始めることもOK!


1つ注意点としては、Cloud9 IDEを使った公開は、あくまでもワークスペースが動いている事が前提となります。

なので、WordPressの開発が完了して本格的な運用を始める段階になったら、別途サーバーを用意するのが良いでしょう。

 

ところが…、

実は、それもCloud9 IDEが解決してくれることになります!

どういうことかと言うと、最近話題の「Heroku」という無料のWebサービスがあるのですが、こちらと簡単に連携することが出来るようになっています。

つまり、Cloud9 IDEでWordPressを構築して、そのままHerokuサービスに移行してネット上に公開・運用するということが、すべてブラウザだけで出来るようになるわけです。

 
おまけ(WordPressの日本語化手順!)
さて、先ほどインストールしたWordPressは英語版だったので、念のため日本語化の手順を追記しておきます。

まずは、左メニューにある「wp-config.php」の中にある「define(‘WPLANG’, ”);」の部分に、「’ja’」を追記します。


 

そして、日本語版のWordPressをダウンロードして、その中に入っている「languages」フォルダをコピーします。


 

コピーしたフォルダを、左メニューの「wp-content」フォルダにアップロードすれば完了です!


 

すると、英語版の管理画面だったのが…、


 

通常の日本語版WordPressとして使うことが出来るようになります。


 

あとは、お馴染みの「WP Multibyte Patch」プラグインを追加しておけば良いでしょう。


 
まとめ
今回は、WordPressをメインにご紹介しましたが、他にもHTML5/CSSの開発や、Ruby/Rails、Node.js、PHP、Pythonなど、多彩な開発環境があらかじめ搭載されています。

また、エディタ自体も非常に使いやすいように工夫されており、複数人でメッセージをやり取りしながらのコラボレーション開発なども、エディタ上で簡単に出来るようになっています。

プログラミングが好きな人も、これから始めようと思っている人も、試しに「Cloud9 IDE」を使ってみてはいかがでしょうか?

いつでも、どこでも同じ環境で開発が出来るようになりますよ!

 

 

written by まさとらん

 

まさとらん

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

twitter:0310lan

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

ページトップへ戻る