「ブックマークレット」を含む日記 RSS

はてなキーワード: ブックマークレットとは

2014-08-18

通知をしないために

はてブの人たちさ、他の人のツイッターそのままブクマして怖がらせるじゃん。

それで、ツイ主が怖くなってツイート消すと「あーあ消しちゃった」とか言うじゃん。

「あーあ」じゃねえよwww

今どきの魚拓サービスなんかブックマークレットワンタッチなんだからブクマする前に魚拓取ってそっちブクマしろよ。

そうすりゃツイ主が怖がることもないし、消えてがっかりすることもないしウィンウィンだろ?

思うに、はてブの新しい個別コメントページも、そういう考えに基づいて通知しない設計になっていると思うんだよね。

わかった?ほいならさらばい。

2014-07-02

http://anond.hatelabo.jp/20140701172722

いろいろ試した。

これ1エントリずつじゃないととれないんやね。

例えば、増田に書いた記事のブクマ数取得したいなら、http://anond.hatelabo.jp/YYYYMMDDHHMMSSパラメータに渡さないといけない。

TopHatenarってサイトみたいに、URLを渡したら、そのブログ内のブクマを全部カウントしてくれるようなものじゃないんやね。

勘違いしてたわ。

そういうのは自分やらないかんのやね。

みたいな感じのブックマークレット的なやつを自分で作る必要があるってことか。

ググった限りでは、パブリックに公開されてるブログURLを渡して、そのディレクトリ以下のすべてのブクマを出してくれるTopHatenarとかはあったけど、増田は無理だったから。

自分で作るしかないか。

web系とか全然やったことないけど勉強がてらがんばって作ってみるかな・・・

最後なっちゃったけど、不躾な質問厨に丁寧に答えてくれてありがとう

2014-06-20

こないだiOS脱獄アプリスレに出てきた「文字列が選択できるブックマークレット」が便利で泣きそう

ここに限らず、ブログとかに書く時はメモ帳に下書きすることにしてるんだけど

じゃないとふとどっかのリンクを押してしまったりして文章が吹っ飛んだりすることがしょっちゅうから

だけどブラウザの空白ページでこのブックマークレットを使うと

ここに下書きできる!

あのブックマークレットを教えてくれた人、ありがとうありがとう

2014-03-24

http://anond.hatelabo.jp/20140324202846

増田初めて1年近いが未だにやらかす

もうブックマークレット入れたほうがいいんだろうな

2013-12-02

http://anond.hatelabo.jp/20131202163523

普通に出来るよ?

下のURLでOK。

http://feedly.com/index.html#subscription/feed/http://staff.hatenablog.com/rss

適当RSSページで実行すれば登録してくれるブックマークレット:

javascript:void(d=document);void(el=d.getElementsByTagName('link'));void(g=false);for(i=0;i<el.length;i++){if(el[i].getAttribute('rel').indexOf('alternate')!=-1){ty=el[i].getAttribute('type');if(ty.indexOf('application/rss+xml')!=-1||ty.indexOf('text/xml')!=-1){g=true;h=el[i].getAttribute('href');break;}}};if(g){void(location.href='http://cloud.feedly.com/#subscription'+encodeURIComponent('/feed/')+encodeURIComponent(h));};if(!g){window.alert('Could%20not%20find%20the%20RSS%20Feed');};</p>

2013-11-26

http://anond.hatelabo.jp/20131125172954

増田トラックバック欄って、

日記コメント欄みたいなレスを書くにはやりづらすぎるからねえ

元増田URLコピペして、元増田参照するために別窓(タブ)開かないといけないしで面倒

返信用ブックマークレット作ったけどやっぱり面倒

2013-09-24

クッキークリッカー中毒患者のためのチート療法

しかしたら、今も楽しくないのにクッキークリッカーをやっている人がいるかもしれないので、

とりあえずここに書いておきます

本家クッキークリッカーjavascriptで動いているため、ブックマークレット

簡単にチートが可能。

javascript:(function(){Game.Earn(1e+99);})()

ブックマークアドレス欄に書いて、押せば、ババアとはさよなら

派生魔理沙アリスクッキークリッカー(ver1.06)はflashで動いているため、UsaMimi等の

ハッキングソフトを使う。

例えば、RIMの個数が16なら、16×8=128をまず探す。

次に、RIMの個数を17にして、17×8=136をさっき探したアドレスから見つけてみる。

きっと、該当するアドレスが1つだけ見つかるはずなので、そのデータを100×8=800

(16進数なら320)に変えて、flash内にちゃんと変化があるか確かめてみる。

うまくいったら、ほかのユニットについても同様にやっていけば、紫ババアとはさよなら

2013-06-27

htn.to から直接ブコメに飛ばされた時、元ページにリダイレクト

http://bookmark.hatenastaff.com/entry/2013/06/19/184346

の話で、ブックマークする側がどう頑張って設定変更しても、デフォルト運用の人がマジョリティになるのは避けられないと思うので、そういうリンクを踏んでしまったときの自衛のためのスクリプト書いた。

とりあえず今は時間が無いのでまだブックマークレット

後で、ユーザースクリプト化して、自動で飛ぶようにする予定。

javascript:!function(b,e,l){if(!b)return;l.href=e.href}(document.getElementById('highlighted-bookmark'),document.getElementById('head-entry-link'),location)

追記

htn.to から飛んできたかどうかを、上部に Tweetブロックを含むかどうかで判別してるので、はてな仕様が変わったら動かなくなるかも。

2013-03-11

