2012年5月22日 (火)

朝、走るの再開

今年のはじめからは何かとバタバタして続かなかった朝のランニング。
最近やっと生活が安定してきて、ちょっと余裕もできてきたので
また再開することにした。

今日で連続10日目だけど、僕にとってこのランニングを続けるのは良い事だらけ!
例えば、不安に思っている事をランニング中に考えて解決するとか
ランニングをしたらダイエットにもなるとか、規則正しい生活になるとか。
しかも、相乗効果というかなんというか
なんでもやってみよう!という気分になる。

前の年もそうだったけど、このランニングが続いているときは
うまくいっているときなのかな〜って思う。

人それぞれ良い時のコツみたいのがあると思うけど
僕にとっては朝ランニング続ける事が、今の段階では最善策なんだな〜って思う。

なので、出来る限り続けよう!

2012年5月21日 (月)

フォルダ構成を一覧させるフリーソフト

膨大にあるphpファイルを一覧をエクセルにまとめないといけないことになり
こんなのいちいちフォルダ見てエクセルに書き込んでいったら
何日もかかってしまうと思ってフリーソフトを探してみたら
結構色んなフリーソフトがあった。

http://www.vector.co.jp/vpack/filearea/win/util/file/list/

用途に合わせて、テキストやエクセル、またはHTML等に出力できるものも多い
探せばみつかるもんだね。1日得した気分だ!

2012年5月20日 (日)

最近の休みの日はパチスロ

最近、休みの日にはパチスロに行っている。
パチスロと言っても1枚5円でできるやつをやっている。
(普通は20円なのかな?なんかいっぱい遊べるやつ。)
買ってもタバコ買えるくらいしかもらえないけど
気晴らしには普通のゲームするよりは良い(運がよければ金戻ってくるし)

いつも1000円しかしないというのが鉄則で
もうかれこれ何回も行っているが、なんだかんだで1回は大当たりする。
これがまたちょっとしたスリルでおもしろいのかな?

なんで1000円しかしないかっていうと
ゲームセンター行って2000円も使わないから。

1回大当たりがでてまけても納得できるし
勝てば勝ったでタバコ代タダになると思えばなんか得した感じ。

あと時間もダラダラするのは嫌なので
1時間程度しかしないようにしている。

ゲームとか全然しないので
なんかこういうの楽しい!
今日も行ってこよう。

2012年5月19日 (土)

「続ける」週間

最近体重も増えてきたし、お酒飲む事も多くなったし
お金も結構使っているし、なんかダラダラしているので
こんな本を購入してきた。

Img_1139

この本で本当に30日で人生が変われるような
良い影響を受けたい。

2012年5月18日 (金)

CS6が届いた!

もともとCS6の無償アップデート付きという事で
CS5.5を購入したので、CS6が無事届いた!

Img_0806

各アイコンと起動時のアイコンがなんか変わっている。
こんな感じ

20120520_134503

機能面とかもどこかわったのかちょっと調べてみよう。
スマートフォンあたりの作成が便利になってたらいいのだけど。

2012年5月17日 (木)

f001:Google Swiffyを試してみる(Swiffy Extension)【Flash→HTML5変換】

Google Swiffyを試してみました。
Web上でもSWFファイルをアップすると出来ますが
今回は、Swiffy ExtensionをFlashに入れて
Flash上からSwiffyを使ってみました。(CS6が届いたので)

まずはSwiffy Extensionをダウンロードします。
Google Swiffyサイトのページ右上に「Download Swiffy Extension」とあるので
これをクリックしてダウンロードします。

swiffy.1.0.15.mxpというファイルがダウンロードされます。(ファイル名の1.0.15はバージョンだと思いますのでその時によって変わると思います。)

20120520_55509_4

このファイルをダブルクリックすると
Adobe Extension Managerという画面が開き
拡張機能のインストールが始まります。

インストールが終わるとこんな感じで
FlashにSwiffy Extentionがインストールされていることが確認できます。

20120520_60127

さぁここから
Flashにて簡単なものを作成して
これをSwiffy Extentionで変換してみようと思います。

今回は、Startボタンをクリックするとボールが回転しながら移動する
というようなものを作成してみました。

20120520_60639

こんな感じの設定です。(おそらくAS3は無理)
作成物はこんな感じです。

20120520_61207

ここまでできたら
コマンド→Export as HTML5 (Swiffy)というのを選択し実行します。

20120520_61349

そうすると、こんな感じで出力されます。
かなりの変換ぐあいで、もとのSWFともあまり遜色ありません。
これはすごい!

20120520_61702

Startボタンをクリックするとちゃんと動きます!
Google Chromeにて動作確認しました。

サンプル

出力されるファイルはHTML5として出力されます。

20120520_63212

