5509

チェックボックスがはんぱない結束力を発揮する jDTSynergyCheckbox

卵かけご飯は最近TKGって言うらしいですが、TKGを食べるときに白身だけつるんって全部口の中に入ることないですか？あと、ご飯もりもりにしたときに白身が茶碗からつるんっていくときないですか？

結束力大事ということでチェックボックスに某倶楽部並の結束力を与えてみました。
オプションを使えば違う意味でのシナジーを発揮します。


Read more

右クリックどころかクリックすらも禁止するjQueryプラグイン jDTNeverClick

右クリックを禁止してるサイトありますよね？あれのうざさは僕が言うまでもないと思いますが、クリック・ダブルクリックまで禁止されてたらどうでしょう。考えただけで鬱陶しいですね。

ユーザーのうざがってる顔が見たいという鬼畜なあなたのために、右クリックどころかクリック・ダブルクリックすら禁止するjQueryプラグイン作りました。


Read more

WordPressでAutoPagerizeを有効にする、WP-AutoPagerizeプラグイン

WP-AutoPagerizeキャプチャ

以前に作ったWordPressプラグイン「WP-AutoPagerize」ほぼ書き直して作り直したので、新しいものとして公開します。変更点を書いても仕方がないので主な要件を書いておきます。けっこう色んな環境で使えるようにしたつもりです。

  • jQuery不要
  • 管理画面からオプションの変更ができる
  • 自動読み込みに加え、ボタン（リンク）クリックで読み込むオプション
  • ページ番号を追加しないオプション
  • ページ読み込み前の処理をJSで追加できるようにした
  • ページ読み込み後の処理（コールバック）をJSで追加できるようにした

動作サンプルもあります。

Read more

ドメインを5509.meに移転したので、WordPress・リダイレクトの設定メモなど

ようやくドメインを http://moto-mono.net/ から https://5509.me/ に移転しました。ドメインの移転ということで、念のため前のデータは全て残しつつ、htaccessで新しいドメインにリダイレクトしています。その辺のメモ。色々キャプチャ取り忘れたので、画像が全然なくて意味わからないかもしれないです。タイトルにもある通り、WordPressでのデータ移転も含めて書きました。

準備

1. 新しいドメイン（ディレクトリ）にWordPressをインストールしておく

そのままなんですけど、先にインストールしておきます。プレフィクス（テーブル接頭語）は基本的に以前のブログと同じもので大丈夫ですが、同じDBを使う場合はあとあと置換するプレフィクスにしておきます。ここではgogo09_。

2. wp-contentをコピーしておく

テーマとかプラグイン、アップロードした画像ファイルなどもろもろ入っているのでこれもアップロードしておきます。

3. データをまるっとバックアップ

データのエクスポートはWordPress Database Backupで。
Redirectionも使っているのですが、このRedirectionのログがあほみたいに容量（6MB強）が大きかったのでこれだけチェック外しました。

4. プレフィクスを置換する

そもそも違うDBを使う場合はそのままで問題ないですが、今回は同じDBを使っているので、プレフィクスを置換しました。ダウンロードしたバックアップSQLデータをテキストエディタで開いて（シンタックスハイライトはオフにしないと大変なことになります）、一発置換でいいです。

“next_” >> “gogo09_”

データの取り込みからWordPressへの適用

1. バックアップデータをインポートする

プレフィクス置換済みのものをインポートします。インポートはphpMyAdminのImportから行いました。

2. ドメインを書き換える

設定が古いドメインのままになっているので、まずはDBを書き換えます。ドメイン設定は、プレフィクス_optionsに含まれています。

Browseから一覧を表示してsiteurlの項目の値を新しいドメインに書き換えます。

3. WordPressにアクセスする

http://新しいドメイン/wp-admin からWordPressにアクセスします。するとデータが更新されて、中身盛りだくさんなブログになっているはずです。

3-1. 基本設定のWordPressの場所を変更する

上のほうですね。新しいドメインに変えます。

3-2. アップロードファイルを変更する

これも新しいディレクトリに変えておきます。

4. 記事などに含まれる古いドメインを新しいドメインに書き換える

これはSearch Regexというプラグインを使うと簡単に書き換えることができます。

検索するとずらっと出てくるので、Search patternに検索語、Replace patternに置換するものを入れてReplate & Saveボタンをクリックすることで一発置換できます。

ここまでで、新しいドメイン上で今までのデータを持ったブログができました。

(5.) パーマリンクの変更

ドメインを変えたことにあわせて、記事のパーマリンクも変更しました。なんせ長かった･･･

今までのパーマリンク：/%year%/%month%/%day%/%postname%.html
新しいパーマリンク：/log/%postname%

だいぶすっきり！

mod_rewriteを使ったリダイレクトの設定

このままだと諸々登録されている古いブログのほうにアクセスが集まってしまうので、新しいブログへリダイレクトを設定します。htaccessでmod_rewriteの指定を行います。ドメインが変わるので、恒久的なリダイレクトになり、ステータスコードは301を使います。

mod_rewriteの指定方法は「URLの書き換え Rewrite」を参考にしてください。

RewriteRule ([^\/\.]+)\.html$ https://5509.me/log/$1 [R=301,L]
RewriteRule index.php https://5509.me/ [R=301,L]
RewriteRule ^(feed|about|labs)$ https://5509.me/$1 [R=301,L]
RewriteRule ^(tag|category)(\/.*)$ https://5509.me/$1$2 [R=301,L]
RewriteRule ^([0-9]+)(\/[0-9]+)? https://5509.me/log/$1$2 [R=301,L]

1行目は、旧記事URLから新しいURLへのリダイレクト。
2行目は、トップページのリダイレクト。
3行目は、ページとfeedのリダイレクト。
4行目は、タグとカテゴリページのリダイレクト。
5行目は、アーカイブページのリダイレクト。

記事URLのリダイレクト

重要なのは1行目なので、そこだけ解説しておきます。たとえば、要素をふわっと表示させる〜のURLは

https://5509.me/2010/04/30/whatinout.html

ですが、新しいURLのルールは

https://5509.me/log/whatinout

に変わります。共通する箇所は太字になっているところなので、この部分を正規表現で取得します。正規表現は

([^\/\.]+)\.html$

になり、（）で取得した部分を$1で取得できるのでリダイレクトのURLは

https://5509.me/log/$1

となります。

にそれぞれなっています。基本的に正規表現が使えるはずですが、チカッパはapacheのバージョンが1.3.xx系だったので \d{2} とかが使えませんでした。

Google Analyticsなど使っているサービスのドメイン変更など

最後に、使っているサービスのドメインを変更しておきます。これが結構多くて大変でしたね。。

それにしても

全部の数字が0とか新鮮ですね･･･なんとなく記念にキャプチャした。

さみしくなんかないよ･･･！

Author

nori
nori
- UI Engineer
Location
- ,