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には影響ないので、安心して動かす事ができます。


CSSで::placeholderにスタイルを設定する方法
WordPressのデータを取得できるWP REST APIの使い方
Vue.jsで値段を表示するときに3桁ごとにカンマを入れる方法
アクセス解析ツールの定番!!Googleアナリティクスの登録方法
Visual Studio Codeの「Debugger for Chrome」でJavaScriptのデバッグを行う
HTTP/2が設定されているはずなのに、ブラウザ上でHTTP/1.1になってしまう場合はセキュリティソフトを確認
iTerm2を使いこなすために覚えておきたいショートカット集
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
JavaScriptのテンプレートリテラル内で条件分岐を行う方法
ソースコードをハイライトする軽量ライブラリ「Highlight.js」の導入方法と使い方
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
PDFファイルをブラウザで開くときに、タイトルにファイル名ではなく別途設定した文字列を表示させたい
Google Chrome単体で「あとで読む」を実現する「リーディングリスト」機能
ポモドーロテクニックを実践するために役立つデバイスごとのオススメアプリ
1つのノートアプリにすべて集約するのをやめた理由|2025年時点のノートアプリの使い分け
Ulysses編集画面の画像プレビューが小さすぎる場合の対処法
Adobe Media Encorderを使って、動画を簡単にアニメーションGIFに変換する方法
機能の差が分かりにくいDropboxの「選択型同期」と「同期の無視」の違い
ATOKで簡単に今日の日付を入力する方法
Path Finder 8でブックマークバーにフォルダやアプリケーションを設置して使用する
BetterTouchToolのウインドウスナップ機能とBetterSnapToolの細かい違い