はてなハイク1.1の正式公開を記念して、バレンタインデー(2/14)限定で、はてなスターをハートマークに変更しました。はてなスターを利用しているはてなの全サービスが、変更の対象です。ただし、はてなダイアリーなどで、ユーザー様が個別にスター画像を設定している場合は、設定されている画像が表示されます。 2月15日の0時に元のスターに戻ります。ひとときの間、ハートマークのはてなスターで特別な一日をお楽しみください。
はてなでは、本日と明日のハロウィンの日(10/31)限定で、はてなダイアリー、はてなハイク、はてなブックマーク、うごメモはてななどの主なサービスに表示されるはてなスターを「はてなカボチャ」に変更します。 日本国内でのハロウィン人気の高まりを受けて、はてなでも皆さんにハロウィン気分を楽しんでいただきたい、という思いから「はてなカボチャ」を期間限定でリリースしました。 なお、はてなカボチャショップでは、赤、青、レアカラーの「カラーカボチャ」もはてなポイントにてお買い求めいただけます。11月1日の0時には元のスターに戻りますが、ひとときの間、カラーカボチャで特別なハロウィンをお楽しみください。 はてなカボチャショップ
11月13日、☆の登録総数が1000万個を突破しました。 これまでに☆を付けた人の数は約5万4千人となり、☆が付けられたコンテンツの数は、はてな内外のサービスを合わせると39万件に達しています。 7月のサービス開始以来、はてなスターでは、はてな内の各サービスで☆を付ける機能を搭載したほか、9月には☆の画像を変更できる拡張や引用機能などを追加し、10月にはFirefox用ツールバーや拡張機能で様々なサイトに☆が付けられる「どこでもはてなスター」を公開し、さらに11月には「OpenID」に対応するなど、皆さんのご意見をいただきながら様々な取り組みをおこなってきました。 はてなでは、今後も皆さんに「インターネットって面白い」と思っていただけるサービス作りや機能アップに取り組んで参ります。これからも、はてなスターをよろしくお願いします。 番外編:1000万個目の☆を付けた人は誰!? 栄えある100
本日Firefoxの拡張機能「Hatenabar」と「Hatena Star」をアップデートし、どこでもスター機能で☆を付けられるページをわかりやすくしました。 これまではウィンドウ右下のステータスバーに表示される☆が、SiteConfigWikiに設定があるドメイン以下のページで黄色く光っておりましたが、どこでもスター機能で☆が付けられるページを表示している時のみ、黄色く光るようになりました。 はてなダイアリーの記事など、誰にでも☆が表示されるページでは黄色く光らないので、誰でも☆を見ることができるのか、拡張機能を入れている人のみ見られるのか、ステータスバーで確認することができます。 また、今回のアップデートでHatenabarインストール時にどこでもスター機能がデフォルトで有効になるよう変更を行っています。現在ご利用中の方は現在の設定のままで、変更はございません。 どうぞご利用ください
はてなスターの画像をクラス毎に変更できるように機能拡張を行いました。 これまで、はてなスターの画像ファイルは、スタイルシートで以下のような設定をすることで可能でした。 .hatena-star-star-image { background-image: url(http://exapmle.com/star.gif); } しかし、これまでの指定では、ページの中で場所に応じて画像を変更することなどはできませんでした。今回の変更では、CSSのセレクタを利用することで、以下のような設定が可能となっています。 .hatena-star-star-image { background-image: url(http://exapmle.com/star.gif); } div.red .hatena-star-star-image { background-image: url(http://e
はてなスターでは、テキストを範囲選択して☆をつけると引用ができる機能がありますが、さきほど、引用付きの☆にマウスをかざすと引用された部分がハイライトされる機能を追加しました。 ハイライトはマウスをかざしたときだけ行われますので、マウスをはずせば元通りの色に戻ります。どうぞご利用ください。
SiteConfig を作ってみましょう SiteConfig を作ると、世界中のサイトにスターを設置することが出来ます。ここでは SiteConfigGenerator という Firefox + Firebug を利用したサポートツールを使って、SiteConfig を作ってみましょう。 なお、この作成方法は、はてなスターSiteConfig作成方法 にもまとめてあります。 動画 実際に Firebug を使って作っていく様子を録画した動画です。説明を読みつつ、見てみると解りやすいでしょう。 http://s.hatena.ne.jp/swf/scg.htm ターゲットとなるサイト(URL)を決める まずはどこにスターを設置するか決めましょう。今回は livedoor Pics のユーザ写真一覧を例に設置してみます。URL は http://pics.livedoor.com/u/ユー
はてなスターを外部のブログサイトなどへ搭載する際に、サイトごとに☆を表示する場所などをカスタマイズする方法を変更します。 今回の変更により、CSSセレクタを使ったシンプルな設定で、☆を表示する場所、エントリーのURL、タイトルなどの場所を指定することができるようになります。 新しい設定方法は、以下のような書式となります。 <script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script> <script type="text/javascript> Hatena.Star.SiteConfig = { entryNodes: { 'div.entry': { uri: 'h3 a.permalink', title: 'h3.title', container: 'h3.title' }
一部ですでに使い始めているユーザーさんもいらっしゃいますが、はてなスターに引用機能を追加しました。 マウスで文章を範囲選択してからAddボタンをクリックすると、自分の名前とともに、範囲選択をしていた部分が引用文として表示されます。 気に入った文章などを選択して☆をつけることで、どの部分が良いと思ったかを相手に伝えることなどができます。 引用をした範囲は、自分の☆履歴ページ(http://s.hatena.ne.jp/ユーザー名/stars)にも表示されますので、あとから気になった文章などをまとめて見るのにも便利です。 毎日の☆レポートでも、☆のとなりに引用文が表示されます。 なお、元のページに含まれていない文字列を引用することはできません。 どうぞご利用ください。
その後も続々とユニークな☆画像変更日記が出没していますので、まとめてご紹介します。 http://d.hatena.ne.jp/fou/ 「しびれくらげ」。ゆる〜い感じがいいですね。 http://d.hatena.ne.jp/gep/20070915/p1 「はてなブーイング」。クリックしたら罵倒してしまう罠。 http://ustream.g.hatena.ne.jp/yumizou/20070914/1189770055 「ポットとお茶」。お知り合いのマイナスさん作成。ほっこりします。 http://zeromemory.sblo.jp/article/5389919.html 「蟻の巣(観賞用)と蟻」。こちらもマイナスさん作。凝ってます。 http://d.hatena.ne.jp/sqrt/20070909/p1 パックマンのボタンを押すと・・・なかなかお上手です。 http:/
さきほどはてなスターのプログラムを変更し、コメントがついた状態のアクティブなコメントボタンの画像を変更できるようにしました。 他のボタンと同様に、スタイルシートに以下のような指定を加えることで、コメントがついた状態のボタン(デフォルトではオレンジ色のボタン)を変更することが可能です。 .hatena-star-comment-button-image-active { background-image: url(http://s.hatena.ne.jp/images/comment_active.gif); } この変更により、はてなスターのデザインをすべてカスタマイズできるようになりました。改めて、画像や文字のデザインの変更についての解説をまとめ、近日中にはてなスターサイト内にご案内したいと思います。
さきほど、はてなスターに変更を加え、☆がたくさんついた際に☆が省略されて表示される場合の数字のスタイルを簡単に設定できるように変更を行いました。 たとえば以下のように設定することで、☆の間の数字を大きくすることができます。 .hatena-star-inner-count { color: #f4b128; font-weight: bold; font-size: 200%; padding: 0 8px; } このように、.hatena-star-inner-countセレクタに対してスタイルを設定すると、そちらの設定が優先されて適用されるようになりました。 先日のはてなスターの画像設定機能のリリース後、たくさんの方が画像のカスタマイズを楽しまれていますが、idea:16992などで省略数字のスタイルも変更できるようにして欲しいというご要望を頂いておりました。今回の変更により、より柔軟
昨日、☆の画像がスタイルシートを使って自分で変更できるようになりましたが、さっそくたくさんの方が画像を変更されています。今日は、ユニークで楽しい画像に変わった日記をご紹介します。 http://d.hatena.ne.jp/capelito/20070907/1189129449 秋の味覚「はてなきのこ」。何のきのこでしょうか。 http://d.hatena.ne.jp/bluets8/20070907#1189153940 「よかったマーク」。手ぬぐいの模様になりそうですね。 http://d.hatena.ne.jp/yogur/20070907/p1 「いろいろおほしさま」。たくさんのカラーバリエーションを作ってくださいました。 http://d.hatena.ne.jp/wang-zhi/20070907/1189137239 「オラオラですか?」ボタンと「オラオラ」マーク。 h
さきほど、はてなスターの機能拡張を行い、スタイルシートで設定するだけで簡単にはてなスターの画像を変更できるようになりました。この方法を使うと、はてなダイアリーなど、スタイルシートが編集可能な環境ならどこでも簡単に画像を変更できます。 今回の機能により、「Commentボタン」「Addボタン」「☆」のそれぞれの画像を変更することができます。それぞれ以下の項目を編集することで指定が可能です。 /* Commentボタンの画像をurl()の中に指定します */ .hatena-star-comment-button-image { background-image: url(http://exapmle.com/comment.gif); } /* Addボタンの画像をurl()の中に指定します */ .hatena-star-add-button-image { background-imag
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く