大学の卒業後、MacBook Airを購入する前にiPad Proを使用してクラスに参加する必要がありました（ちなみに、M1チップは素晴らしいです）。しかし、コンピューターサイエンスの学生として、私はそれでプログラムする方法を見つけなければなりませんでした。それで、私はiPadでプログラムする最良の方法を探し始めました。
最初はいくつかの良いオプションを見つけましたが、コマンドラインまたはルートの許可がないために必要なコードやプログラムを実行できなかったため、完璧ではありませんでした。 Coder、GitPod、Github Codespacesなどのプラットフォームを使用することもできましたが、レプリットさえできましたが、それらは私が望むものではありません。
しかし、その後、私は完璧なプログラムを見つけました。無料のオープンソースで、独自にホストできます。また、検索時に発見したプラットフォームであるCoderの基礎でもあります。これはコードサーバーと呼ばれ、基本的にはサーバーのファイルシステムに完全にアクセスできるマネージド対コードです。
当初、私のユースケースはJavaプログラミング（クラスで学習する言語です）でしたが、他のプログラミングタスク、つまりWordPressテーマ開発にも使用できることにすぐに気付きました。
開始するには2つのことが必要です。
私はあなたがあなたのWordPressサイトと同じサーバーで作業していると仮定しています。また、このガイドはUbuntu 20.04.2 LTSを使用して書かれていることに注意することが重要です。
まず、SSHを介してサーバーに接続する必要があります。 iPadを使用している場合は、ニーズにぴったりであるため、Termiusを使用することをお勧めします。サーバーにログインすると、root/sudo許可が必要なコードサーバーをインストールします。
実際、インストールは非常に簡単です。同じコマンドもアップグレードするときにも使用されます。
<code>curl -fsSL https://code-server.dev/install.sh | sh</code>
コードサーバーをインストールした後、いくつかの方法で構成できます。 Code -Serverを直接実行でき、機能しますが、HTTPSも欠いており、基本認証のみを提供します。私は常にHTTPSを有効にしたいと思っており、私のドメインもそれを必要としています。
HTTPSを有効にする方法もいくつかあります。 Code-Serverドキュメントの最初の方法では、NginxやCaddyなどのLet's Encrypt and Reverse Proxyを使用しています。これはうまく機能しますが、より多くの手動構成が必要であり、私はそれを気にしたくありません。ただし、Code-Serverは、ベータフェーズにありますが、適切に機能する別のオプション--linkも提供します。このフラグは、TLS証明書、GitHub認証、および専用のCDR.CO URLを設定します！構成は必要ありません！とてもクール‽ それを設定するには、このコマンドを実行します（このコマンドは、通常のユーザーはroot/sudoアクセスを必要としません）：
<code>code-server --link</code>
これにより、githubアカウントにログインするためのURLが作成され、承認するアカウントがわかります。完了したら、専用のURLを取得し、すべての準備ができています！各ユーザーには独自の構成とGitHubアカウントがあるため、技術的には複数の人のために複数のインスタンスを同時に実行することが可能だと思います。しかし、私はそれをテストしていません。
GitHubアカウントを構成した後、 Ctrl Cを押してプロセスを停止します。
<code>code-server --link</code>ログインURLを提供します。
TermiusのURLをクリックすると、Safariで開きます。
ログインした後、GitHubはアカウントを承認します。
アプリケーションが承認されたら、おなじみのインターフェイスに直接移動する必要があります！
SSHセッションに戻ると、永続的なURLが利用可能になることがわかります！コードサーバーが実行されているときにのみ機能することを忘れないでください。
WordPressのテーマ開発を行うには多くの方法がありますが、Automatticのアンダースコア（_s）のような方法が本当に好きなので、それから始めます。
_sを始めるには、作曲家をインストールしましょう。 WordPressのWebサイトと同じサーバーにいると思いますが、PHPはすでにインストールされています。ここに手順をリストすることはできますが、ComposerのWebサイトは私よりもうまくやっています。
Composerをインストールした後、端末で次のコマンドを実行してNode.jsをインストールする必要があります。
<code>cd ~ curl -sL https://deb.nodesource.com/setup_16.x -o nodesource_setup.sh sudo bash nodesource_setup.sh sudo apt install nodejs node -v</code>
これらのコマンドは、Ubuntuが含むものが古くなっているため（ノード10！）、更新されたノードPPAを追加し、ノードをインストールしてバージョンを取得します。
最後のコマンドはV16.6.1のようなものを返す必要があります。つまり、準備ができています。
_sテーマを設定するには、 npx degit automattic/_s my-cool-themeを実行します。これにより、My-Cool-Themeという名前のフォルダーに_Sコードがダウンロードされます。テーマをWordPressテーマディレクトリに直接配置したい場合は、フォルダーを移動したり、シンボリックリンクを作成したり、前のコマンドのフォルダーへのフルパスを提供したりできます。個人的には、 npm run bundleを実行してファイルを圧縮し、テーマフォルダーで手動で解凍することを好みます。
これがすべて完了したら、 <code>code-server --link</code> 、ブラウザを開いて、URLに移動します！
VSコードインスタンスでは、テーマを含むフォルダーを開き、_sのクイックスタートステップに従ってテーマに正しく名前を付けることができます。次に、統合された端子で、 composer installとnpm install実行します。これにより、テーマに必要なすべてのパッケージがインストールされます。より多くの経験豊富な人々がそうしたように、私はWordPressのテーマがどのように機能するかを説明しません。
それだけです！私たちのサーバーには、iPadまたはブラウザーとキーボードを備えた他のデバイスを使用して、いくつかのクールなWordPressテーマを開発するために必要なすべてがあります。新しいブラウザがリリースされたら、Xboxを使用することもできます。
私たちが議論したことはすべて、理論的には素晴らしい音ですよね？あなたが疑問に思っているのは、この構成を備えたiPadで実際に開発するのが実際にどのようなものかということです。次のビデオを録画して、それが私にとってどのように見えるかを示しました。長さはわずか数分ですが、WordPress開発で何が起こっているのかについて良い考えを反映していると思います。
Code-Serverは、Microsoftのバージョンではなく、オープンソースとコードを使用しているため、欠落しています。また、Microsoftの拡張市場も使用していません。つまり、すべての拡張機能が利用できるわけではありません。 MicrosoftまたはGithubアカウントにログインして設定を同期することはできませんが、設定同期拡張機能を使用することもできますが、個人的には拡張機能を同期するのに苦労しています。各Linuxユーザーには、このフォルダーに保存されている独自の設定と拡張機能があります： ~/.local/share/code-server 。通常のコードインストールとコードインストールのフォルダー構造に似ています。
また、SSHセッションで直接実行する代わりに、コードサーバーをサービスとして実行する方法もあります。
私のようなiPadを使用する予定がある場合は、ここにあなたの体験をより楽しくするためのヒントがあります！
以上がWordPressテーマ開発にiPadを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