はてブからFacebookへの投稿

なんでかしらんけどうまくいかない。

スマホアプリ経由なら行けるけどめんどくさい。

Chromeブックマークレットが悪いのかと思ったけど、ボタン経由からやっても変わらないからそういうことではなさそう。

IEからやってもダメFirefoxからやってもダメ

ネット環境OSの設定か。

ま、そこまで執着しているわけではないし、検索かけてもほかに事例がないのは自分環境の問題なんだろうな。

2013-03-08

風俗嬢アダルト専用ブックマークサービス作ってみた

秘密ブックマーク、略して「秘ブ」というソーシャルブックマークサービスを作ってみました。

アダルト専用で、(以前の)はてブのようなものを目指して。

今は風俗嬢やってるんですが、(悲しいことに)時間があったっていうのと、

自分が欲しいと思ったもの作ってみたかった。

目次

①作ったサービス

②影響を受けた増田

③作った経緯

④使用したサービスとか

⑤作成のあらまし

⑥秘ブのブックマークボタンとかブックマークレットとか

⑦登録時の注意!

⑧今後の予定

作ったサービス

秘ブ.jp

http://hibu.jp/

アダルト専用のソーシャルブックマークサービス

影響を受けた増田

自分WEBサービスを作りたいと思っている人へ

http://anond.hatelabo.jp/20101203150748

・Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました

http://d.hatena.ne.jp/inouetakuya/20120331/1333192327

・週6フリーターWEBサービス作ってみました。

http://anond.hatelabo.jp/20120914214121



作った経緯(基本自分語りなのでそういうのウザい人は飛ばしてね)

私は、早く自立できるようにと高専を出て、田舎から東京に移り住み、事務として働いていた。

この時点ではエクセルとかワードとかは使える、マクロちょっと組める程度のレベル

自立したかったのは父親が生活費パチンコとか女に溶かすような輩だったため。

私が自立したあと、両親は無事離婚。激務で薄給母親と離れて暮らして寂しくても頑張っていた。

そんな中、母が更年期障害鬱病に。

鬱病はつらい。何が辛いって、本人も辛いんだろうけど、荒んだ部屋の中で横になって息を潜めている母親の姿を見るのがきつい。

母親ゆっくり休ませてあげたかった。

いつでも母親の側に駆けつけることができるように、お金時間に余裕が欲しかった。

で、吉原へ。私は風俗嬢になった。

でもねー、全く稼げないwww 笑っちゃうくらい。

大衆店にいるんだけど、女の子もお店も多くて、私より若くて可愛い子がわんさかいる。

お客さんがつかないと収入0なんだよね。

店長やお店のお姉さんがマットや椅子を覚えな、ってアドバイスはくれるんだけど、

その頃教えてくれる先生たまたまいなかった。(今は別の店に修行にいったかバッチリできるけど)

仕方ないかようつべとか動画サイトソープお仕事系の作品を見まくったわけ。

(余談ですがマ◯ティ夫人ってお店のマット技一覧のページはすごいよ!)

お客さんつかないか時間がすんごいあって、待機室でずーっと見てた。

で、マットの動画とか、ボディ洗いの動画探すんだけど、なかなか見つからない。

結構マニアックからね。

で、そんなことをしてるうちに思ったんだけど、エロサイトエロ動画

果てはマニアック趣味情報を共有できるサイトがあったら便利じゃないかな?と。

数少なく接客したお客さんで、わざわざブーツ持参で、顔面を踏みつけてくれ、って人がいたんだけど、

そういうの彼女とか友人とかにあんまり言えないでしょ。

でも日本中を探したら、同じ趣味や、近い嗜好の人がいるんじゃないかな?って。

時間私自身が病むほどあるし、そんなわけで制作に取り組みました、秘密ソーシャルブックマーク

略して「秘ブ」(「秘部」とかけてあったり)

吉原泡姫たちは、タクシー通勤する人が多いんだけど、私は三ノ輪の駅から歩いて通ってた。

元彼に借りたプログラムの本などどっさり持って。めっちゃ重いw

待機室でひたすら落ち込みながら金勘定するより、母親心配をするより、何か生産的なことを考えていたかったんだよね。

この一年でかなり勉強して、ようやく公開できるレベルに達したかなとおもいます

作成期間は、楽しかったし充実してた。

みんなが来てくれるかはわかんないけど、まあ来てほしいなと思う。

さて、湿っぽい話はここらへんにして、どうやって作っていったかを話しましょう。

使用したサービスとか

・Semantic Scuttle

http://semanticscuttle.sourceforge.net/

jQuery

http://jquery.com/

・HeartRails Capture

http://capture.heartrails.com/

はてな Favicon API

http://favicon.hatena.ne.jp/

Twitter Bootstrap

http://twitter.github.com/bootstrap/

・Bootswatch

http://bootswatch.com/

サイトの構成なんかも書こうと思ったけど、セキュリティ的に良くないって聞いたし、

はてな民のみなさんに突っつかれるのが怖いので少しだけ(^_^;)

まあ違う意味で突っつかれるのは慣れてるんだけどw

簡単に書いとくと、HTMLCSSPHPMySqljavascriptくらい…なのかな?

Semantic Scuttleが裏でやってることはあまり詳しく分からないです。

作成のあらまし

前述の通りアダルト系のブクマサービスを作ろうと決めてから

プログラミング勉強を始めることにした。

HTMLCSS

どうやらまずはHTMLCSSをやれということらしいので、そこから始めた。

使ったのはこれ。

