サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <
はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓
JavaScriptの部分は というわけでid:amachangに任せましょう。 というわけでそれ以外の部分でいったいどこが重いのか 何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。 ちなみに上記ソフトのダウンロードにはIBMアカウント（無料）が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果 こんな感じのグラフが出てきます。 では、詳細を見てみましょう。 このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。 内訳としては 濃い
どうもJUNICHIです！ Googleアナリティクス使っていますか？そして用語の意味をしっかりと理解していますか？ 今回は、Googleアナリティクス初心者のあなたのために、「基本用語」21個の意味を解説していきます。 Googleアナリティクスを使っていく上で覚えておくといい用語ばかりなので、是非この機会に覚えておきましょう。 セッション・ユーザー・ページビュー数（PV数）の違いを知ろう まずは、基本の基本なんだけど分かりづらい３つの用語を解説します。「セッション」「ユーザー」「ページビュー数」は、ちょっとややこしいので、しっかりと違いを理解しておきましょう。 ■セッション セッションとは、ユーザーがあなたのサイトを訪問してから、離脱するまでの一連の流れをまとめた単位です。つまり訪問数のことです。 あなたのサイトに1人が訪問して、Aという記事、Bという記事、Cという記事を3記事読んでか
質問 はてなブックマーク経由のPV/ブクマ数の比率は、3年前と比べてどうなっているでしょう？ A 減少している B 変わらない C 増加している 3年前はすごかった説 この記事に気になることが書いてあった。 それでも３年前なら１５０ブクマもついてたらさすがに5000pv～10000pvくらいは「はてブからだけで」流入があったりしたものです。 ところが、昨日書いた記事、内容の是非はともかくとして、はてなブックマークが150以上ついているのも関わらず、はてブ経由でのPVはわずか2000でした。 ブコメを見ても人が減っていることについて同意が多く、限界集落はてな村だから仕方ないといった雰囲気である。かつてあった、はてな黄金時代と比べて見る影もない、と。 黄金時代には、人間は神々と共に住み生きていた。「世の中」は調和と平和に満ち溢れて、争いも犯罪もなかった。あらゆるコンテンツが自動的に生成され、手
内容 python初学者向けの頻出アイテムチートシートを作成してみました。 A4用紙に印刷してちょうどいいように必要事項をみっしりと敷き詰めています。pythonプログラミングのお供にどうぞ。 目次 if文 while文 for文 continue/break文 論理演算 算術演算 関数 リスト ディクショナリ map タプル モジュール クラス 例外 の基本的なことをできるだけたくさん盛り込みたかったので記述順番はぐちゃぐちゃしてしまった感じです。 記述ミスあったらごめんなさい。指摘あれば直します 最新版のDLは こちらからどうぞ(v1.1)。 (zip/約50kb/中身はpdf) 古いバージョン v1.1 コメントのid:t-tanakaさん指摘を修正 b:id:cu39さんのコメント「M+2VM+IPAG circleですね。」を見てフォントを「M+2VM+IPAG circle」に
本日、新サービス「家電会議 by News Suite and Hatena Bookmark」を公開しました！ ▽ 家電会議｜急募、新しいモノ好き 家電会議とは？家電会議とは、たくさんの家電好きが集まることで、「カメラ」「オーディオ」「スマホ・パソコン」「生活家電」「ガジェット」「映像機器」の6カテゴリーから、家電に関する最新ニュースやレビューが簡単に見つかるサービスです。ソニーのニューススイートチームと、はてなブックマークの開発チームで共同して企画開発しています。 家電やガジェット、話題のスマホなどに関する記事を中心に「投票（ブックマーク）」したり、コメントしたりして楽しめます。はてなブックマークとデータを共有しているので、家電会議で話題になった記事がはてなブックマークでも話題になるかもしれません。はてなブックマークには無い、“家電会議の独自機能”もたくさんあります。その1つが「プロダ
Hatena::Bookmark::24H
すぐわかる オブジェクト指向 Perl 深沢 千尋 ★スカラー/配列/ハッシュ/リファレンスからモジュール・オブジェクト指向までみっちり学べる。この本無かったらこのサイトは出来ていなかったと思う良本 正規表現辞典 (Desktop reference) 佐藤 竜一 ★いいかげん覚えろとか自分に言いながらしょっちゅう見てた。項目毎の説明が詳しくて重宝 Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 加藤 善規 ★CSS初心者向けのお作法・テクニック本。読みやすい
先日このサイトには珍しく、ブックマークを多数されて注目エントリーに入ったようです。 それでアクセス解析を見てみると、はてなブックマークから多数アクセスがあったのですが、はてブニュース からのアクセスも多くありました。 はてブニュースはニュースサイト風なデザインで、ジャンル別の人気エントリーも見やすく、特に気になるジャンルだけを効率的に且つ横断的にチェックできて、私も良くチェックしているのですが、非常に便利ですね。 で、今日は同じように はてなブックマークを利用した、様々なサイトやツールを備忘録を兼ねて集めてみました。 追記（2008/11/27） 有り難いことに未だにこの記事にアクセスがあるのですが、これ以降も便利なマッシュアップサイト・ツールが増えてきましたので、新しいものを挙げておきます。 はてブ関連のマッシュアップサイトまとめ - 2008年11月版 はてなで使えるユーザースクリプト
今回は、管理人が愛用しているFirefoxのアドオン13個をまとめてみました。最近では、ブラウジング体感速度の速さが人気のGoogle Chromeによる急激なシェアの伸びに押され気味なFirefoxですが、拡張機能の充実度合いでは歴史の長いFirefoxの方がまだ少し優勢な状況にあると言えるでしょう。 当サイトでも、そんなFirefoxのアドオンに関連する記事をこれまで何十件と公開してきましたが、ならば実際それらを紹介した筆者自身はどれだけの数のアドオンを使用しているのかというと、起動速度の遅延や不必要なメモリ消費を避けるため、普段は必要最低限のものしかインストールせず、必要に応じて追加したり消したりを繰り返すというスタイルをとっています。 そんな中でも、使う使わないに関係なく常に有効化している、「これだけは外せない！」という特にお気に入りのアドオンももちろんいくつかはあります。ここでは
はてブ1位になると、何が起きるのかまとめてみた
私は以前から、「はてブのホッテントリの上位に表示されるとどういう事が起きるのか」という事がちょっぴり気になっていたのですが、もしかしたら他のブロガーさんやはてな ユーザーの方も気になっているのではないかと思い、先月、偶然知らないと損する賃貸マンションの探し方という記事がはてブ1位を取ったときに起こったことをまとめて「どうしたらホッテントリに入ったのか」「ホッテントリ1位になったとき何が起きたのか」を全て公開する事にしました。 はてブ1位になるまで、このブログにはわずか1日20PV(ページビュー)しかありませんでした。 だからこそ、純粋に「はてブ1位でどれだけの方が来るのか」を計測できたのではないかと思います。 日曜にホッテントリ入りした時はわずか470PV/日だった 実はこの記事がホッテントリする1週間ほど前、VPSを借りて、Twitter botを動かすまでの設定をまとめてみたという記事
「Hatena bookmark アドオン」は、はてなブックマークを使いやすくするものです。 はてブのブックマークレットは使いづらいですよね、正直。 そんな方はこのアドオンを入れてみてください！ 以下に、使い方、特徴をまとめておきます。
2013-11-07 はてブに大量出現しているクマアイコンの謎を解説します ネットの話 はてなブログ 女子 夜の庭からコンバンワ。Gunosy報告記事が思いのほか読まれて吃驚したミーアキャットです。 グノシー砲が、1ヶ月以上前の埋没記事を撃ちにきた - 夜の庭から 実は「んなこと知ってるわ！クソ記事あげんなボケが」と言われることを覚悟でエントリーしました。でも、レアケースの報告ができたみたいでε-(´∀｀*)ﾎｯ ちなみに翌日のGunosyには載りませんでした。さすがに自社のヨイショ記事は載せないのですね……。ちょっぴり期待したのにな(´・ω・｀) 今日は、各所で嫌われているクマアイコンの話題。昨日も、novtan別館さんのエントリー「ブクマカーのリテラシーのレベル感が最近怖い感じだがこれはお仕事ブクマのせいかもしれないと思い直した」へコメントを書きましたが、周知が不十分だと思いました。
はてなブックマークの現状 - Cube Lilac
はてな技術勉強会 #4 : ATND に参加できそうなので、ざっとメモ。「はてなブックマークの新スパム判定システム」と言うタイトルで発表があるようなので、それにちょっと関連したデータです。大雑把に言うと「はてなブックマークの新着エントリー（注目のエントリー含）がどの位 2ch まとめブログ記事に侵食されているか」と言う話です。 調査方法 SoGap で取得したデータを使用しています。 データの取得期間は 2011/06/01 〜 2011/08/31 の約 3ヶ月（途中、取得漏れの日あり） 取得方法は、毎日、早朝 5時位に 新着エントリー - はてなブックマーク に前日に掲載された記事のうち、被ブクマ数が 20以上かつツイート数が5以上のものを抽出しています。 取得した記事の中に 2ch まとめブログ（2ch まとめブログの体裁を取っているエロブログも含む）記事が何件含まれているかを計算し
あなたは、『はてなブックマーク』を有効活用していますか？ 「え？何それ？ブックマークなら、別にいつもブラウザにしてるよ！」 っていう声が聞こえてくるかもしれません。チッチッチッ。それがただのブックマークじゃないんですよ。 どうも、JUNICHIです。 はてなブックマーク（通称：はてぶ）は、今やSNSとして区分されるメディアです。 これを言うと、更に混乱させてしまうかもしれませんが、今回は、ブログ運営者これだけ覚えておけば十分という、はてなブックマークの活用術を解説します。 使いこなすことができれば、あなたのブログの知名度も一気に上がるかもしれませんよ！ はてなブックマークの本来の使い方と、今回お伝えする活用法 本来の使い方：『はてぶは、オンライン上にブックマークができる』 普通、ブックマークって言ったら、自分のブラウザから気に入ったサイトにすぐにいけるように「お気に入り」に保存をしておくこ
2009年12月8日*1(日本時間では12/9朝)、拡張機能が有効(除くOSX)な Google Chrome ベータ版がリリースされました。同時にこつこつ開発を続けてた、はてなブックマーク Google Chrome 拡張ベータ版も公開したので、良かったら使ってみてください :D http://hatena.g.hatena.ne.jp/hatenabookmark/20091209/1260314705 というわけで、Google Chrome 拡張を作ってみたのですが、その時に参考にした資料やドキュメントをまとめてみました。 Google Chrome 拡張APIドキュメント http://code.google.com/chrome/extensions/docs.html 基本的に上のURLで必要なAPIのドキュメントはまとめられています。またページ中央下の「Doc versio
追記:(2008/11/18)このエントリーを書いて以後、ありがたいことに未だにアクセスがあるのですが現在は表題の80個よりもさらにGreasemonkeyが増え続けています。それに正直、ちょっとまとめるのが億劫になったので最近はちゃんと更新していません。 ですが はてなで使えるユーザースクリプト - 何かしら図書館 こちらで随時更新されているので、最新情報についてはこちらを参考にした方がいいでしょう。 はじめに今年の1月に はてブ関連のGreasemonkeyを知っているだけ並べてみる - はてブクロニクル というエントリーを書き、当時私が知ってるだけのはてなブックマークに関連した Greasemonkey をまとめてみたのですが、その後も様々な Greasemonkey が公開され続けていたので、エントリーの内容をはてなブックマークのエントリーページに移し、適宜更新を続けていました。
masuidrive on rails - ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
Photo by puddles for snails ブログを書いていると、はてなブックマークにいいコメントが付くことがあって、これが多くの人に見てもらえないのは、勿体ないなぁーと思うことがたまにあります。 本当はブログのコメント欄に残してもらえるとうれしいのですが、敷居が高いのかなかなか書いてもらえません。 それなら、ブログにはてなブックマークのコメントを表示すればいい！と思って作ってみました。 どこでもはてなブックマークのコメントを表示するスクリプト、「hatana_bookmark_anywhere.js ver 0.1」をリリースします。 実際の設置例はこのページの下の方を見てください。 設置方法は超簡単。https://raw.github.com/masuidrive/hatena-bookmark-anywhere/master/hatena-bookmark-anywhe
たっち！ みなさん、こんにちは お元気ですか、僕はアイスのあとラーメンを食べて気持ち悪い状態ですが元気です。 さてさて 最近は、フェイスブックやミクシィやツイッターなどの SNS で面白いと思ったモノを紹介し合う文化が定着してきているような気がします。 そんな中で、ウェブページを紹介するために使われるためにウェブページに置かれるものが「いいね！」ボタンだったり、「ツイート」ボタンだったりするわけですね。 というわけで、はてなダイアリーにそういったボタンを配置する方法を紹介したいと思います。 ここで紹介する方法は、ちゃんと理解して置きたい人向け、 XML や HTML を分かっている人向けとなります。 はてなダイアリーには自由な HTML を貼り付けられない まあ、普通に自由に HTML を貼り付けられる環境であれば、ただ単に提供されるボタン用の HTML を張り付けるだけなので簡単です。
twitter、facebook、google+1、evernote、tumblr、はてブ、mixiなど、各ソーシャルメディアやブックマークに共有するボタン設置方法をまとめてみました。 このブログはwordpressで構築しているのでプラグインを使用すれば簡単なのですが、他サイトなどにも使うことを想定した設置方法です。 備忘録エントリー。 twitter ツイートボタン facebook いいねボタン google+1ボタン evernote サイトメモリーボタン tumblr 共有ボタン はてなブックマーク mixiチェックボタン twitter ツイートボタン 1.コード取得 下記リンク先でツイートボタンのソースコードが取得できます。 Twitter / ツイートボタン ボタン ボタンの種類を選びます。 ツイート内テキスト ツイートに含まれるテキストを選択します。 ボタンが表示されるペ
2007年03月19日17:30 カテゴリBlogosphere はてブ以外のSBM はてブがメンテ落ちしている隙をついて、他のソーシャルブックマーク(SBM)へのブックマークボタンを追加してみたので、ついでに各SBMの感想をまとめてみる。 ブックマークボタンを追加したもの Livedoor Clip 率直に言って、数あるブックマークサイトの中では一番よく出来ていると思う。 デザイン すっきりしていていい。キャプチャー画像の使い方もいい。 ただし、ユーザー数の表示がピンクというのはいただけない。 ユーザビリティ これは各SBMの中でトップ。Livedoor Readerを作っただけのことはある。当然Livedoor Blogとの連携はばっちし。表示を「詳細」「一覧」「画像」と切り替えられるのも素晴らしい。この点に関しては、なぜ他で真似しないか不思議。 API 現時点ではてブに対して見劣りす
Webブラウザ「Google Chrome 5」の最新版（Ver.5.0.375.55）が5月25日にリリースされ、Mac OS X／Linux向けとしては初の安定版の公開となりました。そこで、最新版を機に「Chrome 5」を使ってみようかという方にもこれまで使ってきている方にもオススメ、はてなブックマークでも人気の“定番”ともいえる「Google Chrome 拡張機能」を5つご紹介します。 ■長いページでも1ファイルに「webページショット」 ▽ https://chrome.google.com/extensions/detail/ckibcdccnfeookdmbahgiakhnjcddpki 見ているWebページのスクリーンショットが簡単に撮れるのが、この「webページショット」。PNGファイル形式でページ全体や見ている範囲でのスクリーンショットを撮れるほか、リサイズも可能とな
はてなブックマークを Firefox でより便利に使える、はてなオフィシャルの拡張です 日本最大規模のソーシャルブックマーク、はてなブックマーク ( http://b.hatena.ne.jp/ ) を Firefox でより便利に使える、はてなオフィシャルの拡張です。 はてなブックマーク Firefox 拡張では、以下の機能をご利用いただけます。 - 見ているページの評判(ブックマーク数)を、ツールバー上に表示 - コメントビューワーで、閲覧ページのはてなブックマークコメントを閲覧 - 素早くはてなブックマークに閲覧ページを追加 - 自分のブックマークからの高速な検索 - Google の検索結果等、対応ページのリンクにブックマークのユーザー数を表示 (ツールバーのはてなブックマークボタンを右クリックして「オプション」から各機能をご利用になられるか設定できます。) 詳しい機能紹介について
404 Blog Not Found:http://www.amazon.co.jp/ の「二枚舌」に学ぶ究極のSEO
2007年04月20日23:45 カテゴリiTech http://www.amazon.co.jp/ の「二枚舌」に学ぶ究極のSEO If you prefer English, see Keywords in the URI = The Ultimate SEO - 404 Web 2.0 Not Found これを書いて思ったのは、検索サイトはどうやってAmazonのリンクを正規化しているのかというもの。 404 Blog Not Found:不都合なはてブ はてなブックマーク - www.amazon.co.jp の注目エントリー これのどこが問題かおわかりになるだろうか。 答えは、あっさり出た。 たとえば、本blogで先月一番売れた「数に強くなる」をぐぐると、Amazonのリンクが一位で私の書評が二位になる。 このAmazonのリンクに注目していただきたい。こうなっている。 数に
Hatena Bookmarker Ranking
This Page is a List of the User who is Doing his Best by "Hatena Bookmark".
はてな村民今すぐ無料！便利な 8 つの「村はてブ」について大切な 64 人の id:temtan が凄く解説する 1024 つの簡単な上達方法のオススメまとめ 65536 選ワロタｗｗｗ - Diary Blog of Dary
タイトルはそれ系のタイトルを参考に色々合成して捏造してみました。これてホットエントリにかつる！！！１１１ さて、皆さんは最近はてブのトップページの人気エントリが自分とあわないなあと思ったりしてませんか。思ってない？じゃ、てめーはけーれ！けーれ！おし、脳みそパーな奴がいなくなったところで本題じゃ。はてブのトップページに代わる可能性が無いと言い切れないのを作ってみたんでそれ解説するっす。 URL は以下でやんす。 http://childs.squares.net/murahatebu/ 名前は「村はてブ」。名前の由来は「はてな村」「村八分」「はてブ」とか色々考えてたら良い感じの名前が出来たわぁ。 村はてブとは何か ということで去年の 10 月あたりから試験運用をしてまいりました「村はてブ」ですがこのたび version 1.0.0 になって正式運用するつもりですのでそこんとこよろしく。 ゆー
もくじ PHPでSNSシェア数を取得する オリジナルSNSボタンを設置する シェア数取得〜SNSボタン設置までの流れ おまけ：cssでフキダシの作り方 仕上がりイメージ 仕上がりイメージはこんな感じです。ボタンの種類は今回は自分がサイト制作時によく設置する以下の5つ（Twitter/Facebook/Google+/はてなブックマーク/LINE）とします。 ※LINEボタンについては残念ながらシェア数の取得方法がわかりませんでしたので、LINEボタンのみ吹き出しはナシです。 ※LINEボタンはオリジナルデザインにできない決まりなので、LINEボタンのみ公式デザインです。 今回もサンプルを作ってみましたよ〜。 サンプル お世話になった記事 今回の記事は以下のサイト様にお世話になりました！ありがとうございます！特にPHPでのシェア数の取得方法は本当に助かりました。もはや今回の記事はこちらのサイ
アルファ増田・アワード2008 ノミネート作品募集 - はてな匿名ダイアリー アルファブロガー・アワード（http://bb.watch.impress.co.jp/cda/news/24950.html）に、 増田の記事が1つもなかったのが納得いかないので、増田による増田のためのアワードを決めたいと思う。 http://anond.hatelabo.jp/20090222092444 という提案があったので、はてなブックマーク数で振り返ってみるとどういう傾向なのか調べてみました。ただ2008年の全体だとhttp://anond.hatelabo.jp/20090222133936こちらのエントリーで挙げているので、今回は月別のトップ20。さらにブックマーク数の他、タグも収集してみます。 （いずれも2009年2月24日現在） ちなみに、はてなダイアリーの投稿文字数の上限65535バイトぎり
https://www.reddit.com/r/FrancevsCroatiaLives/comments/8yvmnl/livefree_france_vs_croatia_live_reddit_world_cup/
Hatena Bookmark Google Chrome extension 日本最大規模のソーシャルブックマーク、はてなブックマーク ( http://b.hatena.ne.jp/ )を Google Chrome でより便利に使える、はてなオフィシャルの拡張です。 はてなブックマーク GoogleChrome 拡張では、以下の機能をご利用いただけます。 - 見ているページの評判(ブックマーク数)を、ツールバー上に表示 - コメントビューワーで、閲覧ページのはてなブックマークコメントを閲覧 - 素早くはてなブックマークに閲覧ページを追加 - 自分のブックマークからの高速な検索 - Google の検索結果等、対応ページのリンクにブックマークのユーザー数を表示 (ツールバーのはてなブックマークボタンを右クリックして「オプション」から各機能をご利用になられるか設定できます。) 詳しい機能
Carta, a once-high-flying Silicon Valley startup that loudly backed away from one of its businesses earlier this year, is working on a secondary sale that would value the company at…
naoyaのはてなダイアリー - Inside Hatena Bookmark's Backend の資料
以下に置いておきました。遅くなってすいません。 http://bloghackers.net/~naoya/pdf/050404inside_hatena_bookmark.pdf 会場で前置きしたように、はてなブックマークは、はてなで一番大きなシステムであるはてなダイアリーあるいは同じ YAPC で発表のあった mixi に比べると、まだそこまで大きな規模ではありません。月間の PV はだいたい 4,000 万 PV 〜 というところです。 ただ、日本でのトラフィックが上から 5 番目みたいな怪物サイトよりも、月間の PV が 1,000 万クラスのサービスの情報の方が、より現実的で役に立つのではないかと思い、はてなブックマークの裏側に絞って話しをしてみました。 ...という前提で見ていただけると嬉しいです。 はてなブックマークのデータのサイズもかなり大きくなってきたので、ぼちぼちパーテ
はてな社内で10年間運用されていた広告配信システムを刷新し、ネイティブ広告枠に対応しました - Hatena Developer Blog
アプリケーションエンジニアのid:yanbeです。2011年にはてなに入社し、以後、はてなブックマークのエンジニアやディレクターなどを経て、最近では、社内で利用する広告入稿システムと、その広告を配信するシステムを開発するチームに所属しています。 はてなでは、Webサービスの収益化の手段の一つとして、Google AdSenseなどのアドネットワークによる広告掲載のほかに、広告主との直接契約や広告代理店を介した広告掲載もおこなっています。 後者の具体的な例としては、はてなブックマーク公式スマートフォンアプリの人気エントリーを開くと、一覧に[PR]表記とともに差し込まれる広告枠*1です。 スマートフォンアプリの他に、はてなブックマークのPC版やスマートフォン版にも、このような広告枠が複数存在します。各プラットフォームに設置されている広告枠の掲載状況を効率的に管理するために、はてな社内では「広告
30万個ぐらいの静的ファイルを配信するサーバーの選び方 で静的な配信サーバに関することが述べられている. naoyaさんが公開されてるInside Hatena Bookmark's Backend の資料などを読むと、mod_perlなサーバーやMySQLサーバーの選び方の参考になったりするわけですが、世の中を見渡してみても、静的コンテンツ（画像とか）を配信するサーバーの指南書らしきものはなかなか見あたりませんでした。 なので、経験を元に書いてみることにします。 ということらしい.書いてあることはすべて同意だけど, つい3ヶ月くらい前まで 平均15k×1万URL×50億httpアクセス/day 平均4KByte×100万URL×3億HTTPアクセス/day な画像サーバと某所で向き合ってたため,ちょっとは役に立てるかもしれないと思ったので,私の経験を書いてみようと思う. 動画配信の負荷分
追記 この記事を元に書籍が出来ました！ 時間と命を削って、より詳細に解説しましたので、Emacs に興味がある人はぜひ一度手に取ってみて下さい。 Emacs実践入門 ?思考を直感的にコード化し、開発を加速する (WEB+DB PRESS plus) 作者: 大竹智也出版社/メーカー: 技術評論社発売日: 2012/03/07メディア: 単行本（ソフトカバー）購入: 22人 クリック: 396回この商品を含むブログ (1件) を見る僕が Emacs を使いはじめたのは2008年に入ったくらいで、08年の終りくらいに少し Elisp を触りはじめて Emacs の面白さに目覚めました。 Emacs の機能を詳しく紹介したサイトや、入門記事は多いのですが、実際に導入してから、バリバリ使える/使っていくための続編的な記事が少ない様な気がします。 インストールが済んで、操作はとりあえず分かったけど、
cssで作るシェアボタンのデザインパターンをたくさん考えてみました。とりあえずシェア数の表示がない、単純なボタンとして36種類あります。（色違いなども若干含みます。） 記述するhtmlはどれも同じようなものですが、一部微妙に異なるものもあります。基本的にはcssだけでデザインを決めています。アイコンフォントに関してもcssだけでほとんどやっていますが、そのコードは省略していますのでソースを見てください。 コピペでもだいたい使えると思いますが、それぞれ微調整が必要なものもあると思います。なのでコピペだけでなく自分のサイトに合わせて調整できるcss中級者以上向けですね。スマホ表示も考えてないし。（スマホで見ると崩れてるやんwと思う人はこの記事の対象外です。） というか、ローカルなhtmlで作っていたものをここにコピペしたらうまく動かないものやフォントが反映されていないものがありました。面倒なの
新型はてなブックマークボタンを速くする
遅い原因も調べてますがとりあえずその辺は後述ということで、先に新型はてブボタンの動作を速くする方法から書いていきます。 まずはてブのボタン配信ページから貼り付けコードを取得します。こんな感じの HTML スニペットがもらえると思います。 <a href="http://b.hatena.ne.jp/entry/http://sakuratan.biz" class="hatena-bookmark-button" data-hatena-bookmark-title="さくらたんどっとびーず" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリ
printenv at xss-quiz.int21h.jp Your IP address: 133.242.243.6 () NameValue HTTP_ACCEPT*/* HTTP_CACHE_CONTROLno-cache HTTP_CONNECTIONclose HTTP_HOSTxss-quiz.int21h.jp HTTP_USER_AGENTHatenaBookmark/4.0 (Hatena::Bookmark; Analyzer) QUERY_STRING REMOTE_ADDR133.242.243.6 REQUEST_METHODGET REQUEST_SCHEMEhttp REQUEST_URI/
naoyaさんが公開されてるInside Hatena Bookmark's Backend の資料などを読むと、mod_perlなサーバーやMySQLサーバーの選び方の参考になったりするわけですが、世の中を見渡してみても、静的コンテンツ（画像とか）を配信するサーバーの指南書らしきものはなかなか見あたりませんでした。 なので、経験を元に書いてみることにします。 弊社の画像配信サーバーには、平均10kbぐらい（たぶん）の画像が30万個ぐらいあって、それをDell PowerEdge 1750+lighttpdを使って配信してます。 以前は搭載メモリ1GBのサーバーを使っていたのですが、その時のvmstatがこのような感じ。 procs -----------memory---------- ---swap-- -----io---- --system-- ----cpu---- r b sw
クライアントワークやブログでのWordPressのカスタマイズ時に使用頻度の高いコードをまとめてみました。 基本的には、ネット上のコードを自分好みにカスタマイズしているので大元のコードの記載記事というのがあり、覚えている限りは記載しております。 Templates e PHP para WordPress / fore 条件分岐のカスタマイズコード とにかく使用頻度の高い条件分岐。 TOPページにはアレを表示してあの記事には表示しない！みたいな。 TOPページや投稿、記事などに別の内容を表示する <?php if (is_home()) { ?> TOPにのみ表示する内容 <?php } else if (is_page('13')) { ?> 記事ID「13」の固定ページのみ表示する内容 <?php } else if (in_category('3')) { ?> カテゴリーID「3」
id:kei-sさんのGoogle Readerでfaviconを表示させるGreasemonkeyスクリプト公開に触発されて、Google Readerにはてなブックマーク件数とブックマークアイコンを表示するGreasemonkeyスクリプトをバージョンアップした。 grb+-20061113.user.js （重要）インストール後、スクリプト中のconst userの部分を自分のはてなidに変えてください。 主な変更点は以下の通り。 タイミングによってアイコンが複数表示されてしまうバグを修正 ブックマーク追加用のアイコンをより適切なものに変更 // ==UserScript== // @name GR+?B // @namespace http://d.hatena.ne.jp/nozom/ // @description show ?B button and count in Goo
何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事本文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日本語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
初心者必見！Googleアナリティクスの基本用語21個を覚えよう
はてなブックマーク経由PV黄金時代とFACTFULNESS - 本しゃぶり
python入門チートシート - ナマアシタノム
新サービス「家電会議」を公開しました - はてなブックマーク開発ブログ
小事象【SHOJISHO】 - はてなブックマーク関連ツールまとめ
私がずっと使っている13個のお気に入りFirefoxアドオンまとめ | フリーソフトラボ.com
「ブクマ」するのが楽しくなるくらい便利な「はてブ」専用アドオン*二十歳街道まっしぐら（FC2ブログ時代）
はてブに大量出現しているクマアイコンの謎を解説します - 夜の庭から
ブログ運営者のためのはてなブックマークの使い方｜３０記事以上エントリーした僕が全部話します
Google Chrome 拡張ことはじめ - 2nd life (移転しました)
80個以上のはてブ関連のGreasemonkeyまとめ - 聴く耳を持たない(片方しか)
はてなダイアリーにいいねボタンを置く方法 - IT戦記
Facebook・Twitterなどソーシャルボタン設置方法まとめ │ Design Spice
404 Blog Not Found:はてブ以外のSBM
迷った時に！Google Chromeが便利になる5つの“定番”拡張機能 - はてなニュース
Hatena Bookmark :: Firefox Add-ons
SNSボタンをオリジナルデザインに！設置方法＆シェア数の取得方法まとめ - Design Color
2008年はてな匿名ダイアリーの月別ブクマ数トップ20 - 聴く耳を持たない(片方しか)
TechCrunch | Startup and Technology News
画像配信の負荷分散も比較的簡単？（その1） - 最速配信研究会(@yamaz)
2009年書いた Emacs 人気記事ベスト10。 - 日々、とんは語る。
cssで作るシェアボタンのデザインパターン36種類 - FOXISM
printenv at xss-quiz.int21h.jp
cyano: 30万個ぐらいの静的ファイルを配信するサーバーの選び方
WordPressをカスタマイズする方法！便利なコードまとめ
grb+-20061113.user.js - ヒビノキロク
最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方