★もきゅもきゅもみゅーん

自分のブログの個別記事に「フィード購読」ボタンを設置する覚え書き。

下記のページから、自分の Facebook のアカウントを入力してコードを発行。

■Get Your Subscribe Button Code
https://developers.facebook.com/docs/reference/plugins/subscribe/

たぶん個別記事の最後に設置したほうが誘導率が高い。

テンプレート ＞ カスタマイズ ＞ 個別記事のテンプレートを編集して設置。

　  

ブログ記事の文章を解析して、その内容に準じた広告（Amazon の商品）を表示するというのを作ってみた。
この機能、小銭稼ぎにずっと欲しかったのだ。



各種 API を利用。
以下、覚え書き

■PHP でのクラスの呼び出し方
http://q.hatena.ne.jp/1147486203

■Amazon Product Advertising API（リンク作成用API）
https://affiliate.amazon.co.jp/gp/advertising/api/detail/main.html

タグとかから Amazon の商品を呼び出す仕組みの方が楽なのかな。

■PHP関数講座：var_dump
http://nyx.pu1.net/function/var/var_dump.html

■PHPのforeach文で「Warning: Invalid argument supplied for foreach()」の警告文を回避する
http://www.mapee.jp/wlh/phpforeachwarning_invalid_argu.html

■SELinuxが動作している場合
http://q.hatena.ne.jp/mobile/1182783456

■simplexml_load_file()関数 エラー
http://q.hatena.ne.jp/mobile/1180553984

若干、動作検証しないとどうなるか分からないけど。
画像が無いときとか、キーワードが無いときのイレギュラー処理は、思いつく限り入れ込んだ。


後は成型してブログパーツにして設置するだけ。


  

最近覚えてきた php を使って、Facebook から情報を取得するブログパーツ試作ってみました。
仕事しながら基礎から地道にやってたら、なんか作れる気がしてきました。
やっぱり WEBデザイン の醍醐味は、こういう動きのあるコンテンツですね！
なんか色々覚えてきて、自分で作りたい物が自分で思い通りのイメージで作れるようになってきて楽しいです。
WEB やってきて良かったなぁ。

■自作スクリプトのデモ（PHP）


あとはこの出力形式を、javascript にするか、xml形式で出力して Flash に読み込ませるかだけですね。
ただ Flash は iPhone 系で描画できないので、ちょっとモチベーション下がってるですよ。なんとかなんないのかなぁ。

このデモは、ニュースフィードの情報を取得しているのですが、「いいね」したデータもとれるので、また後で作ってみたいです。こっちは、ちょっと見せ方工夫したいですよ。

「2000年問題」を直前にひかえた昔、システム会社を経営していた先輩に聞いたのですが、DOS 系 から Windows への変換期の頃、プログラマを目指す学生たちはみんな、古い言語を「もう終わった言語だから覚えるの面倒」と習得せずに新しい言語だけを習得する人が多く、合理的だと思っていたらしいのですが、一番儲けることができたのは、DOS を理解できる古い会社だったということです。
プログラムのコードを書き換えるのに、DOS の方も読むことができなければ、どんな動きを理解しているか分からないから、結局両方の知識が必要だったということだそうですけど。

やらないよりやったほうがいい、やったことは無駄にならない、とよく聞きますけど、好きだからこそ好きなこと思いっきりやるというのが僕の中では大切。

（参考）
■Graph API - Facebook開発者（英語）
http://developers.facebook.com/docs/reference/api/

■Graph API : Facebook開発者向けドキュメントの日本語訳とTips
http://facebook-docs.oklahome.net/archives/51906043.html  

スマートフォンのバッテリーの減り方が悪い意味でヤバいので、外出先でも安心の充電器を購入。



色は白と黒、大きさも2種類あるみたいですが、白の大きい方（L）を買いました。
写真で見た時は、かなり大きいんだろうなぁ、と想像していたのですが、実物を見てみたら、スマートフォンより小さくて薄くて軽かった・・・。



スマートフォンを充電するために買いましたが、その他のいろんな電子機器に使用可能です。携帯電話各種に、PSP とか、DSとか。1台持っておくと便利ですね！



太陽光からも充電できるので、かなり安心ですね！
でもマニュアルによると、大容量ゆえに、満充電するには30時間かかるとのことです。太陽が沈んで、また昇ってしまう・・・。
なので家庭用電源から充電しないで太陽光だけで電気を蓄えるお財布に優しいエコ生活しようと思うと、スマホの消費サイクル的にちょっと無理がありますね。まぁ、この充電器を3台くらい購入して車の中に2台を放置して、充電していない1台を順番に使い回す『ターンオーバー充電制』とかにすれば可能かもしれないけど。



