「ファビコン」を含む日記 RSS

はてなキーワード: ファビコンとは

2019-10-18

はてブ見てて気づいたんだけど

日経NHKファビコンすげぇ似てない?

2019-10-10

togetternote

ファビコン似過ぎてて、ホッテントリに並んでると見分けがつかなくなるのって、アタシだけ?

2019-02-27

フリー素材を探すときgoogle画像検索は使っちゃダメ

フリー写真とかフリーアイコンサイトとか、世の中にはたくさんあるじゃないですか。先日、立ち上げたばかりのブログファビコンに使えそうなフリーアイコンを探してたんですよ。

大手サイトにはグッと来るものがなかったから、google画像検索に「free」のワードを入れて検索したら、かなりしっくり来るモノを発見した。やったーと思って元サイトを開いたら、free icons libraryという聞いたこともない海外サイト

タイトルフリー入ってるからいいやろ!と思ってアイコンダウンロード……しなかった。知名度の低いサイト出会った時はとりあえずリサーチしないとね。

トップページを開くと、「アイコン重要性は〜」みたいな長文が書かれている。「必要なもんはダウンロードできるで」とは書いてあるけど、creative commonsみたいなワードはどこにも書かれていない。

で、配布されているアイコンをいくつか調べてみると、getty imagesロゴバッチリ入ってるモノがあった。堂々と。

こういうサイトに引っかかったらエラいことになるんだろうな。恐ろしや。普通に検索しても出てこないけど、google画像検索で調べる時だけ出てくるようなサイト結構あるみたいだから大手素材サイトにいいのがないかgoogle様の力を借りようかな〜とか安易に考えちゃダメよ。

2018-05-09

share-videosが落ちてるね。

cakephpファビコンが表示されてた。phpで作られてんのか。

xvideosって落ちたことあるのかな

2017-06-20

毎日新聞スマホ版のブクマリストってどうなってんの

スマホはてブトップとか見てると、毎日だけリストからブクマページに直接飛べない(記事本文にしか行けない)んだけど自分だけ?

ふつうリスト表示っていうとこんな感じで、

(ファビコン) 記事タイトル

999 users

本文の一部...

上のタイトルから記事本文に、下の本文プレビューからブクマページに飛べるのが普通挙動だと思う

一方の毎日はこんな感じ

[毎] 記事タイトル

999 users

本文プレビューが出てこず、記事本文にしか飛べない

いやはてブに毒された悪い癖だとは思うんだけどさ、記事を読む前にまずブクマを眺めたかったりする(その結果記事を読まなかったりもする)から毎日タイプ挙動ちょっとイヤなのよね

はてな社的には、自分みたいなユーザがいるせいではてブから流入が減るのは宣伝上良くないだろうなぁとは思うが

2016-09-08

私がIEを使うたった1つの理由

お気に入りバーを表示させて、タイトル幅をアイコンのみに設定して、追加ボタンでページ追加するという使い方をしている。

こうするとページ30個くらいは一度に見れる・アクセスできる状態になる。

多くのサイトファビコン設定されているから、アイコンだけでなんのサイト記事だったかはある程度分かる。

買い物なんかであれこれ比較したり調べたりする時なんか、1020と一気にお気に入り登録する。

一時的にたくさんのページをお気に入りして、あちこち見比べるような状況、

そういう時にお気に入りバーにアイコン追加はけっこう便利なのだ

けど、純粋ブラウザとして使うのは、やっぱりChromeが使いやすい。

Chromeブックマークバーを表示させて使っているけど、アイコンのみにはできないので、一度に表示できるページは少ない。

で、なんだかんだとIEを使い続けている。

けっこう便利ですよ、お気に入りバー。

2016-02-20

年に二百スターつける俺がおすすめするブクマカ七人

FTTH: センスがある。

pentom:ファビコンペンギンかわいい

sabacurry:ファビコンがこわい。増田によくいる。

akawi:最近よくみかける。

hagexブログでの知的な姿とは打って変わった雑なコメントに惚れる!

kiku-chan:ブクマする記事も打つコメントもなんの参考にならないけど、この猫がコメント欄にいるだけで心安らぐ。

hatebupost:ホッテントリ入りする記事にはかならずブクマを打つすごい目利き。

以上だっ

 

2016-01-07

有名ブクマカって劣化するよなwwwwwwwww

JTさんは昔に比べてダジャレにキレがなくなったし、

ゼヴラ様は昔に比べて「おそろしいおそろしい」がおそろしくなくなったし、

うーむさんは「うーむ」に重みがなくなってきたし、

オニサイさんはいつまでたっても熟さないし、

nekoraは……あれ? ファビコン変わった?

シロクマ地球温暖化で生息域が狭まりつつあるし、

サバカレーは一日放置しただけで異臭を放つし、

夢見がちだし、

大人にはなりたくないし、

でも愛だけは欲しいし

2015-09-05

Googleの新しいファビコンがいや

安っぽい。

ソバイラメディア開いちゃったかと思ったわ。

2015-04-08

ええっと、ここに書くと、さいとーさんスタートページに表示されるっていうことでいいんですか、

http://www.geek.sc/b/

これ、見せてもらったんだけど、ファビコンの方が気になって夜も眠れません

だれですか一体

2014-09-20

あーあ、またはてなブックマークが使いにくくなってる

