今回のリニューアルでやったこと

1. 記事をMarkdownで書くことを前提とした
   • GitHubを使い始めてからMarkdownマンセーになったので
2. デザインはBootstrapをベースにする
   • Mardown前提ならある程度スタイルが最初から用意されているフレームワーク使った方が楽
   • ビジュアル面のデザインをする気力がないだけということもあるが
3. WordPressのテーマは”Twenty Eleven”を継承した子テーマに
   • これも楽をしたかっただけ
   • 最初はBootstrapに最適化したようなテンプレートを書こうと思ったけど、めんどくさくなって諦めた
   • Twenty ElevenをベースにBootstrap + αをくっつけるだけ、みたいなテーマを書いた
4. トップページに自分のツイートを表示して人気（ひとけ）を出す
   • ソーシャルサービスのデータを表示すれば、ブログを更新していなくても人気が出て寂しくないお。リアルタイムな雰囲気が出ていいんじゃないかと
   • 今のところTwitter APIをPHPで叩いてるだけ。WordPressのエントリーは普通にテンプレートで出力してる
   • 全部データを書き出した後に日付順にソートしてる。新しいものは上の方に、古いものは下の方に表示される
   • 今後、他サービスのAPIにも挑戦したい。Instagramの写真を展開したりとか。でもそうすると余計ブログを更新していないことがバレバレになるお
5. トップページのレイアウトにjQuery Masonryを使う
   • 今風にしてみたかっただけ
6. ソーシャルサービスのアイコンはIconDock.comより拝借
   • awesomeです。ありがとうございます。

今年の目標など

書こうと思ったら長くなりそうだったので別のエントリーにします。

というわけで本年もどうぞよろしくお願いいたします。

今年は仕事においてMTでサイトを構築する機会に恵まれたおかげもあり、MTはどう使えばいいのか割と勝手がわかってきた、と思っています。それなりにすらすらとテンプレートも書けるようになり、プラグインもこれとこれを使うってやつがある程度決まってきたので、不自由する機会はあまりなくなりました。
# プラグインを自分で書いて云々っていうレベルには遠く及びませんが

MTがバージョン5になってよりCMSとしてよくなった感があるのだけれど、優等生になってしまった気がしてもう仕事で使えさえすればいいや、という気分になってしまった、と。そこでプライベートではWordPressやろうかってことで移行に至りました。

MTOS４からの移行では、MTOS４から「ブログのエクスポート」を行い、新規インストールしたWordPressのインポート機能で「Movable Type と TypePad」を選択し、記事とコメントのインポートを行いました。

ここでいくつか不都合が発生。

まず1点は、記事毎のパーマリンクの設定（WordPressでは「スラッグ」と呼ぶ）にMTでいう「出力ファイル名（MTEntryBasename）」が引き継がれないこと。「出力ファイル名」の情報は飛んでしまい、代わりにスラッグには記事のタイトルと同じテキストが設定されます。なので記事のタイトルに日本語が使われているとスラッグにも日本語が入ってしまうわけで・・・、パーマリンクの設定をカスタマイズして%postname%を使用していると、URLはかなりひどいことになります。

2点目は「タグ」の設定が引き継がれないこと。WordPressにも「タグ」がありますがここにはMTでいう「キーワード」フィールドの値が引き継がれてしまいました。「タグ」も「キーワード」も役割が似通っているとも言えるのでWordPressではこれを一本化しているのには納得が行きますが、かといってなぜ「タグ（MT）」を「タグ（WordPress）」に引き継がないのか・・・。これは納得がいかない！

このブログは幸いにも（？）記事の総数が大した量ではないため、全て手動で入力しなおすことで解決しましたが。その際、記事一覧の「クイック編集」の機能が重宝しました。これがなかったら嫌になっていたかも・・・。

テーマもオリジナルではなく適当なものを拝借していじったやつだし、まだまだWordPressがなんのこっちゃ分からんという感じなので、ちょっとづつ勉強していきたいと思います。でもまぁ、来年の話ですね（笑）

優れた著者陣の中で執筆をさせていただいたことは本当に恐縮であるとともに、直球なネタで行くのは自信がなかったので変化球的なネタを持ち込ませていただきました。結果的に本書に良い具合に彩りを添えることができたのではないかと思っています。