このHTMLの中身をみてみると

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Swiffy output</title>
<script src="http://www.gstatic.com/swiffy/v4.1/runtime.js"></script>
<script>
swiffyobject = {"tags":……かなり続く
</script>
<style>html, body {width: 100%; height: 100%;}</style>
</head>
<body style="margin: 0; overflow: hidden;">

<div id="swiffycontainer" style="width: 550px; height: 400px;"></div>

<script>
var stage = new swiffy.Stage(document.getElementById('swiffycontainer'), swiffyobject);
stage.start();
</script>

</body>
</html>

こんなようになっていました。
JSONに変換したものをSwiffyランタイムで再生ということなのですね。

まだ、簡単なものしか試してないけど
Android端末用に作成したFlashを簡単にSwiffyで変換できるので
iPhoneでも再生できるようになる!
本当にすばらしいと思いました!

 

2012年5月16日 (水)

xamppのphpにpearをインストール

最近Windowsを使用していることは前の記事でも書いたけど
ローカル環境を構築中でxamppを入れた。

で、pearをインストールしたくて
php/go-pear.batを探したけどない。

最初からインストールされているようなので
phpまでのパスを通してコマンドでpearと入力すると
インストールされていることがわかった。

2012年5月15日 (火)

batファイルを作成する際に…

最近はまたWindowsを使用することが多くなってきた。
でも、もう3年以上はMacだったのでさすがにちょっとした事を忘れているし
OS新しくなっているので、なんか使いづらい…。

で、昨日batファイルを作成する事があって
TeraPadを使って作成したのですが、なんか文字化けする。

原因はTeraPadの文字コードをUTF-8にしていたから。
batファイルを作成するときの文字コードは

文字コード(可能)
•シフトJIS
•EUC-JP

文字コード(不可能)
•Unicode
•UTF-7
•UTF-8
•JIS

なので注意しよう。

2012年5月14日 (月)

z999:zf.shを使う

素早くプロジェクトを作成したりするには
macであれば、zf.shを使えば便利

ターミナルを起動して

alias zf=zf.shまでのパス

これでエイリアスができますので
次にちゃんとできているかを確かめるために

zf show version

と入力して

Zend Framework Version: 1.11.11

こんなように出てくればOK!
あとはプロジェクトを作成するコマンドを入力したら構造が出来上がる。

zf create project test

参考URL
http://framework.zend.com/manual/ja/learning.quickstart.create-project.html

2012年5月13日 (日)

ゴールデンウィークで太る

今年のゴールデンウィークは、訳があり長かった。
長かったせいか、生活がダラダラしてしまっていた。
そのために今まで半年もかけてダイエットしたものが一気に戻った。
太るの簡単だけど、やせるのは難しい…。
人間の体ってうまくできているんだね。

今日の朝、久しぶりにランニングしたけど
かなり遅くなっているし、息がすぐあがる。

また、今日から頑張って良い生活にしていこう。

2012年5月12日 (土)

トイレの匂いと居酒屋さん

居酒屋さんに行ってきた。
こじんまりとしたカウンターと
ボックス4人掛けが2つと座敷4人掛けが2つあった。

僕は座敷が好きなので、「こっち座って座って良いですか?」と聞くと
お客さんがまだ少ないので、そこには店主が座ってタバコを吸っていたらしく
「あっ。ちょっと待って下さい」と言ってそこの席に座らせてもらった。

そして、お決まりの「とりあえずビール」をオーダーして乾杯。
その後、メニューを見てやはりいつもと同じようなものをオーダーする。

全部オーダーが揃って、お話をして飲んだり食べたりしていると
なんか変な匂いが充満していることに気づいた。
その匂いの正体は、おそらくトイレの芳香剤…。
店員さんがトイレに行ったあと「シュっ」っとやったのだろう…。
はっきり行ってこの匂いがしている状態で、ご飯を食べる事はできない…。
なので、早々に帰る事にした。

帰るときに、レジ周りが汚かったのも
こういう事を気にしない態度の現れなのかな〜とも思った。

計算も終わりお金を払って退散したのだが
店員さん計算を間違えていたらしく、金額がやたらと高かった事に気づく。
さすがにこの時点で本当に言ってあげたくなったけど
そこは、押さえて次の店に行った。

次の店に行ったものの、今度は隣の人が大変酔っていて
店員さんに絡んだり、仲間と大声で話したりしていて
全然、話しが出来ない状態だった。

なんか踏んだり蹴ったりだったけど
こんな経験も後で思い返すと面白そうなので良しとしよう!

2012年5月11日 (金)

ピカピカの1年生

ゼロからの出発。

今までの事は一旦おいといて、全てをクリアにしよう。
全てを吸収するつもりで全力で向かおう!

ここ頑張れないと、次がなさそう…。
でもここを乗り越えると良い事が待ってそう☆

色んな事が今から1年生になった。
この歳での1年生はちょっと厳しいような気もするけど
何事もやる気があれば何とかなると思うし
目標があるので、それを達成できるようにしよう!

ある程度、自分を信じて行動をしてみよう!

2012年5月10日 (木)

CS5.5が届いた!

やっとソフト届いた!
ゴールデンウィーク前から頼んでいたので2週間とちょっとかかった。

これからシリアル番号を申し込まないといけないし
CS6のアップデートも申し込まないといけない。
なので完全にインストールできるのはあと1週間前後かかりそうだ…。

でも、これでソフトは申し分ないくらい全部揃った☆
あとは仕事だなww

Img_0803

2012年5月 9日 (水)

ターンテーブルがオブジェ化

10年前にはかなりハードに使っていたターンテーブル
今ではもう部屋のオブジェ化している。

Img_0793_1

家での練習用に買ったマランツのアンプとJBLのスピーカーも
今ではテレビの音声を聞くものに使っている。

はじめてクラブで回す時は本当に緊張したな〜
しかも失敗したし…。
家でやっているのと、クラブでやるのは全然違っていて
音跳ね返ってくるのでしっかり全体の音を把握する必要があった。

3ヶ月に一度はイベントとかもやっていた。(FULLHOUSEという名前で)
ミキサーもしぼれるやつにしたり、アイソレーターも買ったり、針もいいやつ揃えたり、レコードも毎日買いに行ったり。
その頃はシスコやマンハッタンレコードにレコード買いに行ってた。
楽しかったな〜あの頃☆

Img_0798_1

Img_0797_1

DJするときのジャンルはHouseをやっていた
アッパー→プログレッシブ→ディープ
こんな感じでやっていた。

特にディープハウスやっているときは
レコードいっぱい持っていた。

クラブにはじめて遊びに行って聞いたのはトランスだった
そこからハードハウス→サイケ→ゴア→ハウスみたいな感じで。
今でもゴアは良く聞く(ジョギングする時に爆音で聞いてる)

もうこんな歳になってしまったけど
また自分の時間に余裕があればイベントとかやりたいな〜。(多分無理だけど…)

Img_0799_1

2012年5月 8日 (火)

p999:Facebook位置情報

前回の記事の続きになるけど
記事の投稿時に位置情報と誰といたかを一緒に投稿してみる。

20120509_70030_2

基本的には前回と同様のコードだけど、下記の赤字部分が違う

<?php
// facebook-php-sdkをロード
require_once 'facebook-php-sdk/src/facebook.php';

// アプリの情報
$facebook = new Facebook(array(
                                    'appId' => 'AppID',
                                    'secret' => 'アプリの秘訣,
                                    'cookie' => false
                                ));

// ログイン状態
if(!$facebook->getUser()){
    $url = $facebook->getLoginUrl(array('scope' => array('user_checkins')));
    echo "<script>top.location.href='{$url}';</script>";
    exit;
}

// ウォール情報用配列と投稿取得数
$wallArray = array();
$getCnt = 20;

// 投稿データ(場所付き)
$plaseData = array('message' => (isset($_POST['message']) ? $_POST['message'] : ""),
                         'place' => (isset($_POST['place']) ? $_POST['place'] : ""),
                         'tags' => (isset($_POST['tags']) ? $_POST['tags'] : ""),
                         );

if($_POST['message'] || $_POST['message'] != ""){
    // 場所情報付きで投稿
    if($facebook->api('/me/feed', 'POST', $plaseData)){
        // ウォール情報の取得
        $wallArray = $facebook->api('/me/feed', 'GET', array('limit' => $getCnt));
    }
}else{
    // ウォール情報の取得
    $wallArray = $facebook->api('/me/feed', 'GET', array('limit' => $getCnt));
}

// ウォール情報を投稿取得数だけループして取得
for($i=0;$i<$getCnt;$i++){
    if($wallArray['data'][$i]['message'] != ""){
        $wallRsult[] = $wallArray['data'][$i]['message'];
    }
}

?>

<!DOCTYPE HTML>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>ウォールの書き込みと取得</title>
    <style>
        body{
            font-size: 12px;
        }
        textarea{
            width: 176px;
            margin-bottom: 0px;
        }
        #wall{
            width: 180px;
            height: 300px;
            overflow: auto;
            border: 1px solid #CCC;
        }
        ul{
            list-style: none;
            padding: 0px;
            margin: 0px;
        }
        li{
            border-bottom: dotted 1px #CCC;
            padding: 5px;
        }
    </style>
    <script type="text/javascript">
        /**
         * 投稿ボタンの表示と非表示
         */
        function submitWall(state){
            document.getElementById('submit').style.display = state;
        }
    </script>
