  |
はてなキーワード: ファビコンとは
お気に入りバーを表示させて、タイトル幅をアイコンのみに設定して、追加ボタンでページ追加するという使い方をしている。
こうするとページ30個くらいは一度に見れる・アクセスできる状態になる。
多くのサイトはファビコン設定されているから、アイコンだけでなんのサイト・記事だったかはある程度分かる。
買い物なんかであれこれ比較したり調べたりする時なんか、10～20と一気にお気に入り登録する。
一時的にたくさんのページをお気に入りして、あちこち見比べるような状況、
そういう時にお気に入りバーにアイコン追加はけっこう便利なのだ。
けど、純粋にブラウザとして使うのは、やっぱりChromeが使いやすい。
Chromeもブックマークバーを表示させて使っているけど、アイコンのみにはできないので、一度に表示できるページは少ない。
で、なんだかんだとIEを使い続けている。
けっこう便利ですよ、お気に入りバー。
俺は普段iOSのはてブアプリ使ってるけど、アップデートでまた使いにくさが増していた。今回のアップデートで発覚した使いにくくなった部分も含めていろいろ列挙する。
●カテゴリにサブカテゴリが登場し、クリックする時にプルダウンで表示できる。語クリックでうかつにプルダウンを開いた時にはウザくて仕方ない。丁寧にクリックすりゃいいんだろうけど。
●自分のIDの部分（いわゆるマイページ的な部分）にインタレストという謎機能が搭載。インタレストにタグを登録するとそのタグを勝手に収集してくれるみたいだけど、タグ検索で充分だろ。邪魔。
●リクルートのPR記事が表示されるようになった。かろうじて『PR』と表示されてるから積極的にクリックすることは無いだろうけども。通常表示される件数に混ざっている（10件表示なら1件は必ずPRで埋まる）のであれば迷惑極まりないが、ちゃんと確認してないためどうなってるか不明。
●広告が邪魔。はてブアプリからwebサイトを見ると、webサイトの広告とはてブアプリの広告とで勝毒範囲がどんどん狭くなる。広告を消せる有料オプションとか無いのか。
●サイト非表示機能が欲しい。クソみたいなサイトを何度も踏まされるのもイライラするが、一度に表示される件数が固定だから、それがクソサイトで埋まるのが非常に腹立たしい。ファビコンやブログタイトルでわかればいいが、そういうサイトばかりではないので。有料オプションでいいから追加してくれ。
●機能が増えてもカスタマイズできないのでストレスがたまる。『ガールズの人気エントリー』とか『人力検索はてな』とか表示させないようにしたい。
要望を送るところが無かったのでとりあえずメモ代わりに書いておいた。言い伝えによると、はてなの社員にtwitterとかで嫌がらせすればすぐに対応してくれるらしいが。そもそもはてなへの要望を受け付けるフォームとか見つからなかったし。はてなアイデアは１年前に滅んでいた。まぁ、ここに書いたところで、社員が改善するとも思えないけれども。
見つけたエロサイト構築事例を淡々と載せるページ - エロサイトの作り方を見たのがきっかけ。自分も作りたいと思った。
でもここにある人のように、僕にはプログラミングの知識が全くない。RubyとかRails？ よくわからんが、そういうの使うともっと楽になるんだろうなと思いつつとりあえず作ってみた。
サーバーはホストゲーター。WordPressを使って30分でちょちょっと作った。
お察しの通り、ぜんぶ手動でやっている。かなり大変だけど、1日目で5万PVを達成した。
とりあえず、SEOを意識した。Googleからの来てもらうこしか考えなかった。
Googleから来る人は「女優名 無料動画」とかで検索する（自分がそうだから）、だから絶対に女優名を書く。女優名がわからない動画は極力載せない。
WordPressにはいいプラグインがあるのでSEO対策を個人でやってもそこそこできる。もちろん相互リンクの依頼や、業者も使ってない。
「貧乳」とテーマを絞った。貧乳のいい動画があると思って頂ければ絶対にリピターになると思った。
さらに「貧乳」をテーマにしたサイトは少なかったので、勝てると思った。
そこそこデザインを整えた。プログラミングの知識が全くないといっても、HTMLとCSSはある程度わかるので、ググりつつ頑張った。
広告ばっかりで動画がどこか分かんないサイトはうざいので、それだけは避けた。
広告を載せる時も100%関連のある、ユーザーのためになるものを載せた。xvideosで部分しか上がっていない場合、フル動画を見れるサイトに誘導するような感じ。自分ならどうされたら嬉しいか考えた。
・リンク切れを報告できるように
・女優名の整理
はてブは便利だ。かれこれ使い続けて8年目になる。
それは2chをコピペしただけのデマまとめサイトがホットエントリとして頻繁に表示されてしまうことだ。
リンクをクリックしなければいいのだが、最近はタイトルだけで不快になるレベルのものも多い。
例えばここのところ、冷凍庫に入ったバイトをアップして炎上させる遊びがリア充の間で流行しているが、
「ハム速」というサイトはこういったものを毎回取り上げて、嫌でも目に付くタイトルで他人の個人情報を晒している。
しかし、はてなの運営はいつまで経っても非表示サイト機能を用意してくれないし、
こういったクソサイトを未だにブクマしてホッテントリ入りに貢献するはてなユーザーはあとを絶たない。
これらを弾くユーザースクリプトやユーザー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; } }
設定内容はいずれも同じで、こんな感じにする。
/* はてブ全体に適用 */ /* ブロックしたいサイトのリンクを非表示 */ 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 に続きます。
先日、アダルト専用ブックマーク「秘ブ」（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を追加する
考えつくままに書いていったので、素人目に見てもなんとなくスマートさがないなぁと。
表示速度やスクロールやズームのパフォーマンスは Androidのブラウザと比べて最も優れた部類に入ると思う。
ユーザーの声がどの程度反映されているのか分かりにくいし、新機能の導入にはかなり消極的な印象がある。
不満をつらつら書いてみる。
ウェブページにアクセスすると、ロケーションバーのファビコンがクルクル回るアイコンになる。プログレスバーはない。
これではいつになったらロードが終わるのか検討もつかない。ロードに時間がかかる原因も分からない。
Javascriptの処理が終わらないのか、あるサイトからのレスポンスが極端に遅いのか。
原因がわかれば、利用者は前のページに引き返したり、違う方法でアクセスすることを試みることができる。
例えば「firefox addon」と調べた後、「firefox addon android」と単語を追加して調べたいとき、Firefox では全て入力しなおしすることになる。
ソフトキーボードが使いにくい スマホ/タブレット では、これがどれほど面倒でイライラする作業か。
Google Chrome では以前に検索した文字列を記憶していて、次回検索するときにそれをサジェストしてくれる。
Firefox は Androidネイティブのコピペ機能を使わず独自に実装しているため、現状はコピーとシェアくらいしかできない。
選択して新しいタブに検索結果を表示する機能は、当然のように他ブラウザには実装されている。Chromeなどは最短２タップでできる。
Firefox で同じ事をやろうとする場合、タップ長押し、コピー、ロケーションバー長押し「Paste ＆ Go」するしかない。
せっかく複数の検索プラグイン用意してあるんだから、検索エンジンを選択して検索とかあればいいのに。。
Google は Webkit でしかレイアウトの確認をおこなっていないようだ。というか意図的に Webkit 依存のレイアウトにしているんじゃないかと感じる時がある。
スマホ版の Firefox のGoogle検索結果はフィルタリングもできない簡易レイアウトで、タブレットにいたってはレイアウトが崩れたままだ。これが数ヶ月放置されている。
どうせ先頭十数文字しか表示されないんだから、ドメイン名を表示したほうがフィッシング対策的にもよっぽどいい。
しかもタイトルが表示されているのに、タイトルの文字列をクリップボードにコピーできない。
ファビコン（サイトアイコン）はほとんどの端末でピンぼけしてるし、表示領域狭くなるし、表示しなくてもいいんじゃないかと思う。
なんにせよ有効活用できていない。
設定項目の一番上にでかでかと About Firefox って... それは一番下でいいだろう。
そんなことが気になるくらいに設定項目が少ない。Firefox 19 でテキストの再配置項目が増えたくらいか。
「パフォーマンス情報を送る」とか、「追跡拒否をサイトに通知」とか、インストール時にしか使わないであろう「Androidからインポートする」とか。
あんまり重要じゃない設定項目がほとんどだ。しかも字が大きくて一覧性が悪い。
利用者にとって必要なのは「ホームページを変更する」とか、「終了時の動作を変更」と「ユーザーエージェント」を変更するとかさ、そういうのなんだよね。。
Firefox の強みって何だったけ。
アドオン数では Dolphin ブラウザよりも圧倒的に少ない。アドオンサイトもインストールしづらいし、目的の物を見つけづらい（というかそもそも無い）。
現状ではアドオンの質もあまり良いとは言いがたい。それに、Firefox本体の設定項目が少ないせいで UA も変えられなければ「選択して検索する」機能さえもアドオンに頼らざるを得ない。
Android 版 Firefox は驚くほど機能が少ない。
これは主に Firefox OS のためのアプリストアだ。方針や理想は理解できるし、面白いと思う。
でも Firefox OS で利用するなら理解できるものの、より良いアプリが揃う Playstore の存在する Android 端末で一体誰が利用しようと考えるのだろうか。
Webアプリの理想を追うのはいいが、Android に向けた Firefox を作るのならば、身近なユーザビリティを向上させるのに優先的に力を注いでほしい。
これは Firefox に限ったことでは無いけれど、縦に長いページでは、一番下までスクロールするのに結構頑張ってスワイプし続けなければいけない。
こういう機能はサイト側がJSで用意すべきだとか思っているんだろうか。
リンクやフォームをタッチした時に背景がオレンジ色になる。Chromeのように灰色ならいいのだけれど、オレンジ色は目に刺激が強すぎて、チカチカする。about:config で探してみたけどそれらしい設定項目もなかった。
端末のバイブが鳴るのも必要ない。そういうのを有効無効にする設定項目が欲しいんだけどなぁ。。
Nexus 7 のことだ。スマホ UI を拡大しただけなので、タブの切り替えにあれほどまでに大げさなアニメーションは必要ないと感じてしまう。
画面に余裕がある分にはタブは常に表示されていて欲しい。
できない。これは開発版で検討されていて、初期設定無効になっているらしいので、安定したら使えるようになるんだろう。
Do Not Track (DNT) 機能。利用者がトラッキングの可否を選択できるのは素晴らしいことだと思う。
けれども世間のほとんどのサイトがこの機能を無視している現状で、この機能を大々的に宣伝に使うのはどうかと思う。
about:feedback でフィードバック送れるのだけれど、Chromeみたいに設定項目あたりに書いといてくれないと気づかない。
Playstoreのレビューが荒れるのもわかる気がする。
==
以上いろいろFirefoxへの不満を書いてみたけど、なんだかんだ多分 Firefox は使い続けると思う。デスクトップ版は大好きだから。
でもAndroid版の現状の使い勝手はひどいよ。イケてない。永遠のサブブラウザだ。Android 4.1以降が普及したらChromeにとって替わられるのは目に見えている。
デザイン的にも曲線を多用した今のデザインはあまりAndroidのHoloテーマに合っているとは思えないし。
先日の「週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サービスがあったらいいかも」というアイデアはいくつか浮かんだので、
こんどはそれを実現できるようにもっと勉強してみたいと思います。
前編はこちら
http://anond.hatelabo.jp/20120926165407
中編はこちら
http://anond.hatelabo.jp/20120926165533
基本的な機能とデザインが出来てきたら、細かな機能や説明ページなどの静的コンテンツも作っていきます。
８割程度出来たと思ったら、一度サーバーにアップロードして動作チェックしてみます。
たいていは上手く動作するはずですが、途中で一度チェックしておいた方が出来上がってから不具合を修正するよりは効率的です。
僕ははじめCORESERVERを使っていましたが、メールが送信できない不具合に遭遇して時間を取られました。
結局はCORESERVERとgmailの相性が悪いせい、という事で最後はさくらに移転しました。
あと、何となく動いているのが確認できたら、
このタイミングでGoogle AdsenseやAmazonアソシエイト、Ａ８やバリューコマースのアフィリエイトサイトに申し込みましょう。
特にアドセンスは申請してから使えるようになるまで１週間とかかかります。
２０１２年現在、アドセンスを含むアフィリエイトは期待するほど儲かりません。
でも、色んなWebサイトで見かけるこれらの広告の表示方法を学ぶことで、Webサービスに対する理解も深まりますし、
あと、全然儲からなくてもサイトにこれらの広告を表示しておくと、社会と繋がっている雰囲気が出て活況感が高まったり、
自分のサイトがちょっと立派に見えてテンションが上ったりします。
それぞれのプログラムの使用方法は検索すると出てきますが、敢えて本でおすすめはこの２冊。どちらも基礎です。
アフィリエイトで<得する>コレだけ!技 BEST100
サーバーに最新のファイル一式をアップロードして、入念に動作チェックをします。
core.phpのsession idをデフォルトの状態から違うものに変更したか、
全てのコントローラーのデバッグツールキットはOFFになっているか、
CakePHP本体は公開フォルダと別の階層にアップロードしているか、
htaccessの設定は間違っていないか、
などを確認します。
URLのwww付きとwwwなしはどちらかにリダイレクトさせて１つに統一できているか、
存在しないURLにアクセスされた時のエラーページに余分な情報が表示されていないか、
検索エンジン用のrobots.txtを用意、
ファビコンを設定する、
アクセス解析を設定する、Google Analyticsに登録しコードをサイトに埋め込む。
http://www.google.com/intl/ja/analytics/
Google先生に挨拶する。Google ウェブマスターツールに登録し、必要な情報を入力、Analyticsと紐付ける。
https://accounts.google.com/ServiceLogin?service=sitemaps
http://developers.facebook.com/docs/reference/plugins/like/
https://twitter.com/about/resources/buttons
その他、mixi、Google+などのボタン類も必要ならつけましょう。
全部出来たら、完成です。
Ｗｅｂサイトは作っただけでは（本当に）誰もアクセスしてくれません。
Webサービスを作ったそのあとに、「自分でもできる低コストなWeb PR方法」
http://blog.8bit.co.jp/?p=1944
こちらもチェック。
作ったwebサービスをPRできる！webサービスのリンク集サイトまとめ
http://smkn.xsrv.jp/blog/2011/11/web-service-linksite/
リリースした直後はGoogleのインデックス数も少なく、検索エンジンからのアクセスは期待できません。
検索エンジンからの流入は１ヶ月とか、時間が経つにつれ少しづつ増えてくるので気長に待ちます。
自サイトの情報のチェックはＳＥＯチェキ！とコメポンが便利。（作者のロプロスさん様様）
Ｋｏｍｅｐｏｎ！
それから、ステップ１１で紹介した本にも出ててますがフェレットも便利。
Ferret
５００円で客観的に評価してもらえるこちらも活用すると良いでしょう。
※2012年9月26日現在、このサイトは僕はまだ利用していませんが気になっています。
ホームページ評価.com
■最後に
ここまでやってみると、Ｗｅｂ開発の一連の流れが分かった気がしてきます。
初めて作ったサイトはしょぼくても、ひと通りやってみる事で
Ｗｅｂサービスの開発者としての入り口には立ったな、位には思えるはずです。
ここまでの知識をベースに、
ＳＥＯをがんばるもよし、
アドセンスやＡ８などのアフィリエイトで稼ぐしくみ作りをするもよし、です。
この記事を読んでアクションしたら、僕と同じようにアウトプットして、
そのリザルトをシェアしてトゥギャザーするオポテュニティをテラユビキタスｗ
１つ気をつけたいのは、
開発したサイトのサーバーの種類とか、CakePHPで作ってるとか、そのバージョンは1.3だとか、
そのサイトの詳細仕様は安易にこういう記事に書かないようにしましょう。
悪意のあるハッカーに攻撃の糸口をプレゼントする事になってしまいます。
この本も参考になります（まだやるか）
有益な情報をネット上に提供して下さっているWeb業界の皆さん、
それにいち早く辿り着けるはてなブックマーク、
皆さん、に感謝。
ツイッターはじめました
そんなもんだろ。
ちなみに騒動の中核である例のゲハブログだが、発覚の発端になったとされるファビコンの画像は俺が把握してる限り昨年のかなり早い段階の時点で既に例のサーバーにあったんだわ。
そのサーバーのアドレスは「～～.com」とかじゃなくIP直打ちで、そのIPアドレスをググると速攻で逆引き情報が出てきて、管理者とおぼしきメールアドレスがあっさり表示される。しかもアドレスのアカウント名は身内とされる名前をそのまんまアルファベット表記してるだけのGMAILアドレス。契約しているとおぼしき会社名も表示されてる。
そんな状態が少なくとも1年以上放置され続けていたわけだ。
あまりにも直球なメールアドレスなもんだから偽名か何かだろうと思って当時の俺もスルーしてた。あんなろくでもない記事を異常なペースで更新しまくって広告収益で荒稼ぎしてるのに、「(名前).(名字)@gmail.com」みたいなメールアドレスが普通に出てくるとか思わんだろ？
それが今年になって突如として火を噴いた。何故だろうな？
ttp://ozpa-h4.com/2011/12/28/wordpress_how_to_make_original_theme_matome/
さて、自宅のMacにWordPress環境を導入するなどしてWordPressのテーマカスタマイズをしようしようと目論んでいるのですが、なかなかどうしてこれが進まない。
まぁなんていうか私にCSSやHTMLの知識がないのと、いまだに「M」と「W」の見分けがつかないのが主な原因なのですが、それでもコツコツと頑張ってはいるのです。
この記事を読んでいて、凄く驚いた。え、この人のデザインはオリジナルじゃないの？と。
shortcut icon" href="http://ozpa-h4.com/wp-content/themes/mystique/favicon.ico
ってある。つまり、テンプレート名が「mystique」に相当する。
http://wordpress.org/extend/themes/mystique
そして、リンク先には以下が貼られている。
http://wordpress.org/extend/themes/mystique
でも、ttp://ozpa-h4.com/ のフッターにはそんな痕跡が見られない。
「間違って消しちゃいました」と言えば済むと思っているんだろうけれど、
この方、グラフィックデザイナーでしょう？
制作者および制作物に関して、少しはリスペクトの気持ちはないのだろうか、と
同じくグラフィックデザインを生業にする者として不思議に思う。
