8月17日の技術勉強会 - Flexレイアウト手書き勉強会 8月17日に行われました技術発表会の内容を撮影した動画ファイル/資料を公開いたしました。内容は以下のとおりです。 テーマ Flexレイアウト手書き勉強会 発表者 d:id:secondlife 勉強会動画 ダウンロード…
Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日本語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、
http://yagi.xrea.jp/2006/08/hb_fav_arrange.user.js はてなブックマークのお気に入りページに、 複数人がクリップしているエントリは1つにまとめる 人数が多いエントリほど上に持ってくる 既読のエントリは表示しない というアレンジを行うgreasemonkeyスクリプトです。 話の流れとか http://naoya.g.hatena.ne.jp/naoya/20060820/1156080416 http://d.hatena.ne.jp/sshi/20060821/p1 http://d.hatena.ne.jp/otsune/20060821/hatebFavorite 関連 はてブお気に入りサジェスタ 全サイトはてブ化・その場コメント・ワンクリブクマ Googleの検索結果にはてブのユーザ数を表示
何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事本文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日本語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ
はてなブックマーク件数を blog に貼り付けるウィジェット 2006-02-27-1: [JavaScript][Ajax][Ruby][Code] ウィジェットというほどのものではないけど,はてなブックマーク件数を簡単に blog に貼り付けることが出来る部品を作ってみました. はてなブックマーク件数とは以下の画像の赤枠のようなものです. この赤枠の中で囲まれた部品を blog に貼り付けることが出来ます. このウィジェットの使い方はとても簡単で <link rel="stylesheet" type="text/css" href="./styles/hatebu-count.css" /> <script type="text/javascript" src="./js/prototype.js"></script> <script type="text/javascript" s
はてブ追加画面にサイトを表示するGreasemonkey 2007-02-22 2007-02-23 14:39(JST)以前に公開されていたスクリプトにXSS脆弱性がありました。現在は修正されていますので、ダウンロードされた方は再インストールをお願いいたします。→ 脆弱性の詳細について はてなブックマークの追加確認画面の右側に、追加しようとしているページを表示するGreasemonkeyスクリプトを作りました。 こんなときに便利かなと。 ブックマーク先の内容をちょっと抜粋したいときに ブックマーク先を読みながらコメント書きたいときに なんとなくさみしい追加確認画面をゴージャスにしたいときに 動作イメージは以下のようになります。 http://www.akiyan.com/js/viewSiteAtHatenaBookmark.user.jsからインストールできます。 (FirefoxとG
JavaScript ではてなブックマーク数を表示 はてなブックマークのブックマーク数は人気の指標として参考になります。このブログでは各エントリの末尾に、ブックマーク数を画像で取得する API を使って、ブックマーク数を表示するように設定しています。 ブログシステムのようにテンプレートを使える場合は、ブックマーク数を表示する HTML をたくさんのページに貼り付けるのは簡単ですが、そうでない場合はなかなか面倒です。そこで、ここでは JavaScript を使ってはてなブックマーク数を表示する方法を紹介します。 やり方 まず、次のような JavaScript を hatena-bookmark.js として保存してウェブに置きます。 function makeHatenaBookmarkLinks() { return ("<a href='http://b.hatena.ne.jp/ent
3ヶ月ほど前、弾さんや id:amachang さんが、はてなダイアリーで JavaScript が使えたらいいのにね、という話をしていました。404 Blog Not Found:Hatena::Diary - スーパpre記法で実行可能なJavaScriptをIT戦記 - Re: スーパー pre 記法で実行可能な JavaScript をで、先日、自分のはてなダイアリーにブログパーツを設置できるようになったので、事実上の JavaScript 解禁になりました。ということで、JavaScript の eval を貼り付けるガジェットを Google Gadgets で作ってみました。サンプルまずは簡単に Hello World。nanto_vi さんによる Math.random().toString(36).slice(-8) でパスワード生成 もすぐに試せる。(関連エントリ:Ja
AS3 のキーイベント監視でなんかいい方法ないかなー、と考えていたら良い方法が思いついたので実装してみた、らかなり便利な気がするので公開してみます。 http://github.com/hotchpotch/as3rails2u/tree/master 通常のキーイベントの監視では addEventListener(KeyboardEvent.KEY_DOWN, func) で関数を登録して switch で event.keyCode 判別して Shift が押されてるか Ctrl が押されてるかによって云々、でかなりめんどくさいです。でもこの KeyTypeListener を使うと驚き300%(当社比)の方法でキーイベントを定義できます。 // 読み込んで import com.rails2u.utils.KeyTypeListener; import com.rails2u.uti
はてなブックマークおもしろいよね! ところで、ぼく、はてなブックマークで一番使うシンボル(?)って [B!] でも [↑B] でもなく [108 users] だと思うんだけど! だから自分のサイトで users が表示できるやつをつくってみたよ!! → ひてブ(js) v0.2 (ダウンロード) どんな感じかは、サンプルページをみてね! つかいかたはこうだよ! 1. まずは prototype.js をダウンロードして、自分のサイトに転送しておこうか! 2. そしてさっきの hihate_v01.zip の中の nuluerer.cgi を、きみのサイト上に置いてパーミッションの設定だ! chmod 755 nuluerer.cgi 3. つぎに使いたいページの <head> の中に以下のように記述してね! <script type="text/javascript" src="prot
1か月以上ご利用いただいていない日記の「スパムコメント・トラックバックの拒否」を有効にしました 先ほど、はてなダイアリーとはてなグループにおいて、1か月以上更新のない休眠状態のブログに対して「スパムコメント・トラックバックの拒否」設定をはてなにより有効とさせていただきました。 はてなダイアリー及びはてなグループにはコメントやトラックバックを外部から受け付ける機能があり、以前からご利用いただいております。しかしこの数ヶ月間、スパムコメントやトラックバックの数が非常に増加しており、日記一覧ページやアンテナで記事が更新されたと思って見に行ったらスパムコメントだけがついていたり、あるいは毎日のように大量のスパムトラックバックが飛んでくるため、いつもスパムへの誘導リンクを見てしまうといった被害が大量に発生しています。 はてなでは、先日からDNSBLを用いたトラックバックフィルターやコメント時の画像認
本日から 12/16(日) までの間、はてなダイアリーキーワード上で、PSP用ゲームソフト「PATAPON(パタポン)」の登場キャラクターを使ってお楽しみいただける、はてなオリジナルミニゲームの提供を開始いたしました。 例:パタポンとは - はてなキーワード キーワードページ上に現れる目玉のキャラクター「パタポン」を操作して、ページ内のキーワードリンクを弓で打ってお楽しみいただけます。また遊んだ後のスコアはキーワードごとに集計され、ゲーム画面の「スコア」をクリックして、そのページで遊んだことのある他のユーザーのスコア記録をご覧いただけます。 期間中にはてなダイアリーキーワードにアクセスすると、ページの左上に「パタポン」が待機しているので、このパタポンをクリックすることでゲームが開始されます。より詳しい使い方については、開始時に表示されるパタポンによる解説をご覧いただければと思います。 ※ゲ
さきほど、はてなスターの機能拡張を行い、スタイルシートで設定するだけで簡単にはてなスターの画像を変更できるようになりました。この方法を使うと、はてなダイアリーなど、スタイルシートが編集可能な環境ならどこでも簡単に画像を変更できます。 今回の機能により、「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
一部のスクリプトはこっちにあるもののほうが新しいかもしれません。 Opera8.5 と 9.0TP1 で動くことを確認していますが、 自己責任で使用してください、ということに一応しておきます。 大半は Greasemonkey でも動きます。 はてなツールバーもどき (2005.10.28) 表示/非表示の切り替えはブックマークレット(HatenaBar)で行います。 アンテナ、ブックマーク、ダイアリー、グループのデザインをその場で編集 (2005.10.31) ブックマークレット(デザイン編集)で 編集ウィンドウを開きます。 テキストエリアにスタイルシートを入力して「プレビュー」を押してやると、その場でページのデザインが変わります。 テーマの変更もできます。この時点ではまだはてなのサーバーに情報は送られていません。 もう一度最初から編集し直したい、というときには「やりなおし」ボタンを押す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く