はじめに

このサイトは、私（One-Poem）が、自分の好きなことを、適当にWeb上に書いていこうというサイトである。 大きなくくりで言えば、創作活動の発表の場と言うことにもなるのだろうし、個人の日記と言うことにもなるだろう。

私は、以前から自分のウェブサイトを作ってはいたが、もっと気軽に更新できるものとして、Blogを採用してみた。 Blogはシステムがしっかりと作られており、個々の内容を書くだけで、トップページや更新情報・インデックスなどの更新が自動的に行われる。 テンプレートなどの仕組みもしっかりとしており、更新の手間が少なくて済むようになった。 また、日記に近いものと考えられている日本の現状からしても、これまで「わざわざ書くようなことでもないな」と考えてしまっていたような日常の細かなことについても、書いていこうと思っている。 どちらかというと、Weblogと言うよりも、Myself logに近くなるとは思う。

動作環境など

以下は、技術の話が好きなので、技術的な解説をしようと思う。

このサイトはMovable Typeを使って作られている。 さくらインターネットのレンタルサーバにインストールし、主にデザインを自分好みに変更して使用している。

HTMLのマークアップはHTML 5を採用している。 スタイルシートは最新のCSS仕様を採用している。 Safariのページピンアイコンなど、特定ブラウザ向けのマークアップを行う必要がある場合など、文法ミスは多く含まれるものの放置せざるを得ない状況になっている。

サイトのアクセシビリティは富士通のWeb Inspectorでチェックをおこなっている。 また、Another HTML-lintの、文法チェックと「宗教的なチェック」も参考にして作っている。

表示を確認しているブラウザは、以下の通り。 基本的に、ブラウザは最新バージョンまたはβ版を利用している。 これ以外のブラウザで表示が崩れている場合は、なるべく訂正したいと思っているが、逆に、下記のブラウザで表示がおかしい場合は、もしかすると私自身がそれで納得している場合もあるかもしれない。

• Safari on Mac OS X
• Firefox on Mac OS X
• Safari on iOS9

以下はちょっとまじめな話。

著作権/リンク/二次利用について

IrodorI One-Poem World

Copyright © 2006-2015 One-Poem

特に表示がない場合、IrodorI One-Poem World（トップページ以下）の著作権は、私、One-Poemが所有します。

私の著作物にリンクを張っていただく場合、特に許可無く、自由におこなっていただいてかまいません。 私は、リンクは一種の引用であると考えていますし、また、引用することは制限しません。 リンクした旨を連絡していただく必要はありませんが、連絡していただいても構いません。 ただし、ファイル名やフォルダ構成を変えることはありますので、時々確認していただけるようお願いします。

二次利用については、クリエイティブ・コモンズ・ライセンスをご覧ください。 ライセンスの条項にもありますが、私に別途許可を取ると、このライセンスの適用を受けることなく二次利用が出来ます。

その他の連絡先について

連絡先

概要

試行錯誤を経て、サイトのマークアップ言語をHTML5に変更した。 長らくVersion 2.9.xで更新を続けてきたが、これを機にVersion 3.xを名乗ることにした。 未だ調整を必要とすることは認識しているが、おいおい対応していきたいと思う。

マークアップの変更に伴い、サイトのデザインにも手を加えている。 従来、フォントは全てサンセリフ体（ゴシック体）を指定してきたが、これをタイトル・見出しに相当する部分のみにとどめ、本文はセリフ体（明朝体）を指定して記事を読みやすくした点が最も大きな変更になる。

主要な変更点

• サイトのマークアップ言語のHTML5への変更
• マークアップの入れ子構造を見直し、シンプルなものに変更
• 記事本文のフォントをOptima(Mac OS Xに付属)を始めとするセリフ体へ変更(日本語フォントはブラウザによる自動選択)
• タイトル部分などの色・デザインの変更
• ページ下部にフッターを導入
• Movable Typeを6.2へ更新

