はじめに

このサイトは、私（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が所有します。

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

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

その他の連絡先について

連絡先

このところ、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" »

GoogleのWebベースRSSリーダーであるGoogle ReaderのGUIが変更されていた。 すっきりとした印象であり、最初CSSファイルの読み込みに失敗したのかと思ったが、良く見直してみるとGUIの変更だった。

全体的な印象としては、上記の通り表示がすっきり変わった。 特に登録フィードの一覧が表示される左ペインがすっきりした。 「スター付きアイテム」や「トレンド」の項目や共有など、必ずしも利用する訳ではない部分も、折り畳めるようになり、その分登録フィードが大きく表示できるようになった。

個人的には「更新」ボタンまでプルダウンメニューにまとめられてしまったのは残念だが、新しいデザインは嫌いではない。 共有機能は使っていなかったので、小さくまとめられるようになったのはありがたい。

ソニー・エリクソンが新ブランドのスマートフォン「XPERIA X1」を発表した。 プレミアム向け新ブランド「XPERIA」の1号機とのことで、QWERTYキーボードがアークスライド式に搭載されているところが目を引く。 かなりスマートなデザインで、使っていることに満足感を与えてくれるように感じる。 動画も公開されており、UIはHTCのTouchFLO的と書かれているが、噂（？）ではXPERIA X1はHTC製だとも言われているようだ。 いずれにしてもデザイン性を持ったWindows Mobile端末の登場は歓迎されており、今後の展開が楽しみだ。

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を基準に作って行くと、どうしても表示が崩れてしまうと言う問題があった。 ある時期から対応を完全にあきらめたが、今となっては良い思い出である。

噂になっていたGoogle製の携帯電話の正体が発表された。 Google PhoneやGphoneなどと噂されていたこともあったが、発表されたのはAndroidと言う携帯電話のプラットフォームだった。 携帯電話端末の発表だと思っていたので、それに留まらずプラットフォームの提案と言うことで驚いた。

同時に、Open Handset Allianceと言う企業連合も結成されており、日本からもKDDIやNTT DoCoMoが参加している。 MicrosoftやAppleが参加していないのは当然としても、Sony EricssonやNokiaが入っていないのはどうしてなのかと思ったら、両者ともSymbianの株主だった。 SoftBankはYahooがあるので参加しないらしい。 SamsungはSymbianの株主でもあるが、今回のAllianceにも参加している。

なおGoogleがこのAndroidやAllianceを作った目的（得られる利益）については、PC向けだったプラットフォーム開発の対象が携帯電話に移行しているとしか書かれておらず、具体的には良くわからない。 現在のGoogleの利益は広告から得られているから、自分たちが仲介する広告を表示する場所を、出来る限り増やして行こうと言う戦略なのだろうか。

注目度としてはMacworldで発表されたAppleのiPhoneが上かもしれないが、CESで発表されたスマートフォンにも色々と面白いものがあったそうだ。

以前紹介したSamsungの三つ折り端末も紹介されていたようだが、SGH-u740と言う縦にも横にもオープンできる折りたたみ携帯電話も面白そうである。 auから出ているW44S（SonyEricsson製）より遥かにエレガントにまとまっているように見える。 そのSonyEricsson製のM600iも、他のQWERTYキーボード搭載端末よりもすっきりした良いデザインだと思う。 ただ、iPhoneを見てしまった後では、どうしても画面が小さく使いづらそうな印象を受けてしまう。 今後はタッチスクリーンを使った端末が増えていくのだろうか。 国内のメーカーにも期待したい。

「Internet Explorer 7入門講座」と題して、CSSの対応状況が解説されている。 私も先日IE7をインストールしてみたので、CSSの対応状況がどのように改善されたのか、一通りまとまった記事はありがたい。

