「スーパーpre」を含む日記 RSS

はてなキーワード: スーパーpreとは

2020-03-26

anond:20200326013017

増田で>を化けないように書くには、>と書くといいよ。

ソースコードっぽいのを書くとき引用記法でもいいけど、pre記法(>| ~ |<)の方がカッコいいかもしれないよ。

増田ではpre記法スーパーpre記法を使っても<や>や&が化けることは避けられないか数値文字参照を使わざるを得ないけどね。

2020-02-12

anond:20200212143037

MS技術はやめておいた方がいい。…と自分では思っている。

TypeScriptで出力したJSは、MSブラウザしかサポートしない、という未来は十分に予測できる。

それにどういう方針でbetter JSを作ろうとしたのか不明だが

    const color = switch (input) {
        case 1 => 'red'
        case 2 => 'blue'
        default => 'green'
    }

(どうでもいいが、増田スーパーpre記法使えないのか?)

こんな具合の「値を返すswitch」のような文法拡張すら実現できていない。

技術力が窺い知れる。

国内の勢いのあるスタートアップの中で、MS技術を使う会社は本当に「皆無」だし

うちの会社も、MSフリーで固めてる。

2019-06-28

見出し記法

~~

日記見出し(h3)を付けます

時刻付き見出し記法

t*~~

t+1*~~

見出し編集時刻を保存し表示しま

name属性付き見出し記法

name*~~

見出しに好きな name 属性つけま

カテゴリー記法

[~~]~~

日記カテゴリーを設定しま

小見出し記法

~~

日記小見出し(h4)をつけま

小々見出し記法

~~

日記に小々見出し記法(h5)をつけま

リスト記法

  • ~~
    • ~~
  • ~~
    1. ~~

リスト(li)を簡単記述しま

定義リスト記法

~~
~~

定義リストdt)を簡単記述しま

表組み記法

~~ ~~

|*~~ | ~~ |

表組み(table)を簡単記述しま

引用記法

~~

引用ブロック(blockquote)を簡単記述しま

pre記法

 ~~ 

整形したテキストをそのまま表示します(pre)

スーパーpre記法

 ~~ 

整形したHTMLなどのソースをそのまま表示します(pre)

スーパーpre記法シンタックスハイライト

&gt;|ファイルタイプ|

~~

||&lt;

&gt;|??|

~~

||&lt;

整形したプログラムソースコードを色付けして表示します(pre)

aa記法

 


  
  

2019-06-24

anond:20190623221719

この露骨釣り針よっしゃあのaaの出番だ!ってaaを貼ろうとしたんだけど駄目みたいだ

今はネットpc以外から見ることの方が多いしなー

スーパーpre記法

   ∩___∩         |
   | ノ\     ヽ        |
  /  ●゛  ● |        |
  | ∪  ( _●_) ミ       j
 彡、   |∪|   |        J