俺は普段iOSはてブアプリ使ってるけど、アップデートでまた使いにくさが増していた。今回のアップデートで発覚した使いにくくなった部分も含めていろいろ列挙する。

カテゴリにサブカテゴリが登場し、クリックする時にプルダウンで表示できる。語クリックでうかつにプルダウンを開いた時にはウザくて仕方ない。丁寧にクリックすりゃいいんだろうけど。

自分IDの部分(いわゆるマイページ的な部分)にインタレストという謎機能が搭載。インタレストにタグを登録するとそのタグ勝手収集してくれるみたいだけど、タグ検索で充分だろ。邪魔

リクルートPR記事が表示されるようになった。かろうじて『PR』と表示されてるから積極的クリックすることは無いだろうけども。通常表示される件数に混ざっている(10件表示なら1件は必ずPRで埋まる)のであれば迷惑まりないが、ちゃんと確認してないためどうなってるか不明。

広告邪魔はてブアプリからwebサイトを見ると、webサイト広告はてブアプリ広告とで勝毒範囲がどんどん狭くなる。広告を消せる有料オプションとか無いのか。

サイト非表示機能が欲しい。クソみたいなサイトを何度も踏まされるのもイライラするが、一度に表示される件数が固定だから、それがクソサイトで埋まるのが非常に腹立たしい。ファビコンブログタイトルでわかればいいが、そういうサイトばかりではないので。有料オプションでいいから追加してくれ。

機能が増えてもカスタマイズできないのでストレスたまる。『ガールズの人気エントリー』とか『人力検索はてな』とか表示させないようにしたい。

要望を送るところが無かったのでとりあえずメモ代わりに書いておいた。言い伝えによると、はてな社員twitterとかで嫌がらせすればすぐに対応してくれるらしいが。そもそもはてなへの要望を受け付けるフォームとか見つからなかったし。はてなアイデアは1年前に滅んでいた。まぁ、ここに書いたところで、社員改善するとも思えないけれども。

2014-05-04

30分でパパっと作ったエロ動画サイトが1日目で5万PV達成したw

作成サイト

貧乳TV | 完全無料貧乳微乳AV動画

http://hinnyu.eroitv.com/

きっか

見つけたエロサイト構築事例を淡々と載せるページ - エロサイトの作り方を見たのがきっかけ。自分も作りたいと思った。

でもここにある人のように、僕にはプログラミングの知識が全くない。RubyとかRails? よくわからんが、そういうの使うともっと楽になるんだろうなと思いつつとりあえず作ってみた

サーバーホストゲーター。WordPressを使って30分でちょちょっと作った。

お察しの通り、ぜんぶ手動でやっている。かなり大変だけど、1日目で5万PVを達成した。

まずは来てもらうSEO意識した

とりあえず、SEO意識した。Googleからの来てもらうこしか考えなかった。

Googleから来る人は「女優名 無料動画」とかで検索する(自分がそうだから)、だから絶対に女優名を書く。女優名がわからない動画は極力載せない。

これが成功。やはり女優名で検索する人ばかりだった。

WordPressはいプラグインがあるのでSEO対策を個人でやってもそこそこできる。もちろん相互リンクの依頼や、業者も使ってない。

リピーターを増やすためにしたこと

テーマを絞る

貧乳」とテーマを絞った。貧乳のいい動画があると思って頂ければ絶対にリピターになると思った。

さらに「貧乳」をテーマにしたサイトは少なかったので、勝てると思った。

そこそこデザインを頑張る

そこそこデザインを整えた。プログラミングの知識が全くないといっても、HTMLCSSはある程度わかるので、ググりつつ頑張った。

ファビコンロゴを綺麗に作って、それなりに完成したかな。

広告を少なく

広告ばっかりで動画がどこか分かんないサイトはうざいので、それだけは避けた。

広告を載せる時も100%関連のある、ユーザーのためになるものを載せた。xvideosで部分しか上がっていない場合、フル動画を見れるサイトに誘導するような感じ。自分ならどうされたら嬉しいか考えた。

今後したいこと

ランキング作成

リンク切れを報告できるように

Cookie?ってやつ利用してお気に入りできたり

女優名の整理

2013-08-15

コピペブログがムカつくので、はてブを快適にするユーザーCSS作った

はてブは便利だ。かれこれ使い続けて8年目になる。

しかし、はてブを使っているとしばしばムカつくことがある。

それは2chコピペしただけのデマまとめサイトホットエントリとして頻繁に表示されてしまうことだ。

リンククリックしなければいいのだが、最近タイトルだけで不快になるレベルのものも多い。

例えばここのところ、冷凍庫に入ったバイトをアップして炎上させる遊びがリア充の間で流行しているが、

ハム速」というサイトはこういったものを毎回取り上げて、嫌でも目に付くタイトル他人個人情報晒している。

なにがホットだよ。見たくねえよ死ね

しかし、はてな運営はいつまで経っても非表示サイト機能を用意してくれないし、

こういったクソサイトを未だにブクマしてホッテントリ入りに貢献するはてなユーザーはあとを絶たない。

これらを弾くユーザースクリプトユーザーCSSを書いてくれた人もいない。

仕方ないので、自分まとめブログなどを除外するユーザーCSSを書いてみたら、恐ろしく快適になった。

とても便利なのでぜひ同志のはてブァーたちに使って欲しいのだが、