私も気になっていたcontent属性だが、やはり対応していないようだ。 セレクタや疑似クラスについては対応したようだが、議事要素（:beforeや:after）については記述がないので対応しているのかどうかよくわからない。 IE6からIE7までに5年もかかったことを考えると、改善内容についてはやや物足りない部分があるし、今後を考えた場合にも不安が残るが、どうなるだろうか。

ふとインストールしてあったWWWブラウザをしばらくアップデートしていなかったことに気がつき、アップデート作業をした。 これらはサイトの確認用に入れたものもあるし、使いやすいからとかウェブ開発に向いているとかの理由で紹介されていたのをインストールしたものもある。 常用はしていないが、たまに立ち上げて確認することもあり、それが今日だったと言うわけだ。 せっかくなので下に一覧をまとめておこうと思う。

Safari

Apple自身がリリースしているので、Mac OS X用では普及率が高いと思われる。 動作が軽快なのは良いのだが、なぜか設定が保存されないと言う不具合が起きてしまったため利用していない。 画像を直接iPhotoに登録できたり、オフライン状態で接続できなくても、オンラインになると自動的に再読み込みしたりと、Mac OS Xでの連携は優秀。 WebKitを基に作られているので、WebKitを利用した他のブラウザもSafariと同じレンダリングとなる。

Camino

Mozillaのレンダリングエンジン（Gecko）を利用したMac OS X専用ブラウザ。 そのため、比較的新しいFirefoxと同様のレンダリングとなる。 やはり動作は軽快だが、RSSに対応していないなど、Firefoxに比べて低機能ぶりが目立つようになってきたので利用していない。 拡張機能が使えるようになれば文句なしのブラウザになると思うのだが。

iCab

Carbonで作られており、未だにMac OS 8.5でも動くと言うから驚異的だ。 独自のレンダリングエンジンを持っており、以前はCSSなどへの対応状況があまり良くなかったが、3.0になって相当改善したようだ。 Acid2試験にも合格している（正式版のFirefox/Caminoは合格していない）。 少なくとも、私のサイトを見る限り、SafariやCaminoとほぼ同じレンダリングをしている。

Firefox

WindowsでもIEの代替ブラウザとして定位置を得ているが、Mac版もきちんと拡張機能が使えるし、Windows版とリリースも同時なので、悔しい想いをすることがあまりない。 拡張機能もいろいろ導入して使っている。 リンク先にない拡張機能としては、HTML ValidatorやSage、XHTML Ruby Supportなどを利用している。 たまにSafariやCaminoを使うと、Firefoxの動作がやや遅く感じられるが、普段はあまり気にならない。

OmniWeb

以前は独自レンダリングエンジンを搭載していたが、今ではWebKitを採用している。 一時期英語版しかリリースされていなかったが、今は日本語も含む複数言語版もリリースされている。 30日の試用が可能な有償ソフトウェア。

Opera

ファイルサイズが小さいことと軽快さが売り。 以前はWindows版の開発が先にされていて、Mac版はメジャーバージョンが一つ古い状態のままだったこともあったが、最近は差がないのでうれしい限りである。 CSSへの対応状況も良く、各種プラットホームに移植されているので、プラットホームの違いを意識したくない人には良い選択肢かもしれない。

SunriseBrowser

ウェブ開発者向けのブラウザ。 WebKitを利用している。 文法チェッカーを簡単に起動できるほか、ウィンドウサイズもよくある画面サイズに変更できるなど、便利な機能が備わっている。 また、レンダリング領域がなるべく広くなるようにしているところも好感が持てる。

シイラ

こちらもWebKit利用のブラウザ。 Safariよりも使いやすいブラウザを目指して開発しているとのこと。

各サイトで話題になっているが、Internet Explorer 7の日本語版がリリースされた。 Slashdotでも、公式リリースされたと言うストーリーが掲載されている。

