5509

Site Search

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

ようやくドメインを http://moto-mono.net/ から http://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$ http://5509.me/log/$1 [R=301,L]
RewriteRule index.php http://5509.me/ [R=301,L]
RewriteRule ^(feed|about|labs)$ http://5509.me/$1 [R=301,L]
RewriteRule ^(tag|category)(\/.*)$ http://5509.me/$1$2 [R=301,L]
RewriteRule ^([0-9]+)(\/[0-9]+)? http://5509.me/log/$1$2 [R=301,L]

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

記事URLのリダイレクト

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

http://moto-mono.net/2010/04/30/whatinout.html

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

http://5509.me/log/whatinout

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

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

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

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

となります。

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

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

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

それにしても

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

さみしくなんかないよ・・・!

新しい名刺ができました

4月中ごろに友だちのデザイナーに新しい名刺を作ってもらいました。僕のイメージでお願いしたのですが、かなりかわいい名刺になってだいぶ満足してます。次の4月まではこの名刺で、通称たぬきカードです。よろしくです。

で、名刺と一緒にロゴとパターンも作ってもらって、ブログのロゴと背景をそれに置き換えました。ロゴはゆにをモチーフにしたものだそうでこれまたかわいい・・・

ちなみに裏のかえるは自分で貼ったステッカーなので、お渡ししてる分にはかえるはいないです。でも貼ったらますますかわいくなったので、なにか貼りたいなー。

5509 card

5509の読み方

「ごーごーぜろきゅー」が正しい読み方らしいですけど、「ごじゅうごおく」っていう読み方もあります。もう「ごーごー」でいいんじゃないですかね(投げやり

ありそうでなかった?要素をふわっと表示させるjQueryプラグイン whatInOut

Windows7のウィンドウのようにふわっと表示・非表示させることができます。ふわっとと、whatをかけ・・・(ry
色々な環境で試せてないので、バグというか予期しない動きは多いかもしれないです。twitterかコメントで報告もらえれば対応できる範囲で対応します。

ふわっとするためだけにeasingが必要になるいけてない仕様なんですけど、easingを別のところでも使ってカバーしてください(!)それかeasing関数を書いてもらえると・・・

Read more

CSS Nite LP, Disk 9「Coder’s Higher」で講演しました

LP9_jQuery_tokuda
[撮影:おかだよういち

CSS Nite LP, Disk 9「Coder’s Higher」で「Coding with jQuery」というタイトルのお話をさせていただきました。

出演させていただいたことはもちろん、ずっとお話したかった方々にお会いできたり、mukiオフだったりとても楽しい1日でした。出演者のみなさま、聞いてくれたみなさま、スタッフのみなさま、本当にありがとうございました。

どれくらい緊張したのかっていうのは、写真の顔のてかり具合を見れいただければ・・・汗がはんぱなかったです。終わったあとは髪型が60%くらい変わってましたね。

本当はもっと突っ込んだところとかも話したかったのですが、結構流し気味だったので。。ともあれ、今回一番伝えたかったことは、jQueryもっと使ってみようよ!っていうことで、少しでもやってみよう!という気持ちになっていただけたのならうれしいです。

あ、あとたぬきも人気だったようでなによりです。たぬきかわいいねんで。

紹介した本

この2つはかなりの良著で、JSを始めたいと思っているコーダー・Webデザイナーの方には最適です。JSの基礎もあったりするのですが、とりあえずはこの2つを読んでみて、突っ込んだところが必要になってきてからでいいと思います。

Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)
Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL) 西畑一馬

アスキー・メディアワークス 2010-02-12
売り上げランキング : 41463

おすすめ平均 star
starプログラム初心者にお勧め
star自分でJavascript操作したい人にお勧め

Amazonで詳しく見る by G-Tools

追記: DOM Scripting標準ガイドブックは絶版なようで、Amazonでもマーケットプレイスでしか買うことができません。現在ジュンク堂であれば、在庫が少しあるようなので、予定がある人はお早めにどうぞ。

http://www.junkudo.co.jp/detail.jsp?ID=0107952153

DOM Scripting 標準ガイドブック ~やさしく学ぶ、JavaScriptとDOMによるWebデザイン~ (Web Designing BOOKS)
DOM Scripting 標準ガイドブック ~やさしく学ぶ、JavaScriptとDOMによるWebデザイン~ (Web Designing BOOKS) Jeremy Keith (著), 中村 享介 (監修), 吉川 典秀 (翻訳)

毎日コミュニケーションズ 2007-06-21
売り上げランキング : 18058

おすすめ平均 star
starこれからのWEBデザインには必須の本
star初心者にはおすすめできません。
starデザイナに役立つ良書です

Amazonで詳しく見る by G-Tools

たった1行でブラウザにFlashがインストールされているか判定するJSコード

1行っていうのはアレですが、、
下記のisFlashInstalledを宣言しておいて

var isFlashInstalled=function(){if(navigator.plugins["Shockwave Flash"]){return true;}try{new ActiveXObject("ShockwaveFlash.ShockwaveFlash");return true;}catch(a){return false;}}();

if文で使えます

if ( isFlashInstalled ) {
  alert('Flash Player is installed');
} else {
  alert('Flash Player is not installed');
}

Read more

Author

nori
nori
- Director
Location
- Osaka