どこに公開していいか分からないので、とりあえず増田に投下してみることにした。

対応範囲

CSS ソース

/* はてなブックマークから見たくないサイトを抹消&シンプルな表示で快適にするユーザースタイルシート */
/* V1.16 2016/5/1 22:25更新 政経ワロスまとめニュース♪を追加 */
/* V1.15 2016/3/16 11:25更新 診断メーカーを追加 */
/* V1.14 2015/6/2 17:51更新 やらおん! の独自ドメインを追加 */
/* V1.13 2014/2/13 14:42更新 大艦巨砲主義! を追加 */
/* V1.12 2014/2/13 10:27更新 保守速報JP ドメインを追加 */
/* V1.11 2014/2/10 17:34更新 キムチ速報ネトウヨ速報ネトウヨにゅーす、はぅわ!、あじあにゅーす2ちゃんねる独自ドメインを追加 */
/* V1.10 2014/1/28 19:32更新 使えるニュース-2ch を追加、はてブ仕様変更により新着エントリサムネイルが表示されなくなっていたのを修正 */
/* V1.09 2013/12/09 17:46更新 売国速報(^ω^)を追加 */
/* V1.08 2013/12/08 13:02更新 ば韓国いい加減にしろ速報を追加 */
/* V1.07 2013/8/19 02:11更新 2ちゃん的韓国ニュースを追加 */
/* V1.06 2013/8/16 12:36更新 あじあにゅーす2ちゃんねる笑韓ブログを追加 */
/* V1.05 2013/8/16 09:57更新 検索結果のエントリ詳細をサイト関係なく消した。そこが気に入らなければ「, div.entryinfo」という文字列を削除 */
/* V1.04 2013/8/16 09:46更新 政経chを追加 */
/* V1.03 2013/8/15 20:34更新 秒刊SUNDAYを追加 */
/* V1.02 2013/8/15 16:55更新 U-1速報URL間違いを修正 */
/* V1.01 2013/8/15 15:49更新 やらおん!を入れ忘れるという致命的なミスを犯したので修正 */

/* はてブ全体に適用 */
@-moz-document url-prefix("http://b.hatena.ne.jp/")
{
/* ブロックしたいサイトリンク非表示 */
A[HREF*="j-cast.com"],
A[HREF*="j-cast.com"] ~ cite,
A[HREF*="getnews.jp"],
A[HREF*="getnews.jp"] ~ cite,
A[HREF*="yukawanet.com"],
A[HREF*="yukawanet.com"] ~ cite,
A[HREF*="0taku.livedoor.biz"],
A[HREF*="0taku.livedoor.biz"] ~ cite,
A[HREF*="hamusoku.com"],
A[HREF*="hamusoku.com"] ~ cite,
A[HREF*="alfalfa.com"],
A[HREF*="alfalfa.com"] ~ cite,
A[HREF*="hoshusokuhou.com"],
A[HREF*="hoshusokuhou.com"] ~ cite,
A[HREF*="hosyusokuhou.jp"],
A[HREF*="hosyusokuhou.jp"] ~ cite,
A[HREF*="wara2ch.com"],
A[HREF*="wara2ch.com"] ~ cite,
A[HREF*="fxya.blog129.fc2.com"],
A[HREF*="fxya.blog129.fc2.com"] ~ cite,
A[HREF*="asianews2ch.livedoor.biz"],
A[HREF*="asianews2ch.livedoor.biz"] ~ cite,
A[HREF*="jin115.com"],
A[HREF*="jin115.com"] ~ cite,
A[HREF*="esuteru.com"],
A[HREF*="esuteru.com"] ~ cite,
A[HREF*="yaraon.blog109.fc2.com"],
A[HREF*="yaraon.blog109.fc2.com"] ~ cite,
A[HREF*="yaraon-blog.com"],
A[HREF*="yaraon-blog.com"] ~ cite,
A[HREF*="kanasoku.info"],
A[HREF*="kanasoku.info"] ~ cite,
A[HREF*="u1sokuhou.ldblog.jp"],
A[HREF*="u1sokuhou.ldblog.jp"] ~ cite,
A[HREF*="newskorea"],
A[HREF*="newskorea"] ~ cite,
A[HREF*="news-us.jp"],
A[HREF*="news-us.jp"] ~ cite,
A[HREF*="tokuteishimasuta.com"],
A[HREF*="tokuteishimasuta.com"] ~ cite,
A[HREF*="dqnplus"],
A[HREF*="dqnplus"] ~ cite,
A[HREF*="bakankokunews.blog.fc2.com"],
A[HREF*="bakankokunews.blog.fc2.com"] ~ cite,
A[HREF*="treasonnews.doorblog.jp"],
A[HREF*="treasonnews.doorblog.jp"] ~ cite,
A[HREF*="now2chblog.blog55.fc2.com"],
A[HREF*="now2chblog.blog55.fc2.com"] ~ cite,
A[HREF*="kimsoku.com"],
A[HREF*="kimsoku.com"] ~ cite,
A[HREF*="uyosoku.com"],
A[HREF*="uyosoku.com"] ~ cite,
A[HREF*="netouyonews.net"],
A[HREF*="netouyonews.net"] ~ cite,
A[HREF*="asia-news.jp"],
A[HREF*="asia-news.jp"] ~ cite,
A[HREF*="rakukan"],
A[HREF*="rakukan"] ~ cite,
A[HREF*="nico3q3q"],
A[HREF*="nico3q3q"] ~ cite,
A[HREF*="military38"],
A[HREF*="military38"] ~ cite,
A[HREF*="shindanmaker.com"],
A[HREF*="shindanmaker.com"] ~ cite,
A[HREF*="seikeidouga.blog.jp"],
A[HREF*="seikeidouga.blog.jp"] ~ cite,
/* ブロックしたいサイトファビコン非表示 */
IMG[SRC*="j-cast.com"],
IMG[SRC*="getnews.jp"],
IMG[SRC*="yukawanet.com"],
IMG[SRC*="0taku.livedoor.biz"],
IMG[SRC*="hamusoku.com"],
IMG[SRC*="alfalfa.com"],
IMG[SRC*="hoshusokuhou.com"],
IMG[SRC*="hosyusokuhou.jp"],
IMG[SRC*="wara2ch.com"],
IMG[SRC*="fxya.blog129.fc2.com"],
IMG[SRC*="asianews2ch.livedoor.biz"],
IMG[SRC*="jin115.com"],
IMG[SRC*="esuteru.com"],
IMG[SRC*="yaraon.blog109.fc2.com"],
IMG[SRC*="yaraon-blog.com"],
IMG[SRC*="kanasoku.info"],
IMG[SRC*="u1sokuhou.ldblog.jp"],
IMG[SRC*="newskorea"],
IMG[SRC*="news-us.jp"],
IMG[SRC*="tokuteishimasuta.com"],
IMG[SRC*="dqnplus"],
IMG[SRC*="bakankokunews.blog.fc2.com"],
IMG[SRC*="treasonnews.doorblog.jp"],
IMG[SRC*="now2chblog.blog55.fc2.com"],
IMG[SRC*="kimsoku.com"],
IMG[SRC*="uyosoku.com"],
IMG[SRC*="netouyonews.net"],
IMG[SRC*="asia-news.jp"],
IMG[SRC*="rakukan"],
IMG[SRC*="nico3q3q"],
IMG[SRC*="military38"],
IMG[SRC*="shindanmaker.com"],
IMG[SRC*="seikeidouga.blog.jp"],
/* トップページエントリ詳細、メタ情報タグ一覧、検索結果のエントリ詳細を非表示 */
li.description blockquote, ul.entry-meta li.tag, div.entryinfo {
  display: none !important;
}
}

