こんにちは!あやっぺです。
あやっぺは、最近、考えていました。
あやっぺがAyappe Lab.でやりたいことって、本当にブログなのだろうか、と。
あやっぺは、この場所を、もっともっと、あやっぺの……ラボにしたい。
あやっぺの(公開できうる)ワクワクの全てがそこにある!みたいな場所にしたいんです。
インターネットにあやっぺの城がほしい
日常のいろんな実験や検証や、起きたことに言及するだけではなく、
活動の中で成し遂げたりつくりあげたものを棚に飾ったりもしたい!
そのためには、Ayappe Lab.をブログとして扱い続けるのには無理があると考えるようになりました。
そして、あやっぺはあまりにも設立以降、あまりにも研究所を整えずにきました。
記事、書きたくて書きたくて……震える……(健康)
2025年10月〜にブログを立ち上げ、
もう本当に、WordPressの無料テーマ:Cocoon(とてもありがたき存在)のデフォルトを、行間とか文字サイズとか、本当に最低限「読むにあたって気になる」ところだけを調整して使ってきました。
設立からもう10ヶ月くらい経つのに、まともなヘッダー画像もない!
ファビコンも、お絵描きアプリ「Infinity Paint」記事執筆のために描いたお花を、一旦これで!!!みたいな感じでトリミングして流用しているだけです。


でも、そろそろ、ちゃんとしたい!!!!!
そこで……
近日、Ayappe Lab. v2.0をリリースします!
- ビジュアルが大幅に(たぶん)進化
- あやっぺのつくったものを飾る「展示室」ページが爆誕
- あやっぺのプロフィールの記載も作る(ずっとなあなあにしてきた)
Ayappe Lab. をブログではなく、ブログを含めたあやっぺの研究所 として建てつけるための基盤づくりのようなことです。
もちろん、今後もブログの更新は今と変わらず続けていくのですが、
日々の積み重ねをドカーンと飾れる場所ができることが、アップデートの目玉です。
最初から立派に出すことはせず、まずは、最小限のところから。
MVP(Minimum Viable Product)開発的なやつです。
まさに今、移行の準備作業をがんばっています。
7月中にやり切れるといいな〜!
おまけ
初めての試みなので、どのような流れで移行作業に取り組んでいるか、
どのようなところがしんどいのかなどを言葉にしていきたいと思います。
クラシックテーマからブロックテーマ(FSEテーマ)へ移行しようと思うと、
これだけ労力がかかるよ!という指標になるでしょうか。
なおあやっぺはWordPressに詳しい分野の人間ではありません。
お詳しい方からすると、もっとこんなプラグインでできる!もっと効率よくできる!みたいなこともあるかと思いますが、あやっぺはこんな感じで移行するんだな〜って思ってください!
趣味なので、自分の時間と手間の折り合いのつく計画で進めています。
かなり粗めの内容なので、眺める程度でご活用ください。
覚悟を決めたり、見送りの判断をしたりするのにも役立つかもしれないと思って書きます。
Ayappe Lab. v2.0 移行作業
移行準備
- 検証環境を作る
サブドメインを切る、本番→検証環境にデータコピー - 検証環境のサイトURLの設定
検証環境のURLが検索エンジンに引っかからないようにしたり、開発中のサイトを他の人に簡単には見られないよう、ユーザ・パスワードの認証を設定して他者の閲覧を制限する - 検証環境に新しいテーマをインストール・適用する
- 新しいサイト構成・各ページを作成する(必要に応じて)
さらっと書いているがこれは非常に重い作業。
テンプレート編集、ページ作成、レイアウト作成、動線の設定・リンク先の確認なども含む。 - デザインを調整する
新しいテーマに対し、文字サイズや行間、カラーパレットなどを設定する。 - ブログ記事表示確認
いくつかのパターンのブログ記事をピックアップして表示崩れが発生している箇所を確認。
崩れの箇所をパターンをリストアップし、傾向を見る。
これ移行のたびに毎回やるのか?厳しい…… 自動化するすべがある気がしてならない。
なお、今回は自動化は考えないことにした。移行って頻繁に行うものでもない。 - リストアップした中から、ブログ記事表示崩れに対応する
致命的なパターンに絞って対応する
サイト内部のリンクカードの用の自作プラグインを作ったり、
装飾スタイルを代替するために装飾用の追加CSSクラスを定義するなど。
リンクカードのプラグインは配布されているものの、諸般の判断から内製することを決めました。 - 動作確認
チェックリストを作って、Safari、Chrome、スマホ、タブレットなどから接続し、大きな表示の異常がないか密に確認する。
なお、昨日10時間くらい作業をして、「6.ブログ記事表示確認」まで完了しました。
リリース作業
以下、かなり未調査。
- 本番環境のバックアップを取得する
移行に失敗した際に切り戻せるよう、バックアップをとる。
X Serverだと「WordPress簡単バックアップ」でいけるかもしれないけど、まだ調査してない。
データベースとWordPressの設定がバックアップをするつもり。 - 検証環境の最終確認をする
- 本番環境をメンテナンスモードにする
- 本番環境へ移行する
さらっと書いているが、方法がいろいろあるので検討中。
無料で済むなら移行プラグイン(Migrate GuruなどURL置換までやってくれるやつ)、それが厳しければ、データのエクスポート/インポートやFTPと、各種URL置換の長期戦をする覚悟がある。
なお、移行に失敗したら切り戻す。切り戻しの条件を決めておくといい。
例:トップページが真っ白、記事が表示されない、管理画面にログインできない等 - 本番環境で動作確認
移行した先で正常にサイトが動作しているかを確認する。 - メンテナンスモードを解除
- 数日様子を見て、問題がなければ検証環境は削除
バックアップ容量とプラグインアップデートの運用の手間が倍になるだけだし、放置することでセキュリティリスクになってしまう。
というところで、近日のアップデートは、
Ayappe Lab.が「ブログ」から、本当の意味で「あやっぺの研究所」になる第一歩です。
完成したら、ぜひ様子を伺いにいらしてください!
