WordPressテーマ開発にiPadを使用する方法

大学の卒業後、MacBook Airを購入する前にiPad Proを使用してクラスに参加する必要がありました（ちなみに、M1チップは素晴らしいです）。しかし、コンピューターサイエンスの学生として、私はそれでプログラムする方法を見つけなければなりませんでした。それで、私はiPadでプログラムする最良の方法を探し始めました。

最初はいくつかの良いオプションを見つけましたが、コマンドラインまたはルートの許可がないために必要なコードやプログラムを実行できなかったため、完璧ではありませんでした。 Coder、GitPod、Github Codespacesなどのプラットフォームを使用することもできましたが、レプリットさえできましたが、それらは私が望むものではありません。

しかし、その後、私は完璧なプログラムを見つけました。無料のオープンソースで、独自にホストできます。また、検索時に発見したプラットフォームであるCoderの基礎でもあります。これはコードサーバーと呼ばれ、基本的にはサーバーのファイルシステムに完全にアクセスできるマネージド対コードです。

当初、私のユースケースはJavaプログラミング（クラスで学習する言語です）でしたが、他のプログラミングタスク、つまりWordPressテーマ開発にも使用できることにすぐに気付きました。

前提条件

開始するには2つのことが必要です。

• ルートアクセスを備えたLinuxサーバー。私は個人的にOVH VPSを使用しています。 Raspberry Piも問題ありませんが、手順はより複雑で、この記事の範囲を超えています。
• 通常、プログラミングに利用できないiPadまたはその他のデバイス（Chromebookなど）。

私はあなたがあなたの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テーマの依存関係を設定します

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固有のヒント

私のようなiPadを使用する予定がある場合は、ここにあなたの体験をより楽しくするためのヒントがあります！

• アプリケーションがバックグラウンドで実行されている場合でもSSH接続をアクティブに保つため、Termiusの位置追跡機能をアクティブにします。
• SafariでWebサイトを開き、共有テーブルを開いてホーム画面に追加してください！ロングライブPWA！
• Safariは非常に積極的にコンテンツをキャッシュし、キャッシュをクリアするのは非常に迷惑です。私が見つけた唯一の方法は、基本的にブラウザの履歴をクリアすることですが、それは理想的ではありません。他のデスクトップブラウザと同様に「フォースリフレッシュ」はありません。ただし、Chromeはよりよく処理する可能性があります。
• Bluetoothキーボード、または保護ケース（Brydgeは良い選択です）を購入します。これは、タブレットよりもラップトップのように感じるからです。物理的なキーボードは、画面上のキーボードよりも1,000倍のエクスペリエンスを優れています！
• iPadは、特にアプリを切り替えるときに編集者のフォーカスを「失う」ことがあります。これにより、入力が不可能になります。私は通常、サイドバーをクリックして、エディターをクリックしてこの問題を解決します。

以上がWordPressテーマ開発にiPadを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。