/* ------------------------------------------- */

/* 新ユーザーページ (インタレスト、マイホットエントリー他) に適用 */
@-moz-document
url-prefix("http://b.hatena.ne.jp/(はてなユーザー名)/interest"),
url-prefix("http://b.hatena.ne.jp/(はてなユーザー名)/favorite"),
url("http://b.hatena.ne.jp/(はてなユーザー名)/")
{
/* エントリ詳細を非表示 */
.entry-summary, .detail {
  display: none !important;
}
/* エントリ詳細をなくした分、サムネイルカラムを小さく */
.entry-feature-image a.capture img {
  max-width: 60px !important;
}
.main-entry-list .entry-block.entry-feature-image {
  min-height: 32px !important;
  padding-left: 80px !important;
}
.entry-feature-image .entry-image-block, .entry-feature-image a.capture {
  width: 60px !important;
  max-height: 50px !important;
}
/* お気に入りユーザーエントリ一覧を非表示に */
.main-entry-list .entry-comment .entry-comment-fold {
  display: none !important;
}
}

使い方

ChromeOperaSafari での使い方

設定内容はいずれも同じで、こんな感じにする。

セクションひとつ
/* はてブ全体に適用 */

/* ブロックしたいサイトリンク非表示 */
A[HREF*="j-cast.com"],
A[HREF*="j-cast.com"] ~ cite,
A[HREF*="getnews.jp"],
A[HREF*="getnews.jp"] ~ cite,
A[HREF*="yukawanet.com"],
A[HREF*="yukawanet.com"] ~ cite,
A[HREF*="0taku.livedoor.biz"],
A[HREF*="0taku.livedoor.biz"] ~ cite,
A[HREF*="hamusoku.com"],
A[HREF*="hamusoku.com"] ~ cite,
A[HREF*="alfalfa.com"],
A[HREF*="alfalfa.com"] ~ cite,
A[HREF*="hoshusokuhou.com"],
A[HREF*="hoshusokuhou.com"] ~ cite,
A[HREF*="hosyusokuhou.jp"],
A[HREF*="hosyusokuhou.jp"] ~ cite,
A[HREF*="wara2ch.com"],
A[HREF*="wara2ch.com"] ~ cite,
A[HREF*="fxya.blog129.fc2.com"],
A[HREF*="fxya.blog129.fc2.com"] ~ cite,
A[HREF*="asianews2ch.livedoor.biz"],
A[HREF*="asianews2ch.livedoor.biz"] ~ cite,
A[HREF*="jin115.com"],
A[HREF*="jin115.com"] ~ cite,
A[HREF*="esuteru.com"],
A[HREF*="esuteru.com"] ~ cite,
A[HREF*="yaraon.blog109.fc2.com"],
A[HREF*="yaraon.blog109.fc2.com"] ~ cite,
A[HREF*="yaraon-blog.com"],
A[HREF*="yaraon-blog.com"] ~ cite,
A[HREF*="kanasoku.info"],
A[HREF*="kanasoku.info"] ~ cite,
A[HREF*="u1sokuhou.ldblog.jp"],
A[HREF*="u1sokuhou.ldblog.jp"] ~ cite,
A[HREF*="newskorea"],
A[HREF*="newskorea"] ~ cite,
A[HREF*="news-us.jp"],
A[HREF*="news-us.jp"] ~ cite,
A[HREF*="tokuteishimasuta.com"],
A[HREF*="tokuteishimasuta.com"] ~ cite,
A[HREF*="dqnplus"],
A[HREF*="dqnplus"] ~ cite,
A[HREF*="bakankokunews.blog.fc2.com"],
A[HREF*="bakankokunews.blog.fc2.com"] ~ cite,
A[HREF*="treasonnews.doorblog.jp"],
A[HREF*="treasonnews.doorblog.jp"] ~ cite,
A[HREF*="now2chblog.blog55.fc2.com"],
A[HREF*="now2chblog.blog55.fc2.com"] ~ cite,
A[HREF*="kimsoku.com"],
A[HREF*="kimsoku.com"] ~ cite,
A[HREF*="uyosoku.com"],
A[HREF*="uyosoku.com"] ~ cite,
A[HREF*="netouyonews.net"],
A[HREF*="netouyonews.net"] ~ cite,
A[HREF*="asia-news.jp"],
A[HREF*="asia-news.jp"] ~ cite,
A[HREF*="rakukan"],
A[HREF*="rakukan"] ~ cite,
A[HREF*="nico3q3q"],
A[HREF*="nico3q3q"] ~ cite,
A[HREF*="military38"],
A[HREF*="military38"] ~ cite,
A[HREF*="shindanmaker.com"],
A[HREF*="shindanmaker.com"] ~ cite,
/* ブロックしたいサイトファビコン非表示 */
IMG[SRC*="j-cast.com"],
IMG[SRC*="getnews.jp"],
IMG[SRC*="yukawanet.com"],
IMG[SRC*="0taku.livedoor.biz"],
IMG[SRC*="hamusoku.com"],
IMG[SRC*="alfalfa.com"],
IMG[SRC*="hoshusokuhou.com"],
IMG[SRC*="hosyusokuhou.jp"],
IMG[SRC*="wara2ch.com"],
IMG[SRC*="fxya.blog129.fc2.com"],
IMG[SRC*="asianews2ch.livedoor.biz"],
IMG[SRC*="jin115.com"],
IMG[SRC*="esuteru.com"],
IMG[SRC*="yaraon.blog109.fc2.com"],
IMG[SRC*="yaraon-blog.com"],
IMG[SRC*="kanasoku.info"],
IMG[SRC*="u1sokuhou.ldblog.jp"],
IMG[SRC*="newskorea"],
IMG[SRC*="news-us.jp"],
IMG[SRC*="tokuteishimasuta.com"],
IMG[SRC*="dqnplus"],
IMG[SRC*="bakankokunews.blog.fc2.com"],
IMG[SRC*="treasonnews.doorblog.jp"],
IMG[SRC*="now2chblog.blog55.fc2.com"],
IMG[SRC*="kimsoku.com"],
IMG[SRC*="uyosoku.com"],
IMG[SRC*="netouyonews.net"],
IMG[SRC*="asia-news.jp"],
IMG[SRC*="rakukan"],
IMG[SRC*="nico3q3q"],
IMG[SRC*="military38"],
IMG[SRC*="shindanmaker.com"],
/* トップページエントリ詳細、メタ情報タグ一覧、検索結果のエントリ詳細を非表示 */
li.description blockquote, ul.entry-meta li.tag, div.entryinfo {
  display: none !important;
}
セクションふたつめ
/* 新ユーザーページ内 (インタレスト、マイホットエントリー他) に適用 */

