【PHP】「おーぷん2ちゃんねる」の画像とかをヌク【準備編】
元々は、アダルト系のマッシュアップサイト的なものを作りたいと思っていたのだけど、お金がないのでアダルト可能なレンタルサーバー、もしくはVPSを借りるのも何となく尻込みしちゃう。
そもそも作り方をちゃんと把握してないので、行き当たりばったりで作ると時間を無駄にしそう!じゃあ練習しよう!
ってことで転載自由な「おーぷん2ちゃんねる」から画像とか抜いてみた。
「スクレイピング」→「DB登録(MySql)」→「画面表示」
が出来ればとりあえずいいかな?という感じ。
先に言っておくと、スレッドの内容取得(datファイルから)が失敗しまくりでダメw
板(サーバー)によっては取得しやすかったりするのですけど、とりあえず原因は分からなかったので放置してます。
準備したもの
簡潔にしか書かないよ!
サーバー
転送量がどれぐらい必要かとかよく分からなかったのですけど、
「エックスサーバー」の一番安い「X10プラン」で50GB/日まで大丈夫っぽいので「エックスサーバー」を選択。
ドメイン
とりあえず「VALUE DOMAIN」で新規ドメインを2つ取得。
スクレイピング&DB登録用に1ドメイン
実際にサイトとして表示するように1ドメイン
意味あるか分かんないけどとりあえず2つに分けてみた。
DB
「エックスサーバー」では「phpmyadmin(MySQL5)」が標準であるので簡単に作成できる「MySql」を使用します。
CSS
実際にはちょいちょいカスタマイズはしてます。使用したjQueryプラグイン的なもの
Lazy Load
画像の遅延読込をしてくれるプラグイン。
作成当初はページング機能とか面倒で作る気なかったので、とりあえず入れとこうかと思って入れたプラグイン。
結局、今はajaxで追加読込するようにしてるので結局必要なかったかもw
というか後述の「Masonry」と関連するので使わない方が画面がグニャグニャ動かなくなって見やすくなると思うw
でも面倒&グニャグニャも面白い!ので放置
Masonry
Masonryは要素をレンガ造りみたいな感じで配置してくれるプラグインです。
画像の一覧を表示する際に、BootStrapのcssで定義されている「col-xs-」とかでパネルっぽい表示にしようと思ってたのですけど、画像の高さとかスレッド名の長さとかで隙間ができて綺麗にパネルっぽく並んでくれなかったので使用しました。
あと、ajax等で動的に画像を追加するような場合は以下の記事が参考になります。
imagesLoaded.js
画像の読込が完了してから関数を実行させたい場合等に使用。
たぶんLazy Loadみたいに画像の遅延読込や、ajaxとかで動的に画像を追加したりアニメーションを多用するような場合は必要になると思う。
とりあえず準備としてはこんだけ。
お次は実際にカテゴリを取得してDBに登録・更新する方法を紹介します。