ちいさな創造 wp

思いつきで作りましたが、そのまま消滅させるのも僅かにもったいないので、 寝る前に公開しておきます。 入力した文章を英訳、もしくは和訳して、そのままTwitterに送れるツールです。 翻訳してTwitter（http://tw.17sai.jp/） サーバーの共有SSLが使えるので、鍵マークが好きな方はどうぞ↓。 翻訳してTwitter[SSL](https://ss1.coressl.jp/tw.17sai.jp/) ※TwitterのID、PASSを使う場合は、何かあっても責任取れないので、気をつけて使わないで下さい。 Googleの翻訳できるAPIをいじってみたら、文章、特に日本語が超約というかダメ約で、 変な方向に面白かったので、最近流行のTwitterとあわせてみたらいいんじゃね？っていう そんな感じの作りはじめだったと思います。覚えてないけど。今考えた。 英語の勉強に使えるってのは、作りはじめてから、さらにしばらくして思いついた後付設定です。 前述したように、超約なのであんまり役に立たないと思います。 英語ってなってるけど、GoogleAPIの方で対応してるのは一応選択できます。 正しく訳せているのかは全く分かりませんが。 どれだけの情熱と手間がかかっているかは、デザインとタイトルを見ればお分かりいただけると 思います。 その分、セキュリティやバグが心配なので、クッキーも使ってないし、TwitterのID＆PASSも 受け次第保存などはせず、そのまま送ってます。 どうこうしてほしいとか、詳しい仕組み知りたいとかあったらコメントで教えてください。

私がjsやPHPで車輪の再発明以下の何かを作ったとき、 そんなもんでもせっかくだからブログにアップしようと思うんですが、やろうと思うとすごい大変。 異聞が分からないときにググって、必要な情報を見つけたとき、説明不足だったり、 コピペしても動かなかったときは、いらついてしまうんですが、 いざ自分で、分かりやすい説明で、汎用性もあり、難しい所はコメント振ってあって コピペしてそのまま使えるようなプログラムを公開するとなると その大変さを思い知ります。過去の記事を見れば分かりにくさがよく分かる。 何かをしたいとき、出来ないとき、自分じゃ分からないので検索し、いいブログやサイトを見つけて 解決できた時は非常に助かるし、はっきりいって検索エンジンとその先のブログ等が無ければ、 自分は何も作れないと思いますが、その便利さの裏には凄い方々の凄い優しさみたいなのがあるんですね。 自分がその凄い方々のようには、まだまだ慣れそうにはありません。 絵や感想などの文章だと、そんな迷惑もかけず自己満で完結できると思うんですが、 プログラムやシステム系のような実務的なものはそうも行きませんね。

HPのパーツとして30分ぐらいで作ったもの。 このままじゃ他で使えないレベル。エラー対策皆無です。 RSSの解析にMagpieRSSと キャッシュにPearのCacheLiteを使ってます。 HTMLをなぜかolではなく、dlで組んでるのは、たしか本文の一部（items[$i]['description']）の箇所を ddで表示させようかと思ってたため。

<?php
function getrss(){
include_once('magpierss/rss_fetch.inc');
//Magpie RSS使います　http://magpierss.sourceforge.net/
$rss='http://petitec.17sai.jp/feed';
//RSSのURLを指定。Magpie RSSを使ってタイトルや概要などを読み込み
if($xmlobj=@fetch_rss($rss)){
$text='';
$title='';
for($i=0;$iitems);$i++){
$text[$i]=$xmlobj->items[$i]['description'];
$title[$i]=$xmlobj->items[$i]['title'];
$link[$i]=$xmlobj->items[$i]['link'];
$date[$i]=eregi_replace('20([0-9]{2})\-([0-9]{2})\-([0-9]{2})(.+)','\1/\2/\3',$xmlobj->items[$i]['dc']['date']);
}
if($title[0]){
$code='
';
for($i=0;$i
$code.="
{$date[$i]}　{$title[$i]}";
}
$code.='


';
}else{
$code='なんかダメでした';
}

return $code;
}

}