</head>
<body>
    <form action="このファイルのパス" method="post">
        <textarea name="message" placeholder="今なにしてる?" onfocus="submitWall('block');"></textarea>
        <br><input style="width:176px;" name="place" placeholder="場所は?">
        <br><input style="width:176px; margin-bottom:7px;" name="tags" placeholder="友達は?">
        <div id="submit" style="display:none;"><input style="width:182px; margin-bottom:10px;" type="submit" value="投稿"></div>
    </form>
    <div id="wall">
        <ul>
        <?php
            foreach($wallRsult as $value){
                echo "<li>".$value."</li>";
            }
        ?>
        </ul>
    </div>
</body>
</html>

まず、投稿用の配列を作成した($placeData)
この配列を投稿引数に入れた。
placeには場所のIDを、tagsには友達のIDをいれると
地図と誰といたかを付随してウォールに投稿できる。

まず場所を検索

20120509_70134

場所のIDを確認してコピー

20120509_70222

そのIDを貼付ける

20120509_70517_3

※友達は?の所は友達のIDを入れる。

このようにして投稿ボタンをクリックすると

20120509_70600

このようにウォールに投稿できる。

今回作成したものでは実用性がないが
もう少しがんばったら使い物になりそうだ。

2012年5月 7日 (月)

KINGSOFT Office 2012

KINGSOFT Office 2012って英語版は無料なんだ〜
知らんかった。

ここからダウンロードできる。

2012年5月 6日 (日)

p999:Facebook Graph APIを使ってウォールに書き込み

Facebook Graph APIを使用してFacebookのウォールに書き込みをしてみた。
作成したものはこんな感じ。

20120507_122751_2 20120507_123023 20120507_123041

ウォールの記事を指定した分表示しておいて
その上にはテキストエリアを用意し
ウォールの書き込みをできるようにしてみた。
で、書き込みしたものは下のウォール記事表示個所で
すぐに確認できるようにしてみた。

これをするにはまず、新規でアプリを作成する必要があるので
facebook developersにログイン後アクセスして
画面の右上にある「新しいアプリケーションを作成」をクリックして作成する。

これを作成すると、AppIDアプリの秘訣というのがわかる。
もう一つ重要なのが「サイトドメイン」で実際プログラムファイルは
設定したサイトドメイン下でしか使えないと思う。

この取得したAppIDとアプリの秘訣を
facebook-php-sdkをダウンロードして
このオブジェクトを作成する際に入力する。

で、コードはこんな感じ

<?php
// facebook-php-sdkをロード
require_once 'facebook-php-sdk/src/facebook.php';

// アプリの情報
$facebook = new Facebook(array(
                                    'appId' => 'AppID',
                                    'secret' => 'アプリの秘訣',

                                    'cookie' => false
                                ));

// ログイン状態(ログイン状態でなければログイン画面へ)
if(!$facebook->getUser()){
    $url = $facebook->getLoginUrl(array('scope' => array('user_checkins')));
    echo "<script>top.location.href='{$url}';</script>";
    exit;
}

// ウォール情報用配列と投稿取得数
$wallArray = array();
$getCnt = 20;

if($_POST['wall'] || $_POST['wall'] != ""){
    if($facebook->api('/me/feed', 'POST', array('message' => $_POST['wall']))){
        // ウォール情報の取得
        $wallArray = $facebook->api('/me/feed', 'GET', array('limit' => $getCnt));
    }
}else{
    // ウォール情報の取得
    $wallArray = $facebook->api('/me/feed', 'GET', array('limit' => $getCnt));
}

// ウォール情報を投稿取得数だけループして取得
for($i=0;$i<$getCnt;$i++){
    if($wallArray['data'][$i]['message'] != ""){
        $wallRsult[] = $wallArray['data'][$i]['message'];
    }
}

?>

<!DOCTYPE HTML>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>ウォールの書き込みと取得</title>
    <style>
        body{
            font-size: 12px;
        }
        textarea{
            width: 176px;
            margin-bottom: 0px;
        }
        #wall{
            width: 180px;
            height: 300px;
            overflow: auto;
            border: 1px solid #CCC;
        }
        ul{
            list-style: none;
            padding: 0px;
            margin: 0px;
        }
        li{
            border-bottom: dotted 1px #CCC;
            padding: 5px;
        }
    </style>
    <script type="text/javascript">
        /**
         * 投稿ボタンの表示と非表示
         */
        function submitWall(state){
            document.getElementById('submit').style.display = state;
        }
    </script>
