九龍的ヘブンズ・ドアー

mindia的技術文書

九龍 — 2010-07-30T06:53:16+09:00

概要

mindiaに関する非公式な技術文書。
自分まとめ＋誰かのために。

基本PHPです。

Wordpressプラグイン publishToMindiaをリリースしたら、その時の開発を参考にmindiaをちょめちょめする情報を書いて行く予定。
色々やりながらの平行作業なので気長に御待ち下さい。

基本情報

mindiaに関する基本情報、URL、パラメータ、各所の情報。

URL

各URLの役割や意味、機能（ユーザ名は任意）。
例：http://mindia.jp/book/kowloon

(1)トップページ
http://mindia.jp/book/ユーザ名
ユーザのトップページ（プロフィール、ブックの説明など）が表示される。

(2)キーワード
http://mindia.jp/book/ユーザ名/keywords/num/数字
ユーザのキーワード一覧を表示。
数字部分は1〜60で指定可能、デフォルト値は40。
0を指定すると全一覧表示される（バグ？）。

http://mindia.jp/book/ユーザ名/keyword_edit/キーワード名
キーワード作成の編集画面を表示。
キーワード名は任意に変更可能（例キーワード名をtestにすればtestの編集画面になる）。

http://mindia.jp/book/ユーザ名/keyword_new
キーワード作成。
POSTデータとして下記のパラメータを付与。
__token ：トークン（ソースにhideとして表記されている）
title ：キーワード名
version ：'0'を指定
body ：本文
tags ：タグ（¥r¥nを区切り文字として利用（未確認））
picture_1 ：画像データ
picture_2 ：画像データ
picture_3 ：画像データ
quick_save：'更新'を指定

(3)日記
http://mindia.jp/book/ユーザ名/entries/display/show
ユーザの日記一覧を表示

(4)設定
http://mindia.jp/book/ユーザ名/pref
ユーザの設定（自信のユーザ名やパスワードを変更等々）

パラメータ

PHP

PHPで色々やってみる場合。
下記コードの戻り値やなんかをecho or print_rとかで動作をきちんと確認していくと理解が速いかもしれません。

<?php
/* ログイン__token取得 */
$options = array('http' => array(
    'method' => 'GET',
));
$loginHtml = file_get_contents('http://mindia.jp/login', false, stream_context_create($options));
preg_match('/<input type="hidden" name="__token" value="(.*?)" id="form___token" \/>/', $loginHtml, $loginToken);

/* ログイン */
$data = array(
    '__token'       => $loginToken[1],
    'password'      => 任意のパスワード,
    'preserve_key'  => '0',
    'ref'           => '',
    'submit'        => 'ログイン',
    'username'      => 任意のユーザ名,
);
$options = array('http' => array(
    'method' => 'POST',
    'content' => http_build_query($data),
));

file_get_contents('http://mindia.jp/login', false, stream_context_create($options));

$cookies = array();
foreach ($http_response_header as $r) {
    if (strpos($r, 'Set-Cookie') === false) {
        continue;
    }
    $c = explode(' ', $r);
    $c = str_replace(';', '', $c[1]);
    $cookies[] = $c;
}
/* マイページ */
$options = array('http' => array(
    'method' => 'GET',
    'header'  => implode("\r\n", array(
        'Cookie: ' . implode('; ', $cookies)
    ))
));
$userHtml = file_get_contents('http://mindia.jp/my', false, stream_context_create($options));

echo $userHtml;
?>

大まかにログインする場合は

(1)ログイン画面をGETで取得
(2)取得したHTMLからトークン部分をスクレイピング
(3)トークン＋その他情報をPOST

です、ログイン後はログイン時に返されるCookies情報をヘッダにつけて各ページを取得していきます。

キーワード登録

キーワード削除

キーワード編集

日記登録

日記削除

日記編集

b-ocean

九龍 — 2010-07-25T17:58:30+09:00

記事

b-ocean：http://b-ocean.jp/

フリー→LLP→株式会社的な動きに出来たら良いなぁと。

サイトはjQueryでごりごり配置して、Twitterからつぶやきをぶっこ抜いてます。

当分は作りたいモノをごりごり作るオナニー集団。
ひゃっはー！

2010年10月までにLLP化予定。
売り上げが乗れば株式にして日本よサラバ。

publishToMindia

