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


Facebookでシェアした記事の画像反映ができていない時の修正方法
npm-scriptsでSCSSをコンパイルする環境を構築する方法
js-cookieでウェブサイトのダークモード表示設定をユーザーごとに保存しておく方法
Visual Studio Codeでパス補完機能を細かく設定して自分好みにできる拡張機能「Path Autocomplete」
Movable TypeでMTLoopを使ってkeyでソートしたときに、10個以上表示させると並びがおかしくなる
npm install時に「cb() never called!」とエラーが表示されたときの解決法
JavaScriptで簡単にCookie操作ができるライブラリ「js-cookie」
Webデザイナーを目指す専門学生が技術ブログを書くメリット
Visual Studio Codeの基本|概要やインストールから日本語化など最低限の設定方法
Google Chromeでinput要素の補完機能を使うと背景に色がついてしまう問題
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する