</head>
<body>
    <form action="このファイルのパス" method="post">
        <textarea name="wall" placeholder="今なにしてる?" onfocus="submitWall('block');"></textarea>
        <div id="submit" style="display:none;"><input style="width:182px; margin-bottom:10px;" type="submit" value="投稿"></div>
    </form>
    <div id="wall">
        <ul>
        <?php
            foreach($wallRsult as $value){
                echo "<li>".$value."</li>";
            }
        ?>
        </ul>
    </div>
</body>
</html>

これ実行すると、ログイン状態でない場合

App01

ログイン後には、アプリに移動します。

コードは、コメントの通り至って簡単で、ウォールに書き込みができる。
実際には「$facebook->api('/me/feed', 'POST', array('message' => $_POST['wall'])」でウォールに投稿している。

こんな感じでした。

ちょっとはまった所があったので
これ失敗すると、下みたいなエラーがでる。

Photo

これは、アプリからウォールへの書き込みが許可されていないためだと思う。
実際には下記のように

20120507_122945

「publish_stream」という所にチェックを入れると
書き込み出来るようになった。
この画面は、facebook developersの画面の左メニュー「Graph APIエクスプローラを使用する」から移動し「アクセストークンを取得する」から移動できる。

色々やってみたけど、まだまだ勉強しないと全然わからんわ…。

2012年5月 5日 (土)

iPhone4Sのsiri

早速siriを使ってみました。

siriを起動させるにはホームボタンを長押しして起動させるみたい。
起動した後は電話に向かって話せばsiriが答えてくれる。

しかし、僕の話し方が悪いのか
認識出来ませんを連発する。

もう少しがんばって話しかけてみようww

120507_11_03_23

2012年5月 4日 (金)

au「WiFi WALKER」契約

いまキャンペーン中で初期費やその他もろもろが安くなるとのことで
WiFi WALKERなるものに契約した。

月々の支払いは、他社と比べ500円位高いけど
使わなかったら、0円ということで契約に至った。

いいのか悪いのかわからんけど
とりあえず今月は使ってみよう。

120506_18_57_27_1

120506_18_58_40_1

2012年5月 3日 (木)

p999:PDFを生成する

PHPでTCPDFというライブラリを使用して
PDFを生成してみる。

<?php
require_once 'tcpdf/config/lang/eng.php';
require_once 'tcpdf/tcpdf.php';

$pdf = new TCPDF(PDF_PAGE_ORIENTATION, PDF_UNIT, PDF_PAGE_FORMAT, true, 'UTF-8', false);

$pdf->SetCreator(PDF_CREATOR);
$pdf->SetAuthor('Artmo');
$pdf->SetTitle('PDF_SAMPLE');
$pdf->SetSubject('PDF_SAMPLE');
// 日本語フォントは3種類あるみたい
// $pdf->SetFont('cid0jp', '', 20);
// $pdf->SetFont('kozgopromedium', '', 20);
$pdf->SetFont('kozminproregular', '', 20);
$pdf->AddPage();
$htmlContent = '<h1>PDF サンプルです</h1><hr><p>これはPDF生成サンプルです。</p>';
$pdf->writeHTML($htmlContent, true, 0, true, 0);
$pdf->output('sample.pdf', 'I');
?>

まずは、ここからTCPDFをダウンロード
ダウンロードしたファイルを解答し、PHPで読み込みする。

あとは上記のようなプログラムを書いてみると
このようにPDFが表示されます。

20120505_112154

デフォルトで用意されている日本語フォントに関しては
文字化け等するみたいなので
実際に使用する際には、フォントをダウンロードしないといけないと思う。

参照URL(TCPDFで日本語を使うサンプル)
http://hrgs.xrea.jp/2006/08/24/how_to_use_japanese_with_tcpdf


2012年5月 2日 (水)

auに鞍替え

家のネットがeo光でauと組み合わせると
パケット定額が2年間1480円安くなるということで
softbankを解約してauにした。

softbankでの契約は、スマートフォンになってからもう2年くらいたっていたので
ほとんど機種代金は終わっていたので、あまりお金を出す事なく解約できた。

しかも、auはキャンペーン中で35000円もキャッシュバック。
jcbの商品券を2ヶ月後に送ってくれるらしい。

これで、1ヶ月の電話代が安くなるし、WiMaxを契約しようかな?

Img_1659_1

ちょっと今回は白にしてみた。
こういう風に見ると、iPhone4とiPhone4Sはほんとうに見分けがつかない。

2012年5月 1日 (火)

j999:GETの値を取得する

javascriptでGETの値を表示してみます。

<!DOCTYPE HTML>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>GETの値を表示</title>
</head>
<body>
    <script type="text/javascript">
        if(1<document.location.search.length){
            // ?を除いた文字を取得する
            var getQuery = document.location.search.substring(1);
            // &で文字を分割して配列にする
            var params = getQuery.split('&');

    // 結果の為のオブジェクト
            var res = new Object();

            for(var i=0;i<params.length;i++){
                // 名前と値を分ける
                var data = params[i].split('=');

                var dataName = decodeURIComponent(data[0]);
                var dataVal = decodeURIComponent(data[1]);

                // 名前をキーとして連想配列に追加する
                res[dataName] = decodeURIComponent(dataVal);
            }

            // 結果表示
            for(var i in res){
                var resultData = res[i];
                document.write("key:"+i+" data:"+resultData+"<br>");
            }

        }
    </script>
</body>
</html>

「document.location.search」に?以降が格納されている。
「decodeURIComponent」は文字をデコード。

20120502_84909

こんな感じで取得できる。

参考URL
http://www.crystal-creation.com/web-appli/technical-information/programming/javascript/sample/get.htm

2012年4月30日 (月)

IKEAに行ってきた

今日IKEAに行ってきたけど
人がめっちゃ多かった…。

人が多すぎてお祭り状態の感じ。

途中トイレをしたくなったけど
トイレまでの距離が長過ぎるし、人多すぎて前に進めないし…。
本当に漏れそうになったww

結局何も買わずに帰ってきた。
また平日に行こう。

2012年4月29日 (日)

j999:配列とオブジェクトの扱い

配列とオブジェクトの生成と取り出し

<!DOCTYPE HTML>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>配列とオブジェクトを扱う</title>
</head>
<body>
    <script type="text/javascript">

        var arrayData = "['hoge', 'fuga', 'hon']";
        var objData = "{hoge: 'hogen', fuga: 'fuga', hon: 'hon'}";

        // 配列
        var arr = ['hoge', 'fuga', 'hon'];

        document.write("配列:"+arrayData+"<br>");

        for(i=0;i<arr.length;i++){
            document.write(arr[i]+"<br>");
        }

        document.write("<br>");

        // オブジェクト
        var obj = {hoge: 'hogen', fuga: 'fuga', hon: 'hon'};

        document.write("オブジェクト:"+objData+"<br>");

        for(var i in obj){
            var data = obj[i];
            document.write("key:"+i+" data:"+data+"<br>");
        }
    </script>
</body>
</html>

こんな感じ。

20120502_75723

2012年4月28日 (土)

j999:javascript基本

javascriptの基本を勉強したので
ちょっと復習がてら簡単にこんなフォームを作ってみた。

20120429_71822

•フォームに数量を入れると自動に合計を表示する。
•合計金額ボタンをクリックして各合計を足したものを表示する。
•この内容を送信ボタンをクリックして、明細を表示する。
※復習の為のものなのでバリデーションは行っていないため、数量には数字以外も入ってしまうけどまぁ勉強のものなので…。

サンプル

<!DOCTYPE HTML>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>120428 : 鉛筆とペンの合計金額</title>
    <script type="text/javascript">
        // 鉛筆の値段
        pencil_price = 100;
        // ペンの値段
        pen_price = 150;

        /**
         * ペンの合計金額を求める
         *
         * @param string kind ペンの種類
         * @param int num ペンの数量
         */
        function penSum(kind,num){
            // 鉛筆
            if(kind == 'pencil'){
                // 鉛筆の合計金額
                pencil_sum = pencil_price * num;
                document.getElementById('penc').innerHTML = pencil_price;
                document.getElementById('pencil_sum').value = pencil_sum;
                document.getElementById('pencil_sums').innerHTML = pencil_sum;
            } // ペン
            else if(kind == 'pen')
            {
                // ペンの合計金額
                pen_sum = pen_price * num;
                document.getElementById('penpen').innerHTML = pen_price;
                document.getElementById('pen_sum').value = pen_sum;
                document.getElementById('pen_sums').innerHTML = pen_sum;
            } // 合計
            else if(kind == 'sum' && num == 0)
            {
                pencil_sum = document.getElementById('pencil_sum').value;
                pen_sum = document.getElementById('pen_sum').value;
                // 鉛筆の合計金額+ペンの合計金額
                document.getElementById('all_sum').value = parseInt(pencil_sum) + parseInt(pen_sum);
                document.getElementById('sum_all').innerHTML = parseInt(pencil_sum) + parseInt(pen_sum);
                // ポイントをランダムでつける
                rand = Math.floor(Math.random()*10) + 1;
                document.getElementById('point').value = rand;
                document.getElementById('points').innerHTML = rand;
            }
        }

        /**
         * 明細の確認
         */
        function resultForm(){
            pencil_num = document.getElementById('pencil').value;
            pen_num = document.getElementById('pen').value;
            sum_all = document.getElementById('all_sum').value;

            alert("あなたは鉛筆を"+pencil_num+"本とペンを"+pen_num+"本購入して合計は"+sum_all+"円です。")
        }

        //strShow('hello');
    </script>
</head>
<body>

    <h1 style="font-size:18px; margin-bottom:25px;">120428 : 復習</h1>

    <form>

    <div>
        鉛筆の本数は<input type="text" size="4" id="pencil" onblur="penSum('pencil',this.value);">本<br>
        ペンの本数は<input type="text" size="4" id="pen" onblur="penSum('pen',this.value);">本<br>
        <p><input type="button" value="合計金額" onclick="penSum('sum',0);"></p>
    </div>

    <p>本日の価格:鉛筆1本=<span id="penc"></span>円、ペン1本=<span id="penpen"></span>円</p>
    <di>
        鉛筆の合計:<input hidden type="text" id="pencil_sum"><span id="pencil_sums"></span>円<br>
        ペンの合計:<input hidden type="text" id="pen_sum"><span id="pen_sums"></span>円<br>
        <input hidden type="text" id="point"><span id="points"></span>&nbsp;ポイント獲得(ランダム)<br>
        <p>合計金額:<input hidden type="text" id="all_sum"><span id="sum_all"></span>円</p>
    </div>

    <div>
        <input type="button" value="この内容で送信" onclick="resultForm();">
    </div>

    </form>

    <div id="kaisetu">
        <ul>
            <li>鉛筆とペンの単価はそれぞれ決まっている</li>
            <li>本数はユーザー任意の本数とし単価*本数を計算</li>
            <li>ポイントはランダムで獲得させる</li>
            <li>合計金額は鉛筆とペンの単価*本数の合計を加算したもの</li>
        </ul>
    </div>

</body>
</html>

すべての入力した値は、保持させているので
こうしておけばjavascriptでも
最終処理をphpなどでデータベースに値を格納する事もできると思う。

2012年4月27日 (金)

祝!再出発

今日からまた再出発。

これからが大変。
仕事に勉強、しかも今後の事も考えないと。

特に勉強はいっぱいしよう!
いろんなセミナーにでよう!

今日はこの再出発記念日だから、ちょっと良い飯でも食べて
新しい門出を祝おう!

2012年4月26日 (木)

j999:getYearの表示を正常にする

getYearで年を取得して表示する場合
IEの古いバージョン等では「今年の年数(2012)」と表示されるが
その他のブラウザでは「1900年からの年数(112)」と表示される。

20120429_64842
20120429_64913

この場合、下記のコメントの部分を有効にすると
普通の年数を表示できる。
または、getFullYear();を使用し取得する。

<!DOCTYPE HTML>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>getYear</title>
</head>
<body>
    <script type="text/javascript">
        date = new Date();
        year = date.getYear();
        fullyear = date.getFullYear();

       

/* ここを入れるとgetYearでも普通に表示される
        if(year < 2000){
            year += 1900;
        }
        */

        function yearShow(){
            alert(year+"年です");
        }

        function fullyearShow(){
            alert(fullyear+"年です");
        }
    </script>

    <p><a href="javascript:void(0);" onclick="yearShow();">今年は何年ですか?(getYear)</a></p>
    <p><a href="javascript:void(0);" onclick="fullyearShow();">今年は何年ですか?(getFullYear)</a></p>
</body>
</html>

ようは1900を足すということ。

2012年4月25日 (水)

時間の大切さを再認識

仕事も早く終わったし夜、飲みにいってきた。
その飲み屋には若い子(22才)の人が2人と30才位の女の人が2人位おった。

僕についたのは22才の人だった。

色々話していてもったいないな〜と思ったのは
何も目標をもっていないということ。
僕はてっきり、飲み屋で働いてお金を貯めて云々だと思っていたが
そうでもないらしい…。

目標はと聞いてみるとう〜んと考えた末「就職すること」って言っていた。

僕もこの頃は、これよりもっとひどかったので何にもいわれへんけど…。
でも「お金持ちになりたい」と「社長になりたい」と「フェラーリがほしい」
という夢は一貫して変わりません。

人それぞれ考える事は違うと思うけど、この時僕が思ったのは
自分自身、22才に戻れたらどれだけがんばれるだろう?と思い
時間の大切さというのを再認識しました。

ある意味、この人と話している時間は
再認識させてくれたということで、とても有意義な時間だったのかもしれません。
ちょっと高かったけど、まっいいかw

2012年4月24日 (火)

jqm999:ホームに追加を促す

サイトを作成して、ユーザーにたくさん見てほしい場合
iPhoneユーザーには「ホームに追加」という手段がある。
ホームに追加をすると、アイコンができて
いつでもそこからアクセスできるようになる。

20120428_61121

20120428_61211

これを促す方法をやってみる。

まずは、ここから「bookmark_bubble.js」と「example.js」をダウンロードする。※「Source」→「Brouse」からダウンロード

この促すメッセージが英語になっているので、日本語に変える。
これはbookmark_bubble.jsの563行目にある

bubbleInner.innerHTML = 'ここに日本語文';

ここを日本語にする。

アイコンになるものは「apple-touch-icon-precomposed」から取得するので
作成中のサイトのヘッダーに追記

<link rel="apple-touch-icon-precomposed" href="アイコンパス">

これで、いつものようにこのjsを作成中のサイトに読み込む

<script src="bookmark_bubble.js"></script>
<script src="example.js"></script>

しかし、これではjQuery特有の#〇〇で画面遷移とこのbookmark_bubble.js
のリンク方法が競合して変なことになるので「example.js」を

window.addEventListener('load', function() {
  window.setTimeout(function() {
    var bubble = new google.bookmarkbubble.Bubble();

    //var parameter = 'bmb=1';
    var parameter = '#';

    bubble.hasHashParameter = function() {
      //return window.location.hash.indexOf(parameter) != -1;
      return location.hash == "" && location.href.indexOf(parameter) == location.href.length-1;
    };

    bubble.setHashParameter = function() {
      if (!this.hasHashParameter()) {
        //window.location.hash = parameter;
        location.href = parameter;
      }
    };

    bubble.getViewportHeight = function() {
      window.console.log('Example of how to override getViewportHeight.');
      return window.innerHeight;
    };

    bubble.getViewportScrollY = function() {
      window.console.log('Example of how to override getViewportScrollY.');
      return window.pageYOffset;
    };

    bubble.registerScrollHandler = function(handler) {
      window.console.log('Example of how to override registerScrollHandler.');
      window.addEventListener('scroll', handler, false);
    };

    bubble.deregisterScrollHandler = function(handler) {
      window.console.log('Example of how to override deregisterScrollHandler.');
      window.removeEventListener('scroll', handler, false);
    };

    bubble.showIfAllowed();
  }, 1000);
}, false);

このように書き換える。

これで、成功していると
下記のようになり「ホーム画面に追加」を促す事ができる。

20120428_61052

ホームに追加するとURLの後ろに「#」がついたもので追加され
そのアイコンからタップしてサイトにアクセスする場合はURLの後ろに
「#」がついたものになります。
これで、このアイコンからアクセスした場合はホーム画面に追加を促す画面は
出なくなります。
また、「×」を合計で2回タップしてこの画面を消した場合は
ローカルストレージにこのことを保存し、この画面を出しません。

参考URL
http://d.hatena.ne.jp/a_kimura/20110507/1304801259

2012年4月23日 (月)

ガツガツしないことの大切さ

なにかを得るとき。

心に余裕がある人はガツガツしていない。

例えば人よりお金を持っていたり。技術が優れていたり。
他に何か人より優れたものを持っていたり。

誰かに接するとき、ガツガツしている感じだとすぐに見透かされる。

自分はこれを得ないと生きていけない…。
等と思っているとやはりガツガツした感じになり
相手にはちょっと重い感じになってしまう。
例えば交際相手を探している時等。

最近、心がけている事はこのガツガツ感を抜く事。

逃したくないものを得る時こそ
こういう雑念を抜いて挑みたいところです。

これが出来ると相手と対等な立場で話ができると思う。
どうしてもガツガツしていると片思いになりがち。

僕は、相手の出方をみてから判断ということが大事なのだと思います。
自分からいってしまうと、相手からしてみたらしつこかったり、墓穴ほったり…。

できればこれからも余裕を持って人と接していきたい。

2012年4月22日 (日)

iPhoneのアプリをiTunesに転送

いつも、iPhoneをパソコンにつなげるとき
アプリの同期なんてしていなかった。

で、iTunesの中のアプリを同期させるのは簡単にできるけど
逆にiPhoneの中にアプリをiTunesに転送するのはどうするの?

これは、まずiTunesを立ち上げ
上部「store」メニューの「このコンピューターを認証」で認証。

20120422_165235

次にアプリをiTunesへ
「ファイル」の「購入した項目を"○○のiPhone"から転送」
これで転送できた。

2012年4月21日 (土)

電話設置完了

前回の記事で電話機購入を考えていたけど
eo光電話を導入
Fax、子機1台付きの電話を買った。

電話って意外と安いのだね!
1万3千円位だったけど、機能がいっぱいついている。

機能の中でも、良いのが
ファックスをSDカードに保存しておける機能。
これは良いですね!

オプションでナンバーディスプレイもつけたし
準備万端です!

120422_11_24_58_1

2012年4月20日 (金)

嬉しいやら悲しいやら…。と一期一会

4月は別れの時期であり、出会いの時期でもある。
今年の僕はこれに当てはまる。

実際、色々考えた末出した答え。
今は過去を振り返るのではなく、未来を見据えがんばろうと思っている。

今までかかわってきたお客様にこの事を話すと
「ありがとうございました。がんばって下さい!」と言われる。
この言葉は本当に励みになるし、やっぱり人付き合いは大切だな〜と思う。

チームの皆さんには送別会をして頂いてなんと言っていいやら。
しかも、花までもらって…。嬉しすぎる!

120422_9_02_40_1

僕の性格は一般的に変わっていると言われ
関わっていただいた方には本当にご迷惑をおかけして申し訳ないと思う。

もう少し大人にならないと…。
いつまでも子供ではいられないな〜。

なんか嬉しいやら悲しいやらです。

フォレストガンプは好きな映画で
「一期一会」というのは本当にそうだな〜と思うし
いつも頭のなかにこの言葉はあるのにも関わらずあまり実行していない…。

生きてきた30年間ちょっと。もう少しこの言葉を考えていれば
今頃、色々な方が周りにいたと思う…。

これからはより一層この言葉を大切にし
色々な方と関わって行きたいと思う。

2012年4月19日 (木)

地図アプリを起動させる

スマートフォンサイトを作成するとき
Google Mapアプリを起動させたい時がある。
そんなときは下記のように記述するとアプリが起動する。

<a href="http://maps.google.com/maps?q=経緯軽度">地図</a>

経緯軽度は、Google Mapにて表示したい場所を検索し
その場所を右クリックして「この場所について」を選択すると
数字がカンマ区切りで2種類できてきます。
この数字を「経緯軽度」に入れる。

例えば「通天閣」なら

20120422_83224

こんな感じ。

参考サイト
http://html-five.jp/22/

2012年4月18日 (水)

w999:カテゴリスラッグを表示

カテゴリを作成するときには
カテゴリースラッグを入力する欄がある。
この入力欄に入力した文字を表示するには

$cat = get_the_category();
$cat_slug = $cat[0]->slug;

この様にすることで
投稿で指定したカテゴリーのカテゴリースラッグが$cat_slugに代入される
※カテゴリーは複数指定できるので、例では$cat[0]で1番目をを指定している。

20120419_225916

20120419_225943

こんな感じ。

2012年4月17日 (火)

w999:ページスラッグを表示

ページ作成時にはスラッグという入力欄がある
この入力欄に値を入力しこの値を表示するには

$post->post_name

これで表示される。

20120419_221717

20120419_224817

こんな感じ。

2012年4月16日 (月)

いじけるうちのねこ

昨日はうちのねこ(にゃんた)を公園に連れて行った。
ファーミネーターという強力な毛とりのやつを購入したので
いっぱいとった。

しかし、家に帰ってきてから様子がおかしい…。
無理矢理公園につれて行ったのでいじけている様子。

Img_1125_1

でも、もう暖かくなってくるし
毛をとらないと暑くて蒸れそうだし…。

また、来週も行くけどかえってきたらこんな感じなんだろうか?

2012年4月15日 (日)

ココログブログの携帯切り替え

ココログブログを携帯で見るときには
携帯用の画面に自動で切り替わるようになっている。

でも、何故か切り替わらなかった。

ちょっと調べてみると、メンテナンスをしている様子
夕方には切り替わるようになっていたので大丈夫でした。

ちなみに、ココログの上級テンプレートをカスタマイズしている人はわかると思うけど、<head></head>の間に

<link rel="alternate" media="handheld" href="記事のURL" />

こんなタグが入っていないと、携帯URLに切り替わらないと思う。

2012年4月14日 (土)

PDFにパスワードをかける

Adobe Readerしかもっていないけど
PDFにパスワードをかけたい。

なんかそんなフリーソフト絶対あるやろな
と思い探していたら良いのがあった!

CubePDF Utility
操作も簡単で、ファイルを選択してパスワードを設定するだけ!
しかも印刷等を許可するか?まで設定できる。

助かった☆

2012年4月13日 (金)

説明するのって難しい…。

ホームページ(ワードプレスやムーバブルタイプ)を作成して
その使い方のマニュアルを作成して説明する。

自分は作成した人だから、一応は一通りわかっているが
これを何もわからない人に説明するのは凄く難しい。

例えば比喩表現等を巧みに使い説明していく方法もあるだろうが
それもあまりうまくない…。

しかも、相手が少しだけ知っている(htmlとか)と逆にしんどい。
話が噛み合ず、英語等より相手が何を言っているのかわからない。
ということは相手もそう思っているということでやはり噛み合ない。

4月11日にはJavascriptのセミナーに行ってきた
その時の講師「たにぐち まこと」さんの説明はすばらしくわかりやすかった!
僕もこんな風になれたらいいな〜って思いました。

なんかここらへんをきちんとしないと
この先、良いものを作っても安く見られると思うので
技術の勉強もしないといけないけど、こっちの勉強もしていこう!

2012年4月12日 (木)

w999:wp-jquery-lightbox

jqueryのlightbox。
これ凄く便利でプラグインを入れ、有効にするだけ。

まずはプラグインの「新規追加」で検索に「wp-jquery-lightbox」と入力し
出てきたら「いますぐインストール」をクリックする。

20120414_73027

インストールされたら「プラグインを有効化」をクリックする。

20120414_73101

これでプラグインが有効になったので
次に投稿して動作しているか確認する。

20120414_74153

■注意点
テーマを自作している場合は、ヘッダーには</head>の直前に「wp_header()」を入れ、フッターには</body>の直前に「wp_footer」を入れないと動作しません。
テーマを自作するときはこの2つを入れておいた方が良いと思います。

2012年4月11日 (水)

w999:パスワードの有効期限

Wordpressで投稿時にパスワードを設定して公開すると
パスワードを入力しないと閲覧できないページができる。

20120414_65610

20120414_70132

こんな感じで。
でも、困った事にパスワードを入れて一度閲覧できるようになると
10日間パスワードを入れなくても閲覧できるようになる。

これを回避するには、ブラウザに保存するCookieの有効期限の長さを
変更する必要がある。
これを変更するには

20120414_70628_2

wp-pass.phpを編集する。
はじめの状態では10間Cookieが有効になっているので

wp-pass.phpの12〜13行目

// 10 days
setcookie('wp-postpass_' . COOKIEHASH, stripslashes( $_POST['post_password'] ), time() + 864000, COOKIEPATH);

このようになっておるので
このtime() + 864000の所を変更すると期限を短くできる
例えば毎回聞いてくるような設定にする時は

// 0 days
setcookie('wp-postpass_' . COOKIEHASH, stripslashes( $_POST['post_password'] ), 0, COOKIEPATH);

ブラウザを終了するとCookieが削除される設定。
この設定にするとブラウザをおとす毎にCookieが削除され
パスワード入力画面が出る。

2012年4月10日 (火)

j999:要素の高さを揃える

例えば、サイドメニューとコンテンツを左右に分けている場合
両要素の高さを揃えたい時がある。
そんな時に便利なのが「jquery.tile.js」です。

<!DOCTYPE HTML>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>要素の高さを揃える</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
    <script src="./js/tile.js"></script>
    <script type="text/javascript">
    $(function() {
        $('.tile').tile();
    });
    </script>
    <style>
    .tile{
        border:1px dotted #333;
        height:200px;
        width:150px;
        float:left;
    }
    </style>
</head>
<body>
    <div>
        <div class="tile">あいうえお</div>
        <div class="tile">あいうえお<br>あいうえお</div>
        <div class="tile">あいうえお<br>あいうえお<br>あいうえお</div>
    </div>
</body>
</html>

こんな感じで簡単に設置できます。
設置したサンプルはこんな感じになります。

20120410_230938

2012年4月 9日 (月)

w999:ページリストをドロップダウンで表示する

今日はこのタグに助けられた。

なんかわからんけど、IE6,7,8でページを新規で作成するときに
ページ属性の所の「親」のドロップダウンの動きがかなり鈍い。

ページ数は既に200ページ以上だったので
このドロップダウンの中に200ページくらいが入っていた。

最初は単にページ数が多いからドロップダウン(セレクトボックス)の
動きが鈍いと思っていたら、実際は違った。

何かjsが邪魔をしていそうな感じ…。

色々調べてみると、新規ページ作成ページの
ドラッグアンドドロップでボックスの位置をかえれるjsが原因ではないのか
という結果に。

で、この機能を外すことでこの問題は解決されたが
ドラッグアンドドロップでボックスの位置が変えられなくなった。
これはちょっとまずい…。

で、今回作成しているサイトは
親→子の1階層でしかページを作成していないので
子のページが親になることはない
ということで、この便利なタグの引数「depth」を使い
子のページを表示しないことで、このドロップダウンの中に表示されるページを
制限し、ページ数を少なくしたことで問題は解消された。

<?php wp_dropdown_pages(array('child_of' => 0, 'sort_order' => 'ASC', 'sort_column' => 'post_title',
'hierarchical' => 1, 'exclude' => '', 'include' => '', 'meta_key' => '', 'meta_value' => '', 'authors' => '', 'echo' => 1, 'depth' => 1)); ?>

こんな感じ

参照サイト
http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/wp_dropdown_pages

2012年4月 8日 (日)

RED WINGのブーツが届いた!

去年から予約していたRED WINGの靴が昨日届いた!
早速箱から出して見てみた。

P20120408_134105469_1

こんな感じ。
初めてのRED WING。
これから何十年かはお世話になりそうです☆

2012年4月 7日 (土)

w999:ユーザーの削除

ユーザーを削除するときに
ユーザーが作成した投稿とリンクを削除するか
削除するユーザーの代わりのユーザーを指定するか
どちらかになる。

管理画面左メニュー「ユーザー」をクリックして
ユーザー一覧画面を表示する。

20120408_10416_2

削除したいユーザーの「削除」をクリックすると
下記のような画面が出てくる

20120408_10807

ここで、削除しようとしているユーザーの投稿とリンクを削除するか
このユーザーをほかのユーザーに割り当てるかを選択できるので
選択後「削除」を実行で完了。

今回は、本番ユーザーを追加し
ダミーで入れていたユーザーを削除する際にこれをやったので
メモっておこう。

2012年4月 6日 (金)

eoモバイル(WiMAX)

eo光とeoモバイル(WiMAX)。

「家でも外でもネットができる」みたいなこと言ってたような感じがしたので
電話して聞いてみたら、eoモバイル(WiMAX)は別に必要という事。

eo光とセットなら月々-210円とのことだが
たった-210円なんだ…。
通常3890円→3680円になる。

eo光+eoモバイル(WiMAX)にすると、月々約7000円位になるってことね…。
eoでの導入考えていたけど、これなら他社のやつでも良さそうだな。

2012年4月 5日 (木)

eo光電話を導入

eo光電話を導入することにした。
ネットと一緒に申し込むと月々300円で良いらしいし
電話代も携帯と比べると全然安い!

電話機が必要ということで(当たり前かww)
結構高いのかな〜と思っていたら、思っていたほど高くない
こんなやつとか
http://goo.gl/6JUHc

どうせならファックス付きのやつほしいな〜
ということで、休みの日は電話機を見に行こう!

2012年4月 4日 (水)

w999:ループで特定カテゴリ以外を表示

Wordpressのループで
特定のカテゴリ以外を表示したい場合がある。

僕の場合は、パスワードをかけた投稿を新着情報に出したくないということで
この方法を調べました。

query_posts('cat=-10');

のように、カテゴリIDの前に「-」をつけると
逆にこのカテゴリ以外となります。

2012年4月 3日 (火)

両面印刷の短編綴じと長編綴じ

両面印刷で印刷してと言われ
プリンターの設定の所を見てみると
「短編綴じ」と「長編綴じ」というのがあったなんだこれ?

わからなくて調べました。

「短編綴じ」
印刷物の短い辺で綴じる方法。

「長編綴じ」
印刷物の長い辺で綴じる方法

例えばA4のものを「縦」で印刷するとき
「短編綴じ」になっていると、裏面は逆になる
縦にめくったとき逆になるから。
ということ。

良い事学んだからメモっておこう!

«Android 4.0にアップデート ドコモ

2012年5月
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

パソコンの事で困ったら?

無料ブログはココログ

猫ブログ