タグ

ブックマーク / rikuo.hatenablog.jp (20)

  • 某オライリー社の技術書風の年賀状素材を作ってみました - 聴く耳を持たない(片方しか)

    具体的にどういうものか?結論から先に言うと、こういう感じのやつです。 Carpet python by rikuo is licensed under a Creative Commons Attribution 3.0 Unported License. Based on a work at http://www.flickr.com/photos/brisbanecitycouncil/5278832161/. 来年、2013年の干支は巳年ということでヘビを描いてみました。後段でも説明しますが、クリエイティブコモンズライセンスの「表示」でこのヘビのイラストは公開しているので、自由に使えます。 着想の経緯や元の写真の説明など 先行する元ネタ オライリー(O'Reilly Media)社の技術書と言えば、エンジニアにとっていつもお世話になっている存在ですね。また表紙に動物の木版画を使ってい

    某オライリー社の技術書風の年賀状素材を作ってみました - 聴く耳を持たない(片方しか)
    adsty
    adsty 2012/11/30
    技術者向けの技術書風年賀状。
  • TwitterのアイコンにJPGを使うとボケる!アイコンの仕様やコネタなど - 聴く耳を持たない(片方しか)

    追記 2010年8月末に仕様が変更されました。一部内容に変化が……というか具体的に言うとgifアニメとgif画像の扱いが変わりました。また表題の点についても改善されています。末尾に追記があります。 Twitterではユーザーアカウントに英数字が使われていますが、そうした文字列だけではなかなか個人を認識しにくいですよね。ブログやサイトであれば、ページデザインやレイアウトなどで特徴をつけられますが、140字しか投稿できないサービスであるためにそれぞれの投稿で、個性を印象つけるのは難しいです。 そうしたサービス上の特性から、Twitterではアイコン画像のイメージが、ユーザーの特徴を示す大きな要素になっています。 で、 そのユーザーアイコン画像なんですが、色々と独特の仕組みがあったりするので、アイコン周りの情報を備忘録としてまとめてみました。 はじめに Twitterには、他のウェブサービスには

    adsty
    adsty 2010/08/09
    Twitterのアイコンにおける独特の仕組みいろいろ。
  • Twitterの公式RT、非公式RT、QTの違いを分かりやすく図で描いてみた - 聴く耳を持たない(片方しか)

    <追記 2012/03/06 ここから> 追記(2012/03/06) 2012年3月にTwitterの仕様が変更されました。 下記では「TweenのQT」と、「非公式RT」「QT」とはタイムラインでの見え方が違う……と書いてありますが、2012年3月現在ではどちらも同じようにタイムラインでは表示されています。 <追記ここまで> 先日、Twitterで公式にRetweet機能が一部のユーザー向けに公開されました。現在は言語を英語にしないと利用できませんが、今後はいずれ全ユーザーが利用できるでしょう。一方でこれまでのRetweetをQTと言い換える専用ソフト(クライアント)も出ています。 こうした動きの中で機能が複雑になり、それぞれの違いが分からない・分かりにくいといった意見をよく見かけます。……ですので、ちょっと整理も兼ねてそれぞれの機能の特徴をまとめてみました。 はじめに 以降、区別のた

    Twitterの公式RT、非公式RT、QTの違いを分かりやすく図で描いてみた - 聴く耳を持たない(片方しか)
    adsty
    adsty 2009/12/14
    ある4人のフォロー関係における各機能のタイムラインへの反映をイラスト付きで分かりやすく解説。
  • 14個のTwitterの細かすぎて伝わらない裏技や仕様 - 聴く耳を持たない(片方しか)

    Twitterの初心者向けの解説エントリーについては、先日まとめました Twitterを始めたばかりの人向けにいくつか Twitterにはリプライ、フォロー、ダイレクトメッセージなどなど独特の仕様やルールがありますから、初めて使う人には戸惑うでしょう、上記の記事ではそれらの基礎的な仕組みを分かりやすく説明したエントリーをいくつか紹介しています。 ……で、今回はそうした初心者向けよりちょっと進んで中級者向け……と言っても普通にTwitter使う分には、まぁそんなに必要でもなかったりする結構どうでもよさそうな機能、仕様、裏技、というかトリビアてきなものをいくつかまとめてみました。 簡易目次 アイコンはアップロードした画像のファイル名がそのまま使われる アイコンのサイズあれこれ アップロードした画像は中央がアイコンに使われる gifアニメアイコンを登録する方法 Twitterにいつユーザー登録し

    adsty
    adsty 2009/09/24
    知っていると便利なTwitter豆知識いろいろ。
  • 今朝も新潟日報が半端なく熱い件。あと日本文理お疲れさまでした【新潟県民の熱い夏】 - 聴く耳を持たない(片方しか)

    昨日、甲子園での決勝進出を報じた新潟の地元紙、新潟日報の大胆なレイアウトを紹介しました 今朝の新潟日報が半端なく熱い件 そしていよいよ、決勝の舞台。相手は春夏合わせて10回の優勝経験を持つ伝統校の中京大中京。日文理も健闘したのですが結果は残念ながら、中京大中京 10 - 9 日文理と敗北。それでも最終回の追い上げは素晴らしく堂々たる準優勝でした。 で それを受けての今日25日の新潟日報はどんなだったでしょうか? 通常は紙面は大体こんな感じですね 1面に写真はあるものの、 それほど大きなものではないです。 開いてみると 1面に記事、最終面ではテレビ欄というレイアウトですね。 で。 今日は 開いてみると 写真が大きいですねー、でも見切れてる?と思いきや 昨日と同様 1面から最終面(36面)までの見開きで非常に大きくスペースをとってます。 さらに中を開いて35面と34面でもかなり量を割いて、

    今朝も新潟日報が半端なく熱い件。あと日本文理お疲れさまでした【新潟県民の熱い夏】 - 聴く耳を持たない(片方しか)
    adsty
    adsty 2009/08/25
    準優勝した日本文理を紙面で盛大に褒め称える新潟日報。
  • はてブを正規表現やXPathでフィルタできるGreasemonkey - 聴く耳を持たない(片方しか)

    先月 id:solailoさんから id:solailo これをリニューアルに対応させてもらたりできますか? http://d.hatena.ne.jp/rikuo/20080902#c1229345579 とコメントをいただきました、「これ」というのは以前にはてな匿名ダイアリーで投稿されたこの Greasemonkey のこと はてブのhotentryで、2chコピペブログや「ネタ」を削除するGreasemonkeyを勝手に改造 - はてな匿名ダイアリー こちらは、はてなブックマークの注目・人気エントリーを正規表現とXPathでフィルタできる機能があったのですが、昨年11月に行われたリニューアルでページ構造が大きく変わり、動かなくなっていました。 というわけで、今回はそれをリニューアルに対応し、でもっていくつか機能追加することにしたわけです。 id:solailoさんにコメントいただいて

    adsty
    adsty 2009/01/17
    各種設定ではてブの表示をフィルタリング。
  • はてブ追加時の「コメント」ボタンが紛らわしい問題 - 聴く耳を持たない(片方しか)

    昨日から続いて、今日はデザイン面でのはてなブックマーク改善案……というわけでもないのですけれども、ちょっと気になった点。 - ところてん - アットウィキ 出っ張ってる印象を与えるオブジェクトはボタンに見える。 で、ついクリックしてしまう。 http://www16.atwiki.jp/tokoroten/pages/1015.html こちらで指摘されていますが、新しいはてなブックマークのBookmarkletのデザイン*1で、誤操作が多いようですね。 例えば私のTwitterのタイムラインでも、そうした話題が結構聞かれてます、 はてブ2のブックマーク追加ページ、「追加する」ボタンじゃなくて、コメント欄左のコメント部分をつい押してしまう。なんかボタンぽいデザインなのでつい・・・・・・。 リニューアルしたはてブの、ブクマを追加するときのコメント & タグ入力画面、「タイトル」と「コメント」

    はてブ追加時の「コメント」ボタンが紛らわしい問題 - 聴く耳を持たない(片方しか)
    adsty
    adsty 2008/11/29
    コメントボタンにおけるデザイン的な問題。今後対策される予定。
  • はてなスター画像を54%まで軽量化する - 聴く耳を持たない(片方しか)

    はてなブックマークの正式リリースから、様々なギークたちが高速化についてアドバイスをされてます。 はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記 はてなブックマーク JavaScript 高速化計画 補足 - IT戦記 Re: はてなブックマークのコンテンツの JavaScript を高速化する - つれずれなるままに… はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓 堀愚霊瑠の指摘で気付いた、はてなスターの静的ファイルとか想像以上にアレな件 - にぽたん研究所 IEでのテキストノード走査の高速化 - os0x.blog それぞれの分野からそれぞれ興味深い技術を紹介しており、その姿に 「かっこいい!」「そこにシビれる!あこがれるゥ!」 ……と思ったので、私も自分の

    adsty
    adsty 2008/11/27
    はてなスター画像をとことん軽量化。
  • 自由に使えるはてなスター素材20種類以上とキーワード - 聴く耳を持たない(片方しか)

    はじめに はてなスターがリリースされてから、早一年が過ぎました。 リリース直後ははてな内でも「なんだこれ?」「邪魔だなー」「ページが重くなるからウザいなー」などと反発もありました、なにより私自身も「ウザいなー」と強く思ってました。が、その後 動作については改善され、またサービスそのものに慣れてくるにしたがって、これは面白いな、と感じるようになってきていますね。 特にスターがうまく機能してるのが、はてなハイク。 ハイクで投稿したときに、気軽にはてなスターを付けて交流できるのは楽しいです。 また、はてなスターレポートもダイアリーなどを続ける上で、モチベーションの一つにもなっていますね。個人的には、公開デザインにはてなスターがついたことをレポートで知るのは結構うれしいです。 はてなスターのカスタマイズ画像を探せない というわけで、リリース当初の感じ方と異なりはてなスターは交流のツールとして面白い

    自由に使えるはてなスター素材20種類以上とキーワード - 聴く耳を持たない(片方しか)
    adsty
    adsty 2008/09/08
    はてなスターの素材集。
  • 「はてなダイアリーに女性向けのかわいいデザインが無い」とか言われるけど、公開デザイン+テーマ1268個を全部チェックしたオレが全力でかわいいデザインを薦めるよ - 聴く耳を持たない(

    先日のメールマガジン週刊はてなで ♪れいこん(id:reikon)のはてなピックアップ その169♪ 「女性向けのデザインが少ない!」「もっとお洒落にブログを飾りたい!」 はてなダイアリーのデザインについて、しばしばそんなご意見をいただきます。 どうやらトップページをはじめとするサイト全体の色合いがブルーが多く、 ちょっとコンサバなデザインであることも手伝って、女性の方は物足りない、 と思われることが多いみたいです。 週刊はてな バックナンバー と書かれていましたが、「はてなダイアリーには女性向けのデザインが少ない」とか、または「かわいいデザインが無い」という意見をよく見ることがあります。 しかし! でも、でも・・それは大きな誤解です! 週刊はてな バックナンバー と id:reikonさんも仰っているように、あんまり目に付かなかったり探し難かったりするかもかもしれませんが、はてなダイアリ

    「はてなダイアリーに女性向けのかわいいデザインが無い」とか言われるけど、公開デザイン+テーマ1268個を全部チェックしたオレが全力でかわいいデザインを薦めるよ - 聴く耳を持たない(
    adsty
    adsty 2008/07/15
    ダイアリーの公開デザインいろいろ。
  • 「最近の人気エントリー」以外のはてブ人気エントリーを使ってみよう - 聴く耳を持たない(片方しか)

    はてなブックマークを利用している方は、トップページの「最近の人気エントリー」の欄、または「最新の人気エントリー」を見ることが多いかと思います はてなブックマーク - 人気エントリー - 総合 「最近の人気エントリー」は概ねその日に多くブックマークを集めたエントリーを並べており見ていて面白く、毎日・毎時間めまぐるしく変化してどんどん新しい情報に更新されていきます。それはそれでいいのですが、一旦「最近の人気エントリー」から外れてしまったエントリーは再び顧みられる機会がなかなか無いのが残念ですね。 また瞬間的でキャッチーなエントリーがどうしても人気を集め、かつ「人気エントリー」に載りやすいのですが、それとはもうちょっと異なる情報を得たいと感じることがないでしょうか? 口コミで広がるような、徐々にブックマーク数を集めたエントリーを見たいとか、また自分の興味にあう情報を優先的に得たいなどの願望もあり

    adsty
    adsty 2008/05/26
    ちょっと違う切り口の「人気エントリー」を見られるサービスいろいろ。
  • 2008-03-24 はてなブックマークってアイコンを大きくするだけで雰囲気が変わると思う - 聴く耳を持たない(片方しか)

    はてなブックマークの作り直しについて - naoyaのはてなダイアリー それから、エントリーページのコメント一覧を、被ブックマーク側、つまりブログの書き手からある程度コントロール可能にしたいと思っています。まだ仕様は考え中ですが、あまり極端なもの、例えばブログの作者さんが自由にコメントを削除できる...などは考えていません。ブックマークの自由、コメントの自由はある程度担保上で、コントロールできるようなものを検討しています。なぜそのような機能を付けようと思っているかは、まもなく津田さんからのインタビュー記事が公開されますが、その中で詳しく触れています。 はてなブックマークの作り直しについて - naoyaのはてなダイアリー はてなブックマークが近いうちにリニューアル・機能が改善されるとのこと。 で、実際にどういう風な機能がつくかは分からないですし、インタビュー記事を楽しみに待とうと思うのです

    2008-03-24 はてなブックマークってアイコンを大きくするだけで雰囲気が変わると思う - 聴く耳を持たない(片方しか)
    adsty
    adsty 2008/03/25
    「エントリーページでの自分のコメント部分を見つけやすくなる」という副作用もあり(っていうか現在も活用)。rikuoさんの「アイコン&ドット絵へのこだわり」に拍手。
  • はてなちゃんとしなもんがcaramelldansenを踊るドット絵を作ってみた : 2008-02-22 - 聴く耳を持たない(片方しか)

    等倍 2倍に拡大して表示 背景あり 透過gif 64×64ピクセル、背景をつけたものと透過gif版、そして右側のものは2倍に拡大しています。 いわゆる caramelldansen とは、ニコニコ動画などでは「ウッーウッーウマウマ(゚∀゚)」という呼び名で今月の頭から流行ってる、……なんと説明していいかな……ダンスというか動画ですね。 ブームになった詳しい経緯などはこちらがまとまっています。 参考リンク なつみかん。 | Caramelldansen 〜 ウッーウッーウマウマ(゚∀゚) 「ウッーウッーウマウマ(゚∀゚)」の作者は誰か? - うつせみ日記 (Utsusemi Nikki) ウッウッーウマウマ(゚∀゚) ウッーウッーウマウマ(゚∀゚) - behind the counter http://d.hatena.ne.jp/y_arim/20080213/1202888234 制作

    はてなちゃんとしなもんがcaramelldansenを踊るドット絵を作ってみた : 2008-02-22 - 聴く耳を持たない(片方しか)
    adsty
    adsty 2008/02/24
    踊ってる踊ってる。ウッーウッーウマウマ(゚∀゚)
  • はてなユーザーアイコンの傾向(イヌネコなど) - 聴く耳を持たない(片方しか)

    一昨日、昨日に続いてまだユーザーアイコンネタです。もうアイコンまとめは今回でラスト、内容は 似顔絵ツールで作成したアイコン WiiのMii 似顔絵イラストメーカー サウスパーク風 ザ・シンプソンズ風 スイーツ 果物 メガネ 顔の一部や身体の一部 生き物 鳥類 ウサギ 蝶 馬 イヌ ネコ 今日も画像が非常に多いのでたたんでおきます。 まず、はてなブックマークコメントで要望のあったものから。 b:id:iskwrskさんから 次はMii特集とか。印象に残らないからMiiの人としか区別付かないんだけど。 http://b.hatena.ne.jp/iskwrsk/20080208#bookmark-7401364 ということで、Miiなど似顔絵ツールを使ったアイコンのまとめ 似顔絵ツール Mii WiiのMiiではない、Mii風にネット上で作れるサービスがあるのでそちらで作成されたものもあるかも

    はてなユーザーアイコンの傾向(イヌネコなど) - 聴く耳を持たない(片方しか)
    adsty
    adsty 2008/02/09
    つまり、はてなのアイコンだけで何でもできちゃうんじゃない?
  • はてなユーザーアイコンの傾向(文字以外で) - 聴く耳を持たない(片方しか)

    昨日のエントリー では、はてなユーザーアイコンでも文字の人を中心にまとめてみましたが、まとめる過程で文字以外でもアイコンの傾向というか似たコンセプトのものが目に付くようになってきました。 今回はそうしたアイコンの傾向について紹介していきます。 今日も画像が多いのでたたんでおきます。 ピクトグラム(道路標識) 普段の生活でよく見かけるものを使うのは、アイコンを目に止まりやすくなるために有効な手ですね。 ここではピクトグラムで特に黄色のものを集めてみました。 もともと簡略化されたデザインで分かりやすいメッセージを持ち、目に付きやすい配色であるため利用しやすいのでしょうか。 他のピクトグラムもありますが特にバリエーション、数が多いのがこのタイプ 非常口 デザインが単純化されているはもちろんですが、他のピクトグラムに比べて配色が好まれるのでしょうか。 動物 アイコンで最もよく使われる動物としては、

    はてなユーザーアイコンの傾向(文字以外で) - 聴く耳を持たない(片方しか)
    adsty
    adsty 2008/02/08
    「はてなデフォルトさん」キター! こんにちは、自称「はてなデフォルトさん職人」です。
  • 問題です。はてなユーザーアイコンだけでアルファベット26文字を揃えることができるでしょうか? - 聴く耳を持たない(片方しか)

    はてなでは、ユーザーアイコンに文字を使う方が多く見かけるのですが、ふと、その人達を並べたらアルファベット26文字くらいはいけるんじゃないか?と思いました。 または、プロフィールアイコンが文字の人の一覧エントリー きっかけはこちらのリスト 断片部 - ano::プロフィール画像が文字の人 ついでなので、アルファベット以外でも「プロフィールアイコンが文字な人」をまとめてみます。 調査対象 主な調査対象 はてなブックマークのパブリックユーザ一覧 - 研究メモ BETA (2007-11-16) で、公開されているはてなブックマークのパブリックユーザー一覧を参考にしました。このリストでは 51,000人ほどのユーザーが網羅されています。 調べてみたところ、そのうちデフォルトのアイコン からカスタマイズしているユーザーはおよそ6,900人程度。そこから文字をアイコンにしているユーザーをリストアップし

    adsty
    adsty 2008/02/07
    ありゃー、揃っちゃうもんだねー、面白いねー。
  • 2008-01-27

    ブラウザから気軽にお絵かきができる、はてなハイクですが、そのお絵かき機能には3種類のペンが用意されています。これについて半径ワンクリック圏内で、違いがよく分からない、という呟きを2.3件見かけたのと、先日から試験的にですがはてなダイアリーでも利用できるようになった d2.hatena.ne.jp のその場編集モードでお絵描き機能や動画が挿入できる機能の実験を行っています - はてなダイアリー日記 のでちょっと解説エントリーを書いてみました。 はじめに、と結論 まず始めに3種類のペンというのは何か?という点から。 はてなハイクにはキーボードショートカットを入力することで、いくつかの機能を利用することができます。Ctrl + Z で一つ元に戻す(アンドゥ)、0 / 1 / 2 / 3 でペンの太さを変更、Bで塗り潰し(バケツ)など。 参考:はてなハイクのお絵かきキーボードショートカット一覧 -

    2008-01-27
    adsty
    adsty 2008/01/28
    ペンを上手く使い分けると効果が大きいですね。
  • はてなハイクをブックマークのコメント欄のように使うアイデア - 聴く耳を持たない(片方しか)

    はてなハイクではユーザーid、もしくはお題となるキーワードを設定して、それをテーマに書きこむという形式になっているのですが、それに URL を設定することができます。 今はあまり主流な使い方ではないようですが、例えば http://h.hatena.ne.jp/http///www.itmedia.co.jp/news/articles/0712/15/news012.html http://h.hatena.ne.jp/http///blog.livedoor.jp/dankogai/ こうしたページになります。 これを利用して、はてなブックマークのコメント欄のように使ってみてはどうでしょうか?というのがこのエントリーの提案。 というのも。 はてなブックマークと違って、文字数の制限が緩い 何度も書きこめる他、Reply などで流れが分かる 画像も貼れる 動画も貼れる お絵かきができる と

    adsty
    adsty 2007/12/29
    100文字で収められない場合の「続きはハイクで!」は考えたことがあるよ。エントリーの案、少し様子を見てみましょうか?
  • 80個以上のはてブ関連のGreasemonkeyまとめ - 聴く耳を持たない(片方しか)

    追記:(2008/11/18)このエントリーを書いて以後、ありがたいことに未だにアクセスがあるのですが現在は表題の80個よりもさらにGreasemonkeyが増え続けています。それに正直、ちょっとまとめるのが億劫になったので最近はちゃんと更新していません。 ですが はてなで使えるユーザースクリプト - 何かしら図書館 こちらで随時更新されているので、最新情報についてはこちらを参考にした方がいいでしょう。 はじめに今年の1月に はてブ関連のGreasemonkeyを知っているだけ並べてみる - はてブクロニクル というエントリーを書き、当時私が知ってるだけのはてなブックマークに関連した Greasemonkey をまとめてみたのですが、その後も様々な Greasemonkey が公開され続けていたので、エントリーの内容をはてなブックマークのエントリーページに移し、適宜更新を続けていました。

    80個以上のはてブ関連のGreasemonkeyまとめ - 聴く耳を持たない(片方しか)
    adsty
    adsty 2007/12/17
    いろんな用途別のまとめ。
  • 聴く耳を持たない(片方しか) - 2007-09-17 - らき☆すたが最終回なので主要キャラをドット絵にしてみたよ

    人気アニメらき☆すたがいよいよ最終回、ということで連休を無駄に利用し、主要キャラをドット絵にしてみました。概ね32ピクセルで透過gif画像です。 とりあえず、全てを並べてみます。 以下解説 3年生 とは言え、ここら辺はアニメでもレギュラーなので、解説の必要はないですね。 左から順に、泉こなた、柊つかさ、高良みゆき、柊かがみ、日下部みさお、峰岸あやの。 ちなみに上段が等倍表示で、下段は見やすいように2倍にしたものを表示させています。 2年生 登場キャラ唯一の2年生、八坂こう。と言ってもアニメには出演してません。 1年生 やはりアニメでもよく出ていたので、解説は省略。 左から、田村ひより、小早川ゆたか、岩崎みなみ、パトリシア = マーティン。 パティとこうが似ていても気にしない。 教員 陵桜学園の教員。 左から、泉こなた ら3年B組担任の黒井ななこ。最終話にはアニメ編にも登場した、柊かがみた

    聴く耳を持たない(片方しか) - 2007-09-17 - らき☆すたが最終回なので主要キャラをドット絵にしてみたよ
    adsty
    adsty 2007/09/17
    フリーで使ってみたい素材たちですね。
  • 1