0さて当ブログは、基本的にはテーマSimplicityを親テーマ、すなわち骨格として作成したものですが、ことデザインに関してはもはや原型をとどめていないほどに自作テーマでカスタマイズをしまくっています。オリジナルテーマを検討・開発するにはローカル環境が欠かせません。正直なところ「別にWordPress開発環境なんて気合い入れてやろうって時にやる程度で、これまで通りWindowsマシンでいいや」とも思っていた時もありましたが、ここ最近そのWindowsマシンがフリーズしたり、ブルースクリーンになったり、ジジジジジ...という物理的にマズい音が聞こえたりなど、臨死体験をするようになってきたのでこれはマズいと思いだした今日この頃。Proを持ち込んで作業をすることが増えたことを考えると明らかに不便だったため、このたび覚悟を決めてバシッと移行することにしました。Proにローカル環境を構築できれば、オフラインでもMarsEditのリアルタイムプレビューを活用できます。これはめちゃくちゃデカいです。PCを今後まったく使わないかというとそうではなく、何とかしてWindowsとMac間をまたがったローカル環境を構築したい...。いうわけで、その方法を徹底的に調べ上げ、実行に移しましたので、備忘録も兼ねて以下にその詳細を記載します。自宅ではMac、勤務先ではWindowsを使っているが、これらのPCで開発環境を同期したい...などとお悩みの方、ぜひお試しください!分かってしまえばそれほど大変ではないですが、ここにメモとしてその手順を残しておきます。元となるWindowsマシンにXAMPPおよびWordPressをインストール済みDropboxをインストール済みDropbox内に、下記のようなディレクトリ構造でapacheのデータを入れるフォルダと、MySQLのデータを入れるフォルダをコピー済みC:\xampp\htdocs↓C:\<Dropboxへのパス>\Dropbox\xampp\htdocsC:\xampp\mysql\data↓C:\<Dropboxへのパス>\Dropbox\xampp\mysql\dataへ環境の構造ざっくりと環境の構造を図に示すと、以下のようになります。MAMPをインストールしたうえで、apacheとMySQLのデータのみ、Dropboxに取得しに行くという、単純な構造です。Windowsの設定まず初めに、この項目の前提となる、私の環境は以下のとおりです。64ビットXAMPPのバージョン7.2.2XAMPPのインストール先C:\xamppシンボリック・リンクというものを使って、デフォルトではXAMPPのインストール先に存在するapacheやmysqlのデータが入っているフォルダを、代わりにDropbox内に作ったフォルダにリンクする方法で行います。シンボリック・リンクとはそもそも何!?という方は下記をご覧ください。→削除しても問題はないが、念のためリネームしてバックアップを残しておくことが望ましいです。フォルダ名の最後に「_backup」などと付け足すのが分かりやすいでしょう。プロンプト」を右クリック、「管理者として実行」する。シンボリック・リンク作成のコマンドを入力する。"リンク先フォルダ"となる。"C:\<Dropboxへのパス>\Dropbox\xampp\mysql\data"これでWindows側の設定は完了です。Macの設定プリインストール版ApacheとPHPを停止macOSには最初からApacheとPHPがインストールされています。MAMPはこのプリインストール版を使わず「別のApacheとPHP」をハードディスクの別の場所にインストールします。よって、MAMPはプリインストール版のApacheと競合しないように、デフォルトではポート「8888」を使用するように設定されています。Webサーバーの標準ポートは「80」です。MAMPでもポート80を使えるほうが、URLがシンプルになり何かと楽なので、あらかじめ「システム環境設定」で「Web共有」をOFFにすることで、プリインストール版のApacheとPHPを停止します。上記のように、「インターネット共有」がOFFになっていることを確認します。MAMPをインストール以下の公式サイトにアクセスします。PRO公式サイトhttps://www.mamp.info/en/アクセスしたらダウンロード、インストールします。PROもありますが、無料版で十分です。上記からダウンロードページに飛びます。インストールは「次へ」などを押して、画面の案内のとおり進んでいくだけなので、詳細な画面操作は割愛させていただきます。「プリインストール版ApacheとPHPを停止」の項でも触れたとおり、MAMPのデフォルトではポート「8888」になっているところを、ポート「80」に変更します。3306」ボタンを押すだけでOKです。htdocsのドキュメントルートを変更します。Server」タブを開きます。デフォルトは以下のようになっています。これを、Dropbox内のhtdocsディレクトリに割り当てます。「Select」ボタンから、上記のように設定します。ようにドキュメントルートをお自由に選べるわけではなく、必ず/Applications/MAMP/db/の中にあります。私の場合、フォルダ名は「mysql57」という名前になっていました。いうわけで、Windowsの時と同様に、フォルダ名の最後に「_backup」などと付け足して念のためバックアップとして残しておきます。/Applications/MAMP/db/の中の「mysql57」を、Dropboxのデータにリンクさせるため、シンボリックリンクを作成します。「アプリケーション」→「ユーティリティ」→「ターミナル」を起動します。ターミナルで以下のコマンドを打つと、Windowsと同様にシンボリックリンクを作成できます。/〜/リンクを設置したい場所というわけで、今回は以下のように打ち込みます。/Applications/MAMP/db/実際にターミナルで打ち込んだところの画面です。コマンド入力して実行しても、特にシンボリックリンクの作成に成功した、などの表示は出ませんが、うまくいっていれば、以下のようにシンボリックリンクが作成されます。このままでは動きません。シンボリックリンクの名前が参照先のフォルダ名「data」になっているためです。シンボリックリンクは自由にリネーム可能なので、今回は元の「mysql57」という名前にしました。これでWordPressのローカル環境にアクセス可能になりました。エラー回避ここまでだけでも、WordPressのローカル環境にアクセス可能です。このままではphpMyAdmin操作画面(http://localhost/phpmyadmin/)アクセス時に以下のエラーが出現してしまいます。これを回避するため、/Applications/MAMP/bin/phpMyAdmin/config.inc.phpを開き、ユーザ名およびパスワード(デフォルトはともに”root”)から既に設定済みのものに変更します。上記の”root”の部分を書き換え、MAMPコンソールでサーバを再起動(停止->サーバを起動)し設定を有効にします。お疲れ様でした!最後にやっぱりMacでWordpressの開発環境ができたってのは本当に素晴らしすぎます!また、こうしてローカルサーバーを設けることで、MarsEditのリアルタイムプレビュー機能をオフラインでも利用することができるようになりました。この設定を完了した初日に、ちょうどトンネル区間が多い新幹線や飛行機に乗っての移動を伴う旅に出ましたが、オフライン環境でもブログが書けるって最高ですね。ウォーターマーク追加を一発でこなす「PhotoBulk」ブログはもはや文字だけでは成り立ちません。Desktop上のWindows10にインストールして運用開始...というところで、2点問題が発...記事を読むWindows歴17年の私がMacに乗り換えたたった1つの理由12歳のとき、Windows2000のPCが実家に導入されてからはや17年。以降、プライベートでも学校でも職場でも、常にOSはWin...記事を読む「MarsEdit4」はサポートもバッチリ!オフラインでブログを書けるアプリを紹介。私はインドアも好きですがアウトドアも好きで、出掛けた先でMacを開いて作業をすることもよくあります。アウトドアの場面では当...記事を読むMacユーザー必須!クリップボードの履歴を保存できる「Paste」!多くの方はコピー&ペースト、略してコピペの機能にお世話になっているかと思います。多くの方にとって、クリップボ...記事を読むキーボードでウィンドウをリサイズできるBetterSnapToolが便利すぎるWindowsの7以降には、ウィンドウを画面端にドラッグしていくと、画面端に張り付くように整列される「Aeroスナップ」という機能があります...記事を読むMacユーザー必須!アプリを削除するためのアプリ「AppCleaner」!Macのアプリケーションは、アプリケーションを単純にゴミ箱に捨てることで削除が可能です。ご存知のように、WindowsはPC市場でデファクトスタンダードともいえる地位を築き、圧倒的なトップシェアを誇っています。昨日は、Windowsで仮想通貨BitZenyをマイニングする方法をご紹介しました。Sierra]TimeMachineのバックアップに容量制限を設ける!TimeMachineはMacのバックアップを丸ごととってくれるということで非常に有用ですが、なんとこの機能はバックアップ先のディスクの容量...記事を読む液だれしない醤油差し“THE醤油差し”を購入してみた「MarsEdit4」はサポートもバッチリ!オフラインでブログを書けるアプリを紹介。コメントをキャンセルメールアドレスが公開されることはありません。