 
|
はてなキーワード: 作ってみたとは
ノートン先生の延長のために思い立ってVプリカというものを作ってみた。ネット決済専用のプリペイド式クレカみたいなもん。
そしたら「シマンテックストアでは使えません」って出て涙目ｗｗｗｗｗｗしょーがねーからコンビニ払いで延長そのものはしたんだが
さてどうするこのチャージした金額。貴重な食費削って入れたのに…
で、ふと思って好物の「トップバリュきつねうどん」をググってみたらあるじゃないですかイオンストア。あー、通販もやってんのね。
早速２ケース注文したったｗｗｗｗこれで元取ったは。色々捗るとはこのことかいｗｗｗｗ
これは、「事務職リーマンがwebサービスを作ってみた話」のトラックバックに対するトラックバックです。
もちろん、この手のアルゴリズム処理に「完璧」は存在しません。
ですが、拾った結果の品質を数百個ばかり、サンプリングで調査した範囲では、商品サイズを拾える商品のうち、９割を大きく超える率で、正しいサイズを拾えていますので、
もちろん、検索できる商品数が尋常じゃないので、サイズ抽出をミスっていそうな商品を狙い撃ちで探すと、結構見つかったりはしますが。
ちなみに、上記の「商品サイズを拾える商品」という表現には、レトリックがありまして、結構、楽天ではサイズが画像のみで記載されている商品もありまして、そういうものは、当然、検索できない商品となっています。
まあ、これは仕方が無いところです。
サイズは、正しくサイズを拾えるよう、複数の書き方パターンでサイズ候補を抽出しています。
おおまかには、
・幅×奥行×高さ（単位センチ）・・・・・・XX × YY × ZZ
の２パターンで、このパターンを軸に、さまざまな派生に対処しています。
この派生（というかノイズ要因）が滅茶苦茶いろいろなパターンであって、相当手を焼きました。
実はこれも、簡単そうに見えて、結構、面倒なところでした。
・サイズ記載部分から遠く離れた部分に（単位：ミリ）とか書いてある場合がある
など、さまざまなパターンがあり、結局、サイズ記載箇所の前後を見て、距離などから重み付けを調整して、サイズ単位を拾っています。
また、そもそもサイズ単位が記載されていない（意外とよくある）場合は、サイズ値の大きさを見て推定したり、（例えば、家具カテゴリのサイズ表記に小数点があれば、それはきっと、ミリではなくセンチだろう、など。）全く見当が付かん、というときには、決めで処理したり、仕方なくあきらめたり・・・といった処理をしています。
サイズを拾うだけでは、梱包サイズとか、引き出し内寸とか、ノイズが多いので、これらは、重み付けを行い、一番重み付けが高いものを外寸サイズとして拾っています。
この辺の重み付けは、ある程度、作りこんでいますが、もちろん、完全ではないので、今後のブラッシュアップが必要な部分です。
こちらは、型番等で誤反応を起こしやすい、W/D/Hでの記載サイズのレーティングを少し下げて対処しているのですが、初めのほうにトラックバックを頂いた方もご指摘されているとおり、それでもある程度引っかかっちゃいます。
タイトル中の型番を検索外すとかの手も無くはないのですが、型番って意外と本文中にも多くて、例えばテレビ台とかで、本文中にテレビ型番をズラズラ列挙されて、それが反応した時もあります。
一応、異常値についてはレーティングを下げたり、サイズ数値取れずで処理はしています・・・みたいなところではありますが、検討すべき改善箇所です。
ex)「幅800×奥行400×高さ100センチ」の棚・・・など。
こちらは、最終的なサイズ数字を見て、「サイズ単位の書き間違い・拾い誤り推定」の判定を入れておりまして、判定に抵触したサイズについては、正しいと思われる単位に変更・救済しております。
もちろん、フォローにも限界があったり、フォローを行って二重遭難する場合もあるんですが、検証してみたところ、ほんのわずかな二重遭難よりも、誤り救済を行ったほうがはるかに結果がよかったので、処理を入れてます。
ただ、結論から言うと、サイズ情報に対する、楽天市場側の動きはほとんど無いと読んでおります。
なぜなら、圧倒的にニーズが高く、ハードルも低いと思われる、送料込み価格検索すら、彼らは実現できてないからです。
恐らく、楽天側では、出店側に登録させる情報を、いじりたくないと思っているのではないでしょうか。
しかも、サイズ情報は、楽天が扱っているほとんどのジャンルの商品にとっては、それほど重要性の高くない情報です。
ごく一部のジャンル向け以外は重要性の高くない追加の登録情報なんて、楽天はあまり実装したくはないのではないでしょうか。
・・・と、そういう読みをしてますし、さらに、読みが外れて楽天が対応を行ったとしても、別に私は片手間でやっているだけなので、それほどペナルティが大きい訳ではありません。
以上、カグサイズのページ処理の内容部分の説明でした。
それではー。
----------
Webシステムとは縁遠い事務職のリーマンが、ある日思い立って、ニッチな用途の検索エンジンサービスを作ってみたので、ちょっと書いてみようと思います。
ちなみに、検索エンジンといっても、googleカスタム検索とかのお茶濁し系じゃなくて、apache Solrというオープンソース検索エンジンを、VPS上で動かしているという、それなりに本
気度の高いものです。
なんで素人がそんな物騒なものを動かす羽目になったかは、後述。
やりたい構想みたいなことを思いついたのは、もう6、7年前ほど前のこと。初めて独り暮らしを始めたときに、ひどく不便を感じたことがあり、こんなサービスがあったら便利だなあ、
ちなみにその妄想をふと高校の同期に話したとき、そのサービスはどこにあるのか？！と、えらくがっつかれたのを、覚えてます。まあ、俺と同じく偏執狂の奴だったからだと思います
が。
ただ、しがない事務職リーマンということもあり、当然、技術も無く、そのときは、やるならこんな名前のサービス名だろうなあ、とか、そんな妄想レベルで、話は終わっていました。
そんな感じで、5年ほど月日は経ち、なんとなくリーマン人生の流れも見えてきたところで、以前、妄想していたことを、ふと思い出しました。
5年も経ったら、さすがに自分が考えたようなこと、誰かがやっているだろうと調べてみたところ、意外なことに、競合になるようなサービスは存在せず。ちょうど異動があって、少し時
間が出来たこともあり、じゃあ、着手してみようかと思い立ちました。
やりたいことは、大手サイトの情報検索。ただ、商品ページ内の特定情報、それも、商品ごとに正規化されていない表記を、正規化して抽出する必要があったので、大手サイトの既設API
だけではとても実現不可能でした。
まあ、だからこそ、5年間、誰もやろうとしなかったんでしょうが。
ということで、とても一発では解決できなさそうな内容だったので、自分でなんとか実現できそうな機能に細分化して、各個撃破していくことにしました。
随分と考えた結果、
以上に区分できると考えて、これらを各個撃破していくこととしました。
また、技術もなく、プログラミングも出来ず、ましてやlinuxサーバのお守りをしたことなんて当然ないので、インターネット上に置くサーバですべての処理を完結させるのではなく、イ
ンターネット上に置くリソースは最小限に留め、できる限り、勝手がわかる自宅のwindowsパソコンで処理を行うことにしました。
ちなみにさらっと結論だけ書いてますが、ここまで至るまでに、いろいろと調べ続たり、考え込んだりしていたので、思い立ってから3ヵ月は掛かってます。。。
さて、やる方針を決めたあと、はじめに着手したのは、要の検索エンジンサーバです。
いろいろとググって調べて、mySQLというやつか、apache Solrというやつかに絞りましたが、結局、Solrを使うことにしました。
MySQLのほうが実績は多そうだったのですが、Solrのほうが検索専門で、滅茶苦茶動作が速いらしいということ、MySQLでも出来るが特に速度が遅いらしい全文検索機能も使いたかったこ
と、あとファセット機能がジャンル絞りこみに便利に使えそうだったので、というのが理由です。
ちょうどSolr本が発売されていたこともあり、それを参考に、自分が使うように設定ファイルを変更していきました。
しかし、初めは設定ファイルの内容も意味不明な上に、私の書き方も雑なのか、少しいじっただけでまったく動かなくなる。結局、設定ファイルを一文字ずつ変更しては動作検証、とい
った始末で、進捗は地を這うよう。ある程度思い通りにSolrを扱えるようになるまで、3ヵ月以上掛かったでしょうか。。。
さらに、検索エンジンのフロントエンド（Solrの検索結果を、htmlに変換するプログラム）も書かなければならない。プログラミングが出来ない人間には、これが本当に辛かった。
Solr本に、いろんなプログラミング言語でサンプルがあったのですが、迷った末に、わずか数行なら書いた（≒コピペした）経験があるという理由で、javascriptを苦渋の選択。
しかし、選択はしてみたが、基礎が本当に無いから内容がサッパリ頭に入ってこない。こちらも、わかるところから本当に1文字ずつ変えていくといった手探り状態。
プログラミングについては、今回のためだけだから、といった理由で、一切基礎をやらずに着手したのが裏目に出たのか、サンプルのソースをモノにして、書き上げるのに、ゆうに半年
以上。本当に時間が掛かりました。
さらに、Solr周りで計9ヶ月間ハマっていた頃、忘れもしない、kanzen21のおっさんが彗星のように現れて、衝撃を受けることになります。
大手サイトのページをクロールして検索エンジンを作る手法は、私と考えていた構想の枠組みとまさに「完全に一致」な訳で。。。
図書館事件に注目していたのも同じで、あまりの一致具合に衝撃を受けっぱなしでした。
その後の成り行き等も含めて、興味深く観察させて頂き、本当に参考になりました。
そんな感じで紆余曲折もありましたが、ようやく難題だった、プログラミング関連に目処が立ってきたので、あとはクローラと肝心のデータ処理です。ここからは、勝手知ったるwindows
まず、クローラですが、専用のクローラをwindows用に探してきたり、それを設定するのも大変なので、今回はテレホーダイ時代に使っていたような、フリーのweb巡回ソフトを利用する
こととしました。指定のhtmlをダウンロードしてくるだけなので、別に変に新しいものに手を出す必要もないので。
また、ダウンロードしてきたhtmlファイルについては、これまたフリーの日本語処理ツールでcsv方式に加工することにして、処理ルール部分を相当に作り込みました。
このあたりは、全体を通して見てもキモの部分なんですが、ある意味、ちょっとしたパズル感覚だったので、プログラミング言語の部分と違って、かなり楽しかったです。
あとは、msdosのバッチファイル（これは前から知っていた）で、これらの処理を繋ぎ、cygwinのcurlとかいうツールで、連続して検索エンジンサーバにcsvファイルをアップロードする
仕組みを作りました。
検索エンジンサーバには、容量は少ないが、安くて高性能という、今回の用途にピッタリだった、さくらのVPSを借りて設定。CentOSのサーバ構築ホームページを見ながら、サーバとか
Solr管理URLとかにセキュリティを掛けて、こちらも素人ながら、意外とすんなり設定。
ホームページは、vpsサーバに相乗りさせるのではなく、別にさくらのレンタルサーバを借りました。apacheの設定方法等を習得する必要がありませんし、vpsのリソースをapacheと分け
合う必要が無くなるので。ホームページのhtmlファイル、cssファイル等も調べながら設定し、画像も準備しました。
あと、構想を思いついたときに妄想していたサービス名の.comドメインは、すでに他者に取得されていたのですが、どうも使っている風にも見えなかったので、whoisで出てきたメールア
ドレスに連絡して交渉し、幾ばくか払って買い取りました。
結局、足かけ18か月。ようやく完成。
楽天市場の家具を、幅x奥行x高さ(家具サイズ)で検索できる、楽天市場・家具カテゴリ専門の検索エンジン
この商品数規模（データ収録約30万アイテム）で、1センチ単位で家具のサイズ指定検索が可能な手段は、商用サービスも含めて、ほかには存在しないと思います。
kanzen21と違って、エロじゃないから華はないけどね。。。
ちなみに冒頭で少し書いたきっかけですが、就職して独り暮らしを開始したときに、新しい家にピッタリサイズの家具が欲しかったのですが、これが楽天で探すのは至難の技でして。
楽天で家具を探してみようと思った人には判っていただけると思うのですが、楽天では、価格では範囲指定やソートができても、サイズでは検索出来ないんです。
これは、楽天では、商品のサイズ情報は商品の自由記述欄に記載することになっているためで、商品ごとにサイズの記載方法がバラバラのため、検索が事実上、不能となっています。
家電製品とかに関しては、種類が少ないこともあり、メーカーのホームページとかでサイズを確認した上で、商品型番で検索すればいいので、それほど問題にはならないのですが、家具
って、種類が非常に多く、型番もあったり無かったりで、家電のようにサイズを調べることができません。
・・・ということで、カグサイズでは、楽天の商品ページにいろいろな書式で書かれているサイズ情報を拾って解析して正規化し、範囲指定やソートして検索ができるようにしています
。
また、単に寸法サイズを拾うだけでは、梱包サイズとか引き出し内寸とかも引っ掛かってしまうので、それらは出来るだけ排除して、商品の外寸が優先して引っ掛かるよう、アルゴリズ
ムを調整しています。
単位（センチとミリ）に関しても、商品ごとにバラバラ（単に単位だけでなく、商品説明のどこに"センチ"とか"ミリ"と記載しているかについてもバラバラです。）なので、サイズ表記
の前後の状況をみて、正しいと思われる単位で拾うようにしています。
あと、変わった使い方としては、欲しい家具の価格比較みたいなこともできます。
家具は、同じ商品でも、店ごとに型番が違ったりすることがよくあり、簡単には価格の比較が行いづらいジャンルの商品です。
しかし、型番は違っても、同じ商品なら原則、サイズは同じですから、欲しい商品とまったく同じサイズで検索をかけると、同等商品があるのかどうか比較しやすい・・・といった使い
方もできます。
と、そんな感じで、しがない事務職リーマンが作ってみた、ニッチな用途の検索webサービスを、サービスインさせて頂きました。
一般に公開されていて、誰でもアクセスできる情報でも、ニーズが有りそうな切り口の条件で検索性を高めれば、新しい価値を創造できるんじゃないかという実験です。
もしよろしければ、ぜひ、使ってみてくださいー。それでは！
----------
どれだけの人が、はじまって５分の映画で、涙するだろうか。
泣きすぎて頭が痛いし、呼吸困難な状態で、
まともに文章を書けない状態だが、どうしても綴りたい。
仕事を早く切り上げ、雨の中、足早に家路に向かう。
コンビニ弁当を食べながら、金曜ロードショーのラピュタをみている。
金曜日だというのに、予定がないのは嫌だなと思ったりもした。
でも、ラピュタをみはじめて、すぐにそんな思いが消し飛んだ。
この思いになれることが、
２年前と今は違う。
社会復帰して、それなりに認められ、それなりのお金を手にした。
だが、孤独感は、なにも変わっていない。
いつでもみられるラピュタ。
季節を感じながら、食べる食物のように、
時をかんじるようにラピュタを観る。
多くの人が、同じ映画をみて、違うことを感じる。
これが、テレビなんだ。
孤独はつらいけど、
これほど、せつない気持ちになれるのも、
私は、テレビ放送が終わらぬ限り、
ラピュタを観て、涙するんだろう、と思う。
時代は、変わっていき、
どうなるのかは、わからないけど。
こんな作品が作れること、
作品をみて、感じられること、
やっぱり、人間ってすばらしい、と思う。
だから、みんな、つらいけど、生きていこう。
私もつらいけど、これからさきも、生きていこうと思う。
ラピュタをみるたび、多くのことを感じたいと思う。
そして、いつか多くの人を感動させられるものを、私も作ってみたい。
-----
少し昔のことを思い出してしまった。
この思いを自分ひとりで閉じ込めておくことができなくなったので、
少し綴らせていただきます。
当時、私は知能が弱い方でした。
障害と認定されるレベルではないので、
そう綴ることは失礼になってしまうかもしれませんが、
詳細を書くと個人が特定されてしまう恐れがあるので、
避けさせていただきます。
イジメだけではなく、冷たい視線や同情、哀れみも受けてきました。
障害のせいかわかりませんが、私は心の成長が遅いようでした。
善悪の区別がつかなく、よく母を困らせていました。
そういったことが私にはまったく理解できず、
楽しいこと、いたずらばかりして
クラスで決める会が開かれました。
思い出に残る曲をみんなで歌いたいと
言って盛り上がっていました。
合唱曲を天空の城ラピュタのエンディング曲「君をのせて」にしたいと
当時の私は、天空の城ラピュタすら知らず
その女子を跳ね返していました。
男女合唱ができるようにしたみたいでした。
こういった歌謡曲は卒業するときにカラオケにでもいって歌えばいいんだ、
私としては、何事もなかったのと同じで
当時の記憶がどこまで正確かわかりませんが、
そのようなことがあったと思います。
この曲いいな、そういえばこの曲、合唱の課題にしようとしてた曲か、
あのとき歌えたら素敵だったろうな、と思いました。
時が経ち、私は大きく成長しました。
心も人並みに豊かになりました。
私の心には深く刻まれており、大変、価値のある思い出になっています。
私も、もう少し心が豊で
と後悔してせつなくなります。
私の心は成長したのだと思いました。
次のラピュタでは、私はどうなっているのでしょうか。
終わり。
私の近況も少し綴らせてください。
心は成長しましたが、障害の方は変わっていません。
年とともに悪化しました。
いくつかの病院にも行きましたが、治りそうもありません。
治る代物ではないので、返答に困ります。
そのおかげで、ある程度、人気者になれました。
でも、ある日それがとてつもなく嫌になってしまい、
他人とコミュニケーションを絶つようになりました。
今は誰とも接しない日々が続いています。
障害を乗り越えて何かを生みだしたいなと
泣き言ばかりで・・・。
およそ１年前、ロト６で１等が当たった。
キャリーオーバーがあると最高４億円が当たるロト６。僕の当選金は１億数千万円だったけど、番号確認した瞬間心臓がバクバクになったのを覚えてる。
ロト６は４３個の数字から自分の好きな数字を６個選ぶ。（数字の選択を機械にまかせることもできる）
僕は５年前くらいから毎週同じ数字を選び買い続けてた。誕生日など自分に関連のある数字を６つ選んで。
手取り２０万台のサラリーマンにとって、突如手にした大金の扱い方なんてわからない。
結婚する予定の彼女と両親以外には当選したことを誰にも話していない。
両親には『百万円以上のたからくじが当たった』と話した。もし金銭で何かあったら言ってくれと伝えてある。
彼女にはいくら当たったかまで伝えた。『せっかくだし何か欲しいものある？』と一応聞いたが、『欲しいものはいっぱいあるけど、私が（高額なプレゼントの）お返しがしにくくなるから、そういうのはやめよう。いままで通りで。』と言われた。
３銀行に決済専用口座を用意して３０００万円くらいずつわけた。
１０００万円保護までのペイオフは知っていたが、決済専用口座（無利子の代わりに全額保護）の存在は知らなかった。
定期預金にしたってどうせ利子なんて微々たるもんだし。
生活は変わらない。変えてない。
いままで手をつけた当選金は１００万円のみ。震災の寄付として少しだけ。
当選金は投資にも回してない。投資信託だけは何年か前から毎月積み立ててやってたけど、これも当選前と当選後では変わらない。
大金を手にしたことが無いので怖いのもあって（ネットで調べてたら、宝くじ当選から失敗した方々の体験談等を多数目にした）、当選直後に自分の中で１つだけルールを作った。
『一ヶ月間だけ当選金を１円たりとも使わない』
一ヶ月、悶々と我慢したら「とりあえず今はこのままの生活でいいや」という結論に達した。
もちろん物欲はある。
今まで『もし宝くじ当たったら何買おう』とかワクワク考えてたこともあったし、当選直後は貪欲にも『ほしい物リスト』とか作ってみたりした。
でも一ヶ月経ったら冷静になれてた。
仕事は辞めてない。サービス残業させられるし、有給も満足にとれない。
しかしながら、１億円があたってから心に余裕が生まれたらしい。
仕事辞めて社会と接点を断ったら、きっと僕はダメ人間になりそうだし。
自慢したくてこの日記を書いたわけじゃないけど、知り合いにはトラブルのもととなるお金の話はできないのでここに書いてみたわけです。
http://psychotoolbox.web.fc2.com/parent/
無茶苦茶沢山項目があるが、父親がクリックした場所も分かっているので書いていくｗｗｗ
父はこのあたりが気になるらしいｗｗｗ
・問題解決を委譲する
・自主性を育てる
・責任を持たせる
読者の方も、父にこういう悩みを抱かせる私がどういう人間かなんとなく想像ついたのではないだろうかｗｗｗ
私以外の家庭でも、何か問題があるなら、お父ちゃんにこのサイトを教えて、興味がある項目を５つ選択してもらうとかすれば
父と子供で会話するよりも、ずっと客観的に相手の問題意識が判って会話しやすいかもしれないと思ったねｗｗｗ
逆もしかりだよね。
子供から大人に対する問題意識もこういう風に一覧でまとめてるサイトがあったら完ぺきじゃねｗｗｗ
はてな民は、親への不満を感傷を交えて共感獲得ゲームの道具にするのが大好きみたいだけど、
そういう一時の慰めのために長時間を費やすんじゃなくて、こういうサイト作ってみた方がいいんじゃねｗｗｗ
どんだけ傷ついたとか理不尽な目にあったからといって、それが自分や他人の役に立たないならただの自己憐憫でありオナニーだよねｗｗｗ
最近ﾎｯﾃﾝﾄﾘしたyuhka-unoの文章とか、なにこの公開オナニー恥ずかしいｗｗｗとしか思わんかった。
ああいうのが書けてしまうくらい人格のどっかがぶっ壊れてしまうのがアダルトチルドレンなのだという表現なのだとしたらたいしたものだけどねｗｗｗ
というわけで、まともなはてな民は、このサイトをお手本にして、未来のアダルトチルドレンを本当の意味で救うサイトをみんなでつくろうぜｗｗｗ
THANKFUL WORLD - 世界を「ありがとう」でつなげよう -
似たようなサービスは既にあると思いますが、PHPプログラムの練習課題として作成してみました。
投稿者から「ありがとう」にまつわる話を投稿してもらい、感謝の気持ちを伝えるサービスです。
この中で一番の目的だったのは3番目の最後までやり遂げるだったりします。
本当にどんなものでもよかったので、最後まで作り上げて公開するのを目標にやってきました。
Webサーバの構築課題も含めてなので、さくらのVPSを一台契約しました。
インストールから設定まで行って初めて分かることも多くありました。
1週間
今できることを高めることも重要ですが、自分に足りないものを吸収してより良い形で昇華することも必要。
個人でサービスを作る以上、自分自身がクライアントなので途中で行う仕様変更（改善や思いつきによる変更など）に対する文句のぶつけ場所もありません。
念入りに設計を行い、それに基づいて開発を行う。
何事も初めが肝心です。
ひと通り開発を行ってみて、自分の知識や能力についてもある程度把握できたように思えます。
今できることもわかったので、次は今できないことをできるように知識を深め、
今できることと合わせて新たな段階に進めればと思います。
皆さんこんにちは
この間、独学のプログラムでエロ動画検索を作ってみた！とエロ動画URLからAV女優名が分かるエロサービス作ってみた！ でエロサイト作った者です。
前回の「マン毛ボーボーの母」事件から母親からの視線が痛い今日この頃ですが皆さんいかがお過ごしでしょうか？
こちらといえばあれからまた作りたいエロサービスができて作ろうかどうか思案中です。
他にも作りたいサービスがいくつかあってどれから手をつけようか・・・・
自分はプログラムがすごく苦手でプログラムをやりたいと思うことはほとんどないんですけど
エロが絡むとなぜかやる気が出るんです！エロいアイディアは沢山出てくるんですｗ
他のことに活かせればもうちょっと違った人生になってたんじゃないのか？と思います。
さて、今回は「アダルトアフィリエイトは儲かるか？」ということなんですけど
1,000円 ｗｗ
間違いなくこのまま1,000円ですｗ
ちなみに
47,000クリックで1件の登録
47,000クリックで誰も買わないの？
登録だけ？
てか、1件てなんだよ！！！ｗ
マーケティングなんとかの法則とはいったいなんだったんだ・・・？
ある程度予測はしてたんですけどせめてサービス存続のためにサーバー代くらいは欲しいｗ
ちなみにページビューとかは
ユニーク 29,000
ページビュー 260,000
ユニーク 36,000
ページビュー 46,000
この結果だとアダルトアフィリエイトは儲からないってことになります。
それなりのアクセスがあってサイトの作りが良くて純広告の掲載やASP経由でも広告選びをしっかりやれば、うん十万は儲かるらしいです。
ちなみにうん十万稼ぐにはアクセス数は最低でも上記の20～30倍くらいは必要みたいです。
でも、そこまでアクセス増やす労力を考えると他のことした方が稼げるのではないかと思います・・・ｗ
最近、アフィリエイトのノウハウ記事があがってることがあるので乗っかってみることにしたんですが
良くも悪くもみんなアフィリエイトに興味があるんだな～とびっくりしました。
自分の中ではアフィ記事なんていろんな情報や商材が出まわってるし見飽きてウンザリしてるだろうなと思っていたので。
この記事が役に立つかどうか分からないですけどアダルトアフィリエイトを始めようとしている人の判断材料になればいいかなと思います。
ごくごく稀にこの人すごいなって人がいますけど大抵の人の場合は時間の無駄になるかと思います。
数十万稼いでる人でも労力を考えたら普通に働いた方がいいんじゃないの？と思います。
余暇の全ての時間をアフィリエイトに使うくらいならその時間を友人や家族、新しい出会いにあてた方が結果的にはいい人生になるような気がします。
サイト作りが趣味、アフィリエイトが趣味なら問題ないかもです。
では、技術の発展のためにエロいサービス作りに戻りたいと思います！
追伸、この手のサービスを作る一番のメリットは人脈作りに役立つってことかも！
そして、エログ運営者さん、エログラマーさん、エロデザイナーさん、エロい人、ツイッター始めたんでよかったらフォローして下さい。
【お知らせ】2011/09/07
http://d.hatena.ne.jp/uniqueweb/20110906/1315285545
独学のプログラムでエロ動画検索を作ってみた！でエロ動画検索サイトを作った者ですが
あれからエロを通して技術の更なる発展に貢献したいという思いから昼夜問わず情報収集に励んでおりました。
技術の発展に貢献するということが目的であり、決して個人的趣味で熟女物の柔らかおっぱいの動画を中心に収集していたなんてことはありません。
尿意を催したのでトイレに行くためにパソコンの前をほんの少しの間離れていた時にたまたま自分の部屋に母親が爪きりを借りにきました。
その時、モニターには大好きな「白石さゆり」の動画が映しだされていました。
当然、モニターの電源など切るわけもなくつけっぱでトイレに行っていました。
母親は画面に映し出されていた白石さゆりをしっかりと見たでしょう！
別に思春期の男の子じゃないんでエロ動画見てたのがバレたくらいなんてことはありません。
でもね、トイレから帰ってきてふと画面に視線を移した時、見ちゃったんです。
「近親相姦 マン毛ボーボーの母」
ぎゃあああああああああああああああああ！！！！１１１１１１１１１
違う！違う！違～う！！！
母だけでも大問題なのになぜ「マン毛ボーボー」・・・
トイレから帰ってきた時、自分を見る母親の目が汚い物を見るような感じがしたのはこのせいなんですね。分かりました。
そっと部屋を出ていく母
呆然とする俺
まあそんなことがありつつ新しいツールが完成しました！
いったいどんなサイトかというと
エロ動画収集をしてると、この動画の女優最高すぎる！なんて名前なんだろう？って思うことがありませんか？
ありますよね？
そこで、エロい私は閃きました。
俺って変態じゃね？じゃなくてすごくね？
と思い勢いで作ってみました。
ただ、データ件数が非常に少なかったので新たにデータを追加するためのスクレイピングが非常に大変で
やっつけぎみで作ろうとしたら想定外に時間がかかってしまいました。
使い方ですが
↓
↓
googleイメージ検索のパラメータに女優名を設定したURLのリンクと
ヌキネーターの検索パラメータに女優名を設定したURLのリンク
それに、該当女優の動画へのサムネイルつきリンクを最大5件で表示させるようにしました。
例えば
http://www.xvideos.com/video811376
URLデータがデータベースに存在するので該当するデータが表示されていると思います。
こんな感じで気になるあの子の名前とか関連動画とか分かっちゃうかもしれません。
対応動画サイトはxvideos yourfilehost megapron megavideo pornhost tube8
tokyotube 裏アゲサゲ slutload fc2 megafilex xhamster
となっています。
さて、この間と同様に簡単に作り方を書いて行こうかと思います。
サーバーやデータベース、負荷対策など細かい設定は前回のエロ動画検索作ってみた！のときと同様です。
今回は元となるデータの作成方法について少しくわしく書いてみたいと思います。
この方法でマニアック（検索しても女優名が分からないような）なAV女優のデータを収集します。
すごくめんどくさいですｗ
この間はここについて説明がなかったと思うので軽く説明します。
大抵の場合動画ページにサムネイル画像のURL情報が記載されていたり
megafilexとかtokyotubeなんかの場合だと画像サーバーが複数に分かれていて
動画URLの数値等からではサムネイルの情報が取得できません。
通常の場合 http://example.co.jp/videoimg/動画関連数値等.jpg こんな感じで取得できたりするんですが megafilexなどは http://j.www.megafilex.com http://f.www.megafilex.com http://g.www.megafilex.com http://h.www.megafilex.com http://i.www.megafilex.com みたいな感じで複数の画像サーバーがあるのでどのサーバーに該当動画のサムネイル画像ファイルがあるのか分からなくなっています。
そこから画像サーバーにはアルファベットが付くことが推測できます。
aからzまでを付加したURLに動画関連数値を付加しアクセスするプログラムを書きます。
HTTPステータスコードを取得します。
200だった場合、画像が存在するのでそのURLをサムネイル画像のURLとして記録します。
とりあえずリリースしてみました。
動画URLを5万件くらい追加したんですけどまだまだデータが足りないかも・・・汗
分かったらラッキー！くらいでこれなんてAV女優？をご利用頂ければと思います・・・。
ではではまた技術の発展のためにエロ情報の収集に戻りたいと思います。
エロい人やプログラマーさんデザイナーさんエログ運営者さんWEB制作会社さん
ヌキネーターの問い合わせフォームがありますのでお気軽にお声をおかけ下さい。
それとツイッターをはじめてみたんでフォローしてくれると嬉しいです。
※追記 2011/08/25 23:09
風呂入ってサイトにアクセスしたら全くつながらなかったんでアクセス解析見たらえらいことになっててびびりました・・・
とりあえず、httpd.confの設定変更したので今はつながると思います。
ご迷惑をおかけしました。
※追記 2011/08/26 13:46
自分的にはむしろ頑張って恥ずかしいエピソードを書いたこっちが本体で
サービスはオマケなんだ！ｗｗ
そして動画データ件数をカウントしてみたら22万件くらいでした。
※追記 2011/09/07
【お知らせ】2011/09/07
http://d.hatena.ne.jp/uniqueweb/20110906/1315285545
プログラムは全く得意じゃないけれど最近よく見かけるようになったエロ動画検索を自分でも作ってみたくて頑張ってみました。
近年、インターネットの普及によりエロ動画が自宅で簡単に見れるという素晴らしい時代になりました。
自分が若い頃はインターネットなんてものはなくエロビデオが主流でドキドキしながらレンタルビデオ屋に行き、可愛い女の子がレジにいない隙を見計らってお兄さんにパッケージを伏せて空箱を渡しビデオを借りたものでした。
お兄さんにビデオの空箱を渡そうとした時に可愛い子がレジに戻ってきて焦って渡すのをやめてものすごく変な動きをしながらエロビコーナーに引き返していくなんてことも多々ありましたｗ
僕のお気に入りといえば「白石ひとみ」や「あいだもも」といった女優でよく借りてました。エロビを借りるということがものすごく恥ずかしい時代？年頃？でカモフラージュに普通のビデオと一緒に借りるということもしていました。それはそれは大変な思いでオナニーしてたんです！
しかも、ビデオデッキ自体が貴重な時代でリビングに一台しかないのが当たり前でした。
深夜家族が寝静まってからヘッドフォンとビデオを抱えリビングに行き暗がりの中でヘッドフォンをテレビに差し込んでビデオの再生ボタンを期待に胸をふくらませながら押したものです。いいシーンを何回も見るためにビデオを巻き戻すんですが、ビデオを巻き戻すガチャンガチャンという機械音で家族が起きてこないか？とかそれはそれはドキドキしながら見てました。一仕事終えたあとヘッドフォンを外したらジャックが外れていて大音量で喘ぎ声が響き渡っていたなんてこともありました。誰も起きてこなかったのは優しさなんでしょうか？ｗ
さて、大分前置きが長くなりましたがエロというものはものすごい技術発展させるものだと思います。エロのおかげで日本でビデオは普及しエロのおかげで日本でインターネットはものすごく普及したと言っていいと思います。自分もエロを通して技術の発展に貢献し自分自身のスキルアップになれば。という高い志を持ってこのサイトを制作しました。決して自らのオナニーライフの充実と性癖を充たすため作ったわけではありません・・・ｗ
※2011.08.07 利用中のサーバーに障害が発生しているようで現在サーバーに接続できない状態となっています・・・
サイト名の由来は抜きネタからきています。抜きネーター、ヌキネーターという感じですｗ
エロサイトの制作工程を日記にしてみたんで良かったら読んで下さい。そしてこのサイトを使って夜いろいろと励んでくれたら嬉しいです。
まず前提条件としてお金をほとんどかけたくない。アダルトサイトであるということから
月の予算は5000円以内で考えていたのでけっこう探すのが大変でした。
日本でアダルトサイトを許可している所はかなり限られていてさらにやりたいことができるのは
専用サーバーかVPSしかないのでそうなると専用サーバーは予算オーバーなので
VPSで探すことになり検索しまくってはじめに見つけたVPSはKAGOYAのVPSだったのですがβ版で募集を締め切っていて泣く泣く諦めました。
KAGOYAはかなり評判がいいみたいなので使ってみたかった。
次に見つけたのが○○○VPS。海外サーバーで日本語サポートがあり転送量の制限なしディスク容量100G
月1300円程度で借りれるということで初期設定費用に5000円程度かかりましたが借りてみました。
結果、ここは最悪でした。
あまりの酷さに1ヶ月で解約。
よく調べてみたら評判がものすごく悪い某VPSの再販らしいです。
もう失敗したくないと思い今度は比較的有名な海外サーバーLINODE。
iptablesの設定でどうしてもうまくいかなくて拙い英語でメールしてみたら
10分しないうちに返信がきました！
メールに書かれているとおりにコマンドを入力したらあっさり解決。
担当のブライアンはなぜか分からないけどとてもフレンドリーで親切に感じましたｗ
LINODEは複数のディストリビューションから好きなものを選択できるので
とりあえず、64bit版を選択。
一番面倒だけど重要だということで
Tripwire
ほんとに面倒でした。
はじめはmysqlにストレージエンジンgroongaを使おうと思ったのですが
初めに借りた最悪なVPSはOSが32bit版だったのでgroongaがのソースが見つからずなぜかと思っていたら
どこかで見つけた記事で32bit版ではgroongaの性能を発揮しきれないということで32bit版の提供をやめてしまったらしいと書いてたので
じゃあ、sennaにするかということで最悪VPSでsennaをインストール。
その後LINODEに変更したのでOSに64bit版を選択し念願のgroongaをインストール。
しかし、調べてみると
プログラムもそれに合わせてその都度書き換えたので2度手間どころか3度手間4度手間でした・・・
まず
そして下記の順番でインストール
rpm -ivh mecab-0.98-tritonn.1.0.12a.x86_64.rpm
rpm -ivh mecab-ipadic-2.7.0.20070801-tritonn.1.0.12a.x86_64.rpm
rpm -ivh senna-1.1.4-tritonn.1.0.12a.x86_64.rpm
rpm -ivh MySQL-shared-5.0.87-tritonn.1.0.12a.x86_64.rpm
rpm -ivh MySQL-client-5.0.87-tritonn.1.0.12a.x86_64.rpm
rpm -ivh MySQL-server-5.0.87-tritonn.1.0.12a.x86_64.rpm
rpm -ivh MySQL-devel-5.0.87-tritonn.1.0.12a.x86_64.rpm
my.cnfの設定をして終了
で肝心の全文検索ですがデータ件数が5万件程度で少ないせいなのか、あいまい検索と比べてそれほど速さを実感できなかったです・・・
でもきっとすごく速くなったはず！
ちなみに「麻美ゆま おっぱい」で検索した場合、0.01 secで結果が返ってきました。
さて、動画データの作成ですがいくつかのエロサイト等制作記事でもあるようにスクレイピングということをします。
スクレイピングとはWEBサイトから特定の情報だけを取得することでネット上にあるサイトをクロールして必要なデータだけを拾ってデータを作るといった感じでしょうか。
スクレイピングのプログラム自体は以前にTidy関数を使って為替データを10分おきに取得するような物を作ったことがあったのでそれほど時間はかからないかなと思ったのですがけっこう時間かかりました。
スクレイピングにはTidyとhtmlSQL、それにPHP Simple HTML DOM Parserを使いました。
SQL みたいな文法で HTML を抽出する PHP のライブラリ
htmlSQLよりアツい!?jQueryみたいにセレクタでHTMLをparse(解析)する「PHP Simple HTML DOM Parser」
３つの中で抜群に使えるのはPHP Simple HTML DOM Parserだったんですが
ループ処理させるとメモリがすごいことになって今回のようなスクレイピングに向いてないみたいで
結局、htmlSQLとTidyの両方を使ってスクレイピングしました。
両方ともPHP Simple HTML DOM Parserに比べるとうまくデータの取得ができないことが多く残念な感じなんですが他に選択肢がないので・・・
使える順に並べると
といった感じかもしれません。
おおまかにデータを取得して正規表現で特定データを抜き出しました。
http://affiliate.dmm.com/link.html
利用可能な物はパッケージ画像、サンプル画像（縮小）と書かれていたのでそれに従い画像を利用。
注記に※ユーザーレビューは引用いただけません。とだけ書かれているのでそれ以外は引用ありと判断して説明文とタイトルなどを利用
女優データとジャンルデータ、DVDデータ、を紐付けたデータベースを作成し検索ワードに応じて検索結果に関連する商品を表示させるようにしました。
現状、売り上げ0で意味があるのか分かりませんけどｗ
エロサイトということで多少はチューニングとか設定とかしないとまずいかもと思い色々調べて設定しました。
やったこと
KeepAlive On MaxKeepAliveRequests 60 KeepAliveTimeout 3 <IfModule prefork.c> StartServers 7 MinSpareServers 5 MaxSpareServers 10 ServerLimit 30 MaxClients 30 MaxRequestsPerChild 4000 </IfModule>
様子見ということで2日間で設定してみました。
query_cache_limit=1M
query_cache_min_res_unit=4k
query_cache_size=16M
query_cache_type=1
とりあえずこんなところを設定してみましたが、爆発的なアクセスがあるわけでもないので有効なのか今のところ分かりません(-_-;)
Apache Benchでテストはしてみましたけど問題はない感じですが実際にチューニングができているか分かりません。
プログラマーとして有名なゆうすけさんのサイトとgoogleを参考にしました。
シンプルで使いやすいようにしようと思いこのデザインにしました。
クロスブラウザはIE7、firefox3、chromeで行いました。
可変ものって作ったことなかったんですがけっこう面倒なんですね。
ブックマーク機能とメニューの折りたたみ機能、検索結果の表示方法切替を作りました。
まず、ブックマーク機能ですがログインなしで気に入った動画をブックマークできるようにしました。
ブックマークに追加した動画はブックマークページで確認できるようにしました。
cookie機能を利用したらいけると思い色々調べてjquery.cookie.jsを利用。
保存したクッキー情報を呼び出してphpに渡して処理し指定要素にブックマーク一覧をloadメソッドで表示させるという感じです。
$(function(){ $("#youso").load("xxx.php"); });
メニューの折りたたみ機能は人気AV女優やAV女優別、人気タグなどをそのまま表示させるとずらっと長くなって邪魔だったのでつけました。
これには同じくjquery.cookie.jsを利用しました。
参考サイト：http://blog.caraldo.net/2009/03/newjqqookiemenu.php
検索結果の表示方法切替にはZoomer Galleryを利用しました。
参考URL：http://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_zoom#a_zoomergallery
検索結果ページで表示される
[ここの画像]
××× の検索結果
44件中 1～10件目を表示
ここの画像の部分をクリックするとgoogleイメージ検索みたいに一覧でイメージ表示できるようにしてみました。
基本的に動画の埋め込みを許可しているサイトのみプレイヤー表示をしそれ以外は画像を表示し動画データへリンクするようにしました。
埋め込み部分はあらかじめそれぞれのサイトに対応したプレーヤー部分のコードを記述しVIDEOIDの部分に置き換えるような形にしました。
XVIDEOSを例にすると
XVIDEOSの場合かならず動画のurlがhttp://www.xvideos.com/videoXXXXXX/のようになりますのでXXXXXXの部分を
VIDEOID部分に置き換えるようにプログラムを組みました、
埋め込み部のソース
>||<object width="510" height="400" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" ><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://static.xvideos.com/swf/flv_player_site_v4.swf" /><param name="allowFullScreen" value="true" /><param name="flashvars" value="id_video=VIDEOID" /><embed src="http://static.xvideos.com/swf/flv_player_site_v4.swf" allowscriptaccess="always" width="510" height="400" menu="false" quality="high" bgcolor="#000000" allowfullscreen="true" flashvars="id_video=VIDEOID" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
||<
その他の動画サイトもURLの一部分のデータを使っているので同様の処理をしました。
実際の作業は２、３週間ですが色々調べる時間が多くて制作に2ヶ月くらいかかりました。
自分でエロ動画検索を作ってみて有名プログラマーさん達がいかに優秀なのか思い知らされました。
全くWEBの知識がない人で４、５ヶ月ですごいの作っちゃう人とかもいるみたいですし世の中広いな～と思います。
大分、色んな知識を得ることができました。
これからプラグラムを勉強しようと思う人はぜひエロサイトから入ってみて下さい。
そんなこんなで？頑張って作ってみたエロ動画検索、良かったら使ってみて下さい。
これで少しは技術の発展に役立てたでしょうか？ｗ
P.S エロサイトを作っていてはじめは楽しくて興奮しながら作ってたのですが最後の方はエロい物を見ても全く反応しなくなりましたｗ
不能ではないんですけど・・・今現在も性欲が著しく減退しております・・・
そしてスーパーpre記法がうまういかないのはなぜ？はてな匿名ダイアリー初投稿で全然分からない・・・
そしてそしてプログラマーさんとかデザイナーさんとかエロい人とかお気軽にお声をおかけ下さい。
【お知らせ】2011/09/07
ギャンブル全般（ゲーセンとかのパチンコは見てて楽しそうだけど）
ネットゲーム（ハマるとリアルをないがしろにすると聞くので怖い）
アイドル（全く興味が持てないので一緒に楽しめそうにない）
低年齢アイドル（同上）
お酒（飲めない）
オーディオ（今のところ興味がもてそうにない）
テーブルゲーム
旅
凌辱系アダルトゲーム（凌辱ゲー最高）
萌え・エロフィギュア（エロ系は子どもができたら隠してほしいけど、人形は好き。作ってみたい）
萌えライトノベル・アニメ（とあるって萌え系に入る？ 上条さんかっこいい！）
猫オタ・犬オタ（動物大好き！ 話が合うとうれしい。でも爬虫類はちょっと苦手かも）
格闘系orシューティング系ゲーム（上手い人のプレイを見るのは好き）
映画鑑賞（全然知らないけど好きな作家さんが映画好きなのでおすすめを教えてほしい）
歴史（学問知識が増えるのが好きなのでいろいろ話を聞いてみたい）
とある本屋さんでポイントカードを作った。再販商品でポイントが付けるのはめずらしい。これはすごいと思い進められるままに作ってみた。
いくら使うと5％引きになるのか考えてみたら、ちょっと微妙な気持ちになった。
800円で、10ポイント。8000円で100ポイント。80000円で、1000ポイント。400円の単行本だと200冊。
1年間の購入履歴がない空白があくと、ポイント消滅。
特典の5％引きをどういう商品に使うのかを考えてみたけど、書店で高額の美術書でも買わない限り、消費税分がチャラになるだけというのも微妙な感じがした。
死ぬまでにこんなにたくさんの本を消費するのかどうかを考えてると、囲い込み戦略としてこのポイントカード制度はどうなんだろう。
多かれ少なかれ、みんな容姿にコンプレックスはあると思うけど、それをバネにしておしゃれに励む人と、
ある程度あきらめてモッサリしてるひとがいると思う。おしゃれが楽しくて仕方ねえ！って人も、やっぱり
容姿がいいとトクをする世の中から取り残される恐怖から逃げるために見栄えをよくしてるところもあるだろう。
さて、自分はモッサリタイプなわけだが、それでもある程度最低限は身だしなみに気を使っているつもりではあった。
すごくおしゃれに気を使ってるわけじゃあないけど、風呂とか洗顔・整髪料や髭剃りアイテムあたりで清潔感は
どうにか出そうとしていた。それがどうだ、最近メガネが古くなったってんで、今まで矯正視力0.9だったのを1.5になる
ようなメガネに換えた。
うほほっほっ俺キメェェェェェェェェェェwwwwwwwwwwwww
誰でもメガネ変えたら人の顔のシワなんかに目が行くもんだが、それより俺の髭剃りあとやべぇ！青々としすぎ！
顔テカテカ油顔すぎ！目の下のクマやべえ！髭剃りでミスった傷痕恥ずかしい！
0.9のメガネで鏡にぐっと近づいてもなんか気づかなかったのに、このメガネで見たらやばい！やばすぎるよ…
というわけで帰りドラッグストアに寄って、ケア用品を買い込みましたという話。その後、いろいろ気になって
コンタクトも作ってみたり床屋から美容院に買えてみたり服に金をつぎ込むようになった。今まではオシャレと
いうものに対して何か気恥ずかしさがあったけど、そうも言ってられないほどグロメンだったんで、それの手入れを
１年に１回くらい趣味でwebサイトを作ったりする独学素人ノンプログラマーです。
仕事はＩＴ系にかすりもしないけど、たまにサイトが作りたくなるんです。
htmlもCSSも知識不足ですが、作成ソフトに頼ればなんとかなります。
そんなレベルで無謀にも「JavaScriptも使いたいな」とか思ったりするわけですよ。
で、たまに「簡単にわかるJavaScript入門」なんてサイトや記事がありますよね。
ああいうのを書いてくださる人に、ちょっと言いたい。
あなた方の想像を絶するほどに、俺のＩＴ系理解能力はゴミクズですよ！
「簡単に分かる入門」にさえ入門できません助けて先生！
と、鼻水をたらしながら泣き出すような底辺レベルのスキルしかないザコであります自分は。
ですが、jQueryと出会い、見よう見まねと思いつきで作ったら、こんなんできました。
jQueryってやつを使えば、ド素人にもこんなものが作れるんですね。
用語とかあんまり使わずに、中高生でも読めるレベルで語ります。
web制作にくわしくない方にも「どうなってるのか？」って雰囲気は伝わるかと思います。
技術はないけど、人とは違ったwebサイトを作りたいって方、jQueryマジオススメです！
きちんと勉強されてる方からすれば失笑ものの内容かもしれませんが、ご容赦を。
よくある「入門」すら難しく感じる自分のような方々に届けるつもりで書きます。
くわしい方は、間違いなどがあれば温かくご指摘いただければ幸いです。
あと、「知識不足の人間はこんな思考をしてるのか」という参考になればうれしいです。
前置きが長くなりましたが、それではサイトで使用した４つのjQueryを説明します。
プログラマーさんたちが作った高性能なjQueryのコードなんですが、このプラグインってのが超便利なんです。
使い方は、すでに作られているコードをコピーして、ちょっとのアレンジするだけ！
昔、jQueryの知識がほぼゼロだったころ、このプラグインを知りました。
で、俺も「カッコいいプラグインが使いてええ！」と考えて試しに使ってみたわけです。
けどまあ、プロが作ったコードを、知識ほぼゼロで動かそうなんて甘すぎですよね。
でも、あんまり深く考えずに、貼りつけて動かしてみたところ――
あっけないほど簡単に動きました。
それがサイト内の、パッケージ画像にマウスを合わせると大きくなる部分です。
プラグイン「Bubbleup」
紹介記事１ マウスオーバーを気持ち良くするjQueryプラグイン「Bubbleup」 | Web活メモ帳
紹介記事２ JavaScript + Ajax 実践サンプル集 - jQueryのbubbleupプラグインでアイコンを拡大する
配布元（英語）BubbleUp jQuery Plugin to Spice Up Your Menu | AEXT.NET MAGAZINE
ネット上にはこういうのがいっぱいあるんで、ぜひいろいろ眺めてくださいませ。
こういうの眺めても、「どうせこんなの使えないし」と思えますよね。
でも、「これがコピペで使えるのか！」と思えば楽しくなってきません？
このプラグインってのを使いこなすには、htmlとCSSの知識が必要です。
ですが逆に言えば、それと切り貼りアレンジだけで、高性能のjQueryが使えるわけです。最高ですぜ。
プラグインを貼ってカッコよく動いたんで、
と考え、最初に作った自作のjQuery部分が、サイトの表紙です。
世の中には、JavaScriptを有効にしていない人がいます。
たとえば、決して私ではありませんが、エロサイトで出る変な広告表示をさけるため、それを切っている人もいます。
で、頻繁にエロサイトに通いすぎて、切ったままなのを忘れて普段のサイトを巡ると、たまに表示がおかしくなる。
で、そんな人のために「JavaScriptを有効にしてください」と書いた表紙をつけたわけです。
ですが、jQueryはまだよく分かってなかったんで、「入門」のサイトを眺めてました。
で、いくつか読んでみても、やっぱりすぐには分からん……。
でもね、そういうとこには、「練習用サンプル」ってのがあるんですよね。
練習台で「ボタンをクリックすると画像が非表示になる」みたいなのがあったんで――
みなさま、いかがでしょ？
サイトのjQueryは、「画像をクリックすると画像が非表示になる」とアレンジしています。
最初に現れる画像をクリックすると、画像が消えて下の画面が現れましたでしょうか？
（JavaScriptを切っていると動きませんのでご注意を）
この表紙は１枚の大きなjpg画像で、それをクリックすると消えるようになってます。
よく分からんまま見よう見まねで貼りつけて動かしただけなんですが、こ、こいつ、動きます！
・５分ほどのスライド。最初見たときは知識不足で理解不能だった。
・初心者の神・西畑一馬様の入門講座。jQueryの雰囲気が分かる！
なお、「はじめてのjQuery」を見たのが、このドラクエサイトを作るきっかけでした。
黒い画面に浮かぶスライドを見て、「ドラクエの画面っぽい」とひらめいたのです。
いろんなjQueryのサイトを見てパクれる……いや、参考になるのを探すのは面白いかと思います。
うちのサイトを見て、「懐かしのゲームブック風サイトを作りたい！」とかひらめいてください。
個人的に楽しみたいので、ホントぜひどうか誰かひらめいてください！
で、簡単に動くのを見て、jQueryのすごさを改めて思い知り、きちんと勉強しようと考えました。
そこで助けられたのが、jQuery初心者の救世主「西畑一馬」さんの記事です。
なお、本格的に勉強しようという人は、入門の「速習講座」より、
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
これも同じく西畑さんの記事なのですが、こちらは量が膨大にあります。
速習講座では軽く流された部分も、一個ずつ丁寧に解説されています。
というか、西畑さんは本を書いてはるので、それを買いましょう（布教）。
ここは入門によく書かれる「アコーディオンパネル」をアレンジして作りました。
アコーディオンのように開いたり閉じたりするアニメーションでの演出です。
jQueryは、簡単にいろんなアニメーション効果がつきます。これが楽しんです。
そこから３種類を紹介すると、
自分のサイトの「すすむ」「もどる」で使っているのは、スライドアニメーションです。
＜「すすむ」の仕組み＞
「すすむ」を押すと、表示部分が上に隠れて消え、次が表示されます。
という変な動きをしています。
たぶんもっと簡単な処理ができると思うんですが、自力で考えてやるとこんな感じになりました。
＜「もどる」の仕組み＞
こっちは簡単。
クリックしたら、表示部分の前の部分がスライドして現れるだけです。
けど、ちょっと苦戦して勉強するところがあるのもまたよいです。
htmlとかCSSとかからすると、jQueryはなんか信じられないくらい大量のことができます！
たぶん、jQueryの元になってるJavaScriptがすごいんでしょうね。
わずかに勉強して改めて、使いこなしているプログラマーのすごさを思い知りました。
で、順調に進んでいたサイト作成の最後で壁になったのが、こいつです。
１つめの、「マウスを合わせたときの動作」は「hover」というものを使っています。
なんか難しいのが出てきましたが、実はこれも入門講座の例をパ、参考にしました。
上で挙げた、「はじめてのjQuery」に出てきた「hover」の使い方の例です。コピー万歳。
でも、いきなり「hover」とか言われても意味が分からん人も多いですよね。
なので、どんな感じで動いているか、「ふーん」とイメージだけ見ておいてください。
ということをやっています。
（なお、パッケージ画像をクリックしたときも同じ移動を使っています）
処理の内容としては、たとえば「ドラクエ１・１話」の項目に飛ぶ場合、
（実際に見えるのは、２のスライドして出てくるところだけ）
が、なぜかここでエラーが。
「ドラクエ１・１話」に飛んだ後、「すすむ」がうまく使えない……。
まるで「次が存在しない」みたいに進まなくなってしまうんです。
ぶっちゃけると、ここは今でも原因が分かりません。
で、理屈が分からないから、思いつく方法を手当たり次第試してみました。
その中で成功したのが、「次が存在しないなら存在させてしまえ」というものです。
何を言っているか分からないと思いますが、大丈夫、俺も分かりません。
いちおう処理としては、
1・「ドラクエ１・１話」の前の部分すべてをスライドさせて消す。
1.5・「ドラクエ１・１話」の後ろの部分すべてをスライドさせて出す。
（実際に見えるのは、２のスライドして出てくるところだけ）
と、１．５を入れたものです。
自分でもなんで成功したのかはよく分かりませんが、きちんと表示はされています。
よく分からないなりにも動いてしまったのは、きっとjQueryのパワーだと勝手に納得しておきます。
（ここはきちんと知識のある人に見せるのが恥ずかしい内容ですね。変なコードですみません）
つまるところもありましたが、以上がjQueryでの処理です。
たまの休日に作成する趣味レベルのサイトとして、自分でもすごく満足です！
jQueryは何がすごいかって、これ、めっちゃ楽しいんですよ。
・プラグインをコピペするだけで見違えるように、サイトが動く。
・ちょっと表現を覚えるだけで、表現にアニメーションが加わる。
・さらに研究すればするほど、いろんなことができるようになる。
今までJavaScriptとか、独学素人なんで、なかなか勉強する気が出ませんでした。
しかも、「関数や引数がどうたらで、まずは足し算をアラート表示」とか、あまりやる気が出ません。
でも、jQueryは勉強の成果がすぐにめっちゃ分かりやすく出ます。
たぶん、自分にとって一番効果が大きかったのは、簡単さよりも便利さよりも、「やる気が出る」ってことでした。
それは「すすむ」の部分。
「最後のページで『すすむ』をクリックすると、始めに戻る」という機能です。
ここは、jQuery独自の機能を使ったわけではありません。
JavaScriptの「if構文」を勉強して作りました。
jQueryもJavaScriptの一種なんで、こういう構文が使えるんですよね。
どんな感じの処理かを説明すると、
という、単純なものです。
単純だけど、初めてのJavaScriptの構文で、自分には大きな一歩です。
今まで進むことができなかった、本当に大きな一歩を、自然と踏み出せていたのです。
届けたいので、もう一度書きます。
今はまだ技術はないけど、魅力あるwebを作る力を身につけたい方、jQueryマジオススメです！
自分も取れる時間は少ないなりに、楽しみながら少しずつ進歩していきたいと思います。
togetterでコメントしてたけど長くなったから増田にする。
本当はブログ作るべきなんでしょうけど面倒くさいので。すみません。
とても面白かった。 このamamakoという御仁が良いと賞賛できるアニメ作品、およびその作品をどうやって賞賛するかを見てみたい。嫌いしかない人がいくらある作品をけなしてもそれだけでは奥行きがなくてつまらないからね。 爆笑問題の太田は芸として村上春樹をけなしたりKAGEROUを褒めたりしている。この人が本気出せばもっと面白い芸ができるはず。 2011-04-23 20:07:58
追加された分についての感想。2011-04-24 09:58:38
結論としては「まどマギの世界の大人は情けない。俺があの世界にいたら・・・」とか「まどマギのストーリーはディケイドみたくもうちょっと成長した大人たちによって演じられるべきだった。そうしたら変わっていた」とかかな。 与えられた設定を受け入れられないという点で、現実から目を逸らし続けるまどか役がやりたいんだろうか。 魔法少女にならず安全なところから世界は間違ってるよっていってればなにか解決するんだろうか。 違うというなら「まどかは仲間を見捨てて逃げるべきだった」という所から論じるべきだったけどそうしてない。
そりゃあストーリの設定無視して「良きこと」を語るのは簡単だろうし、自分がその場にいないという前提で「正しさを主張して皆で仲良くほろびるべきだった」というのも簡単だろう。そしてそういう妄想も二次創作では否定されるべきではないとは思う。でもそれは作品批判とは違う。 まして他人をキモオタとかいって罵倒できる理由になるんかね。終わった後で幻想ぶちころすって・・・。結果だけは受容するのか。ひどいな。
私がこの人から読みたいのはこんなチャチなオチじゃない。「救われた世界に立って、救われるべきではなかった」なんてのは駄目です。ちゃんと自分が地獄に立って、そこからこれでいいんだって言ってほしい。自分だったらまどマギをどう作る、とか。俺の理想を最も体現しているのはコレだ。とかいってフラクタルを絶賛したり、自分でSSを作ってみたりする。そういう芸をやって欲しかった。
よき作品の例がオマツリ男爵て・・・。別にオマツリ男爵という作品を否定するわけじゃないが、その解釈はオマツリ男爵という作品の内容に沿って正しいのか？ それで開き直って自分一人でいきていけるのかい男爵は？ この人「自分に何かを強制する・命令する」ように感じさせる何もかもが気にいらんだけと違うんかね。秩序なるものが嫌いなだけと違うんかね。 もはやルサンチですらない。ただの我侭じゃん。まだルサンチの方が努力する姿があるので好感持てる。 要するに、ただのつまらない人だったか。
だから、全力でまどマギに立ち向かうぜ、的な姿勢を示していたこの人の意見をとても興味深く読ませていただいたのだけれど、
批判の理由がまどマギの作品論理によったものではなく、単なる彼の政治信条みたいなものであることを徐々に露呈していき
＜作品の中ではなく作品の外＞＜作品と視聴者の関係ではなく、視聴者である彼自身の内面へ＞
と話が二極化していき、作品そのものへの語りが少なくなるに連れ私のテンションがダダ下がりしていった。
これでは勝谷誠彦とかと同程度の、極めて低俗な芸と同じだ。それは面白くないんだ。面白くないんだよ。
あれをやりたいなら、もっと短くコンパクトにやらなきゃダメだ。
俺は無能だ。
新しいことを学ぶのは好きなんだ。
最近ではRubyを勉強している。プログラミングで在宅ワークなんて出来ればいいなと思っているからだ。
俺は無能だ。
Rubyの色んな参考書を買ってみた。理解できるところもあれば理解出来ないこともある。それでもただひたすら読んでいる。
俺は無能だ。
当初の目的。在宅ワーク。いったいどうやったできる？アフィ？Rubyをアフィにどうやって利用したらいいんだ？
どんなテーマでアフィをすりゃいいんだ？それさえ決まってないのに、手段から手を出す俺。
人脈、金無し。そんな俺は今生きて行くことができるのか？一生アルバイト生活なのか？どっかの会社に就職なんてしたくもない。
上司に媚びへつらって、まかされた仕事で残業とか、そんなの嫌だ。
みずからが仕事をとってきて、好きな時間に仕事をやる。根詰める時は根詰めて、休むときはひたすら休む。
そんな生活を夢見て勉強しているが、どうやって活かしていけばいいんかわからない。
その時pray for japanムーブメントが起きていたのは知っているだろう。
instagramのハッシュタグpray for japanの写真一覧をサイトに載せるとか、そういう事をやってみたかった。
今からでも遅くない？
でも、技術足りない。
http://savejapan.simone-inc.com/index.html
save japan。
まったく思いつかなかった。こんな発想。
俺はやっぱり無能だ。
いったいどうすれば？霧の中自分をごまかして生きている。自分よりモノを知らないやつを相手にしながら
商談先を見つけて、提案して、意見を聞いて、すり合って、成果物を作りたいんだ。
いったい何をすれば、望みの生活を過ごすことができるんだ？
どうやって・・・どうやって・・・
まず安全。もう安全なんてもんじゃない。超安全。
安全とかっても
なにしろ福島原発が設計されたときの想定最大地震規模はＭ８．２。
なのにＭ９．０に地震に耐えた。(http://bravenewclimate.files.wordpress.com/2011/03/fukushim_explained_japanese_translation.pdf)
スゲェ！
なんか単位見るとすごくなさそうなの。
「Ｍ８．２とＭ９．０だから１０％くらい強い地震に耐えたの？」
実際のＭ８．２とＭ９．０の差は１６倍。スゲェ！なんか耐えちゃったの。
安全率とかバッファーとか超越しちゃってる。日本の工学スゲェ！
しかも放射性物質ほとんど漏れてない。ヤバイよ。想定以上の地震に耐えた上にほとんど漏れてないんだよ。
だって普通はチェルノブイリみたいに放射性物質ダダ漏れしちゃうじゃん。
10分間で50Svの放射線観測とかになるっしょ。(http://blog.livedoor.jp/dankogai/archives/51656435.html)
もうどうしようもなくなって事故自体無かったことにされて避難勧告すらされないとかで泣くっしょ。
だから結局チェルノブイリ原発施設自体をコンクリートの石棺で覆った後、さらに鋼鉄の覆いでふさごうとかする。(http://wiredvision.jp/blog/wiredscience/200711/20071127132023.html)
手間のかかるヤツだ。
けど福島原発はヤバイ。そんなの気にしない。放射性物質をがっちり閉じ込めまくり。
事故直後３月１５日に敷地内で放射線量を観測しても400mSv/hしかない。(http://www.nikkei.com/news/article/g=96958A9693819595E3E7E2E39B8DE3E7E2E1E0E2E3E39F9FE2E2E2E3?n_cid=DSANY001)
ヤバすぎ。
今はほとんど放射性物質を漏らしていないけど、もしかしたら今後は核兵器みたいに爆発するかもしんないとか思われてる。
でも核爆発させるにはそもそも高純度のウラン235が必要で、約３％のウラン235濃度しかない原発燃料棒のウランでは核爆発を起こせない。((http://www.amazon.co.jp/%E4%BB%8A%E3%81%93%E3%81%AE%E4%B8%96%E7%95%8C%E3%82%92%E7%94%9F%E3%81%8D%E3%81%A6%E3%81%84%E3%82%8B%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9%E3%80%881%E3%80%89-%E3%83%AA%E3%83%81%E3%83%A3%E3%83%BC%E3%83%89%E3%83%BB-%E3%83%A0%E3%83%A9%E3%83%BC/dp/4903063453))
もし核爆発が起こったら「じゃあ、今までの核物理学ってナニよ？」ってことになるし、核爆発は起こらない。
ヤバイ。原理上、核爆発が起こらないなんて凄すぎる。
あと超現場ががんばってる。自衛隊、消防隊、ハイパーレスキュー隊、警察。ヤバイ。がんばりすぎ。総力結集しすぎ。すごい。
とにかく貴様ら、福島原発のヤバさをもっと知るべきだと思います。
そんなヤバイ福島原発つくった人と現場でがんばってる自衛隊、消防隊とか超偉い。避難して耐えてる住民の人とか超偉い。もっとがんばれ。超がんばれ。