/* エントリ詳細を非表示 */
.entry-summary, .detail {
  display: none !important;
}
/* エントリ詳細をなくした分、サムネイルカラムを小さく */
.entry-feature-image a.capture img {
  max-width: 60px !important;
}
.main-entry-list .entry-block.entry-feature-image {
  min-height: 32px !important;
  padding-left: 80px !important;
}
.entry-feature-image .entry-image-block, .entry-feature-image a.capture {
  width: 60px !important;
  max-height: 50px !important;
}
/* お気に入りユーザーエントリ一覧を非表示に */
.main-entry-list .entry-comment .entry-comment-fold {
  display: none !important;
}

使い方が分からなければブコメトラックバックで言ってくれたら補足するかも

字数オーバーしていたことに気づいたので http://anond.hatelabo.jp/20140421135649 に続きます

2013-03-13

ボスが来た!」ボタン作ってみました。&ソース公開 by秘ブの人

先日、アダルト専用ブックマーク「秘ブ」(http://hibu.jp/)を公開した者です。

http://anond.hatelabo.jp/20130308124428

これね。

http://anond.hatelabo.jp/20130308140354

の方のご指摘で「ボスが来た!」機能が欲しいということでしたので、作ってみました。

javascriptでほぼ全部実装したのですが、だいぶ苦労しました。

javascript特有の、関数オブジェクトに登録できるとことか、できるだけ汎用的にコードを構成するとことかが難しく…。ちょっとした変態言語だとは聞いていましたけどね。

職業プログラマの方からみればそれはそれはスパゲッティな感じでしょうが、お勉強を兼ねてソースも公開したいと思います

目次

1.「ボスが来た!」ボタンってどういうもん?
2.ライセンス
3.ソース
4.設置の仕方
5.悩んだところ
6.悩んでるところ


1.「ボスが来た!」ボタンってどういうもん?

デフォルトでは、右下に「ボスが来た!」ボタンを表示して、クリックすると「年号西暦変換表」の表示に切り替えますタイトルファビコンも変更します。

デモページ無いんで、どんな感じになってるかはhttp://hibu.jpを御覧ください。

2.ライセンス

プログラムを公開するときにはライセンスってものを設定しなければいけないらしいと聞き、一応書いておくか―と思って調べました。

結果、↓で一番上にあったGPLライセンスにすることにしました。

GPLMITCCなど主要ライセンスの内容と意味のまとめ

http://smkn.xsrv.jp/blog/2009/03/summary_for_gpl_mit_cc_etc/

Webデザイナーが覚えておく、代表的なライセンスまとめ

http://kojika17.com/2011/01/web-designers-have-to-remember-license-summary.html


3.ソース

匿名ダイアリーではHTMLの部分と日本語がちゃんと表示できないみたいなので、見たい方は↓のURLで見れると思います

http://hibu.jp/js/BossComes.js

っていま見てみたら日本語文字化けしてる…。

ブラウザでは文字コードUTF-8にしてみてください。

4.設置の仕方

最初bodyタグ直下scriptタグで読み込んでたんですが、ページ全体の読み込みが遅くなっちゃいまして。

bodyタグを閉じる直前にscriptタグで読み込むと良い感じです。

5.悩んだところ

a.)ボタンの表示を初期化するところでwindow.onloadがブラウザによって効いたり効かなかったり。