私が使っているWindows PCは仕事用のマシンなので、流石にインストールできないが、オランダから帰国したら、早速試してみたいと思っている。 CSSへの対応状態が向上しているそうなので、楽しみである。 これでようやく主要ブラウザがタブブラウザとなったので、今度はそれ以外の機能での競争となる。 例えば、フィッシング対策は各ブラウザで新機能として提供されている。 安全なウェブブラウジングはもちろんのことだが、CSSなどへの対応といった、ブラウザの基本機能についても、（地味になってしまうのは仕方がないが）対応を拡充していって欲しいと思っている。

これまでSafari、CaminoとMac OS X上のブラウザを切り替えて使ってきたが、とうとうFirefoxに落ち着きそうである。 Safariは設定が保存されなくなってダメ、Caminoはあまりに低機能でダメ、と、Windowsでも使っているFirefoxに白羽の矢がたった訳だ。 本当は、Mac OS Xなのだから、Macでしか使えないブラウザを使いたいところなのだが、「拡張機能」によるFirefoxのカスタマイズが案外自分好みになることに気がついたので、Caminoをあっさり捨ててしまった。 使っている拡張機能は以下の通りだ。

Mouse Gestures

マウスジェスチャの中では、Mozillaの時代から使っているものであり、ジェスチャと機能の組み合わせに、一番慣れている。 一時期、All in One Gestureを試したことがあったが、あちらはマウスの動きが上下左右しか使えず、やはりMouse Gesturesに戻ってきた。 Mouse Gesturesでは、斜め方向もジェスチャに登録できるのが好きである。

Adblock Plus

広告カットしてくれる。 フィルタセットも用意されているが、自分でフィルタを作って行くのが結構楽しい。 申し訳ないなと思いながらも、ニュースサイトの画像広告をフィルタに加えている。

Tab Mix Plus

Caminoのように、各タブに閉じるボタンを付けられるようになる。 ブラウザを閉じたときに、セッションを保存しておいてくれるので、作業中に再起動しなくてはならなくなったときなどに便利。 私のしたいタブ関連のカスタマイズはこれで十分。

Copy URL +

ファイルのタイトルにURLでアンカーをつけてコピーできるようになるらしい。 blogを作成するときに便利と書いてあったので導入したが、まだ使っていない。

Web Developer 日本語版

ウインドウのサイズ変更や、CSSの適用、あるいは文法チェッカの起動など、Webサイトの作成に便利な機能がひとまとめになっている。 文法チェッカの起動だけでも私には価値がある。

Google Toolbar

Firefox標準の検索ボックスはWikipediaがすぐ使えるようになっているので、もう一つGoogle用に検索ボックスを用意している。 キーワードのハイライトが便利。

Windows版のお気に入りツール集に対して、Mac OS X版も書いてみた。 Mac OS Xを使うようになってから、ようやく4年が過ぎたが、標準のツールを使っていることが多い。 つまらない紹介になってしまうが、とりあえず書き出してみたい。

• Camino
• Apple Mail
• iTunes
• iPhoto + ToyViewer
• KEdit
• Skype
• ATOK

続きを読む "お気に入りツール集 Mac OS X版" »

以下は旧サイトからの移行データを、ソフトウェアのバージョンアップに伴い、新しい内容に書き換えたもの。 そのため、文体が統一されていないが、あらかじめご了承願いたい。 紹介しているソフトは以下の通り。

• Firefox + Thunderbird
• OpenOffice.org
• FFFTP
• TeraTerm + TTSSH
• Miranda
• Becky! Internet Mail
• Meadow
• ATOK
• TMIDI Player
• Lhasa
• カシミール3D
• ViX

続きを読む "お気に入りツール集 Windows版" »

Version 2.9.6MTの更新の時から、ページ先頭にあるサイト名の表示方法を変更している。 フォントの表示の仕方なので、音声ブラウザなど、画面表示を必要としないブラウザをご利用の場合は、あまり関係のない話で申し訳ない。 どのように変更したかというと、CSSで、サイト名と、その次にあるバージョンの部分に、font-variant: small-caps;と指定したのである。 これはどういう意味かというと、おおざっぱに言えば、その部分のフォントは、小文字を表示するときに、大文字を小さくしたものを表示する、と言うことだ。 はっきり言って単にデザイン上の目的だけで、そういう風に表示してみたかっただけである。