先日から少し調べ始めたHTML5であるが、やはり、文書構造を明確化できるsection, article, nav, aside, header, footerといったタグが使えることは面白い。 試験的に、トップページ（メインページ）をローカル環境にコピーし、HTML5式にマークアップを行ってみた。

すでにMovable Typeの標準のテンプレートとは異なった構造になっていた可能性もあるが、元々のトップページはMovable Typeの標準の構造を流用していて、大雑把にまとめると以下のような構造になっていた。

続きを読む "HTML5へのマークアップ言語の変更" »

変更点

• 最新のMovable Type (6.1.2)へ更新
• irodori.one-poem.jpへ移行のため、記事のリンク等を修正
• カテゴリ名を「ケータイ」から「モバイル」へ、「Mac」から「Apple」へ変更（フォルダ名も変更）
• faviconやバナーへのSVGの採用(詳細は続きに)

続きを読む "Version 2.9.14MT" »

変更点

• Movable Type 5.0の採用
• irodori.one-poem.jpに移行準備
• タグやキーワードの検索結果に、前後の検索結果ページへのリンクを設置
• その他、表示の調整

もうちょっと何とかしたいところ

• 検索結果ページのナビゲーション
• 検索結果ページの右側のカラムの調整
• 月別アーカイブの表示方法

既に発表済みでベータテストが行われていた、Movable Type 4.1がリリースされた。 私もさっそくインストールしてみたが、じつはカスタムフィールドは利用していないし、管理しているブログも一つだけなので、テンプレートセットの恩恵も受けることはなさそうだ。 カスタムフィールドは便利そうに思えるので、今後利用を考えて行きたい。

Movable Type 4に対応していたBetter File Uploaderだが、今度はMT 4.1にも対応した。 アップロード画面が正しく表示されていなかった点が修正されたそうで、従来からのユーザーは無償でバージョンアップ可能とのことだ。

Movable Type 4.1が発表された。 現在はベータテスト段階だが、最大の強化点は「カスタムフィールド機能」が基本機能として標準搭載されることだそうだ。 私自身は標準のフィールドしか使っていないのであまり関係ない。 とりあえずベータテストが終わるまでは様子見することにする。

また、Movable Type 4登場時の報道通り、「Movable Type Open Source プロジェクト」も開始されている。 Movable Typeのコア部分がGNU GPLで公開される。 商用ライセンスのユーザーには一層充実したテクニカルサポートとカスタムアドオン機能を提供するとも伝えられている。

Six ApartからiPod touchに対応させるMovable Typeプラグインがリリースされたそうだ。 同じURLにアクセスするだけで、iPod touch用のサイトが表示されると言う。 これはすごいと思って説明を読みに行ったら、少し事情が違った。

私が期待していたのは、iPod touchユーザーが、私のサイトを見にきたときに、専用にフォーマットされたサイトが表示されると言うもの。 しかし、このプラグイン iMTは、私がiPod touchを使って記事を更新するのに便利なインターフェースを提供する、と言うもののようだ。 つまりiPod touchを持っていない私にとっては無用の長物。 むしろ、iPhoneなどに限らず、一般の携帯電話からでも更新しやすいインターフェースを提供してほしいと思う。

かねてより対応作業が進められていたBetter File Uploaderだが、新バージョンが発表され、Movable Type 4に対応した。 これで画像のアップロードが便利になるに違いない。 しかも、マイナーアップデートと言うことで、特に追加費用は必要ないようだ。 ありがたい限りだ。

Better File Uploader の作者 Dan Wolfgang 氏が Movable Type 4.0の登場について書いた記事のコメントで、Better File Uploader の開発について触れられていた。 元々の記事は氏が Movable Type 4.0 をインストールして試し、いつもよりエキサイティングにブログを書くことが出来るようになったと書いてあるのだが、Better File Uploader のファンと思われる人から、4.0 へ対応させないのかと質問が書き込まれていた。 氏からは近いうちに対応作業を完了できるのではないかと思っていると返答がある。 対応してもらえるのは非常に嬉しいが、出来れば追加費用がいらない（と思われる）マイナーアップデートの範囲内であればありがたい。

