net Archive

Firefoxアドオン、Operatorのユーザスクリプトで、hAtomを抽出するものをためしてみたときのメモ。

ユーザスクリプトの入手（hAtom.js）

Operatorのユーザースクリプトについては、以下のページからコードを入手することができます。今回は一覧のなかにある「hAtom.js」というファイルです。

• Operator User Scripts（Mike's Musings）

ファイルを保存して登録する

jsファイルを開いて中身をコピーして、任意のテキストエディタで開き、（拡張子.jsで）保存します。

このファイルは登録後消してもかまわないので保存場所はデスクトップでもいいです。ワタくシは作業ファイルのフォルダにいれてますが。

オプション設定のユーザースクリプトタブのところで新規に先ほど作成しておいた、jsファイルを登録します。

次にオプション設定のところで以下のように、データ形式（hAtom-hEntry,hAtom-hFeed）を追加してあげます。

実際にウェブページを開いて確認してみる

hAtom対応のページをみて動作を調べてみます。

operatorツールバーを表示しているのならば、Atom Entry(s)、Atom Feed(s)というメニューが追加されています。

このブログでは今の時点でhAtom未対応なので、はじめから対応されている、ActionStreamsのページで確認するとします。

hFeedにhAtom to Atom/RSS transcoderへ送る動作をつけてみた

hAtom-EntryにはFirefoxのブックマークに登録する動作がついているのですが、それだけでもアレなので、hAtom transcoder という、hAtomからフィードに変換するツールに、当該ページを送信するという動作を追加してみました。以下のようなコードです。

ちなみに、或るページを変換するには

http://tools.microformatic.com/transcode/<output format（atom|rss）>/hatom/URL

のような形式です。ブックマークレットでできるよ、みたいな話ですがまぁよしとします。

// hAtom to Atom/RSS transcoder
var hatom_to_transcoder = {
  description: "to hAtom transcoder",
  shortDescription: "to hAtom transcoder",
  scope: {
    semantic: {
      "hAtom-hFeed": "hAtom-hFeed",
    }
  },
  doAction: function(semanticObject, semanticObjectType) {
    if (semanticObjectType == "hAtom-hFeed") {
      var url = window._content.document.location.href;
      return "http://tools.microformatic.com/transcode/atom/hatom/" + url;
    }
  }
};

SemanticActions.add("hatom_to_transcoder", hatom_to_transcoder);

実際の動作は以下のようになります

以下はtranscoderにURLを送ったとき生成されたフィードの状態です。

今年（2008年）を振り返る記事をアクセス解析をみながらまとめてみます。恐らくまとまっていないことと思いますが

今年も残すところあとわずか。ということで年間のまとめ記事でも、と思っていてもアイデアが浮かばないので何気にアクセス解析でもながめながら記事を書くことにします。例によって、リッチテキストエディタを利用しなくてマイペースでいきます。

キーワードと探し求めている情報

あらかじめいっておきますと、解析にはGoogle Analyticsにもとづいてます。期間は2007年の12月31日から2008年12月30日にしました。

ざっと注目しているものをピックアップしてみますと

• カスタムフィールド
• Firefox 翻訳
• アーカイブマッピング

あたりが検索キーワードとして多いようです。Firefoxの翻訳のアドオンは需要があるんでしょうかね。Movable Typeのことをテーマとして主にあつかっているためか、ソレ系のキーワードが大半を占めているようです。

閲覧者のPC環境について

このサイトの閲覧者がどのような環境で閲覧されているか、というのも気になる情報です。ブラウザとOSについてみていこうと思います

ブラウザについて

閲覧者の環境でブラウザの項目をみていきますと、多いほうから順に以下のようになっていました。（）内は全体からの割合（％）で、セッションを基準とした集計です。

1. Firefox （47.60）
2. Internet Explorer （43.16）
3. Safari （5.37）
4. Opera （2.59）
5. Chrome （0.65）

今年はGoogle Chromeが登場した年でもありましたが、このサイトでは（割合は）低めかも。結局、自分もここまでインストールしてなかったり。

因みにInternet Explorerのバージョンはというと、

• 6.0 (50.82)
• 7.0 (47.78)
• 5.5 (0.17)

といった結果となりました。()の数字はIEの利用者のセッション中での割合です。全セッションにおける割合は別に計算しないといけないみたいで、時間の関係（ということにしておきます）で省略しちゃいます。

IE6ユーザはまだまだ多いという印象ですが、これは年間通じてのハナシ。特定期間（一箇月とか一週間など）でみると、IE7のほうが多いもよう。

WindowsとMac以外のOS

ちなみにMac利用者の割合は10パーセントちょっとくらいなのですが、いくつかピックアップします。以下、多い順です

• Linux
• NTT DoDoMo
• iPod
• FreeBSD

このなかでは、Linuxが圧倒的に多いです。それでも全体の１パーセントに満たないですが

最後に

ここでまとめないといけないんですね。いろいろと眺めていて時間ばかりが経過してしまいました。

検索エンジンからの訪問者の割合が多かったです。今後もそうなると思いますが。あと基本的にいえるのは全体でアクセス少ないです。ま、べつに気にはしてない（といえばウソ）ですが。来年のこの時期に同じような内容でどう変化があったか見れればいいなと思いました。それまでサイトが残っていることが条件ですが。全然まとまっておりませんが以上です。

それではよいお年をお迎えください。

謎の文豪（？）海腹先生に文章の添削をお願いしてみることに。その結果は

先生といっても、サービス上の先生なので実在はしないようですが。文章を入力して、その文章を解析してくれるサービスを試してみました。

• みんなの海腹先生 | 水無月ばけらのえび日記
• テキスト解析サービス みんなの海腹先生 (α Version)（umihara.bakera.jp）