以前はこの表示方法に対応しているブラウザがなく、あきらめたように記憶しているが、今回Caminoでは問題なく表示され、Safariでも同様に表示されたので、とりあえず害もないし、採用した。 今日、何気なく携帯電話（W21CA）のOpera（PCサイトビューアー）でサイトを見てみたところ、このsmall-capsが効いている。 単にフォントを小さくしているだけ（本来ならば、small-capsに対応したフォントを選択するべき、らしい）のためか、元々フォントが標準サイズに近い部分では、効果が現れていないが、タイトルのところでは確実に表示されていた。

これがWindows版やMac OS版のOperaだったらさほど驚かないのだが、携帯電話に搭載するバージョンのOperaでも対応しているとは驚きだ。 はっきり言って、small-capsなど、CSSの中でもややマニアックな部分だと思っていたのだ。

これでふと気がついて、別の部分の表示も確認してみた。 エントリーのすぐ次にある、カテゴリーの表示や、パーマリンク・コメント・トラックバックの表示部分である。 この部分にも、隣接セレクタ・疑似要素・contentプロパティと言った、やはりマニアックと私が思っているCSSが指定されているのだが、やはり期待通りに表示されている。 Opera恐るべし、である。

はじめに

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

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

動作環境など

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

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

HTMLのマークアップはXHTML 1.0 Strictを採用している。 スタイルシートはCSS2を採用している。 一応チェックはしているが、一部に文法ミスなどあるかもしれない。

なお、一部ページでは後方互換性に考慮した上で、意図的に文法ミスをしている。 これは、XHTML1.1に含まれるルビのマークアップをしているためである。 ならばなぜXHTML 1.1を採用しないのかというと、XHTML 1.1ではMIMEタイプをapplication/xhtml+xmlにするべきなど、色々面倒なのである。 ルビを将来またマークアップし直すのも、これまた面倒なので、今はそのままマークアップしている。 後方互換性を考慮、と言うのは、仕様書にも書いてある方法を使って、解釈できないユーザーエージェントでも、それなりに意味が通るようになっている、と言うことである。

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

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

• Camino on Mac OS X
• Safari on Mac OS X
• Opera on Mac OS X
• Mobile Browser on W41CA
• Opera on W41CA

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

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

IrodorI One-Poem World

Copyright © 2006 One-Poem

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

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

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

その他の連絡先について

連絡先

目次

• One-Poemカテゴリのリンク
• Webカテゴリのリンク
  • コロプラカテゴリのリンク
• コンピュータカテゴリのリンク
  • Macカテゴリのリンク
  • ゲームカテゴリのリンク
• 日常カテゴリのリンク
  • 買い物カテゴリのリンク
• 趣味カテゴリのリンク
  • 旅行カテゴリのリンク
• 車カテゴリのリンク
• その他のリンク

続きを読む "カテゴリー別リンク" »

Movable Typeをインストールして、Blogサービスの試用開始した。 インストール作業は面倒くさそうだし、Mac用のFTPソフトを探すのがまた面倒だったりと、いろいろな困難を乗り越え、ようやく先ほどインストール完了。 果たしてきちんと設定できているのか、まだまだ確認が必要といったところである。 当分は公表せずにひっそりやって確認していこう。

• HTMLテンプレートのXHTML 1.1化
• まともなCSSの作成
• メインサイトの移行

上記が当面の課題か。 さくらのサービス申し込みからもう半年以上たつが、未だにサイトの移行が終わっていない。 単にやる気がないだけで、さっきSSIカウンタが動くことも確認したのであとは細かい確認かな。 あとはおつきあいがあった先への連絡か...。 正直なところ、もう1年以上も放置していたわけで、なんだかとても心苦しい。 後でここを見るかもしれないみなさん、どうも申し訳ありません。