もちろんテストしてからアップグレードするべきだったのだろうが、Movable Type 4.0にアップグレードしてから、いくつか問題点と言うか気になることが生じている。 まずは、リンク先の記事にも書いたが、Better File Uploaderが使えないこと。 私が利用している数少ないプラグインの一つなので、これは困っている。 私は一枚一枚アップロードするのが面倒すぎてこのプラグインを使い始めたが、他の人たちが画像のアップロードをどういう風にしているのかが気になる。

一方、ファイルのアップロード経由による画像のアップロードもうまく行っていない。 アップロード自体は問題なくできるが、サムネイルがきちんと作成できないのである。 幅を指定するテキストボックスがあるのでそれを指定するのだが、縦横比が維持されないために縦長のサムネイル画像になってしまう。 理由は良くわからない。

それと、既に修正したがカレンダーに不具合が発生した。 不要なMTタグが挿入され（あるいはMT3.3の時には問題なかったか）、きちんと処理されずにタグが表示されるような状態になってしまっていた。 これはその不要な部分を削除することで解決できた。

気になると言えばファイル名のつけ方が変わったのも気になるところ。 これまでは半角空白をアンダーバー（_）で置き換えていたが、4.0ではハイフン（-）で置き換えるようになった。 数が少なければ訂正しても良いが、いちいちアンダーバーに揃えるのも面倒なのでそのままハイフンにしている。

もう一つ気がついた点は、記事の公開に時間がかかるようになったこと。 体感だが、3.3の時より2倍の時間はかかるようになっているような気がする。 また、バグが原因で重くなっていたようなことで無ければ良いのだが。 二度繰り返されるのはご免だ。

Six Apart から Movable Type 4.0 の正式版が発表されたので、アップグレードしてみた。 ところが、早速問題に直面。 予想していたことではあるが、プラグインが動作しないのである。 複数の画像のアップロードに便利な Better File Uploader プラグインだが、これがきちんと動作しない。 写真を基にした記事を書きたいのだが、なかなか進まない。 最悪の場合、Version 3.35 へのダウングレードも考えなくてはならないかもしれない。 Movable Type はダウングレードに対応しているのか不明だし、プラグイン側がすぐに対応してくれることを期待している。 シェアウェアになったのだから、継続した開発を期待しても良いだろう。

Six Apartから、ブログ管理ソフトのMovable Typeの最新版であるバージョン4が発表された。 3年ぶりのメジャーバージョンアップとなり、プラグインをまとめるパック機能、サイト管理機能の強化、AjaxによるUIなど、大幅に改良が加えられているようだ。 秋にはGPLのもとにオープンソース化されることになっているそうだ。

個人的には自動保存機能がかなりありがたい進化だ。 誤って別の頁を開いてしまったり、ブラウザがクラッシュしたりして書きかけの投稿が消えてしまったと言うことが良くある。 自動保存機能があればそれらの被害を無意識のまま最低限にすることができるので、正式版のリリースを楽しみにしたい。

2.9.11MTでの変更点は次の通り。 そろそろ落ち着いてきたので3.0にしようかな。

• Movable Type 3.34-jpにバージョンアップ
• コメント関係の表示の修正
• Google Analyticsの試験的導入
• その他、細部の調整

Six Apartからは12月4日にはアナウンスされていたAtomフィードの不具合修正だが、修正期限のギリギリになって変更した。 詳しいことは不具合を始めに指摘したdrryさんのブログエントリーを参照すると良いが、Atomフィードに含まれるブログのIDを入力する部分に不具合があったとのこと。 個々のエントリーについては問題ないそうだ。 2007年になってから再構築すると、一時的にせよIDが変更されてしまうので、今日中がリミットだったと言う訳だ。