/     ∩ノ ⊃  ヽ
(  \ / _ノ |  |
.\ “  /__|  |
  \ /___ / 

aa記法




  
  

2019-03-15

シェルサンプルコードプロンプトをつけるか問題

GitHubのREADME.mdとかでシェルから実行するコマンドサンプルを書くとき、見た目のわかりやすさを重視して、サンプルにプロンプトをつける。

こんな感じ:

$ echo hello

でも、これだとコピペするときいちいち修正必要だよなーとよく思う。

あと、ビミョーにシンタックスハイライト無視する形になるのが気になる。

たぶん世の中には「プロンプトつけない派」もいると思うんだけど、なかなかまわりに聞く機会がない。

(どうでもいいけど、スーパーpre記法をひさびさに使った)

2017-07-04

はてブユーザーページを元に戻せという馬鹿文句意味不明

開くアドレス

http://b.hatena.ne.jp/<自分ID

から

http://b.hatena.ne.jp/<自分ID>/bookmark

に変えれば済む話だろ。

自分以外のユーザーのページは前者でもブックマーク一覧が出るし、何が問題なのかマジで意味が分からない。


そんな下らないことより、>の半角をpre記法スーパーpre記法のどちらで囲っても&gt;に変換される方がよっぽど糞だろ。

2016-05-22

はてな記法が一部使えます

入力支援記法

(※一部記法 [ ><| ] は変換されてしまうため全角にしてあります

記法 書式 機能
見出し記法 *~~ 日記見出し(h3)を付けます
時刻付き見出し記法 *t*~~, *t+1*~~ 見出し編集時刻を保存し表示しま
name属性付き見出し記法 *name*~~ 見出しに好きな name 属性つけま
カテゴリー記法 *[~~]~~ 日記カテゴリーを設定しま
小見出し記法 **~~ 日記小見出し(h4)をつけま
小々見出し記法 ***~~ 日記に小々見出し記法(h5)をつけま
リスト記法 -~~, --~~, +~~, ++~~ リスト(li)を簡単記述しま
定義リスト記法 :~~:~~ 定義リストdt)を簡単記述しま
表組み記法 | ~~ | ~~ |, |*~~ | ~~ | 表組み(table)を簡単記述しま
引用記法
>>
~~
<<
引用ブロック(blockquote)を簡単記述しま
pre記法
>|
~~
|<
整形したテキストをそのまま表示します(pre)
スーパーpre記法
>||
~~
||<
整形したHTMLなどのソースをそのまま表示します(pre)
スーパーpre記法シンタックスハイライト
>|ファイルタイプ
~~
||<

>|??|
~~
||<
整形したプログラムソースコードを色付けして表示します(pre)
aa記法
>|aa
~~
||<
アスキーアート簡単にきれいに表示しま
脚注記法 (( ~~ )) 日記脚注を設定しま
続きを読む記法 ==== 次の見出しまでその後の日記を「続きを読む」にしま
スーパー続きを読む記法 ===== 見出しも含めてその後の内容を「続きを読む」にしま
改行記法 (連続した空白の行2つ) 改行(br)を挿入しま
pタグ停止記法
><
~~
><
自動挿入される p タグを停止しま
tex記法tex:~~] mimeTeX を使って数式を表示しま
ウクレレ記法 [uke:~~] ウクレレコード譜を表示しま

自動リンク

記法 書式 機能
http記法 http://~~、[http://~~:title]、[http://~~:barcode]、[http://~~:image] URLへの始まるリンク簡単記述しま
mailto記法 mailto:~~ メールアドレスへのリンク簡単記述しま
niconico記法 [niconico:sm*******] ニコニコ動画再生プレーヤーを表示しま
google記法google:~~google:image:~~google:news:~~Google検索結果にリンクしま
map記法map:x~~y~~(:map)、map:~~map:t:~~Googleマップを表示し、リンクしま
amazon記法 [amazon:~~] Amazon検索結果にリンクしま
wikipedia記法 [wikipedia:~~] Wikipedia記事リンクしま
自動リンク停止記法はてな記法はてな記法による自動リンクを停止しま

入力支援機能

ヘルプ 書式 機能
「*」や「-」をそのまま行頭に表示する (行頭に半角の空白をつける) 行頭で「*」や「-」などをそのまま表示しま
下書き記法 <!-- ~~ --> HTMLソースにも表示されない下書き日記記述しま

2015-12-02

増田twitterを埋め込む方法: サンプル有り

twitterツイート増田に埋め込む方法を丁寧に書きます

*さっき一部の半角文字増田で書けないと書きましたが数値文字参照にすれば書けました。訂正します!教えてくれた人あんがとー!でもスーパーpre記法ではこのやり方通用しなかったのでシンタックスカラーは無し。

 

twitterから引用する埋め込みHTML要素を持ってくる

twitter.comに行き ツイートの ... ボタンを押す。ツイートサイトに埋め込むを押す。そうすると以下のHTML要素がコピー出来る。ここではサンプルにしても無害そうなifttt公式アカウントツイート引用します。

