読者です 読者をやめる 読者になる 読者になる

手取り足取りプログラミング

cloud9、railsについて自分がつまずいた所を詳しく説明します。なぜなら一番読み返すのは自分だから。

【Cloud9】公開プロジェクトを自分のワークスペースにコピーする

Cloud9ではプロジェクトを公開できますが見るだけで、そのプロジェクトをクローンしてワークスペースを作成することができません。
クローンして直接作成はできませんが、別の方法があるので紹介します。
ただし、chromeでしかできません(2016/11/22現在)
safariでやろうとしたらchromeしかサポートしてないよ。ってメッセージが出ました。

公開ワークスペースのダウンロード

対象の公開ワークスペースを開く

今回はページネーションの公開ワークスペースを利用します。
https://ide.c9.io/yonayonaru/sample-pagination

ダウンロードする

メニューのFile → Download Project を選択します。
f:id:yonayonaru:20161122234722p:plain

プロジェクトがダウンロードされます。

ダウンロードファイルの解凍

ダウンロードしたファイルを解凍します。
Macでは gz 形式でした。Windowsは試してないので分からない。

公開プロジェクトを自分のプロジェクトに展開

新規ワークスペースの作成

ワークスペースの作成をします。
名前は各自でつけるとして、Railsのテンプレートを選択してください。
f:id:yonayonaru:20161122234745p:plain

ローカルファイルのアップロードを選択

メニューのFile → Upload Local Files... を選択します。
f:id:yonayonaru:20161122234913p:plain

ローカルファイルのアップロード実行

Drag & drop files here の部分に
f:id:yonayonaru:20161122235316p:plain

ダウンロードして解凍した全ファイルをドラッグします。
f:id:yonayonaru:20161122235325p:plain

メッセージが出るので Overwrite All を選択します。
f:id:yonayonaru:20161122235551p:plain

ダウンロードが完了したら Upload Files のウィンドウは閉じます。
f:id:yonayonaru:20161122235755p:plain

コピーしたプロジェクトを確認

Gemfileのインストール

コマンド部分に bundle install を入力して実行します。
f:id:yonayonaru:20161122235950p:plain

プロジェクトの実行

メニューの Run Project を実行します。
f:id:yonayonaru:20161123000115p:plain

実行が成功したらURLが右下に表示されるので、クリックします。
f:id:yonayonaru:20161123000250p:plain

画面が表示されたら成功です。
f:id:yonayonaru:20161123000439p:plain

その他

今回はコマンドに以下を入力しないとコピー元と同じデザインにはなりません。

rails g kaminari:views bootstrap4
コピー先のプロジェクトに合わせてコマンドを実行する必要がありますので気をつけてください。