Google Docs & SpreadsheetsにXML-RPCでブログへ投稿する機能があるので試してみた。 出力するHTMLのマークアップ内容がいまいちなので結局自分で編集しなければいけないが、セキュア接続して投稿できるというのは面白い。 さくらインターネットはレンタルサーバーでSSLが使えないのだ。 常用には至らないが、SSLで接続したいときなど（会社以外に思いつかないが（笑）。今は自宅から書いている。）は選択肢になるかもしれない。

続きを読む "Google Docsから投稿テスト" »

「始めたからには読ませたい--より良いブロガーを目指すための10のコツ」と言う記事があったのでつい読んでしまった。 「あなたがせっかく更新したブログを誰も読んでくれないならば、投稿せずにその内容を紙ナプキンにでも書き殴っておいた方がましではないだろうか。」などと、ちょっと挑発的だが、私の心にちくりと本質を突いてくれた。 10のコツにまとまっているので、それぞれ自分がどのようにしているのかチェックしてみたいと思う。

目的を明確にする

いきなりダメだと言われた感じである。 確かにブログはテーマを絞って目的を明確にした方が良いと書かれたものを見た覚えがあるが、自分のためのサイトなので実践はしてこなかった。 「始めたからには読ませたい」と思った場合には明確にした方が良いのだろうが、いくつものサイトを維持するのは手間だし、なかなか難しい。

視覚的にアピールする

サイトの可読性は最低限クリアしているつもりだが、アピールしているかと言うと肯定は出来ない。 ただ、現状では手を付けていないが、カテゴリーごとに多少配色を変えたりするために、基本的な部分では意図的におとなしい配色にしている。 苦笑せざるを得ないが、ある意味では特定のテーマに絞りきれていない現状を良く表していると思う。

適切なツールを使用する

Movable Typeを利用しているだけでは十分なのか不十分なのか、記事の書き方ではよくわからないが、私自身はもう少し楽になればと思っている。 Movable Typeの良いところはプラグインでその辺りを改善できることで、例えばBetter File Uploaderによる画像アップロードの簡便化は良い例だと思う。 HTMLのマークアップについてももう少し楽になれば助かるので、プラグインを探してみようと思う。 ただ、この項目の達成度はそこそこだと思っている。

ナビゲーションを容易にする

これも記事に書かれていることは一応達成しているが、私としては不十分だと思っている。 というのも、「メインコンテンツ」と考えている旅行記やゲーム関係の記事などは、もう少し体系的にまとめる必要があるからだ。 カテゴリーをもう少し細かく分ければ良いのかもしれないが、細分化しすぎるとまたわかりにくくなるし、最終的には人間がまとめる必要もあると思っている。

読者を惹きつける

この項目は日本とアメリカなどでの匿名性への意識の違いがあって、そのまま導入することはできないが、読者の信頼を考えてサイトを作ると言うのは当然だと思う。 ただ、私の場合は（少なくない数の個人ブログはそうだと思うが）一番の読者が私自身と言うのもあるし、読者からの反応を多くもらえるような質・量に至っていないので判断が難しい。 ただ、検索エンジンからどのような単語で検索されているかは、アクセスログやGoogle ウェブマスターツールでわかるので、サイトのどの部分が注目されているのかは判断できる。 残念ながら現状では私の意図とずれている部分があるので、ナビゲーションを容易にするなどして改善したいと思っている。

ブログ更新のスケジュールを確立する

これは一応毎日更新を目指しているのだが、現状はそうなっていない。 それぞれの日に書きたいと思うエントリーはあるのだが、実際に更新するのはまとめて、と言うこともしばしばだ。 だから、Movable Typeでエントリーを作成しても、公開はせずに下書きのままで保存しておき、時間のあるときに書き上げて公開している。 これはもう少し使いやすいツールがあることで改善できそうな気がしている。

簡潔を旨とする

長たらしいことを書く時間もないので簡潔にしたいと思っているが、平易に簡潔に書くと言うのは意外と難しいことで、わかりやすく説明していると長くなってしまうのもまた事実だ。 文章を定期的に書いていけばその辺も練習になるのではないかと思うので、今後の改善点としたい。