もし書店などでお見かけの際は、よろしければ手に取ってみてくださいませ。

XHTML+CSS プロが教える“本当の使い方”

posted with amazlet at 09.10.10

MdN編集部
MdN
売り上げランキング: 4608

Amazon.co.jp で詳細を見る

会社で、とあるNPO法人様のサイトをコーディングさせていただいたので、そのことで掲載いただきました。写真にもちょっぴり載っていますが、なんか私だけ与太ってるな、と思いました（謎）

Web creators (ウェブクリエイターズ) 2009年 09月号 [雑誌]

posted with amazlet at 09.08.12

インプレスコミュニケーションズ

Amazon.co.jp で詳細を見る

JavaScript・JavaScriptライブラリ・Ajaxの基本説明と、作例＋解説ネタが27ネタという構成となっています。27ネタのうち8ネタを自分が書いています。(表紙などのクレジット表記には名前は出ていません)

こういった書籍の執筆は初めてということもあり原稿自体を書くのにも骨が折れましたが、それよりも作例を作るのに骨が折れました。
画面デザインを作成する作業は久しぶりにやりましたよ・・・数年前、業務としてデザインを少しばかりさせてもらった経験が生きました。それから、作例で使っているおそまつな写真は、自分でデジカメで撮ったものです。ちょくちょく撮り貯めておいた写真が、期せずして役に立った形です。何がどこで役に立つか、わかったもんじゃないですね。。

初級・中級者向けのJavaScript・Ajax本ということで、「初心者にもわかりやすく」と心がけてに書いたつもりですが、いやはや、どう評価していただけることか。
結構内容ぎっしりの本なので、よかったら書店などで手に取ってみてください。

JavaScript & Ajax プロが教える“本当の使い方”

posted with amazlet at 09.08.09

MdN編集部
MdN
売り上げランキング: 46663

Amazon.co.jp で詳細を見る

こないだアップグレードしたばかりなのにまたか・・・と思いつつ、当サイトのMTOSにもアップグレードをかけました。もう勝手が分かっているので、楽チンですね。

既存のMTの管理画面においてXSS脆弱性が確認され、この問題に対処したMT4.22がリリースされました。アップデートを強く推奨するそうです。

早速当サイトもアップデートをかけました。アップデートのやり方に関してはMovable Type アップグレードガイド | Movable Type 4 ドキュメントに詳しいです。（アップデートという言葉とアップグレードという言葉は違う気がしますが。。。）
というか、昨今のMTドキュメント充実ぶりは本当に素晴らしいですね！

作業手順は大体こんな感じでした。（MTOS 4.21 → 4.22の場合）

1. 現状のMT環境のバックアップ。MT管理画面の「システムメニュー」→「ツール」→「バックアップ」
2. バックアップするブログを選択して「バックアップを作成」ボタンをクリック！→「バックアップはディレクトリ/tmp/に正常に保存されました。」→「tmpディレクトリってどこ!?」
3. FTPでサーバー内を探ったら、本当にルートの「/tmp/」（共用ディレクトリ）にファイルが。。。ダウンロードした後、これらをサーバーから即行削除。
   # さくらのレンタルサーバの場合です
4. いろいろ調べたら、バックアップファイルが保存されるディレクトリが変更できることが分かりました。mt-config.cgiに以下の一行を追加。

   TempDir /home/ユーザー名/www/任意のディレクトリ/

   # しつこいようですが、これはさくらのレンタルサーバの場合
   これで自分のユーザーディレクトリにバックアップが作成されるようになりました。
5. 予めダウンロードしておいたMTOS 4.22をFTPでサーバーにアップロード（新MT）。
6. 新MTに、必要なファイルを引き継ぎアップロード。mt-config.cgi、追加していたプラグイン、追加していたスタイル（テーマ）、など。
7. 新MTの、拡張子がcgiのファイルのパーミッションを変更。mt-check.cgiはいらないので削除。
8. 旧MTアプリケーションディレクトリを削除（削除するのが怖ければ、一旦名前を変更しておいて、新MTが問題なく動くのを確認してから削除します）
9. 新MTアプリケーションディレクトリを旧MTが使っていた名前に変更
10. 新MTのindex.htmlにアクセス。「ログイン」ボタンを押すと、冒頭のスクリーンショットのようになってアップデート作業完了。