Big Sky

2008/06/06

blosxom plugin 「hatenastar_mobile」書いた

このサーバではJSON::Syck::Load(YAML::Syck::LoadJSON)が動かなかった(おそらくXSコンパイルされてない)のでJSON::PPを使ってますが、使える人はJSON::Syck::Loadを使うという事で
hatenastar_mobile


# Blosxom Plugin: hatenastar mobile

# Author(s): mattn

# Version: Fri, 06 Jun 2008



package hatenastar_mobile;



use strict;

use warnings;

use vars qw($stars);

use LWP::UserAgent;

use URI::Escape;

use HTTP::Request;

use JSON::PP;



$stars = '';



my $permalink_flavour = 'htm';

my @mobile_ua = qw(UP\.Browser KDDI PDXGW DoCoMo J-PHONE L-mode Vodafone SoftBank);



sub start {

    return 1 if map { $ENV{'HTTP_USER_AGENT'} =~ /$_/ } @mobile_ua;

}



sub story {

    my($pkg, $path, $fn, $story_ref, $title_ref, $body_ref) = @_;

    return 0 if $ENV{'PATH_INFO'} !~ /\.$permalink_flavour$/;



    eval {

        my $uri = 'http://s.hatena.ne.jp/entries.json?uri=' . URI::Escape::uri_escape("$blosxom::url$path/$fn.$permalink_flavour");

        my $ua = LWP::UserAgent->new;

        my $req = HTTP::Request->new(GET => $uri);

        my $res = $ua->request($req);

        $res->is_success or return 0;

        my $json = decode_json( $res->content );

        my @sts = @{$json->{entries}->[0]->{stars}};

        for my $st (@sts) {

            $stars .= '<img src="http://s.hatena.ne.jp/images/star.gif" title="' . $st->{name} . '" />'

        }

    };

    1;

}

パーマリンクとなるflavour名をpermalink_flavourに指定し、flavourに"$hatenastar_mobile::stars"を入れると表示されます。

Posted at by mattn

2008/06/02

GoogleのAjaxロードAPIが公開された(でも、それ動かないよ...)

GoogleからjQueryやdojoがロード出来るAjaxライブラリが公開されました。

The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the Google AJAX API Loader's google.load() method, your application has high speed, globaly available access to a growing list of the most popular JavaScript open source libraries including:

jQuery

prototype

script.aculo.us

MooTools

dojo

http://code.google.com/apis/ajaxlibs/

でも、リンク先に載ってるコード、良く見たら動かないよ＞＜

正しくは


<script src="http://www.google.com/jsapi"></script>

<script>

  var renderResults = function(results) {

      $.each(results, function(index, item) {

        $('#result')

          .append('<div id="result' + index + '"></div>');

        $('#result' + index)

          .append('<a href="' + item.url + '">' + item.title + '</a>')

          .append('<div>' + item.content + '</div>')

          .append('<span>' + item.visibleUrl + '</span>')

          .css('padding', '0.5em');

        $('#result' + index + ' div')

          .css('border', '1px dotted gray')

          .css('width', '500px')

          .css('padding', '1em')

          .append('<span>');

        $('#result' + index + ' span')

          .css('color', 'green')

          .css('margin-left', '1em');

      });

  }



  // Load jQuery

  google.load("jquery", "1");



  // on page load complete, fire off a jQuery json-p query

  // against Google web search

  google.setOnLoadCallback(function() {

    $.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&v=1.0&callback=?",



      // on search completion, process the results

      function (data) {

        if (data.responseData.results &&

            data.responseData.results.length>0) {

          renderResults(data.responseData.results);

        }

      });

    });



</script>

<div id="result"></div>

こんな感じになります。あと、visualization等の場合はgoogle.loadの第3引数が有効で"callback"の記述が出来たのですが、jQueryやdojo等サードパーティな物では動かなかった。残念。
ちなにみ上のコードを動かすと、こんな感じになります。

Posted at by mattn

rel-bookmarkについて

about: rel-bookmark戦争

『オレ、rel-bookmarkも嫌いなんだわー』とブツクサ言うsnj14 - otsune tumblr まとめサイト画像保管庫Q
『オレ、rel-bookmarkも嫌いなんだわー』とブツクサ言うsnj14 - otsune tumblr まとめサイト画像保管庫Q(追記)
3:14 - 『オレ、rel-bookmarkも嫌いなんだわー』とブツクサ言うsnj14

さて、私も少し考えてみた。

Basic HTML data types

Refers to a bookmark. A bookmark is a link to a key entry point within an extended document. The title attribute may be used, for example, to label the bookmark. Note that several bookmarks may be defined in each document.
http://www.w3.org/TR/REC-html40/types.html#h-6.12

mattn的に訳すと

Bookmarkについて。 bookmarkは広範囲に渡るドキュメント内の唯一のキーとなるエントリポイントへのリンクとなります。ブックマークをラベリングする際にはタイトル属性が使用され、ドキュメント内には幾らかのブックマークが定義され得る事に気をつけるべきでしょう。

そしてkuさんが言及している部分

Basic HTML data types

Authors may wish to define additional link types not described in this specification. If they do so, they should use a profile to cite the conventions used to define the link types. Please see the profile attribute of the HEAD element for more details.
http://www.w3.org/TR/REC-html40/types.html#h-6.12

訳すと

作者は本仕様では記述し得ないリンク型を別途定義したいと思うかもしれません。であれば、リンク型を定義するのに一般的に用いられるprofileを使用すべきでしょう。その他の詳細に関してはHEAD要素のprofile属性を参照して下さい。

そしてrel-bookmarkについて、microformats wikiでは

rel-design-pattern - Microformats

By convention (citation needed), this entry point also captures the notion of a "permalink".
http://microformats.org/wiki/rel-bookmark

訳すと