require_once('Cache/Lite.php');
//PEARのCahce　Liteも使います。
$CacheTime=60*5;
// キャッシュの保存場所とキャッシュの生存期間を指定（秒）
$options = array(
'cacheDir' => 'cache/',
'lifeTime' => $CacheTime
);

$Cache_Lite = new Cache_Lite($options);

$id = 'blogrss';

// 指定id のキャッシュが存在するかどうか
if ($data = $Cache_Lite->get($id)) {
// キャッシュがあるのでキャッシュされたデータを表示
$code =$data;
$mess='キャッシュ利用';
// キャッシュがなかったら本来の処理を実行
} else {
$code =getrss();
$mess='キャッシュが古いか、無いので新たに取得';
// データをキャッシュする
$Cache_Lite->save($code);

}
print $code;

これを表示させるときは、ｊQueryを使ったjsでAJAX読み込みしました。

 $(document).ready(function() {
         $('#blog-load').load('blog.php');
});

読込先の#blog-loadのdivは

<div id="blogload">
<a href="ブログのURL">「ブログタイトル」</a>読み込み中...
</div>

のような感じにしとくとPHPがダメだったなどの問題発生時に最低限の対応にはなって良いかなと思った。 HTMLも空divにもならないし。

みつりんなどAmazonAPIで取得した情報を貼り付けるjavascriptのタグを作るときに いろいろ試したんですが、やっぱりdocument.writeは使わない方がいいですね。 そこでページの描画が止まってしまいイライラします。 試行錯誤の結果、貼り付けタグにscriptタグだけでなく、id付きのdivも一緒に発行し、 document.getElementById(“id名”)でその中に流し込むのが良さそうです。 divの中身には、テキストリンクなどを書いておけば、javascriptが動かない環境や、javascriptが読み込めなくなっても、 最低限の情報は確保できるし、空divじゃなくなるのでエラーも出ませんしね。 そして、実行するタイミングは、下記のページを参考にwindow.onloadに追加する形で。 ページの描画が邪魔されないので高速です。 イベントに処理を追加する ↑これは、いろいろな所で応用が利きますので覚えとくと便利です。 サンプルに週刊少年マガジンRSScheckerで使っているものを以下に。 Read More…

Amazonの商品画像って、APIで取得したものは、Mで160pxとかSで75pxとか決まっていて、 その中間が欲しいときはちょっと面倒です。 Mだと以下のような縦横最大160pxで返ってきます。 http://ecx.images-amazon.com/images/I/51TRYAJVEPL._SL160_.jpg Amazonの場合、URLの数値（上記太字）を変えれば作り直してくれるので、サーバー負荷の高い 画像処理は行わずに簡単に好きなサイズの画像が取得できます。 もちろん、準備されているサイズ以下のものですが。 そもそも画像のキャッシュはしちゃいけないので画像処理すると規約違反かもしれません。 PHPだと↓のような感じで。

$ResizeIMG_URL=str_replace('_SL160_','_SL135_',$GetIMG_URL);

$GetIMG_URLは取得した画像で（この場合はM[縦横最大160px]）を $ResizeIMG_URLが縦横最大135pxに変換されたURLです。 Sサイズは「_SL75_」を、Mサイズは「_SL160_」を好きなのに置換すれば今のところできそうですね。 ＿SL●●_を取るとAmazonにある最大サイズの画像が返ってくるっぽいです。 160pxまでしかAmazonに無いときに、SL500と指定しても、エラーにならずAmazonにある最大サイズのものが返ってきます。 SLとかAAとかオプションはShiz LabsさんのAmazon商品画像のカスタマイズ（理論編）が参考になります。 狭い所に画像だけで並べるときはAA（正方形に整形）がいいですね。 また、imgタグの属性等で縦横サイズを使っている場合は

$ResizeIMG_W=ceil($GetIMG_W*(135/160));
$ResizeIMG_H=ceil($$GetIMG_H*(135/160));

のような感じで、元々取得した縦横サイズに 倍率を掛けた（割ってもいいけど）したものをceil()（小数点切り上げ）するとぴったり合いました。