ゼロからわかる HTML&CSS超入門

http://www.amazon.co.jp/dp/477414536X/


メモ帳で簡単なWebページを作りながらだと結構スッと頭に入ってくる。

逆に言うと、読んでるだけだと全然あとで思い出せない。

「Ctrl+U」でページのソースを一発で見れることを知り、参考のために色んなサイトソースを見まくった。

全部頭に入ったわけじゃないけど、ここまでで最低限、検索ワードが思いつくぐらいにはなる。

ここまでで大体一ヶ月くらい。

PHPMySQL

もちろんHTMLCSSだけではてブ的なものが作れるわけはない。

っていうかほぼ路頭に迷った感じで「はてブ的なものを作る方法」をググりまくった。

結果「Semantic Scuttle」なるものでそれに近いサービスを作れることが判明。

「Semantic Scuttle」を調べてみると、どうやらPHPMySQLで動いているらしい。

でもダウンロードしてみて中身を覗いてみても何が何やらさっぱり。

これなら漢文のほうがまだ読めるわ!

ということで、PHPMySql勉強することにした。

とりあえず2つ一緒に覚えられそうだと思って元彼にこの本を借りてきた。

実践マスターPHP+MySQLPHP4/PHP5対応

http://www.amazon.co.jp//dp/4881665839



XAMPPインストールをして、PHP書いて、MySQL接続して…

ふむふむ、書いてあるとおりに作ったのは作ったけど、あんまりわからん。というのが感想

特にクラスの理解で躓いた。

ちなみにPHPを書き始めるのにあたって、eclipseという統合開発環境意味いまいちわかってないけど)を紹介され、インストール

コード書きやすすぎ、色分け便利すぎワロタwwwと思ったのを覚えている。

設定はめんどくさかったけどね。

eclipseについて詳しくは→http://www.javadrive.jp/eclipse3/

しかたない、まずはPHPだけでも頑張るかと思い、次に借りたのがこの本。

PHPによるWebアプリケーションスーパーサンプル 第2版

http://www.amazon.co.jp/dp/479733245X/


ひと通りサーッと読んで大体どんなことが書いてあるのかを頭に入れてから

必要そうなところを詳しく読んで作ってみてっていうやり方をした。

MySQLのことにも触れてあるので、そっちの復習もできた。

クラスについても薄らぼんやりわかってきて、動くものを作れるレベルには上達。

この辺りは、サボったり迷ったり環境整えたりで2ヶ月くらいかかったかな。

いよいよSemantic Scuttleを読み解く!

さて、これでいけるだろうと意気込んで長らく保存しておいたSemantic Scuttleのソースコードを見る。

わからん

モニタを見つめながら、頭のなかで脳みそが湯だっていく。

そもそもファイル間の構造がどうなってるのかわからない。

挫折。。

どうすればいいのってことで、元彼にヘルプ

MVCってのがあって、モデルとビューとコントロールってのが多分…」

φ(..)メモメモ

「とりあえずindex.phpから見て行ったらいいんじゃないかな?」

「わかんないところはプロジェクト全体を検索してみなよ」

ふーん。今でもMVCとかってのはほとんど理解してないけど、最後のは役に立った。

ファイル名やら関数名でプロジェクト内を検索しまくって、大体の構造を把握。

からない内部関数は「php関数名)」でググる

と簡単に書いてみたものの、この作業には2ヶ月ほど費やした。

Semantic Scuttleをカスタマイズ

構造はなんとなくわかったものの、実際触ってみると動かなくなるケースが多数。

ひと通りの勉強は一応したけど、実地のカスタマイズは非常に難しい。

ファイル数300を超えるプロジェクトの恐ろしさを知る。

他に使ってる人おらんのかなと思い探してみるとこんなものが。

ソーシャルブックマークソフトScuttleの強化版Semantic Scuttleを導入してみる

http://tukaikta.blog135.fc2.com/blog-entry-70.html

・【閉鎖される前に】Deliciousからデータを移行できるオープンソースCMS・scuttle

http://kachibito.net/software/scuttle.html

ありがたくカスタマイズに利用させてもらう。ホント感謝しまくりです。

でも上のURLに書いてあること以外にもカスタマイズしたいところがあった。

1.ブクマ数を記録したい

2.Voteじゃなくてブクマ数順にソートしたい

3.どうせならブックマークボタンとか作りたい

4.ブックマーク数を表示するシステムを作りたい

5.デザインダサいので変えたい

1はだいぶ考えたんだけど、DBちょっといじくって、フィールドを追加してそこに記録することにした。

2はPHPDBをあれこれして、ド汚いコードながらも根性で実装。

3で再びの挫折。なぜならjavascriptを使わなければならないことが判明したから。

javascript

まだ勉強しなきゃいけないのか…とは思ったが、初心を思い出し、頑張ることを決意。

おらあああ!なんかjavascriptの本貸せやぁああああ!と丁寧に元彼に頼んでみたところこの本が手に入った。

JavaScript 第5版

http://www.amazon.co.jp/dp/4873113296

うん、馬鹿じゃないの。こんなん理解できないよ。こっちは時間がないんだよ!

もう一冊なんか初心者向けを貸せ!

マンガでわかるJavaScript

http://www.amazon.co.jp/dp/4798027839/

おい、馬鹿にしてんのか。とは言わなかったけど拳で表現した。

でもマンガなので超読みやすい。

読了したあと、ネットと前者の書籍必要なところだけ調べることにした。

で、調べていったところ、4については

