CodeAnywhereでターミナルに触る練習をする

ターミナル操作の勉強をしたい時に、いきなりmacOS標準のターミナルを開いて試すのは、初心者のうちは怖いものです。
今回はターミナルの勉強をしたい時に使えるCodeanywhereというサービスを紹介します。
Codeanywhereとは

Codeanywhereは総合的な開発環境を提供してくれるサービスです。
ターミナル以外にも、PythonやPHPなどのサーバーサイドの言語も書いて実行ができます(今回はターミナルの操作練習を目的として説明していきます)。
有料のサービスですが、Free Trial(無料体験版)で2週間であればお試しする事ができます。2週間あれば、ターミナルをちょっと触って色々試せると思います。
値段は1番安いプランで月々$2.5の「Starterプラン」もありますが、機能が少なく使い物にならないので、有料にするのであれば月々$8の「Freelancerプラン」からになると思います。
Codeanywhereの登録
まずはCodeanywhereのサイトにアクセスして、アカウントの登録をします。
右上の「Sign UP」をクリックします。

次にプラン選択ですが、今回はFree Trialにしておきます。
Free Trial下の「Try Now」をクリックして、アカウント情報を入力します。
ちなみに、アカウントの登録にはメールアドレス以外にも「Google」「Bitbucket」「GitHub」「Facebook」が対応しています。

メールアドレスで登録した場合は、登録したメールアドレス宛に認証メールが届きます。そこに書かれてあるURLをクリックすれば認証成功です。
画面下の「here」をクリックして、エディタへ移動します。
Codeanywhereでターミナルを使う
エディタを開くと初回は「Connection Wizard」というモーダルが表示されます。
ここでどんなフォルダにアクセスして作業をするのか指定します。
完全にCodeanywhere上で行う場合は「Container」。それ以外のサービスを使いたい場合はサイドバーから選択します。

今回は「Container」の「WordPress」を選択します。
他にも色々プリセットがあるので、自分が求めるものがあればそれを選択しましょう(何もない空のフォルダがいい場合は「Blank」を指定します)。
指定したら「CREATE」を押して、作成します。
少し時間がかかりますが、サイドバーの「Connections」の中に必要なファイル一式が表示され、エディタとターミナルのタブが開きます。

もしターミナルのタブを閉じてしまった場合は、Connection名(今回の場合は「Smaple」)を右クリックして[SSH Terminal]をクリックすればターミナルタブが開きます。

後は通常のターミナルと同じように動作しますし、ここで何か変なコマンドを実行してしまっても、自分のMacには影響ないので、安心して動かす事ができます。


TwitterとFacebook用のOGP設定方法と表示確認方法
mac環境にnodebrew経由でNode.jsをインストールしてバージョンを管理する方法
HTTP通信をラクに実装できる「axios」の基本
アイコンフォントをPCにインストールしている場合は、コーディング後の確認に注意
pointer-eventsプロパティでクリックイベントを無効化にする|気になるCSSプロパティ
WordPressって何なの?これからWordPressを勉強したい人がとりあえず知っておきたい事
npm-scriptsでSCSSをコンパイルする環境を構築する方法
Visual Studio CodeでSVGをプレビューする拡張機能「SVG Preview」
Visual Studio Codeでショートカットキーを変更する方法
Visual Studio Codeでコメントを色分けして管理する「Better Comments」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
定番のプログラミング用フォント「Ricty Diminished」のインストール方法
メールによくある「アーカイブ機能」が何なのか今まで知らなかったので調べてみた
CSS Nite in Kobe, vol.51「すべての人がカメラを持つ時代の SNS映え・ウェブ映えする写真撮影テクニック と 写真撮影の基礎」に参加してきました
iOSアプリ版の1Passwordで「パスワード自動補完」機能を利用するための設定
Fantasticalの月間カレンダーは3段にして使うのがオススメ!
「SimpleExtManager」でChrome拡張機能のオン・オフを素早く行う
Path Finderでタブセットを使うと、よく使うフォルダ一式を一気に開けるようになる!
ダミーとして使うURLは適当に入力せず、決まったものを使うようにしよう
Finderの右クリックメニューからフォルダをVisualStudioCodeで開く方法