LoginSignup
2
3

More than 3 years have passed since last update.

Codeanywhereを使ってスマホでプログラミングをしよう!

Last updated at Posted at 2019-12-21

前置き

こんにちは

通勤時間などのスキマ時間で、スマホでプログラミングの勉強が出来ないかと思いcodeanywhereというアプリを使ってみました。
課金が前提となりますが、結論としてはかなり使えます

codeanywhereは、いわゆるクラウドIDEというもので、ブラウザさえあればどんなマシンでもプログラミングができますよという代物です。
似たような製品にAWSのCloud9がありますが現時点でそちらはスマホ対応してないみたいです。

今回は、codeanywhereを使ってスマホのみでRubyのハロワをする手順を解説します。
(ちなみに、このQiitaの記事自体スマホから投稿してます。)

なおcodeanywhereのプランには無料のプランもあるのですが、7日間しか使えないので諦めて課金しましょう。
有料プランにも複数ありますが、僕はFreelancerを選択しました。
月単位の課金で、一月あたり10ドルとの事ですが、日本円だと2019/12時点で1,116円でした。
BE560AD4-5052-4265-8858-189772492EB7.png

手順

まずは、プロジェクトを作成します。

0561B85F-785D-4ACB-8180-A4878CB3393E.jpeg

作成したプロジェクトの画面の右下の+ボタンを押します。
C6C2CBE2-1871-4C0F-9041-290C55B0EB40.jpeg

New connectionを選択
BD954288-7CA2-47BF-8B71-6E9B9F1C3380.jpeg

countainerを選択します。
余談ですがcloud9だと環境がEC2インスタンスだったのですが、こちらではコンテナとなります。
FBCE1048-371A-446C-9CB9-EF391202AAC6.jpeg

今回はRubyのコードを書きたいのでRubyのコンテナを選択します。
とりあえずUbuntuを選択します。(CentOSでも、お好みで。)
D876DD9B-225D-4854-A2B3-9BD1150FB8BF.jpeg

適当に名前をつけてCreateを押します。
81DF48C6-81D7-4A13-95EA-8683930E448F.jpeg

Deploying containerと表示されます。
しばらく待ちましょう。
74D53C92-382B-460B-8E77-FB6BEB9ABA76.jpeg

コンテナが出来たら、こんな風に詳細が表示されます。
RVMもRuby on Railsも最初から入ってるみたいです。
572125B0-89A7-4B10-B17D-AACE793C4198.jpeg

作成したコンテナをターミナルで操作してみましょう。
コンテナの画面の右にある、縦に並んだ・をクリックしてメニューを表示します。
SSH Terminalを選択します。
0AAC8E41-4158-4C65-B4AC-5AE6A157CBF7.jpeg

↓このようにターミナルが操作出来ます。
rubyやrailsのコマンドも、ちゃんと通る事を確認できます。

ruby -v

C37DBC21-1665-4F79-BFE7-E494A2237B6F.jpeg

rvm list knownで、使えるRuby version の確認もできますね。
B1CC9957-268B-4FBD-9DB5-C3BE5CE178B3.png

さて、コンテナの名前をタップして中身を確認します。
6782D8B1-5CBC-4682-8A19-8AACB1B9BA80.jpeg

まだ何も作って無いので、空ですね。
7D35CD69-9E1F-42AF-AC93-472D14E6A307.png

Codeanywhereの画面からrubyファイルを作れないか試したのですが、ちょっとやり方がわからなかったので↓のようにターミナルから作成します。

touch index.rb

6F38A3FE-7D4B-45C8-94E3-33AEB525FDBD.png

↓の通り、普通に作成出来ました。
26B748DF-1C1E-4375-B2CC-C6B9C6E30330.png

↑でも出来るのですが、メニューからも作成可能です。
画面上のロケットのマークをタップします。
E74B5A10-3131-4D68-88DC-901B5BB0DA6F.jpeg

New fileをタップします。
35149D24-BD31-44EB-90A3-774FAC36E6A3.jpeg

ハロワを入力してあげます。

puts “Hello world”

C7C4D88F-C53E-4DC2-928C-FAFDD2BA1CE8.png

右上の・でメニューを開いて、保存しましょう。
179B932F-B5ED-43D1-B491-F5177A326D3E.jpeg

右上の番号のついた□で、タブを移動できます。
ターミナルのタブに移動して、↓の通りRubyファイルを実行します。

ruby index.rb

3B584648-0579-46E5-896F-3AFF3DDBFADE.jpeg

↑の通り、普通に実行できましたね。

以上

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3