添削の海腹先生のモデルは、すぐに想像がつきそうではあります。

で、試した文章ですが、過去のエントリを使うのもアレなんで、このネタのためだけに適当に作成したものが以下です。それゆえに、以下の文には内容は特にありませんのでご了承ください。

凄くどうでもいいことなのだが、Movable Typeでウェブページしか作成しないようなブログを構築することって可能なのだろうか。
例えば、新規で、ブログ作成する。ありきたりだが、/hoge/というブログディレクトリを作ったとする。インデックステンプレートはとりあえず全削除してしまう。ウェブページ作成で初めに作成するページのファイル名をindex.htmlにしておく。
これでとりあえず、http://exsample.com/hoge/のトップページができたというわけである。
とくだらないことを以前考えていた。

それで、添削のほうは以下のようなものでした。

この文章は255文字、36文節あるようだな。

名詞が36、動詞が7、形容詞が1、形容動詞が1、副詞が5、接続詞が1、助詞が26、助動詞が24、接尾辞が1、特殊が22、全部で124あるな。

句点が9、読点が5あるようだ。

58点だな。悪くない。悪くないが......。

採点については、文章のうまい・下手ではないそうです。（使い方と注意事項を参照）

ここからは、スクリーンショットにて

2行目109文字目の「html」という表記だが、以下の件りだけど。拡張子で書いてるんだけどなぁ。いささかお節介な部分も？？

でもって、元の文章から「新しいテキスト」とかいって、提案もしてくださるようです。

なんだ、この文章は。この程度で殿堂入りとは かたはらいたい！

･･････ということで、文章解析のアレでした。

vLetterで筆記体フォントのデモページがありましたので試してみました。

普段あまり英文とか使うことはないんですけど、筆記体で書かれた画像とかページのアクセントにもいいのかなと思っていろいろ探してまして。vLetterというところで、筆記体のフォントがあるみたいでして、以下のページにそのデモンストレーションページがありました。ジェネレーター感覚でフォントですとか、背景のひな型とかいろいろと試して遊べそうな感じです。

• vLetter Free Font Demo Online - Try Our Real Cursive Handwriting Fonts

ためしに作成してみました。左側のテキストエリアに何かタイプして、右にある、Handwriting Optionsあたりでいろいろと指定をして、Previewボタンで表示されます。

拡大・ダウンロード

Firefoxでアドオンをいくつか入れていると、ステータスバーに導入中のアドオンのアイコンが並んできます。Organize Status Barはこれを表示させたり非表示にしたり表示順をいれかえたりするとこのできるアドオンです。

この前、たまたま見たページでなのですが、どういったアドオンなのかわからないけど、キャプチャでGmailのアドレスがステータスバーにでてしまうものだから、その部分にモザイク処理などされています。

＠ITの以下の記事です。

• まずはHTML。ハイパーなタグ付き言語（1/5）＜デザイナーのためのWeb勉強帳（1） - ＠IT

そこまで加工するのなら、ステータスバーを非表示にしてからキャプチャ撮るとか、必要な箇所をトリミングでもしたらいいのではないかなと思うわけで。

また、ステータスバーなどにライターさんの使ってるアドオン群が多く並んでいるのをみると却って引いてしまったりします。＃アドオン記事と関係ないし、みたいに。

ま、自分が思ったことは自分で実践してたらよいだけの話でして、（自分が）キャプチャ撮るときは少し気を遣いたいなというお話でした。

さて、こんな場面でも「Organize Status Bar」を使いますと、ステータスバーに表示させたいアドオンなどコントロールできますので便利そうです。

アドオンは以下のページから

• Mozilla Japan - Firefox 用アドオン - Organize Status Bar

設定画面は下のような感じです。

HTMLのソース中に書くコメントについて、目にとまったサイトなどをメモしておきます

正しいコメントの書き方をしましょうということで（自戒もふくめて）。コメントについての解説は以下のサイトにて。

• 正しいコメントを書こう
• SGMLの注釈宣言@鳩丸よもやま話
• コメントは正しく書く必要があります - Web標準普及プロジェクト

コメントの中身にハイフン（-）が続いてしまうのはマズいというのはおぼえておきたいと感じました。

鳩丸よもやま話のページには、正しい書き方であっても、ブラウザの独自の判断により正しく認識してくれないケースを「ぶったぶたれた」という例で紹介されています。注釈宣言テストというページがあり、Firefox3でみたところでは、問題なく表示されていました。さて、IE6でみると・・・・・・

Open MagicVox.netさまでは、(X)HTMLの終了タグへのコメントのつけ方を紹介されています。

• HTML の閉じタグへのコメントの付け方 - Open MagicVox.net

これは、なるほどと思いました。少し気になったんですが、それは、HTMLでタグが入れ子になるときが割りとあって、Vicunaテンプレートでもそうですが、タブインデント（スペースでもいいんですけど）を利用して整形などしているときにはどうかな、という部分です。

ま、いらんことで特に意味はないんですが、簡単なXMLでコメントの書き方だけためしてみました。ブラウザで、ドキュメントツリー表示でみたところ、「構造上もコメントの所属が明確」という点については、納得できた気がします。そのあたりは、好みの部分もあってアレですけど。

<?xml version="1.0"?>
<root>
<main>
    <title>hoge hoge
        <!-- description element --><description>hoge^2</description>
    <!-- end title --></title>
<!-- end main --></main>
<!-- end root --></root>

<?xml version="1.0"?>
<root>
  <main>
    <title>hoge hoge
        <!-- description element --><description>hoge^2</description>
    </title><!-- end title -->
  </main><!-- end main -->
</root><!-- end root -->