勉強し始めたPHPで、何か作りたいなぁと思っていたので
思い切ってSNS的なものを作ってみました。

音楽系のSNSですが、よくある音楽好きが集まるといった趣旨のものではありません。

音作りのSNSです。
http://bootlage.jp

普段、僕はJavaScriptをよく使っているのですが、
そんなとき、よくお世話になるのがライブラリというやつです。
この概念って、もっといろんなモノ作りにも浸透してもいいんじゃないかと思ったのです。

僕は音楽をやっていたので、まずは音楽から試しにやってみようということで、
今回作ったのが、『音作りのライブラリを作ってシェアしようぜ』というものです。

オープンソースな環境で音を作り合えば、
新しい発見や刺激に出会えるし、リソースが蓄積することによって、
新しく始める人にとってのよりよい参考書になります。

そんなわけで、音楽をやっている方に是非薦めてもらえたらいいなぁなんて思っています。

みんなの音作りを、みんなの手の届くところへ。
Bootlage[ブートレグ] http://bootlage.jp

「いていて、いてててててて！」ってね。
( via Flicker )

ブラウザいっぱいに表示する際に使用したプラグインは「jquery-tubular」で、参考にした記事はこちら。

このプラグインを使うとデフォルトでは音量がミュートされているため、そこを解除。
すると、z-indexの関係かなんかでYouTubeの再生バーの部分に触れないため、音量の調整ができません。
なので、JavaScriptを使って、別途再生ボタンなどを作りました。
（JSでいじりたかったので、z-indexからの解決は敢えて避けました。）
そのとき使った、YouTubeのApiに関するリファレンスは、こちらから。

JavaScriptを使用する際に少しハマったのが、再生リストを読み込もうとするとJSが使えなかったこと。
連続再生できないのは痛いですがJSを使えないのはもっと痛いので、再生リストはやめました。
その分、再生リストではできなかったこと、メニューから選べるようにしたり、NEXT-PREVボタンを有効にしたりなどを施してみました。

そのうち、canvasでできたらもっとおもしろくできるかなぁと思っています。

とりあえず、そんな感じで。

埋め込みタグがiframeになる前は、embedタグ内に「wmode=”transparent”」と記述すれば、cssからz-indexの指定が有効になりました。
なのですが、iframeの方だと、まぁうまくいかなわいわけですよ（当たり前ですが）。

そんなわけで、調べたところ。
iframeタグ内に、「frameborder=”0″ wmode=”Opaque”」を記述して、
srcのurlの後ろに「?wmode=transparent」を足してあげるとcssからのz-index指定有効になるようです。

ちなみに、ここ（Worlica）で使いました。

でも、最近ふと思ったんです、「ドラえもんのポケットって何かに似てるなぁ」と。
そう、あれ、クラウドです。最近ではなんでもかんでもクラウドになっていて、
なんでも入れることができて、どこからでも取り出せる、まさに四次元ポケット。

そう考えたときに、ドラえもんのポケットの中はクラウドとつながっていて、
ひみつ道具という名の未来の製品をダウンロードしてきているだけなんじゃないかと。
しかも、いつも「お金がない」と言っているくらいなので、もしかしたらフリーソフトばかり
ダウンロードしているのかもしれません。

ドラえもん自体がコンピュータだから、ドラえもんが頭で考えた時点で検索され、
ポケットに手を入れればダウンロードできると考えれば、さすが未来のコンピュータって感じですね。

でもでもそれだと、すでに現代でもできていることありますよね。
ぼくでいうところのiPhoneがそれを十分に叶えてくれています。
どこからでもアクセスでき、すぐにダウンロードして使うことができる。
まさに四次元ポケット。

「いやいや！タケコプターもどこでもドアもないじゃないか！」と言うかもしれません。
でも、あれはドラえもんが作った物じゃありません。
というか、ドラえもんは何一つひみつ道具を作っていません。
ネットからダウンロードしてきているだけです。

ドラえもんがなぜ便利なのか、それは常にネットにつながり、
アプリケーションを取り出すことができるからです。
その証拠にポケットを失い、ネットにつながらなくなったドラえもんはまったく役に立ちません。

だもんで、なにが言いたいかというと、
ドラえもんは、Wifi搭載のネコ型デバイスだったってことです。

そしてそれはすでに、スマートフォンやタブレット端末が叶え始めているということです。

Webはまさに、光の速さでドラえもんの22世紀を追い抜こうとしている。

ってことで、とりあえずいろんなECサイトを見て研究するために、
ECサイトを保管するサイトを作りました。

Click!mall（クリックモール）
ところどころアフィリエイトのリンク（提携できたショップのみ）も貼ってます
ので、その旨はご了承ください。

選ぶ際の基準としては、最低限のデザインが施されているか、
もしくは、アイデアがおもしろいかということです。

デザインは、訪問者（ゲスト）への挨拶だと考えています。
挨拶のできない人と、それ以上仲良くなろうという気持ちにはなりづらいですよね？
強いてそれを越えてくるものと言えば、独特のオーラを持った人、ここでは
それをアイデアがおもしろい、と捉えています。

そんなわけで、ちょこちょこ研究してみようと思います。

ぜひぜひ観てやってくださいな！

Worlica

てなわけで、調べたら [ include,requireで外部URLの呼び込み ] みたいのが出てきて、同じことで悩んでた人がいたみたい、
で、ここでfile_get_contentsを使いなさいよと書いてあるので、それは一体なんぞや？
ってことでそれも調べたのがこれ [ PHPで指折りに便利なfile_get_contents関数を使いこなす （前編） ]。

そんな感じで解決しましたよと。
詳細はリンク先へ行ったげてください。

なんとなく本屋で気になって買っちゃいました。
JavaScript本格入門 ~モダンスタイルによる基礎からAjax・jQueryまで

なぜかこの手の本に目がないわけです。
また追々書評でも書いてみようかなと。
そんじゃ。

そんなわけでこんな感じ↓

「人が居ないトイレでうんこがしたい。」
http://yurare.jp/book:58

正直、そこまで使い込んでいないので滅多なことは言えませんが、
ちょこっとさわった感じでは、ただの掲示板でした。
掲示板を電子書籍化できるよぉ、みたいな感じなのでしょうかね。

あとはものすごく説明不足で、直感的に作っていくと機能を使いこなせない。
ぼくは作ったあとでタグや章ごとのタイトルを入力できたことを知り、
でも後追いでの編集ができそうになく断念。みたいな感じでした。

でもま、お遊びとしては楽しめましたよと。
そんな感じで。