はじめに

このサイトは、私（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へのマークアップ言語の変更" »

このところ、SVGなどの（私にとって）新しい技術について調べることが増え、自然とHTML5への興味も高まってきた。 これまでは各ブラウザの対応状況をhtml5test.comで見るくらいで、Safariの対応の遅さに意味もなく歯がゆい思いをしてきた程度だった。 ちなみにSafari 9でもスコアは555点満点のうち400と、ChromeやFirefoxに大きく引き離されているし、Internet Explorer後継のMicrosoft Edgeにも（ほぼ同じスコアだが）追い抜かされている。

現在このサイトはXMLベースであるXHTML 1.0 Strictを使ってマークアップしている。 HTML5は従来のHTMLのように、タグを省略するなど、ある程度「ゆるく」マークアップできる言語のようだ。 しかし個人的にはきちんと要素の範囲を指定して、文書構造がはっきりするXHTMLの方が好みだ。 HTML5では、XMLをベースとしてXHTML式にマークアップすることも可能なようで、XHTML5と呼ばれているようだ。 Google検索で調べてみるとすでに5年以上前からこの違いについて解説しているサイトがあり、自分の不勉強が恥ずかしい限りだ。

HTML5では文書構造を示すための要素としてsection, article, nav, aside, header, footerが追加されていて、文書の意味づけがより明確に行えるようだ。 この辺りを厳密にやろうとすると、Movable TypeのテンプレートをCSSも含めて相当書き換えないといけなくなりそうだ。 また、現在のテンプレートはMovable Typeのテーマ機能を使うためと思われるが、div要素の入れ子構造が深くて、あまり好きではなかった。 これを機会に、よりシンプルなマークアップになるようにしてみたい。 それに伴って、個別記事のマークアップも変更しなければならないかもしれない。

ただ、XHTML5でマークアップするには、サーバー側のHTTP応答ヘッダを変える必要もあるなど、やや敷居が高い。 しかし従来のHTMLの延長で、限りなくXHTML5準拠に近いというような方法は可能なのではないかと思う。 HTML5への移行を、今後のサイト更新の目標の一つとしていきたい。

続きを読む "HTML5とXHTML" »

変更点

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

続きを読む "Version 2.9.14MT" »

待ちに待った、と言うよりは、もっと待たされるかと思ったら意外に早く到着したiPadを入手した。 昼に電話があったので、夕方ヤマダ電機に急ぎ向かった。 受け取り手続きの待ち時間の間にMacコーナーを覗いたところ、Appleストアでも一ヶ月程度待たされるはずの純正iPadケースが在庫されていた。 既にオンラインで手配していたが、案内のメールには配送が七月末などと書かれていたこともあり、そちらはキャンセルするつもりで在庫品を即購入した。 保護フィルムは一番最初に届いたから、これで一通りは揃ったこととなる。

自宅に帰り、まず保護フィルムを装着。 手間取った上にあまり綺麗にいかなかったが、ケースもあるので良しとする。 純正ケースへの挿入はあまりスムーズなものではない。 ドックと併用出来ないとのレビューがあったのでドックキーボードの購入は控えたが、これは正確だった。

続けてiTunesを起動してアクティベートを行った。 これはすぐに完了する。 音楽や写真の同期はとりあえずスキップ。 まずはWi-Fiを設定してSafariを試したり、Google Earthアプリを使ってみたりした。 自宅にいる限りMacを使えば良いことでもあるが、これが外でも気軽に出来るとなると興奮する。 旅行が楽しくなることは間違いない。

と言う訳で最後にブログを書いてみたが、慣れもあるだろうがやはり長い文書を書くには向いていない。 Movable Typeも素の状態では相性があまり良くないようだ。 今後試行錯誤を続けるつもりだ。

変更点

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

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

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

AppleからSafari 4 Betaが発表された。 ダウンロードすることも可能なので、早速インストールしてみた。 この記事も、Safari 4 Betaから投稿している。

まず目につく新機能は「Top Sites」と名付けられた、よく使うサイトにアクセスしやすくする機能。 OperaのSpeed Dialに始まり、Google Chromeにも同じ機能が搭載されているが、Safariではその表示方法をワイドスクリーン風にスタイリッシュにしている。 私はOperaは最近使っていないのだが、使い勝手はGoogle Chromeとほぼ同じ。 Safariは表示されるサムネイルの数は多いが、「最近追加したブックマーク」「最近閉じたタブ」を表示する機能はないようだ。

同じWebKitをベースにするGoogle Chromeを参考にしたのかな、と思われる機能は他にもある。 タブバーがタイトルバーと一体化しており、Chromeと同じ形式だ。 タブを追加ボタンは右上の角に固定となった。 私はタブを追加ボタンは左端に置くことが多いので、この配置換えにはまだ慣れないが、コンテンツの表示部分が広くなったことは歓迎出来る。

履歴の表示方法にCover Flowを採用したのはいかにもApple製ブラウザらしい。 サイトのサムネイルが表示されるので、履歴を探しやすくなったと思う。 既にFirefoxには搭載されていた機能だが、全体を検索できる機能も便利だ。

新しいJavaScriptエンジンであるNitroだが、確かにGoogle リーダーで多数のリスト表示をさせた時の更新速度が速くなっているように感じる。 はっきりと違いが目に見える訳ではないものの、これから使って行くに従って実感出来るのではないかと期待している。 Firefox 3.1もJavaScriptエンジンが高速化するそうなので、そちらのリリースも楽しみだ。

基礎部分の機能の関連では、Web標準への対応も進んでいるようだ。 スコアが100となったことで話題にもなっていたAcid 3 テストだが、やってみたら確かに100/100となった。

そして、この記事を書くときに気がついたが、Movable Type 4はSafariにもしかすると完全には対応していなかったのかもしれない。 Safariはテキストボックスの大きさを自由に変えることができたが、本文を記入するテキストボックスの横幅がほぼ最小になってしまっていた。 広げれば問題なく記入は出来るものの、最初どういうことかわからず焦ってしまった。

続きを読む "Safari 4 Betaが登場" »

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

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

NetscapeブランドのWebブラウザのサポートが全て終了するそうだ。 Netscapeは一時代を築いたブラウザであるし、私が生まれて初めて利用したWebブラウザもNetscape (Navigator)ではなかったかと思う。 現在もその流れを汲むFirefoxを利用していることもあり、少し寂しい気持ちだ。

私は特にNetscape 4.xのころからNetscape 6のころまで良く利用しており、Internet Explorerとどちらが優れているか、良く比較もしていた。 当時はMovable TypeのようなCMSを使っておらず、自分でHTMLを記述してウェブサイトを更新していたので、異なるブラウザ間で同じように表示させることに苦労していた。 CSSへの対応において、Netscape 4.xはひどいものがあり、Netscape 6やMozillaを基準に作って行くと、どうしても表示が崩れてしまうと言う問題があった。 ある時期から対応を完全にあきらめたが、今となっては良い思い出である。

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が変更されてしまうので、今日中がリミットだったと言う訳だ。