http://q.hatena.ne.jp/1267885206

↑のkebo987654さんの回答からコードをお借りして解決。

b.)どうせページを偽装するならタイトルも変えなきゃってことで、どうやってタイトル変えるのって探したらこれで一発でした。

Javascriptタイトル名称を変更する

http://www.wsj21.net/_bbs/main/tpc_771.html


c.)でもって、タイトル変えたものの、ファビコンが変わってない。これじゃバレるってことでファビコンも変えることに。

Favicon の動的変更の裏側

http://webcraft.seesaa.net/article/184698281.html

DYNAMIC FAVICONS

http://softwareas.com/dynamic-favicons


ファビコンは、一回linkタグファビコン指定の部分を消してから、書きなおさなきゃ変わらないみたいです。

ファビコンファイル拡張子ごとにmine-typeを変更するところは頑張った。

d.)javascriptでね、「ボスが来た!」ボタンで実行する関数トグルしなければならなかったんですよ。

本当のページ表示中に実行する関数→偽のページを表示する関数

偽のページ表示中に実行する関数→本当のページを表示する関数

って具合に。

でも、関数をelementのonclickに登録するのがなかなかうまく行かなくて。

でもググった結果、↓のようにしたらできました。

動的にonclickを追加する

http://devkuromaku.blog.shinobi.jp/javascript/%E5%8B%95%E7%9A%84%E3%81%ABonclick%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B




6.悩んでるところ

考えつくままに書いていったので、素人目に見てもなんとなくスマートさがないなぁと。

もっと処理を高速化できそうなところとか、こう書けばもっとスマートになるよっていうのを教えていただけると嬉しいです。

2012-11-23

AndroidFirefox があまりにイケてない

FirefoxAndroid 版が残念だ。

表示速度やスクロールズームパフォーマンスAndroidブラウザと比べて最も優れた部類に入ると思う。

それだけに今のAndroidFirefoxは残念だ。

ユーザーの声がどの程度反映されているのか分かりにくいし、新機能の導入にはかなり消極的な印象がある。

不満をつらつら書いてみる。

ページのロードがイライラする。

ウェブページアクセスすると、ロケーションバーのファビコンクルクル回るアイコンになる。プログレスバーはない。

これではいつになったらロードが終わるのか検討もつかない。ロードに時間がかかる原因も分からない。

Javascriptの処理が終わらないのか、あるサイトからレスポンスが極端に遅いのか。

原因がわかれば、利用者は前のページに引き返したり、違う方法アクセスすることを試みることができる。

しかFirefox ではそれができない。

検索文字列記憶していてくれない。イライラする。

例えば「firefox addon」と調べた後、「firefox addon android」と単語を追加して調べたいときFirefox では全て入力しなおしすることになる。

ソフトキーボードが使いにくい スマホ/タブレット では、これがどれほど面倒でイライラする作業か。

Google Chrome では以前に検索した文字列記憶していて、次回検索するときにそれをサジェストしてくれる。

しかし、不親切な Firefox はそれをしてくれない。

選択文字列検索できない。

FirefoxAndroidネイティブコピペ機能を使わず独自に実装しているため、現状はコピーシェアくらいしかできない。

選択して新しいタブに検索結果を表示する機能は、当然のように他ブラウザには実装されている。Chromeなどは最短2タップでできる。

Firefox で同じ事をやろうとする場合タップ長押し、コピーロケーションバー長押し「Paste & Go」するしかない。

せっかく複数の検索プラグイン用意してあるんだから検索エンジンを選択して検索とかあればいいのに。。

