新はてなブックマークを使ってみた

毎日欠かさずチェックするサイトとしてはてなブックマークがあるのですが、11月25日からリニューアルすると言う事で、このほどベータ版が公開されましたので早速使ってみて感想などを。まず、デザインが前のバージョンより素敵になっています。僕はこっちの方が好きですね。あと、各所でも話題になっておりますが自分のブックマークを簡単便利に検索できるのはとっても使いやすい!基本的にブックマークは「いつか使い時の情報としてブックマークする」事が多いのですが、その使う時になって、「どのタグだったっけ?」っと 探す事が多かったのですが、検索機能があれば単語だけで目的の物を見つける事ができます。そして、逆に新バージョンになって気になる所もそれは、一番良く目にする最新の人気エントリーのページですが、旧バージョンではページのタイトルのみで一覧でさっと見れたのですが、新しいバージョンではタイトル+ページの概要が表示されている為、僕にとっては可読性が良くない。2008110801.jpg これは使う人によっては記事の概要を見てリンクをクリックする人にはとっても便利なのですが、僕はとりあえずページタイトルから気になるもを次々とタブで開いて、後から記事の内容を見るので、タイトル部分だけをスクロールして探す事になってしまいます。例えば、ユーザーが自分でタイトルのみかタイトル+概要の表示を選択できればとっても良いのですが。2008110802.jpgもうひとつは注目エントリーや新着エントリーにある検索機能です。検索ボックスらしき窓の右には「URLで絞り込み」?URLで?ここはURLじゃ無くてキーワードで検索だと思うんですが。例えば一日に何度かは人気エントリーをチェックして、その時には気にならなかった記事が家に帰って「あ!やっぱりあの記事読みたいな」って持った時に人気エントリーとか新着エントリーから探すのですが、その時にはやっぱりキーワードで検索したいんですね。 2008110803.jpg ここまで比較的に細かな所まで書いて来ましたが、全体には新はてなブックマークに満足です。ただ、毎日見るサイトなので細かい点も今後改善されていく事を期待したいですね。 

    岡山県でGoogle StreetViewの撮影車を発見!

    昨日、大ニュース!宮古島でグーグルのストリートビュー撮影車を発見!を読んで、宮古島には何度か行った事があるので、「へぇ〜宮古島でも走っているんだ。そのうち(1〜2ヶ月したら)家の近くでも」っと思っていた訳ですよ。

    そして今日もいつも通りバイクで通勤をしていると目の前にGoogle Streetview撮影車が!!!
    ビックリして自分の目を疑ったのですが、側面にGoogleのロゴが入っている!しかも噂どおりのプリウスで成田ナンバー!
    バイクを運転しながら、iPhoneで撮影!(決してマネしないでね。)

     Google Streetview撮影車01
    Google Streetview撮影車02
    Google Streetview撮影車02

    上部には全方位カメラに、下部についているのはGPSか?
    しかも、宮古島にいたプリウスと同じナンバーっぽい。
    9月3日に宮古島にいて船で車ごと移動して9月12日に岡山って凄い勢いで撮影してますね。
    朝の早くから撮影車の方もお疲れさまです。

    Google StreetViewには国内でも色々な意見が出ている様ですが、プライバシーに配慮しつつ生活が便利になるサービスになっていけばと個人的には思っております。 

      リンクにアイコンを追加してくれる、 Iconizeを属性セレクタが使用できないIE6用にカスタマイズしてみる

      Webで使用するリンク先には、HTML以外にも、PDFとかMP3とか色々な物がありますが、リンクを押す前に視覚的にそれらが何にリンクしているか分かると良いなと思います。リンクを押してみたら、PDFが開いて、時間がかかってイラッとした経験がある人も多いかと。そんな時に便利なライブラリとして、画面上のリンクのURIから自動的にアイコンを追加してくれるIconize Textlinks with CSS(Thanks pooliestudios)という物があります。でも、これ属性セレクタを使っているので対応していない、WindowsのIE6とかのブラウザではちゃんと動作しないのです。。。残念。そこで、属性セレクタを使わずにJavascriptを使用して作り変えてみました。使用方法を簡単にご説明。

      1. まずは下記からZIPファイルをダウンロードします。iconize.zip
      2. 解凍してできたiconizeフォルダを適当な場所にアップします。
      3. iconizeを適用したい画面のヘッダー部分でiconizeフォルダ内のiconize.cssとiconize.jsへのリンクを追加します。ファイルへのパスは自分の環境にあわせてください。
        <head>
        <link href="iconize.css" rel="stylesheet" type="text/css"/>
        <script src="iconize.js" language="javascript"></script>
        </head>
      4. 次にbodyタグのonloadでIconize.AddIcons()を読み込みます。<body onload="Iconize.AddIcons()">
      5. あとは、追加した画面でリンクを設定すればアイコンが自動で追加されます。レイアウトはiconize.cssで変更できます。

      結果はこんな感じでリンクに対して、色々なアイコンが表示されます。

      PDFファイル

      MP3ファイル

      WindowsのIE6とFireFox2、MacintoshのSafari3とFireFox2での動作は確認しています。Javascriptとか得意では無いので、動かなかったらゴメンナサイ。。。と言い訳してみる。よろしければどうぞ。ライセンスはクリエイティブコモンズです。