<blockquote class="twitter-tweet" lang="ja"><p lang="en" dir="ltr">Connect <a href="https://twitter.com/instagram">@Instagram</a> to <a href="https://twitter.com/Dropbox">@Dropbox</a> and automagically save every photo you post for safe keeping <a href="https://t.co/YVrgcSJZAD">https://t.co/YVrgcSJZAD</a> <a href="https://t.co/3vEiFZ3ADW">pic.twitter.com/3vEiFZ3ADW</a></p>&mdash; IFTTT (@IFTTT) <a href="https://twitter.com/IFTTT/status/662023324306837504">2015, 11月 4</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

増田を書く

まあ増田を書く

増田ツイートを埋め込む

先ほどのHTML要素のうち末尾のscript要素は引用する際,埋め込んだtwitter引用からはみ出て表示されるので邪魔です。取りましょう。

末尾のこれを取ります

<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

そうするとこうなります。これを増田にそのまま貼り付けてください。

<blockquote class="twitter-tweet" lang="ja"><p lang="en" dir="ltr">Connect <a href="https://twitter.com/instagram">@Instagram</a> to <a href="https://twitter.com/Dropbox">@Dropbox</a> and automagically save every photo you post for safe keeping <a href="https://t.co/YVrgcSJZAD">https://t.co/YVrgcSJZAD</a> <a href="https://t.co/3vEiFZ3ADW">pic.twitter.com/3vEiFZ3ADW</a></p>&mdash; IFTTT (@IFTTT) <a href="https://twitter.com/IFTTT/status/662023324306837504">2015, 11月 4</a></blockquote>

確認する

確認するボタンツイートが埋め込まれてないのであれ?と思うかもしれませんがそのまま「この内容を登録する」を押してください。

ツイートの埋め込みを確認する

増田タイムラインでも埋め込みツイートは表示されずたんなる引用として表示されます。あれ?となるけど書いた増田記事の本文URLを開いてください。本文を表示した場合のみツイートが埋め込みで表示されます

応用すると以下のようにツイート内にインラインされている動画増田にインライン出来るなど夢が広がりますね。あと増田コードサンプルを書くにはクソですね。

参考

増田Twitter引用法まとめ

増田では半角山括弧が使えない?

増田だとスーパーpre記法内で&をそのまま書けない件

はてな記法一覧 - はてなダイアリーのヘルプ

IFTTT(@IFTTT)さん | Twitter

アメコミ大全集(TM)(@amecomic)さん | Twitter

2013-03-23

プロテクト強化後のもふったーも予想以上に酷かった件(追記あり)

