  |
はてなキーワード: Faviconとは
先日、アダルト専用ブックマーク「秘ブ」（http://hibu.jp/）を公開した者です。
http://anond.hatelabo.jp/20130308124428
これね。
http://anond.hatelabo.jp/20130308140354
の方のご指摘で「ボスが来た！」機能が欲しいということでしたので、作ってみました。
javascriptでほぼ全部実装したのですが、だいぶ苦労しました。
javascript特有の、関数をオブジェクトに登録できるとことか、できるだけ汎用的にコードを構成するとことかが難しく…。ちょっとした変態言語だとは聞いていましたけどね。
職業プログラマの方からみればそれはそれはスパゲッティな感じでしょうが、お勉強を兼ねてソースも公開したいと思います。
デフォルトでは、右下に「ボスが来た！」ボタンを表示して、クリックすると「年号→西暦変換表」の表示に切り替えます。タイトルとファビコンも変更します。
デモページ無いんで、どんな感じになってるかはhttp://hibu.jpを御覧ください。
プログラムを公開するときにはライセンスってものを設定しなければいけないらしいと聞き、一応書いておくか―と思って調べました。
結果、↓で一番上にあったGPLライセンスにすることにしました。
http://smkn.xsrv.jp/blog/2009/03/summary_for_gpl_mit_cc_etc/
http://kojika17.com/2011/01/web-designers-have-to-remember-license-summary.html
匿名ダイアリーではHTMLの部分と日本語がちゃんと表示できないみたいなので、見たい方は↓のURLで見れると思います。
http://hibu.jp/js/BossComes.js
最初、bodyタグの直下にscriptタグで読み込んでたんですが、ページ全体の読み込みが遅くなっちゃいまして。
bodyタグを閉じる直前にscriptタグで読み込むと良い感じです。
↑のkebo987654さんの回答からコードをお借りして解決。
Javascriptでタイトル名称を変更する
Favicon の動的変更の裏側
http://webcraft.seesaa.net/article/184698281.html
DYNAMIC FAVICONS
ファビコンは、一回linkタグのファビコン指定の部分を消してから、書きなおさなきゃ変わらないみたいです。
ファビコンファイルの拡張子ごとにmine-typeを変更するところは頑張った。
って具合に。
でも、関数をelementのonclickに登録するのがなかなかうまく行かなくて。
でもググった結果、↓のようにしたらできました。
動的にonclickを追加する
考えつくままに書いていったので、素人目に見てもなんとなくスマートさがないなぁと。
秘密のブックマーク、略して「秘ブ」というソーシャルブックマークサービスを作ってみました。
今は風俗嬢やってるんですが、（悲しいことに）時間があったっていうのと、
秘ブ.jp
（アダルト専用のソーシャルブックマークサービス）
http://anond.hatelabo.jp/20101203150748
・Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました
私は、早く自立できるようにと高専を出て、田舎から東京に移り住み、事務として働いていた。
この時点ではエクセルとかワードとかは使える、マクロもちょっと組める程度のレベル。
自立したかったのは父親が生活費をパチンコとか女に溶かすような輩だったため。
私が自立したあと、両親は無事離婚。激務で薄給、母親と離れて暮らして寂しくても頑張っていた。
鬱病はつらい。何が辛いって、本人も辛いんだろうけど、荒んだ部屋の中で横になって息を潜めている母親の姿を見るのがきつい。
いつでも母親の側に駆けつけることができるように、お金と時間に余裕が欲しかった。
でもねー、全く稼げないｗｗｗ 笑っちゃうくらい。
大衆店にいるんだけど、女の子もお店も多くて、私より若くて可愛い子がわんさかいる。
お客さんがつかないと収入０なんだよね。
店長やお店のお姉さんがマットや椅子を覚えな、ってアドバイスはくれるんだけど、
その頃教えてくれる先生がたまたまいなかった。（今は別の店に修行にいったからバッチリできるけど）
仕方ないからようつべとか動画サイトでソープのお仕事系の作品を見まくったわけ。
（余談ですがマ◯ティ夫人ってお店のマット技一覧のページはすごいよ！）
お客さんつかないから時間がすんごいあって、待機室でずーっと見てた。
で、マットの動画とか、ボディ洗いの動画探すんだけど、なかなか見つからない。
で、そんなことをしてるうちに思ったんだけど、エロサイトやエロ動画、
果てはマニアックな趣味の情報を共有できるサイトがあったら便利じゃないかな？と。
数少なく接客したお客さんで、わざわざブーツ持参で、顔面を踏みつけてくれ、って人がいたんだけど、
でも日本中を探したら、同じ趣味や、近い嗜好の人がいるんじゃないかな？って。
時間は私自身が病むほどあるし、そんなわけで制作に取り組みました、秘密のソーシャルブックマーク、
略して「秘ブ」（「秘部」とかけてあったり）
吉原の泡姫たちは、タクシー通勤する人が多いんだけど、私は三ノ輪の駅から歩いて通ってた。
元彼に借りたプログラムの本などどっさり持って。めっちゃ重いｗ
待機室でひたすら落ち込みながら金勘定するより、母親の心配をするより、何か生産的なことを考えていたかったんだよね。
この一年でかなり勉強して、ようやく公開できるレベルに達したかなとおもいます。
みんなが来てくれるかはわかんないけど、まあ来てほしいなと思う。
さて、湿っぽい話はここらへんにして、どうやって作っていったかを話しましょう。
・Semantic Scuttle
http://semanticscuttle.sourceforge.net/
・HeartRails Capture
http://capture.heartrails.com/
・Twitter Bootstrap
http://twitter.github.com/bootstrap/
・Bootswatch
サイトの構成なんかも書こうと思ったけど、セキュリティ的に良くないって聞いたし、
はてな民のみなさんに突っつかれるのが怖いので少しだけ(^_^;)
まあ違う意味で突っつかれるのは慣れてるんだけどｗ
簡単に書いとくと、HTML、CSS、PHP、MySql、javascriptくらい…なのかな？
Semantic Scuttleが裏でやってることはあまり詳しく分からないです。
どうやらまずはHTMLとCSSをやれということらしいので、そこから始めた。
使ったのはこれ。
メモ帳で簡単なWebページを作りながらだと結構スッと頭に入ってくる。
逆に言うと、読んでるだけだと全然あとで思い出せない。
「Ctrl+U」でページのソースを一発で見れることを知り、参考のために色んなサイトのソースを見まくった。
全部頭に入ったわけじゃないけど、ここまでで最低限、検索ワードが思いつくぐらいにはなる。
ここまでで大体一ヶ月くらい。
もちろんHTMLとCSSだけではてブ的なものが作れるわけはない。
っていうかほぼ路頭に迷った感じで「はてブ的なものを作る方法」をググりまくった。
結果「Semantic Scuttle」なるものでそれに近いサービスを作れることが判明。
「Semantic Scuttle」を調べてみると、どうやらPHPとMySQLで動いているらしい。
でもダウンロードしてみて中身を覗いてみても何が何やらさっぱり。
とりあえず2つ一緒に覚えられそうだと思って元彼にこの本を借りてきた。
XAMPPのインストールをして、PHP書いて、MySQLと接続して…
ふむふむ、書いてあるとおりに作ったのは作ったけど、あんまりわからん。というのが感想。
ちなみにPHPを書き始めるのにあたって、eclipseという統合開発環境（意味がいまいちわかってないけど）を紹介され、インストール。
コード書きやすすぎ、色分け便利すぎワロタｗｗｗと思ったのを覚えている。
設定はめんどくさかったけどね。
eclipseについて詳しくは→http://www.javadrive.jp/eclipse3/
しかたない、まずはPHPだけでも頑張るかと思い、次に借りたのがこの本。
ひと通りサーッと読んで大体どんなことが書いてあるのかを頭に入れてから、
必要そうなところを詳しく読んで作ってみてっていうやり方をした。
MySQLのことにも触れてあるので、そっちの復習もできた。
クラスについても薄らぼんやりわかってきて、動くものを作れるレベルには上達。
この辺りは、サボったり迷ったり環境整えたりで2ヶ月くらいかかったかな。
さて、これでいけるだろうと意気込んで長らく保存しておいたSemantic Scuttleのソースコードを見る。
…わからん。
挫折。。
どうすればいいのってことで、元彼にヘルプ。
「MVCってのがあって、モデルとビューとコントロールってのが多分…」
「とりあえずindex.phpから見て行ったらいいんじゃないかな？」
ふーん。今でもMVCとかってのはほとんど理解してないけど、最後のは役に立った。
ファイル名やら関数名でプロジェクト内を検索しまくって、大体の構造を把握。
と簡単に書いてみたものの、この作業には2ヶ月ほど費やした。
構造はなんとなくわかったものの、実際触ってみると動かなくなるケースが多数。
ひと通りの勉強は一応したけど、実地のカスタマイズは非常に難しい。
他に使ってる人おらんのかなと思い探してみるとこんなものが。
・ソーシャルブックマークソフトScuttleの強化版Semantic Scuttleを導入してみる
http://tukaikta.blog135.fc2.com/blog-entry-70.html
ありがたくカスタマイズに利用させてもらう。ホント感謝しまくりです。
でも上のURLに書いてあること以外にもカスタマイズしたいところがあった。
１．ブクマ数を記録したい
１はだいぶ考えたんだけど、DBをちょっといじくって、フィールドを追加してそこに記録することにした。
２はPHPとDBをあれこれして、ド汚いコードながらも根性で実装。
３で再びの挫折。なぜならjavascriptを使わなければならないことが判明したから。
まだ勉強しなきゃいけないのか…とは思ったが、初心を思い出し、頑張ることを決意。
おらあああ！なんかjavascriptの本貸せやぁああああ！と丁寧に元彼に頼んでみたところこの本が手に入った。
JavaScript 第5版
うん、馬鹿じゃないの。こんなん理解できないよ。こっちは時間がないんだよ！
もう一冊なんか初心者向けを貸せ！
マンガでわかるJavaScript
読了したあと、ネットと前者の書籍で必要なところだけ調べることにした。
で、調べていったところ、４については
scriptタグでtypeを"text/javascript"にしてもPHPを読み込めるということがわかり、PHPで強引に表示させることにした。
３はもともとSemantic Scuttleにあったブックマークレットをちょこっと編集して解決。
これで大体１ヶ月半くらい。
一応CSSは勉強したけど、美術的センスのない事どこかのはいだしょうこお姉さんレベル。
でもデフォルトのデザインがダサいってことくらいは、かろうじてわかる。
あらん限りの人脈を使ってデザイナーさんを探したところ、やっとのことで０人見つかった。
どうも調べたところ、TwitterのBootStrapってのがいいらしい。
CSSを見てみるが、長い！ 「Bootstrap 使い方」でググる。
よくわからないながらも↓とか見ながら手探りでコードを書いていく。
Twitter Bootstrapの使い方
http://greenapple-room.com/conc/user/TwitterBootstrap/bootstrap.html
これでとりあえず基本的なことがひと通りわかり、ちょっとだけよくなった。
だいぶ前にやったCSSを思い出すのが大変だった。
でもタイトル周りとかが全然ダサイまま。普通に自分で見てて萎えるので、さらに調べる。
見つかったのが↓
Bootswatch
あ、なんかこれいいなと思って「Slate」っていうテーマをいじくりいじくり、色々試しながらタイトル周りとかを整理。
まあこんな感じで大体できましたー！
全部で約８ヶ月…長かった…。憑かれたぜパトラッシュ…
・ググる ググる ググる！とりあえずなんでもググってみることが一番大事だとわかった。
誰かが同じようなことをしてることも多々あるし、少なくともヒントくらいは見つけられる。
・助けてくれる人がいるとかなり楽
ググっても出てこない情報は厳然としてある。そういう時は、経験者にアドバイスをいただく。
Yahoo知恵袋でもいいし、知人でもなんでも。ネットの優しい人達に感謝するようになった。
お店の掲示板では叩かれっぱなしだけどｗ
・プログラマーすごい
今まで何気なく見てたホームページだけど、膨大な技術の結晶なんだなと思った。
その端っこに触れただけの私のようなものでもそう感じるんだから、それはそれは深遠な世界なのでしょう。
せっかく作ったので、使ってやって下さい。
詳しくは↓をご覧あれ。
http://hibu.jp/bookmarkbutton.php
このサービスは一応「秘密の」もんなので、普段使ってるSNSのユーザー名とか使わないほうがいいんではないかと思います。
ブラウザに直接入力でも簡単にいけるようにドメインはまんま「hibu.jp」にしておいたので、
ブラウザにブクマするのもはばかられる方はダイレクトに飛んできて下さい。
スマホ版作りたいなぁ…
ちなみに、勉強したおかげか今現在はそこそこ本職のほうで稼げてはいます。
もし万が一このサイトが成功したりしたら風俗あがることも考えられるのかなぁ…
でも吉原にも遊びに来てくれると嬉しいな。
怖いところじゃないから、気軽にね。
先日の「週6フリーターもWEBサービス作ってみました。」に触発されて、
IT系サラリーマン。別に仕事でWebとかプログラムとかはやってない。IT系企業に務めているというだけ。
でもそれだとこの先が無さそうなので自分でも何か作れないかと思ってるところに、１０００を作ってみた〜を読んで奮起。
会社のエンジニアさんに「どんなの作るのが勉強になりますか」と相談したところ
「とりあえずそれ（１０００Userアンテナ）と同じようなものを作ってみれば？」と投げやりに言われ、今に至る。
以前に「HTMLでWebサイトを作ろう！」みたいな本を読みながら、
何のプログラムも入っていないゲームの攻略サイトを作ったレベル。すぐ放置した模様。
上記の事を話したら、仕事で練習がてらに触らされる。四則演算ができる程度。
活かす場は無いが、情報収集は好きなのでそれをテーマにすることに。
カラダアンテナ
普段RSSを使っていて一番イライラする「違うタグなのに同じ記事をいくつも拾ってきやがる」を解消したいのが目的。
「なるべくAPIとかjQueryのプラグインとかを使うようにしてみたら？」という神（社内エンジニアGさん）の発言により、無駄に色々使って見ることに。
参考サイト
・Google AJAX Feed APIの使い方メモ →ぐぐって最初に出てきたサイト。お世話になりました。
ただこれだと複数のRSSを読み込んだ時に、例によって例のごとく同じURLの記事が別のタグのRSSからいくつも出てくる。
これを解消するにはRSSをマージして重複するのを消せばいいらしい。
解説：複数のRSSをまとめて、更に色々抜いたり加工したりしてくれるサービス
参考サイト
なんというかやりたいことが８割がた解決してしまった。
GoogleとYahooが手を組むとこんなに凄いのかと関心。本当はもっと色々出来るらしい。
参考サイト
記事のfaviconも出せないかな？と思ったらそれもはてブのAPIと同じようなサービスがあるらしい。
参考サイト
ソーシャルリンクのボタンが欲しかったので、1000Users超えさんのところでも紹介されていたのをそのまま使う事に。
参考サイト
最近はただでこんな動画が見れるサービスもあるんですね・・・エンジニアさんはほんとすごいです。
公開するにあたって色々用意したもの達。
解説：サーバー。
レンサバ探してたら何故かサーバーエンジニアのSさんからここを進められた。
安かったし評判もぼちぼちなのでこだわりもなく決定。
Webサービスって言ったら独自ドメインだろ！ということで４８０円セールをやっていたので取ってみる。
参考サイト
せっかくなので広告もつけたくなったので調べてみた。
GoogleAdsenseって結構簡単に設置できるんですね。
参考サイト
・AdSenseアカデミー →Google先生の公式ガイド
解説：iPhoneアプリのリンクを貼れる。楽天がやってるんですね。
解説：書籍のアフィリエイトはAmazonさん。思ったより簡単でした。
https://affiliate.amazon.co.jp/
あと、スクロールしたらついてくるってのをやってみた。カッコいい。
参考サイト
解説：作ったWebサービスを投稿できるサイト。アンテナサイト多いですな・・・。
解説：Webサービスをつぶやいて宣伝してくれるWebサービス？ありがたいです。
http://inajob.no-ip.org:10080/tsukutter/
参考サイト
正直全然面白いWebサービスではないのはわかってるのですが、
それでも非エンジニアでもそれっぽいものができるんだなあというのと、APIって凄いと思いました（小学生並みの感想）
色々調べながら「あ、こういうWebサービスがあったらいいかも」というアイデアはいくつか浮かんだので、
こんどはそれを実現できるようにもっと勉強してみたいと思います。
サイト作ったよー！ - はてコま！ | はてブコメまとめ B!
このサイト作っていろいろ確認とかして「さーて公開」って思った矢先に自分の作ったサイトからこんな記事見つけて「うひゃー！」ってなりましたｗ
はてなブックマークのトップページって、正直なんか飽きちゃったし、スクロールせずに表示できるのが数エントリーだけで、やたらヘッダがでかかったり、広告がでかかったり、欲しい情報がほんのちょっとしか表示されないし、気のせいかエロいサイトのサムネイルが表示されなかったり、デザインもまじめくさいし、改善したらもっともっと使いやすくシャレオツになるし、アクセスも稼げるんじゃないのって思います。
私も自分のサイトを作ろうと思った経緯はこの方とほぼ同じです。。公式って少し見辛いって思っていました。
そんなときにはてブ1000users超え記事アンテナ(´・ω・)｜トップページを見つけて「あぁ自分で作るか」ってなりました。
週6フリーターさんがいろいろと使用したものを紹介してくれて、あまり技術のない自分でも作ることができました！
この場をお借りして、お礼を申し上げます。ありがとうございます！
では、恒例化している感じがする、サイト作成にあたってのご報告です。
使い方はいたって簡単。タグを選ぶか検索すると最近のはてブ100以上の記事があがってきます。
最初、サイトを作るにあたって「フリーターさんのものと差別化したいなぁ」と思ったので、私は"はてブエントリーのコメント"を"見る"ものに仕上げようと思いました。
なんでコメントを見たいと思ったかという原因はこちらの記事です。
この記事を読んでる人にも感じた人がいると思うのですが、タイトルを読んで「？」となりませんか？
記事を読み進めていくと更に「NSLog」が問題なのか？？と混乱しませんか？
最初のタイトルの印象が強すぎて、はてブのコメントを読んでやっと正確に判断できました。
なので、コメントをもうちょい読みたいなーと思い、こういったサイトにしました。
それと、フリーターさんのとこに書いてあるものを参考にさせてもらってます。
本当にありがとうございます。
Webサービスを作ったことがなかったのですが、HTMLやCSSは知っていましたので、ほとんどVimでコーディングし、ブラウザで確認するという普通の作業をしていました。
phpは勉強したことがなかったので、わからないことがあれば都度ネットで検索していました。
JavaScriptでFeedを取得したり、PHPを使ってAPIからJSONを取得など、ファイルがまとまっていない感があります。
実は、bootstrapで作ったナビゲーションバーのドロップボタンがスマフォだと押せないんですよね。。
こういう問題があるときにフレームワークを使ったのを後悔しますよね。
実に手軽に使えるbootstrapですが、なんとなく使うのはオススメしません。
ネット上には他にグリッドシステムだけや、違う素材を配布しているサイトがあるので、俺俺フレームワークを作ることをオススメです。（でも、まとまっているという観点でbootstrapは使いたいですよね。）
サーバーはさくらインターネットのホスティングサーバーを使用しています。
初めて、こういったサービスを作ったのですが、小さい微調整に非常に時間がかかりますね。
見難い、見易いを考えながらコードを変更して、ブラウザで確認して・・・を繰り返すのは時間がもったいないですね。どなたかいいノウハウをお持ちではないでしょうか？
みなさんも、こう立て続けにはてな関連のサービスが立ち上がると自分でも何か作りたくなりますよね。
思ったら作って便利な世の中にしましょう！えいえいおー！
はてなブックマークのトップページって、正直なんか飽きちゃったし、スクロールせずに表示できるのが数エントリーだけで、やたらヘッダがでかかったり、広告がでかかったり、欲しい情報がほんのちょっとしか表示されないし、気のせいかエロいサイトのサムネイルが表示されなかったり、デザインもまじめくさいし、改善したらもっともっと使いやすくシャレオツになるし、アクセスも稼げるんじゃないのって思います。
ホットエントリーに入った週6フリーターさんのはてブ1000users超え記事アンテナ(´・ω・)｜トップページは結構良くて、はてなブックマークのトップページよりも私には使いやすいのだけど、なんかおしい感じでもうちょっとかなーなんて思ったりしてました。
そんな中、最近仕事が忙しくて現実逃避になんか作りたくなって、お手軽でそんなに時間もかかりそうもなかったので、このサイトを作成することにしました。
はてなブックマークに登録されたエントリーを快適に閲覧することを目的として作成しましたが、一人で作成したため使いやすいのは私だけかもしれません。
私は職業プログラマーで簡単なサイトを構築する程度の知識は持っているため、作成時間はほとんどかからず機能的なところは１時間程度でしょうか。使用しているサービスやライブラリは普段使用しているものや「週6フリーター」さんが紹介していたものなので、ゼロから探していたらもっとかかったと思います。
レンタルサーバも既に契約していたものに相乗りしています。はじめは忍者ツールさんの忍者ホームページの無料プランにしたのですが、スマホで表示したら私には耐えられない大きさの広告が表示されたので、やめてしまいました。
また、サイト名をどうしようかとか、ドメインはどうしようとか、デザインを微調整したりとかは、会社からの帰宅後深夜にちょこちょこ行っていたので、そういう時間はもっとかかっているでしょうか。新しいサイトを立ち上げるときはみなさんそうだと思いますが、基本的な部分を作る時間よりも、その他このような作業に時間がかかっていると思います。
サイトの作成に利用したサービスなどを以下に記しますので、他の方のご参考になれば幸いです。
サイトを閲覧してくださった方は、こちらのコメントか、サイトに記載のメールアドレスまでご意見やご感想をいただければ、今後の参考にさせていただきたいと思います。
こんにちは。週6フリーターです。WEB業界で働く為に勉強中です。
下記の記事に触発されて自分もWEBサービスを作ってみました。
http://anond.hatelabo.jp/20101203150748
・このサイトについて
はてなブックマークにて1000users以上取得した記事をジャンルごとに自動取得しているアンテナサイトです。
カテゴリ（タグ）は適当。はてブ上位の記事に共通しているタグを適当に集めました。
・政治 : http://hatebu-1000users-over.com/seiji.html
・仕事 : http://hatebu-1000users-over.com/work.html
・就活 : http://hatebu-1000users-over.com/syukatsu.html
・起業 : http://hatebu-1000users-over.com/kigyou.html
・レシピ : http://hatebu-1000users-over.com/recipe.html ※全国の奥様にオススメ!!
・ライフハック : http://hatebu-1000users-over.com/lifehack.html
・勉強 : http://hatebu-1000users-over.com/study.html
・英語学習 : http://hatebu-1000users-over.com/english.html
・健康 : http://hatebu-1000users-over.com/kenkou.html
・WEBサービス : http://hatebu-1000users-over.com/webservice.html
・WEB製作 : http://hatebu-1000users-over.com/webseisaku.html
・デザイン : http://hatebu-1000users-over.com/design.html
・スマートフォン : http://hatebu-1000users-over.com/smartphone.html
・プログラミング : http://hatebu-1000users-over.com/programming.html
・2ch : http://hatebu-1000users-over.com/2ch.html
・NAVER : http://hatebu-1000users-over.com/naver.html
・『はてなブックマークで「１０００users」越えの超優良エントリーだけを抽出する方法』
http://blog.livedoor.jp/tkfire85/archives/55471814.html
「"仕事"というタグで1000users以上取得」という条件をフィード出力など。
・参考サイト様
『Google Feed API』 ： https://developers.google.com/feed/?hl=ja
『Google AJAX Feed API入門』 ： http://www.ajaxtower.jp/googleajaxfeed/
②twitterbootstrap
・解説：Twitter社が提供するCSSフレームワーク。サイトデザイン（外見）に使用。
自動でレスポンシブ、適当に組んでもそれなりの今風サイトになるので便利。
・参考サイト様
『Twitter Bootstrap』 : http://twitter.github.com/bootstrap/
『Twitter Bootstrap (v2.0)の基礎』: http://dotinstall.com/lessons/basic_twitter_bootstrap_v3
→超有名な初心者向けプログラミング学習サイトのドットインストール様。
HTML,CSS,PHPの基礎習得もこちらで。上記のサービスくらいは十分に作れます。
『Bootswatch』 ： http://bootswatch.com/
→Twitterbootstrapの外見を一発で変えることが可能です。
・解説：どれだけはてなブックマークにてブックマークされたか。
ブックマーク数を画像で取得することで説得力を持たせてみました。
1000を超える数字が並んでいるとなかなかに壮観。
・参考サイト様
『指定したサイトのはてなブックマークの人気エントリを表示』：http://www.ajaxtower.jp/googleajaxfeed/sample/index1.html
④忍者ツールズ
・解説：ソーシャルブックマークボタンのセットが欲しかったので使わせて頂きました。
・参考サイト様
『忍者ツールズ』 ： http://www.ninja.co.jp/
→今回使用させていただいたサービスの他にも便利なツールが盛り沢山です。
・参考サイト様
『Favicon Japan!!』：http://www.favicon.jp/favicon_auto_create/ :
⑥その他
・使用サーバー
『エックスサーバー』 ： http://www.xserver.ne.jp/
→堅牢。信頼出来るレンタルサーバー様です。
・基礎学習
『ドットインストール』 ： http://dotinstall.com/
→上でも触れましたが有名な初心者向けプログラミング学習サイト様。
・副産物
『2chまとめサイトアンテナ』 ： http://2ch-matome-site-antena.com/
→せっかくなのでなんか別のも抽出してみようかと。。。
・副産物内のAmazonベストセラー素敵リンクのHTMLとCSS
『Amazonのランキング情報(RSSフィード)を表示するブログパーツ。アフィリエイトで使えます』
以上です。もし良かったら一度見てあげてくれると嬉しいです。
はてブとかいいねとかツイートとかしてくれるともっと嬉しいです（笑）
改めて見ると他所様の借り物ばかりでなんか勉強になっているのかいないのかあれですが。。。
いや、時給850円の肉体労働を終えてはてブ数を見た時の驚きと言ったらもう。
驚きつつ、Twitterやはてブにて頂いたコメントを拝見させて頂きました。
皆様本当にありがとうございます。
お褒めの言葉もあればきつめのお言葉もあり、『とにかくまず作ってみてよかった』と改めて感じました。
さて、頂いた意見の中で多かったのが
『1000はやりすぎでは？』
『もう少し絞って欲しい』
『1000超えると逆に...』
こちらに関しては、各カテゴリについてさらに絞ることも出来るのですが、
"TOPページ→カテゴリ選択→ユーザー数選択"という2工程を経てしまい、
"可能な限り全てのメニューにTOPページから一発アクセスをしたい"という
『はてブ流行る直前記事アンテナ( ﾟ-ﾟ)』 ： http://hatebu-hayaru-tyokuzen.com/
3users近辺 10users近辺 20users近辺 100users近辺 500users近辺 1000users近辺
新規エントリーや人気エントリー（カテゴリごとor総合）に入る直前の記事になるかと思われます。
タイムリー度はなかなか高そうです。
素晴らしい原石発掘の一助になれば幸いです。
前サイトをそのまんま流用したので手抜きもいいところですが。。。笑
取得基準についての参考サイト様
『Web系の記事でホッテントリする為の8つの条件 | パシのSEOブログ』
http://www.jweb-seo.com/blog/wordpress/2009/07/21/693
その他コメント
この人はWeb業界に入らないでこのままフリーター続けていろんなサービスを立てつづけてにリリースしていったらそのうち何か一つ当てそう。堅実ではないけど面白い人生になると思う。保証はしないｗ
や、正直それで生活出来るならそっちの方がいいなあｗ
かーちゃんのために支援
ありがとうございます。頑張りますm(_ _)m
ごもっともだと思います。素人臭くてもとりあえず作って、とりあえず公開して、とりあえず宣伝して、というのが大切でした。
ちょうどMA8やってるから応募してみると良いよ！
なんとこんなものがあったとは。ちょっと詳細読み込んでみます。ありがとうございますm(_ _)m
作ったら宣伝はちゃんとしよう！ 以上です。
実は1週間以上前に『はてブ1000users超え記事アンテナ(´・ω・)』は公開していたのですが、
全くの閑古鳥で『これもうサイト閉じようか』と考えていました。
そこではたと『自分でWEBサービスを作りたいと思っている人へ』http://anond.hatelabo.jp/20101203150748
にて舞台裏を公開していたのを思い出し、自分も実行したところアクセス数が非常に上がりました。
『舞台裏を公開する』というのは37シグナルズさんも『小さなチーム、大きな仕事』にて推奨していますね。
あとアクセス数が順調に上がり始めるより前に、セルフでブックマークしてしまった場合、
その後すぐにブックマークされないと時間経過のはてブ増加率が下がるため、人気エントリーに入るのが困難になります。
なので、自分でブックマークしたくなるところをおさえて、宣伝に力を入れるのが吉かと思われます。
さもないと『宣伝記事ばかりアクセスが上がっていって肝心の本体が。。。』という恐ろしい状態になります。なりました。
その後無事に本体の方もめでたく人気エントリにランクインさせて頂きました。ありがとうございます。
『本当に発生するものなのか。。。』と。都市伝説だと思っていました。
額は言えませんが少なくとも自分は満足です。
以上、取り急ぎの事後報告となります。
重ねてありがとうございました。
つか、あのゲハブログって何年か前にPS3の不振をあげつらうエントリを連発してた記憶あるんだけど、あれもソニーにカネもらって書いてたってことなの？
特に一方のブログのヘッダ画像に使われてたのって、PS3の対抗勢力(当時)だったXBOX360の躍進の象徴みたいなRPGのキャラクターだろ？今はFavicon位にしか名残がないけど、少なくともPS3版発表される頃までは普通にでかでかと使ってたはず。
他にも、もっぱら煽り目的に使われていたSCEIの当時の社長(だっけ？)のAAとかもブログパーツに載せてたよな。
それにXBOX360有名タイトルの代名詞的な位置づけだった某アイドル育成ゲームのファンサイトやってただろ、あそこの管理人。肝心のゲーム自体は全くやってなかったらしいけど。
これら全部ソニーの手のひらの上だったって事なのか？
巷をひっそりと騒がしている、はちま起稿の管理人の名前が特定されました。
【清水鉄平＆SCE他】はちま起稿管理人特定祭まとめ【特定完了】 @htmk73
http://www.nicovideo.jp/watch/sm16679490
[niconico:sm16679490]
一時期は特定作業が難航し、このまま敗北かと思われたのですが
ゲハ板で、同級生が卒アルを投下して、それが燃料となり、爆発的なまでに作業が進み
父親まで特定出来る流れとなりました。
結果として、思っていた以上にステマの闇は深いという事が判明。
この騒動を初めて聞いた人にもわかりやすく、順を追って説明させて頂きます。
２ちゃんねるのゲームハード・業界板の書き込みをまとめる「まとめブログ」であり、
２ちゃんねるのまとめブログの中でもトップクラスのアクセスを誇る。
では、何でそのブログの管理人が特定されたか？→はちま起稿はアフィリエイトで収入を得るまとめブログで以前よりアンチが多い。
詳細は上記の動画を参照していただきたいが、積もり積もった不満がはちまのとある記事で爆発し、炎上となったのです。
有象無象にあります。ただ、今回のはちまに関して、↑で説明した通り、火種ははちまにあるのではちま特定祭に炎上したわけです。
キッカケさえあれば、他のアフィブログの炎上も充分にあると思われます。
はちまこと「清水鉄平」の父親である「清水仁志」が、設立した会社・株式会社KND（←神田らしいです。）がアフィブログの総括（個人ブロガーのサイトに広告誘致をサポート）を行なっている事実が判明がしました。
有志が「はちま起稿」のfavicon（ウェブサイトやウェブページに関連付けられたアイコンの事です。はちまでいうとエステルのアイコンがソレです。）が、どうやらはちまとは別のサイトに保存されているという事を発見。
その「置き場」を調べると、株式会社KND→この会社を調べると、清水仁志が運営している事が判明→では、KNDはどんな会社なの？と調べると、３．で説明したステマ推進会社であった。
更に父親はFacebookをやっており、Facebook関連を調べていくと藤井広大という人物が登場。
彼は大手ゲームレビューサイト・mk2の管理人で、WillVii株式会社（http://www.willvii.co.jp/）の代表取締役である事が判明。
更にこの会社は 顧問に元ソニー会長出井伸之が就任しており、もう黒い所の話ではない。
834 名前：番組の途中ですがアフィサイトへの転載は禁止です[] 投稿日：2012/01/14(土) 12:41:24.14 ID:RYWCVWHz0
これで親父がはちまが叩いた会社の株を空売りしてたら神展開だな。
920 名前：名無しさん必死だな[sage] 投稿日：2012/01/14(土) 12:45:13.52 ID:FUSmBvVO0
788 ：番組の途中ですがアフィサイトへの転載は禁止です ：2012/01/14(土) 12:40:04.74 ID:x8/qwYI20
昨日と一昨日に記事にしてたケイブと任天堂の株価が下がってる事を煽った記事とか
はちまのスポンサーの日本一ソフトウェアの株価が上がった時に過剰に記事にしてた事問題にならねーの？
895 ：番組の途中ですがアフィサイトへの転載は禁止です ：2012/01/14(土) 12:42:44.87 ID:zktXpoNq0
なる
取引企業がネック
法律的に殺すのが一番、現実的なのでは？という見方が強いです。
勝利条件については、最早清水鉄平を潰すでは収まらないと思います。
何かあれば追記していきます。
Opera11.60になってfaviconを設定していないサイトのタブに表示されるアイコンが変わった。真っ赤な長方形の右上から白いOperaが覗いているというあまり慎ましいとは言えないデザインである。
以下のサイトはfaviconを設定していない(はず)ので見てみよう。
http://homepage1.nifty.com/rucio/main/main.htm
favicon未設定のサイトのタブに表示されるアイコンはスキンの'/icon/page.png'が適用されている。Opera11.60のアイコンが変わったというのは11.60付属のOpera Standardのpage.pngが変わったということだ。
この派手なアイコンは快適なブラウジングに少々相性が良くない。スキンごと変えるのが早いが、11.60のOpera Standardのこのアイコンだけ何とかしたい人は自分でアイコンを変えよう。'/icon/page.png'で設定できる。他のスキンからpage.pngを持ってきて11.60のOpera Standardに入れればいい。
http://ja.opera-wiki.com/%25E3%2582%25B9%25E3%2582%25AD%25E3%2583%25B3
11.60のOpera Standardのpage.pngだけ11.01の時のに変更したもの
自分の目や耳や肌で他人に進められる携帯アプリゲームを見抜き、白ビールを好きになる
（ちゃんとしたでスロットでなくいいなをすゲを飲んでみるといい）
庭をもっと。
サブアカウント、いろんなため箇所くらいして大塚医者ゴールドホップ
id:kanoseレベルで愛想フィールドワーク変える（自分でドローツールを使って書く。）
で愛
メンヘル調和力レベルid:xevraで金銭愛想を振りまかない
キャライも体験してみる
でフレ
ギャンブル金肉食獣
レベルなきゃらも体験してみる
んでの
色色
とかとかとか
飽 き た
集めればが湧くはず。あと金持ち父さんのもやるべし。黄西
カネを払ってでも苦労をすると
あと90個くらいクソつまらん課題をアタマに思い浮かべ、その課題には一生決して手を出さない。できるかぎりで（by ）
ンジャー
ところでなんだが、staxってとこがAmazonのEC2サービス上でTomcatを無料開放しているらしいのだ。
http://jp.techcrunch.com/archives/20081216stax-networks-launches-google-app-engine-for-java/
で置いた。
http://db-view.johannes.staxapps.net/
ソースはここ
http://code.assembla.com/dmcsystemservice/subversion/nodes/db-view/trunk
これ作ったころはGUIの閲覧ツールってAccessとかしかなくて、結構好評だったのだが、今はフリーのクライアントソフトがいっぱいでもう、俺の出番おわったわ。
まずJavaを入れる。
http://java.sun.com/javase/ja/6/download.html
で、eclipseを入れる。
http://www.eclipse.org/downloads/
で起動してみる。
が。。。。起動しない。
でggr。
となんかeclipse.iniがおかしいらしい。
http://ajiblog.sblo.jp/article/17157448.html
おっきした！！
でアカウントをとる。
http://code.assembla.com/dmcsystemservice/
http://www.atmarkit.co.jp/fjava/rensai3/eclipseplgn15/eclipseplgn15_1.html
subversiveも使ってみたいなぁと思ったが、ここでeclipseがバシバシ落ちる。
eclipse.iniのXMXオプションをいじるがOutOfMemoryやら、libeay32.dll 序数が見つかりません。とか
秩序ってなんだよ。英語でそのままいってくれ。余計わからん。
でなんか、負けた気がしたが、Javaを5に落とすことにした。
http://java.sun.com/j2se/1.5.0/ja/download.html
XMXを768Mにして起動すると、落ちなくなった。
が、相変わらず、秩序が見つからなくなる。秩序って何。膣女？
こっちのsvnプラグインのほうがいいのかも。。来年やろう。そのうちやろう。ゆっくりしていってね！！
http://server.seasar.org/manual/install_subclipse.html
http://d.hatena.ne.jp/yuroyoro/20081222/1229922781
楽勝だ。
で、また動かない。
で、動いた。が、履歴機能が動かない。
で、ソース修正。
ObjectInputStream、OutputStreamを使っていたのだがXMLEncoderとDecoderにした。
http://www.utj.co.jp/xml/dev/java/dxjava_7.html
ぉ。こんな便利なのが1.4からあったのか。
おもえば、これを最初に作った時は1.3だった。LinkedHashMapがなくてArrayList内包したMapを作っていた。
が、そんなのいらんので消した。で、履歴保持クラスもXMLEncoderからリフレクトできるようにガバガバにプロパティをさらした。
そしたら、動く。履歴機能が動く。
ぉぉ。では早速、svnにあげよう。
で、eclipseのsvnクライアント。相変わらず膣女が見つからないらしい。
去年だったかな、女の子にipodの音はどうやって大きくするの？と聞かれて、右にくるくる。と答えると、
あ、大きくなった。今度、のび太くんのもまわしてみよう。と言われた。
あれから右にくるくるされてない。泣きたい。あの娘は膣女だった。
そんなことを思いながら、エロサイトに誘導されて一回休み。eclipseを落とす。
http://pics.dmm.co.jp/digital/video/h_155tdjk00001/h_155tdjk00001pl.jpg
で、eclipse再起動。svnクライアント。相変わらず膣女が見つからないらしい。
おれくらい帰国子女になれば、英語のメニューのほうが調子がいい。
と思っていたが、svnクライアントだけ微妙に日本語化されている。
が、肝心なところが英語だ。よくわからん。CVSと一緒だろ。と思ってUpdateしたら、ソースが消えた。。。
LocalHistoryから復元しようと思ったのだが、まんどくさい。
staxにDeployしたやつを再度ダウンロードしたら元に戻った。
びっくりした。バックアップソフトでクラッシュする。そんなことも初心者には、おうおうにしてある。
だからバックアップのバックアップ（ｒｙで無限ループにはまるシステムも少なくない。
あきらめが大事だ。ある程度であきらめないとキリがない。
で、再度svnクライアント。今度はCommitをちゃんと選ぶ。
が、明らかにUploadしていない。で、終わると、いくつかのファイルのアップロードはキャンセルされた。とかでる。
で、再度svnクライアント。またまたCommitをちゃんと選ぶ。
ぉ。今度はうまくいく。あきらかにさっきより時間がかかっている。WireShirkで見てないが、あきらかにsvnサーバーにソケットをはっている。
http://code.assembla.com/dmcsystemservice/subversion/nodes/db-view/trunk
ぉぉ。あがっている。
さてタグを設定して、ブランチを作ってみたいみたいが、壊れそうなので怖い。いつからか大人の恋に臆病だ。
XMLEncoderの入出力をBufferedにしようと思ったが、もういいや。
で、寄り道している間に、こんなのを今更発見した。
http://tuigwaa.sandbox.seasar.org/index.html
これだ。俺が欲しかったのはこれだ。
これぐらい楽勝じゃないと、プログラマはわりに合わない。
さっそく落とす。
が、動かない。誰のせい？それはあれだ。また奴だ。。。
もういい。まんどくさい。この金髪ブタヤロウ！！しね！しね！しね！と誰かにメールしたいが、やめておこう。
せっかくなので、ここ2年ほどのさくらインターネットiDC移転を中心に、わかる範囲ではてなサーバ変遷の歴史をまとめてみようと思う。
> 59.106.108.68: mobile.hatena.ne.jp.
> 59.106.108.69: f.hatena.ne.jp.
> 59.106.108.70: rimo.tv.
< 125.206.202.66: mgw.hatena.ne.jp. < 61.196.246.69: b.hatena.ne.jp. < 61.196.246.70: b.hatena.ne.jp.
> 59.106.108.71: mgw.hatena.ne.jp. > 59.106.108.72: b.hatena.ne.jp.
< 221.186.129.148: g.hatena.ne.jp.
> 59.106.108.73: g.hatena.ne.jp.
< 125.206.202.82: search.hatena.ne.jp. < 221.186.129.147: ring.hatena.ne.jp. < 221.186.146.28: a.hatena.ne.jp. < 61.196.246.68: r.hatena.ne.jp.
> 221.186.129.147: search.hatena.ne.jp. > 59.106.108.74: a.hatena.ne.jp. > 59.106.108.75: r.hatena.ne.jp. > 59.106.108.76: ring.hatena.ne.jp.
< 125.206.202.83: d.hatena.ne.jp. < 221.186.129.146: d.hatena.ne.jp. < 221.186.146.29: d.hatena.ne.jp. < 61.196.246.67: d.hatena.ne.jp.
> 59.106.108.77: d.hatena.ne.jp.
> 59.106.108.97: d.hatena.com. > 59.106.108.97: hatena.com. > 59.106.108.97: m.hatena.com. > 59.106.108.97: m.hatena.ne.jp. > 59.106.108.97: s.hatena.com. > 59.106.108.97: s.hatena.ne.jp.
> 59.106.108.80: d2.hatena.ne.jp.
d2.hatena.ne.jpで新しいコメント構造の実験を開始しました - はてなダイアリー日記
< 221.186.129.147: counter.hatena.ne.jp. < 221.186.129.147: search.hatena.ne.jp.
> 59.106.108.81: counter.hatena.ne.jp. > 59.106.108.82: search.hatena.ne.jp.
> 59.106.108.78: w.hatena.ne.jp. > 59.106.108.84: h.hatena.ne.jp. > 59.106.108.84: h.hatena.com. > 59.106.108.98: w.hatena.com.
< 221.186.146.27: www.hatena.ne.jp. < 61.196.246.68: screenshot.hatena.ne.jp. < 125.206.202.66: map.hatena.ne.jp. < 125.206.202.66: i.hatena.ne.jp. < 125.206.202.66: graph.hatena.ne.jp. < 125.206.202.66: q.hatena.ne.jp.
> 59.106.108.86: www.hatena.ne.jp. > 59.106.108.87: screenshot.hatena.ne.jp. > 59.106.108.88: map.hatena.ne.jp. > 59.106.108.89: i.hatena.ne.jp. > 59.106.108.92: graph.hatena.ne.jp. > 59.106.108.99: q.hatena.ne.jp.
< ???.???.???.???: auth.hatena.ne.jp.
> 59.106.108.90: auth.hatena.ne.jp.
長いので省略
> 59.106.108.93: rokuro.hatelabo.jp.
> 59.106.108.102: k.hatena.ne.jp.
> 59.106.108.103: favicon.hatena.ne.jp. > 59.106.108.105: img.b.hatena.ne.jp. > 59.106.108.106: bbeta.hatena.ne.jp.
> 59.106.108.93: bottle.hatelabo.jp. > 59.106.108.93: counting.hatelabo.jp. > 59.106.108.93: news.hatelabo.jp.
はてなキーワード、はてなブックマークのリニューアルに加え、はてラボ新サービスも始まったので、ここ半年近くの変化を調べてみた。
% diff host.old host.txt | grep '[<>]' | sort > bbeta.hatena.ne.jp > bottle.hatelabo.jp > counting.hatelabo.jp > favicon.hatena.ne.jp > img.b.hatena.ne.jp > img.f.hatena.ne.jp > k.hatena.ne.jp > news.hatelabo.jp
対象に、新サービスによるものと、漏れていた img.f.hatena.ne.jp を加えた。
% diff resolve.old resolve.txt | grep '[<>]' | sort < 221.186.146.26: mail.hatena.ne.jp. < 221.186.146.26: ns.hatena.ne.jp. < 221.186.146.26: sv.hatena.ne.jp. < 221.186.146.27: hatena.ne.jp. > 59.106.108.101: ns.hatena.ne.jp. > 59.106.108.101: sv.hatena.ne.jp. > 59.106.108.102: k.hatena.ne.jp. > 59.106.108.103: favicon.hatena.ne.jp. > 59.106.108.105: img.b.hatena.ne.jp. > 59.106.108.106: bbeta.hatena.ne.jp. > 59.106.108.69: img.f.hatena.ne.jp. > 59.106.108.86: hatena.ne.jp. > 59.106.108.93: bottle.hatelabo.jp. > 59.106.108.93: counting.hatelabo.jp. > 59.106.108.93: mail.hatena.ne.jp. > 59.106.108.93: news.hatelabo.jp.
221.186.146.24/29も消え、外向けサーバは完全にサクラのみでの運用に切り替わったようだ。
img.f.hatena.ne.jp と f.hatena.ne.jp、hatena.ne.jp と www.hatena.ne.jp は同じゲートウェイとなっている。
Sleipnirスレッドでfavicon.icoを取りに行く時にSleipnir/*.*.*をAgentに付けるのを何とかしろ、とか言っている奴が居たので、その解決方法を二つほど。
1.オミトロンを通す
言わずと知れたこの方法。正直これ使えば良いじゃんと。広告とかも表示されなくなるしお勧めなんだけれども。
2.バイナリエディタで頑張る
なんか某所で見かけたような気がするんだけれども、次のような方法があった気がする。
Unicode版：Sleipnir.exeを「55 55 55 55 52」で検索して、52を55に置き換える。 mbcs版：Sleipnir.exeを「53 53 53 53 FF 75 F0」で検索してFF 75 F0を53 90 90に置き換える。
WinXP SP3でSleipnir 2.8.2(Unicode & mbcs)とtest2(Unicode)でそうしてオミトロンで見た感じうまくいっているっぽいので、結構信憑性あり？俺は使わんし知らんがな。
まあ、自己責任って言うことです。
ただそれだけ。
みつを