推敲してから公開する

これは常々反省しなければならないことだと思っていて、元記事にもあるように容易に修正可能なウェブコンテンツの利点を活用させてもらっている。 この辺も文章を多く書くことで少しでも練習になれば良いなあと思う。

RSSを利用する

Movable Type 3.3ではエントリー一覧はもちろん、検索結果でもRSS形式で公開できるようになっている。 特定の話題だけをRSSで取り寄せられるのはありがたい話だ。

全体としては反省すべきところばかりだが、技術的な面に関してはMovable Typeがしっかり作られていることが改めてわかった。 ここにあるコツだけが全てだとは思わないが、心に留めてやっていきたいと思う。

Google ウェブマスターツールは自分のサイトがGoogleの検索エンジンからどのようにチェックされているのか、あるいは自分のサイトの情報をGoogleに提供してより適切な検索を行ってもらえるようにするツールである。 SEOに興味のある人には必須のツールだろうし、どのキーワードで自分のサイトが高ランクにいるのかなどがわかって、サイト作りの参考になることは間違いない。 エラー情報も表示されるので、例えばリンク先の設定ミスなどに気づくこともあった。

自分のサイトの情報提供の手段として、サイトマップと言うものがある。 人間が見るためのサイトマップとしては、カテゴリ分けしてツリー状のものがよく使われていて、私も昔は作っていた。 今はブログのシステム上、カテゴリ分けや月別アーカイブがあるので作っていないが、企業のサイトではよく見る便利なページだ。 これをGoogleの検索エンジン（Googlebot）向けに提供すると言うのがGoogleサイトマップである。 もちろんGooglebotはリンクを辿ってサイトのページを自動的に巡回するが、作者から一覧を提供すれば、より網羅的な巡回が可能になると言うことらしい。

GoogleサイトマップはXMLに基づいた独自の記法があるほか、いくつかの書式が使えると言う。 RSSフィードも使えると言うので以前私も試したのだが、うまく読み取ってもらえず、あきらめてしまった経緯がある。 今回、Movable Typeから自動的にGoogleサイトマップを出力する方法を見つけたので、作ってみた。 詳しくはリンク先のページがわかりやすいが、要はサイトマップ用にインデックステンプレートを作り、エントリーごとのページや日別などのアーカイブページが一覧になるように出力するわけだ。 Googleサイトマップの記法はXMLベースだが、HTMLが理解できる人なら簡単に理解できると思うので、リンク先の記事を基に自分のサイトに合わせてテンプレートを作成すると良いと思う。

購入するかどうか迷っていた、シェアウェア化したBetter File Uploader 2.0だが、やはりMovable Type標準のアップロード機能が使いにくいことと、作者の功労を称える意味もあると考えて、購入することにした。 購入するとまもなくメールが送られてきて、ID入りと思われるURLからファイルをダウンロードした。 他のMTプラグイン同様、中身のフォルダを所定の場所にアップロードするだけの簡単インストールである。

使ってみると、これがかなり便利だった。 まず、複数ファイルを一度にアップロードでき、手間が相当省ける。 これだけでも価値があるプラグインだ。 アップロードするフォルダも自動的に年・月・日を加える設定を3つまで保存できるほか、それに対するデフォルトも設定できる。 サムネイルも、私は高さを指定しているが、長い方の幅を指定するなどの便利な機能もついている。 alt属性やtitle属性を指定するチェックボックスを表示させるなど、Web標準化の流れ（と言うかSEOかも）に沿った配慮もある。 この時、画像のプレビューも出来るのも秀逸だ。 画像の前後を決まった形でマークアップすると言う時に便利なwrapper機能も、私にはかなり嬉しい機能である。 最後に表示させるHTMLをワンクリックで全て選択状態に出来るなど、とにかくルーチン化した画像のアップロードの手間を省けるようになっている。

以上のように、私にとっては相当な手間を省けるありがたいプラグインだった。 10ドルの価値は十分にあると私は感じている。