ことのあらまし
  1. Twitterクライアントもふったーの作者「TweetDeckのconsumer secret簡単に抜ける、終わってる」(http://blog.livedoor.jp/blackwingcat/archives/1760823.html)
  2. 別の誰か「もふったーのconsumer secretも簡単に抜ける」(http://d.hatena.ne.jp/kusano_k/20130318/1363640368)
  3. もふったーの作者「プロテクト強化した」(http://blog.livedoor.jp/blackwingcat/archives/1762970.html)

プロテクトかけたアルゴリズムを実装したバージョン差し替え」たなんて言われると本当に「プロテクト」がかかっているのか確かめてみたくなるのが人情というもの。というわけで、プロテクト強化後のもふったー(v0.9.6b)からconsumer secretが抜けるか試してみた。結論から言うと、あっけなく取り出せた。以下に手順を記す。

手順

動作がよくわかっていないアプリケーションを解析して仕様を明らかにすることをリバースエンジニアリングと呼ぶ。ソフトウェアリバースエンジニアリングは基本的に対象を逆アセンブルしてひたすら読むことによって行う(その補助に1命令ずつ実行してレジスターやメモリーの様子を観察することもある)。しかし、よっぽど小規模なものでなければオブジェクトコード全体を逆アセンブルして最初から最後まで読むなんてのは不可能だ。人間の読速度には限界があるし、時間も有限だからだ。そして、詳しい動作を知りたい部分というのは全体のごく一部であることが多いので全逆アセンブリを読むのには非常に無駄が多い。

からリバースエンジニアリングはいかに詳らかにすべき動作を行っているコードを絞り込むか(=読むべき逆アセンブリを少なくするか)が重要になる。

この場合も同様だ。TwitterGUIクライアントを頭から読むのは到底無理なので、どうやって解析すべきコードの範囲を狭めるかを考えた。それにはOAuth認証においてconsumer secretがどのような役割を果たすのかを知る必要がある。

OAuth認証で、consumer secretはそのままサーバーに送信されたりはしない。signatureの生成にHMAC-SHA1が使われ、その鍵にconsumer secretが使われる。HMACは次のように算出される。

HMAC (K,m) = H ((K ⊕ opad) ∥ H ((K ⊕ ipad) ∥ m))

ここで

である

まずはこのあたりから攻めようと思った。SHA-1計算はいくつか特徴的な定数が使われるので、そこからSHA-1計算に使われているであろう関数444190を特定する。この関数エントリーポイントに中断点(ブレークポイント)を設定してOAuth認証をさせるべくもふったーの「ブラウザ認証ボタンを押す。狙い通り中断するので関数を抜けるまで実行する。関数401100の4012DAに出た。少し下を見るとこのようになっている。

CPU Disasm
Address   Hex dump          Command                                      Comments
00401311  |.  33F6          xor     esi, esi
00401313  |   8D8C24 A40000 /lea     ecx, [local.54]
0040131A  |.  394C24 14     |cmp     dword ptr ss:[local.90], ecx
0040131E  |.  75 0E         |jne     short 0040132E
00401320  |.  3BF5          |cmp     esi, ebp
00401322  |.  73 29         |jae     short 0040134D
00401324  |.  0FB68434 A400 |movzx   eax, byte ptr ss:[esi+esp+0A4]
0040132C  |.  EB 21         |jmp     short 0040134F
0040132E  |   3BF5          |cmp     esi, ebp
00401330  |.  73 1B         |jae     short 0040134D
00401332  |.  8B5424 18     |mov     edx, dword ptr ss:[local.89]
00401336  |.  52            |push    edx                                 ; /Arg1 =  [LOCAL.89]
00401337  |.  8D8C24 FC0000 |lea     ecx, [local.33]                     ; |
0040133E  |.  8BD6          |mov     edx, esi                            ; |
00401340  |.  E8 CB4D0000   |call    00406110                            ; \mofooter.00406110
00401345  |.  83C4 04       |add     esp, 4
00401348  |.  0FB6C0        |movzx   eax, al
0040134B  |.  EB 02         |jmp     short 0040134F
0040134D  |   33C0          |xor     eax, eax
0040134F  |   34 5C         |xor     al, 5C
00401351  |.  888434 B80000 |mov     byte ptr ss:[esi+esp+0B8], al
00401358  |.  83C6 01       |add     esi, 1
0040135B  |.  83FE 40       |cmp     esi, 40
0040135E  |.^ 72 B3         \jb      short 00401313
00401360  |.  895C24 3C     mov     dword ptr ss:[local.80], ebx
0040134F  |   34 5C         |xor     al, 5C

が注意を引く。もしかしてこれはopadとのxorではないか?

00401351  |.  888434 B80000 |mov     byte ptr ss:[esi+esp+0B8], al

xorした結果を格納している。

先ほどの中断点は無効化しこのループを抜けた地点である401360まで飛ばす。この時点でesp+0B8を見ると次のようになっている。

Hex dump
64 2E 16 64|37 04 32 6D|0F 0D 26 29|3A 37 1F 2F|
18 69 6E 6E|0D 25 29 33|11 34 29 69|12 36 24 1E|
05 16 33 6A|04 3B 0E 68|7A 5C 5C 5C|5C 5C 5C 5C|
5C 5C 5C 5C|5C 5C 5C 5C|5C 5C 5C 5C|5C 5C 5C 5C|

あとはこれと5Cとをxorすればconsumer secretが手に入る。終わり。

追伸

はてな増田スーパーpre記法で半角の<>が含まれていると投稿が出来ないのを早く直してください。

3/23 18:45追記

もふったーの作者から反応があった。「本気だったつもりのもふったーのデバッグ処理が残ってた」らしい(http://blog.livedoor.jp/blackwingcat/archives/1763951.html)。修正したとのことなので最新版(v0.9.6e)を見てみた。確かに若干変更されているが何の問題もない。SHA-1の呼び出しに中断点を設置して渡されているバイト列を見るだけ。

CPU Disasm
Address   Hex dump          Command                                  Comments
00401324  |.  8D4424 20     |lea     eax, [local.102]
00401328  |.  50            |push    eax                             ; /Arg1 = 
00401329  |.  E8 623A0400   |call    00444D90                        ; \mofooter.00444D90

ここでeaxが指すメモリーを見ると以下のようになっている。

01 23 45 67|89 AB CD EF|FE DC BA 98|76 54 32 10|
F0 E1 D2 C3|00 02 00 00|00 00 00 00|40 00 00 00|
40 4F 73 53|62 54 5C 7E|59 57 53 42|55 45 7A 57|
61 47 7A 5B|42 4F 7B 61|5D 66 5E 7A|42 7F 40 63|
79 66 05 55|79 4C 60 42|02 10 36 36|36 36 36 36|
36 36 36 36|36 36 36 36|36 36 36 36|36 36 36 36|

先頭32バイトゴミ無視して0x36とxorすればconsumer secretが得られる。

2011-12-29

はてダHTMLコメントスーパーpre記法の中に含まれていると出力される結果がおかしくなるバグ

発見した。

バグるテキストhttp://pastebin.com/1NkAdVVhに置いた。

これを詳細編集モードで貼り付けて更新すると見出しdddしか現れない。

誰か暇な人検証よろしく。

2011-08-04

独学のプログラムエロ動画検索作ってみた

【お知らせ】2011/09/07

新しいエロWEBサービス作りました

http://d.hatena.ne.jp/uniqueweb/20110906/1315285545

プログラムは全く得意じゃないけれど最近よく見かけるようになったエロ動画検索自分でも作ってみたくて頑張ってみました。

近年、インターネットの普及によりエロ動画が自宅で簡単に見れるという素晴らしい時代になりました。

自分が若い頃はインターネットなんてものはなくエロビデオが主流でドキドキしながらレンタルビデオ屋に行き、可愛い女の子レジにいない隙を見計らってお兄さんにパッケージを伏せて空箱を渡しビデオを借りたものでした。

お兄さんにビデオ空箱を渡そうとした時に可愛い子がレジに戻ってきて焦って渡すのをやめてものすごく変な動きをしながらエロビコーナーに引き返していくなんてことも多々ありましたw

僕のお気に入りといえば「白石ひとみ」や「あいだもも」といった女優でよく借りてました。エロビを借りるということがものすごく恥ずかしい時代?年頃?でカモフラージュ普通ビデオと一緒に借りるということもしていました。それはそれは大変な思いでオナニーしてたんです

しかも、ビデオデッキ自体が貴重な時代でリビングに一台しかないのが当たり前でした。

深夜家族が寝静まってからヘッドフォンビデオを抱えリビングに行き暗がりの中でヘッドフォンテレビ差し込んでビデオ再生ボタンを期待に胸をふくらませながら押したものです。いいシーンを何回も見るためにビデオを巻き戻すんですが、ビデオを巻き戻すガチャガチャンという機械音で家族が起きてこないか?とかそれはそれはドキドキしながら見てました。一仕事終えたあとヘッドフォンを外したらジャックが外れていて大音量で喘ぎ声が響き渡っていたなんてこともありました。誰も起きてこなかったのは優しさなんでしょうか?w

さて、大分前置きが長くなりましたがエロというものものすごい技術発展させるものだと思いますエロのおかげで日本ビデオは普及しエロのおかげで日本インターネットものすごく普及したと言っていいと思います自分エロを通して技術の発展に貢献し自分自身のスキルアップになれば。という高い志を持ってこのサイト制作しました。決して自らのオナニーライフの充実と性癖を充たすため作ったわけではありません・・・

※2011.08.07 利用中のサーバーに障害が発生しているようで現在サーバー接続できない状態となっています・・・

※2011.08.07 23:53 復帰した模様です

サイト名:ヌキネーター

サイト名の由来は抜きネタからきています。抜きネーター、ヌキネーターという感じです

エロサイト制作工程日記にしてみたんで良かったら読んで下さい。そしてこのサイトを使って夜いろいろと励んでくれたら嬉しいです

では制作日記を書いていきたいと思います

サーバー選び

まず前提条件としてお金ほとんどかけたくない。アダルトサイトであるということから

サーバー選びからはいりました。

月の予算は5000円以内で考えていたのでけっこう探すのが大変でした。

日本アダルトサイトを許可している所はかなり限られていてさらにやりたいことができるのは

専用サーバーVPSしかないのでそうなると専用サーバー予算オーバーなので

VPSで探すことになり検索しまくってはじめに見つけたVPSはKAGOYAのVPSだったのですがβ版で募集を締め切っていて泣く泣く諦めました。

KAGOYAはかなり評判がいいみたいなので使ってみたかった。

次に見つけたのが○○○VPS海外サーバー日本語サポートがあり転送量の制限なしディスク容量100G

月1300円程度で借りれるということで初期設定費用に5000円程度かかりましたが借りてみました。

結果、ここは最悪でした。

  • 通信が頻繁に切れる
  • 激重
  • 借りて一ヶ月もしないうちにサービス継続が困難になりそうなのでIPが変わるとかメールがくる
  • まりに通信環境が悪すぎるとメールすると環境調査に協力してくれとメールがくる
  • 時間をかけて沢山の項目を調べて返信するも全く返答がない。

まりの酷さに1ヶ月で解約。

よく調べてみたら評判がものすごく悪い某VPS再販らしいです

お金時間をドブに捨てました・・・

もう失敗したくないと思い今度は比較的有名な海外サーバーLINODE

日本語サポートはないけれど抜群のサポートです

iptablesの設定でどうしてもうまくいかなくて拙い英語メールしてみたら

10分しないうちに返信がきました!

メールに書かれているとおりにコマンド入力したらあっさり解決。

素晴らしい!はじめからLINODEにすればよかった。

担当ブライアンはなぜか分からないけどとてもフレンドリーで親切に感じましたw

サーバー設定

LINODEは複数のディストリビューションから好きなものを選択できるので

とりあえず、64bit版を選択。

サーバー設定はほんとに面倒ですね。

一番面倒だけど重要だということで

SSH

Tripwire

chkrootkit

Clam AntiVirus

iptables

Apache

SSL

その他各種監視ツールの導入をしました。

ほんとに面倒でした。

データベース

はじめはmysqlストレージエンジンgroongaを使おうと思ったのです

初めに借りた最悪なVPSOSが32bit版だったのでgroongaがのソースが見つからずなぜかと思っていたら

どこかで見つけた記事で32bit版ではgroongaの性能を発揮しきれないということで32bit版の提供をやめてしまったらしいと書いてたので

じゃあ、sennaにするかということで最悪VPSsennaインストール

その後LINODEに変更したのでOSに64bit版を選択し念願のgroongaをインストール

しかし、調べてみると

などが理由で、結局sennaに戻して2度手間に・・・

プログラムもそれに合わせてその都度書き換えたので2度手間どころか3度手間4度手間でした・・・

senna導入はrpmでさくっといけるので簡単です

依存関係で少しはまりました。

まず

# rpm -qa | grep -i mysql

mysqlインストールされてたら削除

perl-DBIが必要なのでインストール

# yum install perl-DBI

そして下記の順番でインストール

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分おきに取得するような物を作ったことがあったのでそれほど時間はかからいかなと思ったのですがけっこう時間かかりました。

スクレイピングにはTidyhtmlSQL、それにPHP Simple HTML DOM Parserを使いました。

下記のサイトを参考にしました。

phpによるスクレイピング処理入門

SQL みたいな文法で HTML を抽出する PHP のライブラリ

htmlSQLよりアツい!?jQueryみたいにセレクタでHTMLをparse(解析)する「PHP Simple HTML DOM Parser」

つの中で抜群に使えるのはPHP Simple HTML DOM Parserだったんです

ループ処理させるとメモリがすごいことになって今回のようなスクレイピングに向いてないみたいで

結局、htmlSQLTidyの両方を使ってスクレイピングしました。

両方ともPHP Simple HTML DOM Parserに比べるとうまくデータの取得ができないことが多く残念な感じなんですが他に選択肢がないので・・・

使える順に並べると

PHP Simple HTML DOM Parser

htmlSQL

Tidy

といった感じかもしれません。

おおまかにデータを取得して正規表現で特定データを抜き出しました。

広告との連携

広告にはDMMアフィリエイトを利用しています

http://affiliate.dmm.com/link.html

利用可能な物はパッケージ画像、サンプル画像(縮小)と書かれていたのでそれに従い画像を利用。

注記に※ユーザーレビュー引用いただけません。とだけ書かれているのでそれ以外は引用ありと判断して説明文とタイトルなどを利用

女優データジャンルデータDVDデータ、を紐付けたデータベース作成検索ワードに応じて検索結果に関連する商品を表示させるようにしました。

現状、売り上げ0で意味があるのか分かりませんけどw

負荷対策とか転送量とかDOS攻撃対策とか

エロサイトということで多少はチューニングとか設定とかしないとまずいかもと思い色々調べて設定しました。

やったこと

KeepAlive On

MaxKeepAliveRequests 60

KeepAliveTimeout 3

&lt;IfModule prefork.c>
StartServers       7
MinSpareServers    5
MaxSpareServers   10
ServerLimit       30
MaxClients        30
MaxRequestsPerChild  4000
&lt;/IfModule>

様子見ということで2日間で設定してみました。

query_cache_limit=1M

query_cache_min_res_unit=4k

query_cache_size=16M

query_cache_type=1

とりあえずこんなところを設定してみましたが、爆発的なアクセスがあるわけでもないので有効なのか今のところ分かりません(-_-;)

Apache Benchでテストはしてみましたけど問題はない感じですが実際にチューニングができているか分かりません。

サイトデザイン

プログラマーとして有名なゆうすけさんのサイトgoogleを参考にしました。

シンプルで使いやすいようにしようと思いこのデザインしました。

3カラム中央可変となっています

クロスブラウザ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を利用しました。

参考URLhttp://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_zoom#a_zoomergallery

検索結果ページで表示される

[ここの画像]

××× の検索結果

44件中 1~10件目を表示

ここの画像の部分をクリックするとgoogleイメージ検索みたいに一覧でイメージ表示できるようにしてみました。

動画表示ページ

基本的に動画の埋め込みを許可しているサイトのみプレイヤー表示をしそれ以外は画像を表示し動画データリンクするようにしました。

埋め込み部分はあらかじめそれぞれのサイト対応したプレーヤー部分のコード記述しVIDEOIDの部分に置き換えるような形にしました。

XVIDEOSを例にすると

XVIDEOS場合かならず動画urlhttp://www.xvideos.com/videoXXXXXX/のようになりますのでXXXXXXの部分を

VIDEOID部分に置き換えるようにプログラムを組みました、

埋め込み部のソース

>||&lt;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" >&lt;param name="quality" value="high" />&lt;param name="bgcolor" value="#000000" />&lt;param name="allowScriptAccess" value="always" />&lt;param name="movie" value="http://static.xvideos.com/swf/flv_player_site_v4.swf" />&lt;param name="allowFullScreen" value="true" />&lt;param name="flashvars" value="id_video=VIDEOID" />&lt;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" />&lt;/object>
||&lt;

その他の動画サイトURLの一部分のデータを使っているので同様の処理をしました。

まとめ

実際の作業は2、3週間ですが色々調べる時間が多くて制作に2ヶ月くらいかかりました。

自分エロ動画検索を作ってみて有名プログラマーさん達がいかに優秀なのか思い知らされました。

皆さん思いついて数日で作ってしまうのでびっくりです

全くWEBの知識がない人で4、5ヶ月ですごいの作っちゃう人とかもいるみたいですし世の中広いな~と思います

しかし、エロサイト作りで勉強になりますね~

大分、色んな知識を得ることができました。

これからプラグラム勉強しようと思う人はぜひエロサイトから入ってみて下さい。

きっと楽しいですよ!

そんなこんなで?頑張って作ってみたエロ動画検索、良かったら使ってみて下さい。

これで少しは技術の発展に役立てたでしょうか?w

アダルト動画検索ヌキネーター

P.S エロサイトを作っていてはじめは楽しくて興奮しながら作ってたのです最後の方はエロい物を見ても全く反応しなくなりましたw

  不能ではないんですけど・・・現在も性欲が著しく減退しております・・・

  そしてスーパーpre記法がうまういかないのはなぜ?はてな匿名ダイアリー投稿全然からない・・・

  そしてそしてプログラマーさんとかデザイナーさんとかエロい人とかお気軽にお声をおかけ下さい。

【お知らせ】2011/09/07

新しいエロWEBサービス作りました

http://d.hatena.ne.jp/uniqueweb/20110906/1315285545

2011-02-17

はてなさーん

ここメンテしてるならリンクまともに貼れないのとか二重エスケープされるとかスーパーpre記法使うとProxy Errorで投稿できないとかのバグ直してください

↓二重エスケープ &lt;; ↑下矢印の下で改行しているのに反映されない

2009-03-18

http://anond.hatelabo.jp/20090318112412

&gt;は小文字の>に、

<p&gt; と </p&gt; の文字化けは、単に改行に変換する</p&gt;

下のようなグラフが23区ごとに表示される

目黒区における公明票

2007 参院比 10,499||||||||||

2005 衆院比 13,147|||||||||||||

2005 都議会 22,749|||||||||||||||||||||| ←

2004 参院比 12,243||||||||||||

2003 衆院比 12,311||||||||||||

2001 参院比 12,865||||||||||||

2001 都議会 22,120|||||||||||||||||||||| ←

2000 衆院比 11,038|||||||||||

1998 参院比 13,142|||||||||||||

1997 都議会 23,508||||||||||||||||||||||| ←

増田ではスーパーpre記法が使えないのかな?

2008-12-18

こっそり教えてはてダ中の人

新規投稿・既存変更の上限が1日10KBになってるのは確定?

これは新しい仕様でしばらく変わらない?

----

@2008-12-18 19:16

naoya hatena, diary そんな上限はないですよー。64kb (65,535bytes, EUC-JP日本語で 65,535/2 文字) までいけます。

わあお手数かけまして。…うーん、じゃあなんだろう。

スーパーpre記法シンタックスハイライト使ったときに、表示上でのみいろいろ中身が消えたり途中で切れたりします(1週間くらい前に投稿したときは平気だったと思うのに)。気がついたらどっかに書いたり報告したりするかもしれません。PCメモリ回線の問題だったらやだなあ。

----

やったー消える文章ができたよーみんなメモれコピれー

>|ruby|
agent.get(:url => 'http://example.com/', :referer => referer_uri)
agent.get({:url => 'http://example.com/', :referer => referer_uri})
|

を、

|<

普通に閉じて、d.hatena.ne.jp で投稿またはプレビューする、と、途中で消えます、たぶん…

2008-11-29

スーパーpre記法シンタックスハイライト)を使ってrubyコードを保存しようとすると、proxy errorとやらが出て保存できない。なぜだ!?自分はてダでは出来たぞ!?

シンタックスハイライトを使わないスーパーpre記法だったら大丈夫だった。何だったんだ?

2008-08-27

増田だとスーパーpre記法内で&をそのまま書けない件

&amp;に変換されてしまう。書ける?

&amp;

ちなみに、はてダだと書ける。

2008-03-23

なぜギークは「はてな」でブログを書くのか?

スーパーpre記法があるのでソースを張りやすいから。

アーカイブ ヘルプ
ログイン ユーザー登録
ようこそ ゲスト さん