Google 検索結果のレイアウトが崩れている。

GoogleWebkitしかレイアウトの確認をおこなっていないようだ。というか意図的に Webkit 依存レイアウトにしているんじゃないかと感じる時がある。

スマホ版の FirefoxGoogle検索結果はフィルタリングもできない簡易レイアウトで、タブレットにいたってはレイアウトが崩れたままだ。これが数ヶ月放置されている。

ユーザー数が少ないから軽視されているのかもしれない。

ロケーションバーの中身について

どうせ先頭十数文字しか表示されないんだからドメイン名を表示したほうがフィッシング対策的にもよっぽどいい。

しかタイトルが表示されているのに、タイトル文字列クリップボードコピーできない。

ファビコンサイトアイコン)はほとんどの端末でピンぼけしてるし、表示領域狭くなるし、表示しなくてもいいんじゃないかと思う。

なんにせよ有効活用できていない。

設定項目が少ない。

設定項目の一番上にでかでかと About Firefox って... それは一番下でいいだろう。

そんなことが気になるくらいに設定項目が少ない。Firefox 19 でテキストの再配置項目が増えたくらいか

パフォーマンス情報を送る」とか、「追跡拒否をサイトに通知」とか、インストール時にしか使わないであろう「Androidからインポートする」とか。

あんまり重要じゃない設定項目がほとんどだ。しかも字が大きくて一覧性が悪い。

利用者にとって必要なのはホームページを変更する」とか、「終了時の動作を変更」と「ユーザーエージェント」を変更するとかさ、そういうのなんだよね。。

Firefox の強みって何だったけ。

アドオンが少ない。

アドオン数では Dolphin ブラウザよりも圧倒的に少ない。アドオンサイトインストールしづらいし、目的の物を見つけづらい(というかそもそも無い)。

現状ではアドオンの質もあまり良いとは言いがたい。それに、Firefox本体の設定項目が少ないせいで UA も変えられなければ「選択して検索する」機能さえもアドオンに頼らざるを得ない。

他のブラウザでは当然のように利用できる機能でさえもだ。

AndroidFirefox は驚くほど機能が少ない。

マーケットプレイス

これは主に Firefox OS のためのアプリストアだ。方針や理想は理解できるし、面白いと思う。

でも Firefox OS で利用するなら理解できるものの、より良いアプリが揃う Playstore の存在する Android 端末で一体誰が利用しようと考えるのだろうか。

Webアプリ理想を追うのはいいが、Android に向けた Firefox を作るのならば、身近なユーザビリティを向上させるのに優先的に力を注いでほしい。

ページの一番下までスクロールするのに苦労する。

これは Firefox に限ったことでは無いけれど、縦に長いページでは、一番下までスクロールするのに結構頑張ってスワイプし続けなければいけない。

こういう機能サイト側がJSで用意すべきだとか思っているんだろうか。

その点 Opera は使いやすい。

オレンジ色がチカチカする。リンクを踏むと端末が震える。

リンクフォームをタッチした時に背景がオレンジ色になる。Chromeのように灰色ならいいのだけれど、オレンジ色は目に刺激が強すぎて、チカチカする。about:config で探してみたけどそれらしい設定項目もなかった。

端末のバイブが鳴るのも必要ない。そういうのを有効無効にする設定項目が欲しいんだけどなぁ。。

インチには使いづらい。

Nexus 7 のことだ。スマホ UI を拡大しただけなので、タブの切り替えにあれほどまでに大げさなアニメーション必要ないと感じてしまう。

画面に余裕がある分にはタブは常に表示されていて欲しい。

プライベートブラウジングができない。

できない。これは開発版で検討されていて、初期設定無効になっているらしいので、安定したら使えるようになるんだろう。

でもいつになるか分からない。。半年後か、一年後か。

追跡拒否(DNT)ってそんなに宣伝するほど効果あるの?

Do Not Track (DNT) 機能。利用者がトラッキングの可否を選択できるのは素晴らしいことだと思う。

けれども世間ほとんどのサイトがこの機能無視している現状で、この機能を大々的に宣伝に使うのはどうかと思う。

サイト側への周知の目的もあるんだろうけど。

フィードバックを送るのが難しい。

about:feedbackフィードバック送れるのだけれど、Chromeみたいに設定項目あたりに書いといてくれないと気づかない。

Playstoreのレビューが荒れるのもわかる気がする。

==

以上いろいろFirefoxへの不満を書いてみたけど、なんだかんだ多分 Firefox は使い続けると思う。デスクトップ版は大好きだから

でもAndroid版の現状の使い勝手はひどいよ。イケてない。永遠のサブブラウザだ。Android 4.1以降が普及したらChromeにとって替わられるのは目に見えている。

デザイン的にも曲線を多用した今のデザインはあまりAndroidのHoloテーマに合っているとは思えないし。

なんとなく不満をどこかに書いてみたかったのでつらつら書いた。ところどころ文体変だけどいいや。

2012-11-01

はてブ1000Users超えアンテナ」に触発されてWebサービス作ってみた

ずっとWebサービスってのを作ってみたくて、

先日の「週6フリーターもWEBサービス作ってみました。」に触発されて、

自分も何か作れるんじゃないかと思って勢いで作ってみた

スペック

IT系サラリーマン別に仕事Webとかプログラムとかはやってない。IT系企業に務めているというだけ。