scriptタグでtypeを"text/javascript"にしてもPHPを読み込めるということがわかり、PHPで強引に表示させることにした。

3はもともとSemantic Scuttleにあったブックマークレットをちょこっと編集して解決。

これで大体1ヶ月半くらい。

デザイン

最後の難所、デザイン

一応CSS勉強したけど、美術センスのない事どこかのはいだしょうこお姉さんレベル

でもデフォルトデザインダサいってことくらいは、かろうじてわかる。

あらん限りの人脈を使ってデザイナーさんを探したところ、やっとのことで0人見つかった。

しかたないので、自分でやることに。

どうも調べたところ、TwitterのBootStrapってのがいいらしい。

CSSを見てみるが、長い! 「Bootstrap 使い方」でググる

よくわからないながらも↓とか見ながら手探りでコードを書いていく。

Twitter Bootstrapの使い方

http://greenapple-room.com/conc/user/TwitterBootstrap/bootstrap.html

これでとりあえず基本的なことがひと通りわかり、ちょっとだけよくなった。

だいぶ前にやったCSSを思い出すのが大変だった。

でもタイトル周りとかが全然ダサイまま。普通に自分で見てて萎えるので、さらに調べる。

見つかったのが↓

Bootswatch

http://bootswatch.com/

あ、なんかこれいいなと思って「Slate」っていうテーマをいじくりいじくり、色々試しながらタイトル周りとかを整理。

デザインができあがるのに、1ヶ月くらいだったかな。

完成!(?)

まあこんな感じで大体できましたー!

全部で約8ヶ月…長かった…。憑かれたぜパトラッシュ

作ってみてわかったこと

ググる ググる ググる!とりあえずなんでもググってみることが一番大事だとわかった。

誰かが同じようなことをしてることも多々あるし、少なくともヒントくらいは見つけられる。

・助けてくれる人がいるとかなり楽

ググっても出てこない情報は厳然としてある。そういう時は、経験者にアドバイスをいただく。

Yahoo知恵袋でもいいし、知人でもなんでも。ネットの優しい人達感謝するようになった。

お店の掲示板では叩かれっぱなしだけどw

プログラマーすごい

今まで何気なく見てたホームページだけど、膨大な技術結晶なんだなと思った。

その端っこに触れただけの私のようなものでもそう感じるんだから、それはそれは深遠な世界なのでしょう。

これ仕事にしてる人とか尊敬します。

秘ブのブックマークボタンとかブックマークレットとか

せっかく作ったので、使ってやって下さい。

ブックマークボタン

ブックマークボタン大(126px × 20px)

http://hibu.jp/bookmarkbutton.php#bmbd

ブックマークボタン小(42px × 20px)

http://hibu.jp/bookmarkbutton.php#bmbs

ブックマークレット

http://hibu.jp/bookmarkbutton.php#bmlt

ブクマ数表示コード

http://hibu.jp/bookmarkbutton.php#bmn

詳しくは↓をご覧あれ。

http://hibu.jp/bookmarkbutton.php

登録時の注意!

このサービスは一応「秘密の」もんなので、普段使ってるSNSユーザー名とか使わないほうがいいんではないかと思います

ブラウザに直接入力でも簡単にいけるようにドメインはまんま「hibu.jp」にしておいたので、

ブラウザブクマするのもはばかられる方はダイレクトに飛んできて下さい。

今後の予定

スマホ版作りたいなぁ…

それから、ご要望があればチューニングしていきます

ちなみに、勉強したおかげか今現在はそこそこ本職のほうで稼げてはいます

もし万が一このサイト成功したりしたら風俗あがることも考えられるのかなぁ…

願わくば、皆さんのエロライフが充実することを。

でも吉原にも遊びに来てくれると嬉しいな。

怖いところじゃないから、気軽にね。

2013-03-03

RailsとTwitterBootstrapでエロ動画ソーシャルブックマークWebサービス作った

Rails + Twitter bootstrapでエロ動画ソーシャルブックマークWebサービスソーシャルオナニー=ソシャニーを作りました


こちらです http://www.socianie.com


【なにこれ?】

かっこつけた言い方をすると、

「いっぱいエロ動画あるけど結局みんなどんなお宝動画で抜いてるの?という日常的な疑問への答え」

とかでしょうか。

実際どんな事が出来るサービスかというと、基本的には、はてなブックマークのようにエロいページをブックマークする(その時に、コメントを付記することができる)というものです。

サイト内の他のユーザーフォローすることができ、TwitterのようにTimelineのようなものがあってそこにフォローしている人がブックマークしたページが表示されます(そのページが、xvideos,fc2などの有名サイトならば埋め込みプレーヤーですぐ再生出来ます。)

まりフォローしてる人の最新お気に入りエロ動画がチェックできます

ブックマークされたページはそれぞれが固有のページを持っており、タグを付ける事ができます

ユーザーブックマークしたもの動画一覧で横断的に見ることができ、並び替え・検索などが出来ます

ブックマーク数で今日ランキング今週のランキングなどが見れます

あと、累計ブックマーク数によってユーザーランクが上がったりします。

TwitterOAuth認証ログインが出来ますTwitterツイート投稿などはしません。また、サイト内の名前アイコンTwitterのものを流用するかどうかも自分で決められます。)



他のエロサイトとの違いは、3つあると思っています

ソーシャル機能。他にも世の中に色々素晴らしいエロサイトがありますがそれらはソーシャル機能を持つものが少ない。

