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




「Dart Sass」「LibSass」「Ruby Sass」などSassの種類や記法に関するまとめ
スマホやPCにプッシュ通知をしてくれる「Push7」をブログに追加する方法
SourceTreeを開くと「’git status’ failed with code 69:’」というポップアップが出てくる場合の解決方法
スクロールしてもテーブルヘッダーが追尾するテーブルの作り方
Movable TypeでAssetURLやEntryPermalink・ContentPermalinkで出力されるパスを絶対パスから相対パスに変える
EmmetのWrap with Abbreviationで複数行のマークアップを効率的に行う
Local by FlywheelでWordPressのローカル開発環境構築のハードルが一気に下がる
gulp 4.0から新しく加わったseriesとparallelについての備忘録
ブラウザでこれ以上スクロールできない場合の挙動を制御する「overscroll-behavior」プロパティ
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
高機能なスクリーンショットアプリ「CleanShot X」
macOSの効率化に関するDiscordコミュニティ「CMD-F」を立ち上げました
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」