でもそれだとこの先が無さそうなので自分でも何か作れないかと思ってるところに、1000を作ってみた〜を読んで奮起。

会社エンジニアさんに「どんなの作るのが勉強になりますか」と相談したところ

「とりあえずそれ(1000Userアンテナ)と同じようなものを作ってみれば?」と投げやりに言われ、今に至る。

HTMLCSSJavascript

趣味で触ったことがあるレベル

以前に「HTMLWebサイトを作ろう!」みたいな本を読みながら、

何のプログラムも入っていないゲーム攻略サイトを作ったレベル。すぐ放置した模様。

上記の事を話したら、仕事で練習がてらに触らされる。四則演算ができる程度。

趣味

体幹トレーニング。活かす場は無い。

活かす場は無いが、情報収集は好きなのでそれをテーマにすることに。

作ったもの

カラダアンテナ

http://karada-antenna.com/


筋トレ系のはてブエントリを色々まとめて表示するサービスです。

普段RSSを使っていて一番イライラする「違うタグなのに同じ記事をいくつも拾ってきやがる」を解消したいのが目的

「なるべくAPIとかjQueryプラグインとかを使うようにしてみたら?」という神(社内エンジニアGさん)の発言により、無駄に色々使って見ることに。

使用した技術

1.Google Feed API

解説:RSSの取得と表示。Googleさまさまです。

参考サイト

Google Feed API →公式サイト

Google AJAX Feed APIの使い方メモ →ぐぐって最初に出てきたサイト。お世話になりました。

ただこれだと複数のRSSを読み込んだ時に、例によって例のごとく同じURLの記事が別のタグRSSからいくつも出てくる。

これを解消するにはRSSマージして重複するのを消せばいいらしい。

2.Yahoo pipes

解説:複数のRSSをまとめて、更に色々抜いたり加工したりしてくれるサービス

参考サイト

モジュールを繋げてマッシュアップ!「Yahoo! Pipes」の使い方

なんというかやりたいことが8割がた解決してしまった。

GoogleYahooが手を組むとこんなに凄いのかと関心。本当はもっと色々出来るらしい。


3.はてなブックマーク数を画像で取得

解説:そのままはてブUsers数を画像で取得してくれる

参考サイト

ブックマーク数を画像で取得する API の公開について



4.リンク元faviconを取得

記事のfaviconも出せないかな?と思ったらそれもはてブAPIと同じようなサービスがあるらしい。

参考サイト

リンク先のFaviconを取得・表示できるWebサービス(API)とJavaScript・プラグインまとめ

favicon (ファビコン) 画像変換サービス - Favicon Converter



5.SNSボタン

ソーシャルリンクボタンが欲しかったので、1000Users超えさんのところでも紹介されていたのをそのまま使う事に。

参考サイト

忍者ツールズ

GREEとかのボタンって使ってる人いるのでしょうか?



6.学習

最近はただでこんな動画が見れるサービスもあるんですね・・・エンジニアさんはほんとすごいです。

ドットインストール


公開までの準備

公開するにあたって色々用意したもの達。

minibird http://www.minibird.jp/

解説:サーバー

レンサバ探してたら何故かサーバーエンジニアSさんからここを進められた。

安かったし評判もぼちぼちなのでこだわりもなく決定。

名前ドットコム http://www.onamae.com/

解説:ドメイン取得サービス

Webサービスって言ったら独自ドメインだろ!ということで480円セールをやっていたので取ってみる。

名前ドットコムってGMOなんですね。

参考サイト

お名前ドットコムでminibird



広告をつける

せっかくなので広告もつけたくなったので調べてみた。

GoogleAdsenseって結構簡単に設置できるんですね。

Google Adosense

参考サイト

AdSenseアカデミー →Google先生の公式ガイド


Link Share

解説:iPhoneアプリリンクを貼れる。楽天がやってるんですね。

http://www.linkshare.ne.jp/

amazonソシエイツ

解説:書籍アフィリエイトAmazonさん。思ったより簡単でした。

https://affiliate.amazon.co.jp/

あと、スクロールしたらついてくるってのをやってみた。カッコいい。

参考サイト

jQuery – メニューをスクロールに付随させてみる



PR

せっかく作ったからにはPRしてみたい。

1.ツクログ

解説:作ったWebサービス投稿できるサイトアンテナサイト多いですな・・・

http://creaters.eightbit.jp/

2.つくったー

解説:Webサービスをつぶやいて宣伝してくれるWebサービス?ありがたいです。

http://inajob.no-ip.org:10080/tsukutter/

参考サイト

作ったwebサービスをPRできる!webサービスのリンク集サイトまとめ|ITキヲスク



最後

こんな感じのものを色々お借りしつつ作りました

正直全然面白いWebサービスではないのはわかってるのですが、

それでも非エンジニアでもそれっぽいものができるんだなあというのと、APIって凄いと思いました(小学生並みの感想

色々調べながら「あ、こういうWebサービスがあったらいいかも」というアイデアはいくつか浮かんだので、

こんどはそれを実現できるようにもっと勉強してみたいと思います

勉強なんて学生時代いらいなのでなんだかワクワクしてます

よかったらWebサービスをみてやってください!

カラダアンテナ http://karada-antenna.com/
アーカイブ ヘルプ
ログイン ユーザー登録
ようこそ ゲスト さん