九龍 — 2010-07-22T19:01:14+09:00

制作状況(2010年7月19日）

追記：単純にPOSTすれば良い的な動きじゃ駄目っぽい。結構時間かかるかも。
追記追記：ログインまでいけた。後はキーワード作成なんだけど多分__tokenをPOST毎に持ち回ってPOSTすれば成功するんじゃないかなぁと。
この辺の仕様的に分かってきた物は気が向いたらまとめる。
追記追記追記：そもそも__tokenの意味ってなんだ？IP毎に設定されているような気がする。これをPOSTのパラメータとして持たせる事は容易なんだけど、意味が知りたい。セキュリティ的にうんぬん？って所？

WordPressのプラグイン制作で必要なフックとアクション、配置的なモノは大体把握→実際のコーディング作業。

以下はPHP的な話

今の所達成方法としてHTMLの生データをぶん投げてログイン→投稿する感じかなぁと

$context = stream_context_create(array(
  'http' => array(
  'method'  => 'POST',
  'header'  => implode("\r\n", array(
  'Content-Type: application/x-www-form-urlencoded',
  'Content-Length: ' . strlen($data)
   )),
   'content' => $data
 )
));
file_get_contents('http://mixi.jp/login.pl', false, $context);

mixiだとこんな感じでログイン出来る。

content部分にemailやpasswordといったPOST情報を付加して、file_get_contentsにてレスポンスデータをもらう、的な。

mindiaだと

http://mindia.jp/login

に

username
password
__token

この辺を投げればログイン出来るのかなぁと。
後はcookieを持ち回って色々とやれる、のか？

正直ヘッダー解析やらHTTPプロトコルよりな生っぽいコーディングはしたことないので嵌る予感がぷんぷんしてる。

ひとまずだらだら頑張り中。

発端

mindia改善点にも記載してるけど僕はよくBlogから記事を引用してmindiaキーワードを作成することが多い。

本とカフェのレビューはそのままmindiaのキーワードとして流用出来るし、日に2個も3個も（mixiやTwitter、Blogうんぬんがあるから）記事を書く程聖徳太子宜しくなスペックを持ってないから。

で、Blogの記事をそのままmixiに転用できるpublishToMixiというWordpressプラグインを使っているけどこれが中々便利。

じゃあmindiaのも欲しいなぁと思った、単純だね☆

上記記事を興して暫くたった後Web制作をしていくなかでCMSってマストじゃね？と感じたのでWordPressのカスタマイズをちまちまと勉強することに。

テンプレート制作は大体把握したので、次はプラグインだろ？ということでまったり制作開始。

そんな発端と動機

東京放浪猫

九龍 — 2010-06-03T06:04:10+09:00

記事

東京放浪猫：http://tokyowanderingcat.com/

Web素材収集+気分転換的に写真を撮ろうと思って自前の写真公開サイトを作成。

技術的にはDBに写真情報（座標、flickr setID、説明〜etc）を突っ込んで、flickrからデータを取得、GoogleMAPに反映→jQueryで表示的なことをやってます。

写真は当分コンデジで頑張ってみる予定。

公衆無線LAN

九龍 — 2010-05-20T20:17:56+09:00

記事

公衆無線LANとは、無線LANを利用したインターネットへの接続サービスを利用出来る場所を指す。他に「ホットスポット」、「アクセスポイント」あるいは無線LANスポット、フリースポットと呼ぶ場合もある。

代表的なサービスにはlivedoor Wireless、BBモバイルポイント、フレッツ・スポット、Mzone、mopera U、HOTSPOT、FREESPOTが挙げられる。

対応している場所、速度、値段などサービス毎に違うので一概にこれが一番、とつけがたいが九龍個人的に押したいのは「BBモバイルポイント」だ。

BBモバイルポイントの一番の強みはなんといっても大手ファーストチェーン店「マクドナルド」で使える事。

マクドナルドは各駅前には必ずと言って良いほどあるし、ランドマーク的な場所にも殆ど店を出している、しかも昨今24時間営業店が増加してきたので、端的に言うと

「都内であれば150円（コーヒー一杯）で24時間ネットし放題」

になる、月額コストも500円程度とお得だ。

公衆無線LAN選びで考えなくてはいけないのは「公衆無線LANを使う状況」だと思う。
まぁ大概は次の予定までの時間潰しや終電を逃したなどが8割を占めるのではないか？そう考えるとマクドナルドで使えるBBモバイルポイントはかなり使えるサービスになる。

ちなみにルノワールでも使えるので、ビジネス的な打ち合わせや、少し落ち着いた環境で作業したい時も選択肢が広がる。

都内に限ればBBモバイルポイントを九龍はお勧めする。

jQueryで作るAjaxアプリケーション

九龍 — 2010-05-09T01:53:57+09:00

記事

jQueryの基礎本。

評価：★★★★（5段階）
著者：沖林正紀
価格：2,919円（税込み）
単行本： 336ページ
出版社：技術評論社
言語：日本語
ISBN-10：4774134902
ISBN-13：978-4774134901
発売日：2008/6/19
商品の寸法：23 x 20.4 x 2.4 cm

感想：
jQueryの導入から基礎的な使い方が解りやすく網羅されている良書。

jQueryとは何か？から始まり、要素の指定方法、属性の操作、イベント、UI部分などjQueryで押さえておきたい基本をひとつひとつサンプルをまじえて解説してある。
サンプル自体も難解なコードでは無く、本当の意味で学びたい部分のみに焦点をあてた良いサンプルで非常に学びやすい。

この本でまずjQueryの基礎を学び→各jQuery プラグイン（jQueryUIなど）に進むのがスムーズだと思う。

jQueryは開発者はよりデザインライクなUIを提供、その逆にデザイナーはよりシステムライクなUIを提供できるという、いわば両者の距離感を近づけたような革新的なJavaScript ライブラリだと思う。
Flashと双璧をなすWeb UI技術として個人的に注目してます。

リコメンド。

九龍的名言選その壱

九龍 — 2010-05-07T02:09:08+09:00

名言

「坊やだからさ・・・」

ガルマ戦死の責任を取らされたシャアは罷免、場末のバーでガルマの葬儀中継を見る。ギレンは葬儀を利用し、戦意高揚の演説を行う。「何故だ!?」対して一言。

名前

シャア・アズナブル

人物

シャア・アズナブル (Char Aznable) は、「ガンダムシリーズ」のうち、アニメ『機動戦士ガンダム』にはじまる宇宙世紀を舞台にした作品に登場する、架空の人物である。本名はキャスバル・レム・ダイクン (Casval Rem Deikun)。（声：池田秀一）

モビルスーツパイロット・指揮官・思想家として、類い希な能力を発揮した人物。宇宙世紀を舞台とした「ガンダムシリーズ」の最重要人物の一人である。シリーズ一作目の『機動戦士ガンダム』では、自信に満ちた言葉とそれに見合う実力で当時の視聴者にインパクトを与えた。

考察

たった一言の中に沢山の要素を詰め込んだシャア・アズナブルの名言。

こんなことをリアルで言ったらドン引きだけどそこはシャア、そこに痺れる！憧れる！！

Apple Magic Mouse

九龍 — 2010-05-03T01:03:15+09:00

記事

Appleのワイヤレスマウス。

評価：★★★★★（5段階）
商品名：Apple Magic Mouse（MB829J/A）
発売日：2009年10月31日
値段：6,800円
URL：http://www.apple.com/jp/

前作のMighty Mouseで使いやすさ、デザイン共に僕の中のマウスの立ち位置を大きく変えたAppleだったが、今回のMagic Mouseでさらにマウスを「デバイス」というカタカナ表記なモノではなく「道具」としての質感を持たせてくれた。

特徴的なフォルムはもちろんだが、今回の目玉としては世界初のマルチタッチ機能だろう。

実際使ってみるとこのマルチタッチがもの凄く使いやすい。
指先でホイールを意識しないで操作できるのはもちろん、二本指で左、右と操作するとブラウザの戻る、進むに該当したりする。
多分殆どの人はPCの使用を7割以上ブラウジングに費やすと思うが、この戻る、進むが兎に角便利、便利すぎるくらいの快適さがある。

ひとつ残念だったのが3ボタンマウスとして使えない所、僕は3ボタンで画面表示の切り替えをよくやっていたのでこれが出来ないのは非常に残念。

だがそんな事が問題にならないくらい、操作性、デザイン、質感がハイレベルなマウスだと思う。

文句無しの5★！オススメ！！

鉛筆

九龍 — 2010-04-28T03:05:24+09:00

記事

人生の大半をシャーペンだった俺がもっぱら鉛筆。

「そうだ、京都に行こう」的なのりで「そうだ、鉛筆を使おう」になった。
使ってみて鉛筆の素晴らしさに色々気付く。

鉛筆の良い所。

(1)削る
鉛筆を削るというのは一見すればめんどくさいがこれが実はかなり考える上で重要。
書く→削る→書く動作をする事によって削る時間は脳みそのインターバルになりリフレッシュする。
常時同じ作業（まぁ開発なんてそうだと思うけど）していると煮詰まりがちだが、鉛筆を削ることによって良い気分転換になる。

(2)質感
鉛筆のタッチは筆圧、鉛筆の先の太さによって常に変わる。
これは図を書く時に非常に新鮮。
まぁこれは人間の五感の部分の話しで多分人によって感じ方が違うと思う。
レトロな建物に惹かれる感覚に近い。

(3)臭い
 鉛筆の臭い、最高。

なんて書くと変態っぽいけど、鉛筆独特の臭いは良いと思う。
俺は好き。

鉛筆は九龍的マストツール。

お勧め文房具店

【DELFONICS】http://www.delfonics.com/
表参道ヒルズとかにもある。

mindiaAPI

九龍 — 2010-04-26T01:55:18+09:00

妄想New!

mindiaAPIがあるとしたらこんな感じか？という妄想。

一覧検索

http://api.mindia.jp/search.(取得フォーマット）?=(各パラメータ）

(1)取得フォーマット
JSONかXMLを選べる。

例：
http://api.mindia.jp/search.xml? ←XML
http://api.mindia.jp/search.json? ←JSON

(2)各パラメータ
keyword：検索キーワード
sort：検索順（評価順、日付順など）
count：取得数（一度に取得する数）
page：取得開始位置（取得が1からとか10からとか指定）

例：吉野家をキーワードに日付順、開始位置は1から10件取得
http://api.mindia.jp/search.json?keyword=吉野屋&sort=date&count=10&page=1

(3)データフォーマット
例：上記各パラメータ例でのJSON

{
　results[
　　{
　　　user：(ユーザ名)
　　　userImg：(ユーザ画像)
　　　userURL：(ユーザマイページURL)
　　　userBook：(ブック名)
　　　keyword：(キーワード名)
　　　snippet：(スニペット)
　　　text：(本文)
　　　tags：(タグ)
　　　date：(作成日)
　　　update：(更新日)
　　}
　]
　keyword：(検索キーワード)
　total：(検索合計数)
　count：(取得数)
　page：(取得開始位置)
}

resutls[]に各検索結果を格納、全体情報を下っつらに格納。
totalはページャー実装時に必須な感じなのであった方が良い。

(4)その他
後はユーザ検索とか色々あるけどまずは一覧検索だと思われ。

記事

「mindiaAPI」は非公式に九龍が勝手に呼んでいるだけの物です。

※mindiaはJSON形式をサポートしているそうです（西小倉辞典）。

取得例：
http://mindia.jp/?module=book_keyword_json&book=nishiko
サンプル：
http://nishikokura.com/
PHPでkeywordを取得したコードを返す(JSON）→jQueryでランダムに表示、という流れ。多分。

※パラメータ（調査中）

module=book_keyword_json

の部分が機能（module）の指定、keywordとかもあるっぽい？

book=nishiko

ブックの指定、検索対象等々を指定する言わばオプション的位置。

Web3.0時代のWebサービスはDB蓄積をユーザーに任せる時代からサービスの拡張も任せる時代に変位しているので、今後のMindiaAPIの拡張、公開にひっそりと期待。

九龍的ヘブンズ・ドアー

mindia的技術文書

概要

基本情報

URL

パラメータ

PHP

ログイン

キーワード登録

キーワード削除

キーワード編集

日記登録

日記削除

日記編集

関連Link

b-ocean

記事

関連Link

publishToMindia

制作状況(2010年7月19日）

発端

関連Link

東京放浪猫

記事

関連Link

公衆無線LAN

記事

関連Link

jQueryで作るAjaxアプリケーション

記事

関連Link

九龍的名言選その壱

名言

名前

人物

考察

関連Link

Apple Magic Mouse

記事

関連Link

鉛筆

記事

お勧め文房具店

関連Link

mindiaAPI

妄想New!

記事