パッケージを開けたところ。
どっちが表だとう？ と思ったけど、こっちが表か。太陽の受光パネルがある黒い方が裏なのかな。



付属のコネクタ類。
大量に入っているのですが、たぶん無くす・・・。
僕は小袋に全部突っ込みましたが、以下のコードとか購入したほうがいいかも。






本体。保護シートの気泡だらけの貼り方にちょっと衝撃を受けた。
このシート、取り外さない人もいるかもだけど、時間が経つと硬直して貼り付いて取れなくなると思います。部分的に破れてみっともなくなるので、思い切って取るが吉。



本体はもっとチャチなのを想像していたのですが、意外にしっかりした作り。それにしても軽いです。
下にある黒い小袋は、付属のものです。
黒いのですぐホコリがつく。



プラグの差し込み口が赤く自然発行していました。
この部分は、本体が充電中なら赤色に、本体が満充電されると緑色に光るとのことです。
つまり、部屋の中の環境光、直接太陽光の当たっていない場所でも充電していることになります。ちなみにこの日は、雨がぱらぱらと降る曇り空でした。

ただ、会社の蛍光灯の下では赤く光りませんでした。
レビューによると蛍光灯でも充電できてる人がいるようなので、デスクトップの明るいやつとかなら可能かもです。
まぁ僕はたぶん鞄の中にずっと閉まっておくと思うので、あまり意味ないですが・・・。


まだ1回しか使ってないけど、フル充電した充電器から5回分くらいスマホに充電できるみたい。



今回、貼り付ける保護フィルムが無いので、スプレー式の表面保護コーティング材を使用。

■高密度ガラス繊維ケイ素系ポリマーコート・クリスタルコート GFGC01 CRYSTAL COAT #01/GFGC0120B

けっこう前に購入してあったのですが、実際使ってみたらどんな風になるのか一切分からなくて、使うのを逡巡していたのですが、「しょせん充電器なんだから失敗しても・・・」ということで、ようやく出番。



iPnoneくらいの大きさなら 1プッシュということで、シュッと吹きかけたら、けっこうな量が出た。
これをムラ無く伸ばして、拭き取れば完了。
どのぐらい拭き取ればいいのか把握しづらいですが、「大量に塗らず」「強く拭き取りすぎない」という目安でいいみたい。
最初、拭き取った後が線で残って「どうするんだこれ」みたいに途方にくれたけど、乾くと消えてました。

施工後は、指紋と汚れがつきくくくなり、布でサッと拭くと凄くキレイになります。
ガラス素材でコーティングされているので光沢もあり艶がでるので、急に高級感が出ます。麗しいです。
これ購入してよかった。他のタッチパネル式のものにも使ってみよう。



  

ブラウザの挙動なので修正不可能？ と思っていた表示崩れを、最近覚えてきたシステム視点で解決。もうプログラムで何でも解決できる気がしてきた。

$(function($){
$('#listPgerBox').each(function(){
var txt = $(this).html();
txt = txt.replace(/^(%u3000|%20|%09)+| /g,'');
$(this).html(txt);
});
});

参考：
■jQuery.trim(str) - jQuery API 1.4.4 日本語リファレンス - StackTrace
■JavaScript :: trimメソッドを実装する [Tipsというかメモ]
■dentaqの逆引き辞典

※IE系は全角スペースが空白とみなされずに無視される。  

■「file_get_contents」が許可されないサーバの時の対処

コマンドスクリプトの wget で代用。

function wget($url){
if(function_exists("curl_init")){
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$content = curl_exec($ch);
curl_close($ch);
}else{
$content = file_get_contents($url);
}

return $content;
}
（参考：PHPでfile_get_contentsが使えない « DJ_SATORUの研究日誌）

■ null のはずなのに動かない時

改行コードとか何か入ってるっぽい。
trim() を使って最初と最後を改行と空白を取り除く


■文字列を分割する時

時代は split ではなく、explode。


■配列をランダムで 1件 表示

echo $array[array_rand($data)];


  

Facebook のアプリ作成で、エラーが出て進めない場合の対処方法。
エラーなのかバグなのかよく分からないけど、自己解決したのでまとめてメモで覚え書き。

アプリケーションを作成するページで、

この操作を実行するには、アカウントの認証を完了する必要があります。
携帯電話またはcredit cardを追加してアカウント認証を行ってください。

・・・というエラーメッセージが表示されても、facebook の設定画面には日本の携帯電話に対応していないため設定完了できない。
なので、下記ページへ行く。

https://register.facebook.com/confirmphone.php

プルダウンで「日本」が選べているので、携帯電話用のメールアドレスを入力。
※迷惑メール対策でドメイン拒否設定されてると届かないので、はずしておく。
入力して送信するとすぐ携帯にメールが届くので、そこに書かれているパスワードを facebook の管理画面に入力して認証。