②上記の話とちょっと被ってますが、他のサイトは基本コンテンツ自体を自動クローリングするけれどソシャニーはそこをユーザー自身に委譲しているため、集まってくる動画の質はそれに比べて上がるんじゃないかというのと、

エロサイトありがちな出来るだけごちゃっと感を無く広告も無しでTwitter bootstrap使って小綺麗な感じ


作成後記】

Webサービス作るならRailsかな楽で便利らしいしというざっくりとしたイメージからRailsで作り始めましたが、

ネット情報入門書に取り組んでもサンプルと同じモノは作れても実際自分が作りたいモノになると、で、どうやるの?となりなかなか進みませんでした。

Railsは色々と勝手によろしくやってくれる機能が多すぎて実際何が起きてんの?というのがわかりづらいというのが第一印象でした。

色々試行錯誤した結果、一番参考になったのはRails tutorial( http://ruby.railstutorial.org/ruby-on-rails-tutorial-book )でした。

英語ですがバージョンは新しいしBootstrapの使い方もわかるしサンプルがTwitterクローンサービスを作ろうというなかなかおもしろものなので途中で飽きること無く取り組めました。

何かを学ぶ時は、モチベーションが続く形の学び方が一番いいと思いました。

僕はエロ動画が大好きなので、エロサイトというのもモチベーションの1つです(ただ、作業中に脱線して気づいたらキーボードではなく下半身に手が伸びているという事もありました。)

また、上記のチュートリアルテスト駆動開発なのでSpecテストをモリモリ書いているのですが、とりあえずはテストに関しては何をやってるのかざっと眺める程度で精読しませんでした。

まずは全体像を把握して何が必要か把握したかたからです。結果的に最後までやりきれたので良かったと思います



あとは、Rails固有の知識ではなくWebサービス全般の知識で足りないな、と思ったときネット上や本屋立ち読みで済ましました。

ネットで細切れにお勉強している場合本屋で体系的にまとまっている本をざっと読むと意外に抜けてる知識が保管されたり脳内インデックスが作れるのでいいと思いました。


バージョン管理gitを使いました。

理由はみんなが良い良いというので乗っておくかという安易なものです。

実際のところgitの良い所を使い倒せているのかというと全くそんな事ないですね。

せいぜいstash位でしょうか。あとbisectとか。


リポジトリ最初DropBoxに作ってたのですが、途中からBitbucketを使いました。

GitHubを使わなかった理由はBitbucketプライベートリポジトリ無料で持てるからです。

また、恥ずかしがり屋なのでGithubで公開は敷居が高いと感じたからです。

初のRailsプロジェクトというのもありソースがイケてないので恥ずかしいのです。

いつかイケメンコードGithubで公開してオレツエーしたいものです。


サーバーエロOKのところを探すのがなかなか難しく結局海外VPSを使いました。

Linodeというところですが、他との違いを挙げるとiPhoneアプリ経由で再起動などが出来たりします。あまりこの機能使ってないですが。

OSベタCentOSです。

構成はpassenger+apacheで、DBSQLite特にLBなどはないです。

諸々構築後に人気が出た時困らないように負荷分散のお勉強なんぞもやりかけましたがまずは不要かなということで辞めました。

ちなみにサーバーがUS西海岸なのでSSHで作業するとエディタちょっともっさりすることがありました。


プロジェクト管理は、会社でも使ってるのでRedmineかなと思ったのですがどうせ一人だしRedmineのUIきじゃないのでTrello( https://trello.com/ )を使いました。

TODO,Doing,Done,Bug,Suspendのリストを作ってやること忘れないように管理しました。

ふと出先で思いついた機能とかをiPhoneでスイっと追加など出来て便利でした。


正月に公開してお友達界隈で見てもらったんですが、よかれと思って作ったChrome拡張CSRFの対策が不備あり結局ブックマークレットにしたり、

ソースを見てもらったら設計RestfulじゃないとかControllerがfat過ぎるModelに押しこめなどアドバイスをもらえたり無知な僕には色々とお勉強になりました。

出来たものはしょぼいものですが、「Webサービス作ったことないコンプ」は少し解消出来た気がします。


以上、月19ドルも払ってるのにお友達だけで使われてるのも寂しいので増田でまとめついでに宣伝してみました。

叩かれるんでしょうか。怖いです。いじめないで。

2012-12-12

Ruby on Railsアダルトサイト作ったよー

例に漏れ件のエントリーに影響を受けまして、Ruby on Rails を利用したサービスを作ってみました。

一つもアクセスがないため宣伝ついでに利用したgem作成する際に参照したサイトを載せますので、「Rails初心者っす」とか、自分と同じく「そもそもプログラミングとか知らねっす」という方はちょっとしたナレッジとしてご活用くださいまっせ。開発ガンガンやってる方には価値ある情報たぶんないよー。

作った人

とどのつまり性的健康青年休職中で暇でした。

作ったもの

シコったサイトクリップするのでシコリップ

動機

シコったオカズウェブ上にクリップするサービスで問題解決?

開発環境

最初Mac標準のエディタで書いてたけど、どこかの記事を読んでからは「Sublime Text 2 (http://www.sublimetext.com/)」に乗り換えました。すごく…便利です…。ターミナルMac標準のアレです。オススメがあったら教えてください。

gem

プロセス

完成までにやったこと、実装するために参考にしたサイトを並べます

RubyRails環境を構築する。(http://www.oiax.jp/rails/rails3/install.html)

簡単にウェブアプリの土台を作れるScaffoldという機能を使って遊んでみる。(http://www.techscore.com/tech/Ruby/Rails/quick-start/Rails4/4-1)

行き詰まったので本を買う。(たのしRubyRuby on Rails 3 アプリケーションプログラミングRails 3 レシピブック)(※ 同タイミングで買ったわけではないです。簡単にウェブアプリを作るだけなら「Ruby on Rails 3 アプリケーションプログラミング」とインターネット接続できる環境があれば十分だと思います。ていうか他の二冊はまだ全部読んでない。)

ひと通り分かった気になり、作りたいものを作る作業へ。

$ rails new sicolip

こちらを参考にシコシコ適用

色んなgemがあって迷う。

・Device(https://github.com/plataformatec/devise)
・omniAuth(https://github.com/intridea/omniauth)

でも、

・Deviceはメールアドレスでの認証
・omniAuthはtwitter/fb認証

個人的に

エロサイトメアドを登録したくない
・エロサイト認証twitter/fbってなんか怖い

ということで、自前で実装。has_secure_password(gem:bcrypt-ruby) を利用する。

ここここを参考に。

サイトクリップURL投稿)したときに該当するサイトタイトルとか内容を取得する処理。

Nokogiri::HTML(open(target_url))

こんな感じでNokogiriオブジェクトを取得して、

return doc.xpath('//title').text

こんな感じでタイトルを取得する。こちらxpathほかのお勉強

ログインしている人にしかクリップURL投稿)をさせたくない。そんなときに使える認可処理。

cancanの実装はここここを参考に。

クリップしたサイト情報タグ管理したい。タグ機能の実装を手抜きできるのがこのgem

https://github.com/mbleigh/acts-as-taggable-on

http://prototype-beta.com/tags/acts-as-taggable-on

上記を参考に。

クリップしたサイト情報タイトルや内容、またはタグから検索したい。

その処理を手抜きさせてくれるのがsunspotさんサーバデプロイしたあとに

$ rake sunspot:solr:start

するのをよく忘れて動かない><ってなります

http://railscasts.com/episodes/278-search-with-sunspot?language=ja&view=asciicast

http://outoftime.github.com/sunspot/docs/

will_pagenateっていうgemもあるんだけど、kaminariが最近流行りらしい。

https://github.com/richardiux/sunspot_with_kaminari

クリップするためにこのサイトに飛ぶのちょっとめんどくさい。

ということで、はてなブックマークみたいなブックマークレットを作る。

http://d.hatena.ne.jp/ky2009/20090108/1231405893

herokuとやらが設定周りの色々めんどくさいことを肩代わりしてくれるという噂。しか無料

→ sunspotが有料オプションでした。やめる。

AWSというAmazonサービスが設定によっては無料らしい。

→ ほんとに無料だった。AWS内のElastic Beanstalkというサービスが、herokuみたいにめんどくさいことを色々やってくれる。

http://blog.serverworks.co.jp/tech/2012/06/28/aws-elastic-beanstalk/

http://qiita.com/items/811cd9b614d8d300628e

おわり

そんなこんなで出来上がったもの陳腐ものかもしれませんが、まがいなりにもひとつサービスができました。ここ1カ月だらーっとRubyRailsをさわってみて感じたことは、ウェブアプリを作るのって特別なことじゃないんだなーっていう。どこかで誰かも言ってましたけど、開発している最中パズルを解いてる感覚でした。ウェブに転がるピースを探して、フレームワークにあてはめていくようなそんな感覚

おしまい

2012-09-16

助けて(´;ω;`)

私ははてなブックマークが大好きで毎日ブックマークレットブックマークしているのですが、

ぶっくました後ブックマークページに行くと、なぜかグーグルアドセンスけがあるページに毎回リダイレクトされます(´;ω;`)

(urlhttp://b.hatena.ne.jp/entry/hogehoge.htmlのまま)

http://cdn.uploda.cc/img/img5055b04465247.jpg 

ブラウザfirefoxの最新版です 私はこんなにはてブがすきなのにこの仕打ちはひどい(´;ω;`) はてブけが人生の楽しみなのに(´;ω;`) はてな爆発しろ

2012-04-03

[]Amazonショッピングカートカートに保存した商品)一覧作成ツール

2006-08-17

[誰か作って]はてブ-amazonかいものかご同期ツールとかamazonかいものかごマニュピレータとか

私はネット上で欲しい本を発見するたびに、amazonでチェック→買い物籠に放り込むという操作をおこなっているのですが、ふと気づいたら「ショッピングカートの商品」が46冊17万円ぶん、「カートに保存した商品--後でご注文いただけます」に至ってはとうの昔に128冊というありさま。「あとで買う」ボタンを30発ばかし押さないことにはamazonで買い物もできない状態なんです。ひどいですねえ。しかクリップamazonを使用するものの和書は生協で買ったほうが安いし技術書の類は生協通して学校の金で買える、amazonから買うものなんてマニアック洋書しかないわけで、つまり書籍の購入とamazonかいものかごがまったく同期していないのです。ひどいですねえ。

というわけでどうすればよいのか考えたのですが、クリップかいものかごで済まそうというのがまず無茶なのではないかと。タグ/コメント機能があるはてブのコレクション機能に移行すべきです。そしてクリップしたアイテムamazonの買い物籠に流し込む仕組み、逆にamazon買い物籠からはてブインポートする仕組み、が必要なわけですよ。というアイデアをしばらくまえからあたためていたんだけど全然やってる暇がなくて、というかその手のツールみんな欲しいでしょ?だれかつくってください><

『*[誰か作って]』の検索結果 - Discommunicative

たまたま自分と同じ状況に陥っている人がいた。

私的にははてブインポートではなく、カートを文字だけで一覧表示できるブックマークレットみたいなものがあるとうれしい。やっぱりカートにあるとすぐに買えるしね。

・・・ということで誰か作って~!

2012-03-14

はてなからTumblrに移るための手引き

要約:Tumblr日記帳としてもソーシャルブクマとしても使えるので、ダイアリーブックマークを止めてTumblr一本にすると捗ります

Tumblrはてなダイアリーの代用になるか?

なります

はてなダイアリーで個人的に便利だと思っていたのは次の4点です。

  1. テキストベースで書ける。
  2. コードシンタックスハイライトが充実している。
  3. はてブされやすくて、他の人に見てもらいやすい。
  4. どうせはてブを使うので、複数のサービスを行き来したりログインしなおす面倒くささがない。

このあたりは Tumblr にしてもだいたい大丈夫というか、むしろよくなります

  1. Markdown記法で書ける。
  2. シンタックスハイライトJavaScriptを使えばいくらでもできる()。
  3. リブログされやすくて、他の人に見てもらいやすい。
  4. Tumblrブクマ役割果たしてくれるので、2つのサイトを行き来する面倒くささがない。
  5. JavaScript が貼れるので、ブログパーツアクセス解析は自由。
  6. 独自ドメインを割り当てることもできる(無料)。
  7. その他、シンプルモダンブログに欲しいものは大体揃ってる。

ブクマポストと区別して整理したい人は、タグ(「日記帳」など)をつけると便利です。

ちなみに日本語タグ普通に使えます

Tumblrはてなブックマークの代用になるか?

ちょっと違いはありますが、なります

私の考えでは、はてブ価値は次の3点に集約されます

  1. 人気エントリお気に入りユーザーブクマが上がってきて、いい情報が簡単に手に入る。
  2. 他の人のコメントを読んだり、他の人にコメントを見せたりできる。
  3. タグ付け機能が充実していて、資料として蓄積し、後で利用しやすい形で記録を残せる。

Tumblrならこうなります

  1. いいエントリはなんどもダッシュボードに上がってくるので、ダッシュボードを一日8時間以上監視する平均的なリブロガーにとっては問題ない。
  2. 他の人のリブログを無言でリブログしたり、たまにはコメントをつけあったりできる。
  3. タグ付け機能や Like が充実していて、資料として蓄積し、後で利用しやすい形で記録を残せる。/archive を見て、後で悦に浸ることもできる。

真面目に付け加えておくと、やはり少し違うものが貼られる、上がってくるという感じはあります

やってみて肌に合わない思った人は、Twitterのほうがいいかもしれません。

ブックマークでは「あとで読む」な使い方もしばしばやりますが、その感覚Tumblrをやると

クォート無しでリブログするとはけしからん」と偉い人から言われたりします。

でも、最初は気にせずガンガンやって大丈夫です。

慣れてくると自然に、リンクだけのリブログが物足りなくなります

具体的な移行方

結論から言うと、

移行するというのがおすすめです。

ダイアリーブックマークからエクスポート

このご時世何が起こるか分からないのでエクスポートはできるうちにしておきましょう。次のページを参考にしてください。

過去エントリを全部Tumblrインポートしたいという人は、頑張ってくださいというしかないです。

どうしてもやりたければTumblr APIを使うか、どこかでツールを探してくればできると思いますが、

面倒だし、実際インポートできても大した実益はなさそうなので、私は諦めました。

インポートできても結局、誰も新しい方を見にはきません。

最近検索エンジンは賢いので、コピーだと認識して相手にしてくれません。

そもそも種類の違うサービスなので、インポートしないほうが後腐れなくていいんじゃないでしょうか。

Tumblrアカウントを作る

まだアカウント持ってなければ作りましょう。

最近日本語I/Fも整備されているので簡単なはずです。

http://www.tumblr.com

Markdown に慣れる

Markdown は GitHub とかでも使えるグローバルスタンダードな感じですし、慣れればはてな記法と大差ないのでこの機会に覚えましょう。

http://blog.2310.net/archives/6

ちなみに脚注記法もあります参考)。

まり知られてなさそうですが、個人的にはよく使ってます

Tumblr で誰かをフォローする

いままでTumblr使ってなかった人は、まずは誰かフォローしないと寂しいと思います

はてなーの皆様におかれましては、まずは http://otsune.tumblr.com をフォローしてそこから芋づる式に増やしたり、

http://mao.s151.xrea.com/tumbrowser/text.html でこれはというリブログをしている人をフォローするのがおすすめです。

ツールをインストールする

公式ブックマークレット http://www.tumblr.com/goodies をとりあえず使ってみましょう。

Tumblr検索性ははてブはてなダイアリーと大差ない(=いまいち)ので、

ifttt を経由した Evernote への自動保存を設定しておくと便利です。

さらにヘビーに使う方には、Tumblr代名詞とも言える秒間10リブログ廃人ツール、

Tombloo (for Firefox) と taberareloo (for Google Chrome) もあります

お好みでどうぞ。

2012-01-09

http://anond.hatelabo.jp/20111221215957

特に増田に不満がない増田です。以下理由を。

返信がめんどくさい

URLクリックしてコピペして記事を書いて貼りつけて…早漏な僕らには耐えられない苦痛である

「返し増田」使え。

 増田ブックマークレットhttp://d.hatena.ne.jp/Francis/20070210


表示が適当

増田トップページにどこかの記事への返信がそのまま表示されている。それが邪魔でなかなか面白い記事に辿りつけない。辿りつけないんだよ。

増田はてブ見れや。

 「はてな匿名ダイアリー」の新着エントリーhttp://b.hatena.ne.jp/entrylist?url=http://anond.hatelabo.jp/


ユーザーが劣悪

やたらと長文を書きたがる連中が多すぎる。文章というものは長くなればなるほどキレがなくなり、意味も伝わらなくなる。文章は長く書けば良いというものではない。読む人が適切に理解できるかどうか、そこまで考えなければ真のライターではないだろう。

どんなに良い文章でもどんなにくだらない文章でも、とにかくどんどん流れていくのが増田ブックマークされることで、わずかにサルベージされるから、忙しいときは頭から読んだりせず上のはてブから見るようにな。


しかし逆に、日進月歩web界でここの変わらなさは2chと並んですごいと思う。まあ、人もいないからな。

2011-09-03

はてブを利用中に別のページへ飛ばされそうになる現象

はてブから他のページに飛んだり、ブックマークレットを使ってブックマークすると、時々別のURL転送されそうになる。(実際には真っ白のまま表示されない。)

使用しているのはfirefox3.6。

下のステータスバーには"track.send.microad.jpからデータ転送しています"と表示される。

履歴からアドレスを見てみると、"wyciwyg://2桁の数字(毎回違う)//実際に行こうとしていたページのURL" となっている。

スパイウェアとかウイルスチェックには引っかからなかった。

グーグル先生に聞いてみたが解決策は得られなかった。

同じような事が起きている方いませんか。

2011-08-27

最近はてブ

はてブの、というかはてなライトユーザーですが。

使っているサービスはてブとStarくらい。

 

自分は、はてブタグ新着エントリーWebをうろつくのが趣味でした。

 

が、最近はてブタイトルがいじられていること多数。

いろいろと調べていると、はてブタイトル修正って以前に比べて仕組みが限定されてるんですね。

以前はエントリの画面からいじれた気がするんですが。

 

詳細は↓にあるように、公式のブックマークレットだといじれるみたい。

 

はてなブックマークエントリータイトルを変更する方法 - gonzales66の日記

http://d.hatena.ne.jp/gonzales66/20090728/1248755792

 

自分の見ているはてブも、気になった人が居たのか、直してくれている人も居るようだ。

 

最初に改変した人は、結構確率で同一idだった。

多分、タイトルが全ユーザ共通であることを知らないんだろう。

悪意は無いようにも見える。

こういう場合はてなではどういう対処するんだろ。

idめがけてなにかすればいいんだろうか。

運営に直メ?

 

人が増えればルールが必要。

時代が変わればルールが変わる。

自分が何に従うべきなのか、新たに作るべきなのか。

ライトユーザだし、意見なんてないよ。

2011-08-12

http://anond.hatelabo.jp/20110812131801

エロゾーニング

賛成。ついでにスパムカテゴリも新設してほしい。

ゴキブリホイホイを置いた効果を確認するような感じで、一度だけ覗いてみたい。

不適切な画像引用

これは違う。

はてなブックマークヘルプにあるブックマークレットを使用すると、画像は任意に変更できる。

javascript:(function(){var%20d=(new%20Date);var%20s=document.createElement('script');s.charset='UTF-8';s.src='http://b.hatena.ne.jp/js/Hatena/Bookmark/let.js?'+d.getFullYear()+d.getMonth()+d.getDate();(document.getElementsByTagName('head')[0]||document.body).appendChild(s);})();

これを使用すると、表示されるページ右上に、

新規だと「NO IMAGE」、画像引用されているページだとその画像が表示される。

そこをクリックすると変更できる。

非表示ユーザーでもタグは表示される

賛成。非表示に追加しているユーザタグも独特な場合が多い。

NGワードNGページ非表示機能がない

はてなスター拒否機能

あれば一度使ってみたい機能

SPAM対策

元増田と同じように無駄かとは思うけど、細々と目に入ったスパムは報告してる。

はてなブックマーク価値が確実に薄くなる、スパム行為には厳正に対処してもらいたいところ。

http://b.hatena.ne.jp/entry/~ のページのコメント欄真下

利用規約違反を通知する」リンクがあるので、気付いた人は報告してやってください。

初心者ビジネスユーザーに不向き

だよねー・・・。

あと、Googleブックマークというのは初めて聞いたけど、どんな風に活用しているのか知りたい。

うPC環境でも簡易に「いつもの巡回」をできるようにする感じかな?

2011-04-09

私が今のところ取っている、はてブ デザイン変更への対処

ブックマークをする

ブックマークレットを利用する

http://b.hatena.ne.jp/register

こちらにもブックマークレットが複数載っていますが、なじみのはてブ追加ページを使いたいので書いてみました

javascript:window.location='http://b.hatena.ne.jp/はてなID/add.confirm?&url='+escape(location.href);

はてなブックマーク エントリーページからブックマークする

エントリーページからブックマークする方法は二つあります

一つは「追加する」ボタンクリックするもの、

もう一つは「ブックマークしてコメントする」をクリックするもの。

無言ブクマコメントをするだけならば「追加する」ボタンでいいのですが、

タグを付けるのなら二つ目の方法が楽です。私はそちらを使っています。

コメント閲覧

はてなブックマークChrome拡張を使用しています。

タグ芸を見れなくなるのはかなり残念ですが、そうしています。

ログイン ユーザー登録
ようこそ ゲスト さん