カテゴリー : PC・ネット

PCバッテリーの故障騒動

9月に入ったというのに一向に涼しくなりませんね。

とっても暑かった今年の夏ですが、会社のPC関連ひと騒動あったので書き留めておきます。

8月に入ってしばらくしたころ、私が仕事で使っているノートPCの、画面右下にならんだアイコンを見て、ふと違和感を感じました。

batteryどうも、電池の表示がかなり減っていて、カーソルを当てると、「3x%が使用可能です。(電源に接続:充電していません)」と出ます。(画像参照)

え?、AC電源につながっているのに、なぜ?、と頭の中を疑問符がいっぱい飛び交いました。

PCの電源関係のLEDインジケータを見ると、AC電源とバッテリー充電のランプが消えていました。

そして、しばらく気にしていると、どんどん電池残量が減っていき、帰る頃には5%になってしまって非常に焦りました。

他の人に聞いてみると、みんな「完全に充電されました(100%)になっているとのこと。

このPCはリースなので、販社の担当者に相談して、バッテリーの抜き差しをしたり、他の個体(会社なので同じ型番のPCがたくさんあります)のバッテリーやAC電源と交換したりしてみました。

とりあえず、この日はバッテリーを抜き差しして、AC電源とバッテリー充電インジケータの点灯を確認して帰りました。

翌朝出勤してPCを立ち上げると、電池は100%充電され、LEDも全部点灯しています。

やっぱりたまたまだったのか?、と思って仕事をしていたのですが、また午後3時過ぎくらいにバッテリーが半分以下になっていることに気づきました。

それからしばらく、毎日午後になると電池が減り始め、AC電源のLEDが消えることに気づきました。

また、スリープ状態にしたり、Windowsを落としたりすると、PC電源とHDDのLEDが消える代わりにACとバッテリーのLEDが復活することにも気づきました。

結局、この騒ぎは販社の担当で解決できずにメーカーサポートにまで行き、一旦は「基盤周りの不具合」として修理の手配までしたのですが(ちょうど1年間の保証期間が切れる直前でした)、同じ症状のマシンがもう一台あることが判明し、再度サポートに電話したところで、その時電話を取ったお姉さんが「ひょっとしたら故障ではなく設定の問題かもしれません」と言いだしました。

そして「ピークシフト機能」なる部分の設定を確認したところ、ビンゴ!

私のともう一台だけ、この機能が「ON」になっていました。

この「ピークシフト機能」、真夏の暑い時期、電気使用量がピークになる時間帯に、AC電源からの供給をストップし、バッテリー駆動に切り替えるというもので、最近のご時世に合わせて出てきた新機能らしいです。

バッテリー残量が限界になると勝手にAC電源駆動に切り替わりますが、バッテリーそのも気は深夜にならないと充電されない設定になっていました。

このPCはまだ使い始めて1年経っておらず、この機能は7月~8月の期間のみ発動するので、これまで全く気付かなかったという訳です。

と言う訳で、散々大騒ぎした結果、別に故障でも何でもなかったという結論だったのでした。

それにしても、販社の人も、それから最初に対応したメーカーサポートの人も、この機能のこと、知らなかったんですね…。あと、たくさんあるPCのうち、二台だけ、この機能が最初からONになっていたというのも不思議です。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

Twitter関連のプラグインを変更

ここのところtwitter関連ウィジェット(プラグイン)の調子が悪かったので、見直しを敢行しました。

特にTwitter Widget Pro。

Twitter公式のウィジェットよりデザインが馴染むので愛用していましたが、2~3ヶ月前のアップデートで仕様が変わったのか、『認証し直してね』って感じの英語のアラートがダッシュボードに出続け、ついにはウィジェットそのものがブログにまったく表示されなくなってしまいました。

とりあえず調べてみたところ、再度新しいアプリとして登録し直さなくてはいけないらしいので、重い腰を上げてやってみました。

で、アプリを作るところまではなんとかなったのですが、一向に認証されるようになりません。

今回は結構同じトラブルに遭った人が多かったらしく、あちこちで認証に関するトラブルの書き込みを見ましたが(ただ英語のページが多い)、大抵は、「CallbackURLを入れていない」ためのエラーでした。

私の場合はそこまでは問題ないのですが、その下にあるTwitter usernameとTwitter listの部分が選択肢なしのコンボボックスになっていて、どうやっても入力できませんでした。この部分、WordPressのフォーラムにも同様の状況の方が質問していましたが、反応が一件もありません…。

この時点で別のプラグインを探しました…。

というのは、本家のWordpressフォーラムの方で、作者の方が、多数のクレームと不具合報告に対して、「別に他のプラグインに移ってくれていいよ」みたいな書き込みをしていたから。(超意訳なので解釈が間違っていたらごめんなさい)

そこで、ダッシュボードのプラグイン検索で評価の良かった「TwiGet Twitter Widget」を試しに入れてみました。

そうしたら…。

設定は超簡単だし、動きは軽いし、表示はシンプルだし速攻で反映するし、なんだか、今までの苦労はなんだったの?、状態。

アイコンが使えなくなったのはちょっとさびしいけど、別になくてもいいし。

という訳で、今表示されているのは新しいプラグインです。

めでたしめでたし。

…と思ったら、今度は自動投稿のWP to Twitterがエラー(泣)。

まぁ、Twitter Widget Proの関係で、前の認証が使えなくなっちゃったからみたいなんですわ。
設定し直したら無事直りましたとさ。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(9)~アメブロへのリンク

携帯対応、最後の最後におまけの一つです。

それはアメブロへのリンクの件。

リンクページは独立ブログになっており、URLのカスタムフィールドを用意し、そのURLとタイトル、説明文の組み合わせを呼び出す、という簡単な作りなので、特に問題はないと思っていたわけです。

ところがところが、アメブロだけは、普通にPC用のURL(http://ameblo.jp/アメーバID)を設定すると、アメブロモバイルのトップページに飛ばされてしまいます。

いろいろ検索した結果、モバイルの場合は別のURLを指定してやらなければならないことがわかりました。

ちなみに、

http://m.ameba.jp/m/blogTop.do?unm=アメーバID&guid=ON

です。

そこで、アメブロの場合とそうでない場合で条件分岐し、アメブロの場合はURL欄ではなく別のフィールドにアメーバIDを入れることにし、仮にカスタムフィールド名をEntryAmebloIDとすると、PC用URLは

http://ameblo.jp/<$mt:EntryAmebloID$>

となり、携帯用URLは

http://m.ameba.jp/m/blogTop.do?unm=<$mt:EntryAmebloID$>&amp;guid=ON

とすることで解決しました。

リンクページはメインページオンリーなので、それぞれのメインページをインデックステンプレートで2つ用意し、例の自動振り分けを仕掛けておけば終わりです。

なお、さらに余談ですが、実はこの手段をもってしても、iPhone用ガラパブラウザでは、きちんと目的のブログに飛んでくれませんでした。

しばらくそれで悩んでしまい、アメブロさんのサポートにメールしたりもしたのですが、意外にもけんもほろろな対応で、URLの書き方は上記の通りに教えてくれたものの、「なお、外部サイトのご利用方法につきましては、ご案内いたしかねます。」なーんて冷たい文章が付いてきました。

結局、実際にガラケーを持っている同僚さんに動作確認していただいたところ、無事に一発で目的のブログにたどり着けたので、どうやらこのアメブロのURLは、スマホやPCがガラケーを偽装していることも見破るようです。

何はともあれ、本物のガラケーならば動作することがわかったので、問題解決です。

という訳で、すべてのページの動作を確認したうえで、フォルダにかけていたベーシック認証を外し、ドメインのパスを変更してやるだけで新サイトに移行が完了しました。

長々と続いてきた連載もこれで終了です。ありがとうございました。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(8)~全角と半角

細かいこと、その2、半角と全角の対応です。

本来、Web上では半角カナはご法度、というのがずっと常識でした。

web上では日本語の文字は全角で、英数字は半角で、と、ネット黎明期にはかなりうるさく言われていたように思います。何でも、半角カナをネット上に流すと他のデータを壊すことがあるとかないとか。

※少し調べてみましたが、元々web上というよりメールの話だったようです。どうも混乱していますが、個人的に半角カナという存在が嫌いなので思い込みが強まっていたのかもしれません…。が、データが壊れる(文字化けする)ことがあるのは本当みたいです。

とにかく、基本的に半角カナは使わないのがマナーだったのです。

ところが、それがi-modeの登場で根底から覆ってしまいました。

なんと、i-modeをはじめとする携帯サイトは、『半角カナ推奨』だったのです。

おそらく、小さい画面では少しでも狭い幅で文字数を稼ぎたいということだったのでしょう。i-modeが始まったころは特に、まだまだ画面の解像度も低く、一画面の文字数は今よりさらに少ない状態でしたし。

で、実際に携帯用ブラウザで確認すると、やはり全角文字ではすぐに一行からはみ出してしまい、行数が増えて見づらくなってしまいます。

でも、元のデータはPCと共通なのでいじりたくありません。

そこで、プラグインの登場です。

半角/全角変換モディファイア(MT5用)

こちらのプラグインを導入しますと、元データはそのままで、出力時に指定した文字種の全角半角を指定した方に揃えてくれます。

使い方は簡単で、指定したい部分のMTタグにモディファイアを加えるだけ。例えばエントリー本文にある全角の数字、英字、カタカナを半角にしたいなら、

<$mt:EntryBody conv_hz=”nlk”$>

のように書きます。

今回は携帯サイト用に、カタカナおよび英数字を半角に指定しましたが、逆にPC用にはカタカナを全角に、英数字を半角に指定しておきたいものです。

というのは、個人的に全角の英数字が許せないのと、やはり半角カタカナは嫌いなので、サイト内のこの部分は絶対に統一したいのです。

が、入力側にそれを求めるのは結構無理があって、自分自身は自分のルールに従うとしても、複数で管理する際にはやっぱり無理があります。何度お願いしても、全角英数字はもちろん、半角カナもなくならないのです。(ひょっとしたら、中には全角英数字や半角カナがお好きな方もいらっしゃるのかもしれません。)

だったら、お願いするより強制的に変換してしまった方がお互いにストレスが無いな、と。

いつものことながら、壱さんにはかゆい所に手が届くプラグインを作っていただき、本当に感謝しています。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(7)~アクセスキーと絵文字

さて、そろそろ終わりが見えてきました。

前回までで一通り、携帯サイト作成のための大きな作業は書き終えたと思います。

あとは細かいことですね。

まずはアクセスキーと絵文字です。

携帯、特にガラケーには絵文字が付き物ですが、それぞれのキャリアに依存してしまう部分が大きいですし、なるべくなら使わないで済ませようと思っていました。

ただ、ガラケーの場合は画面スクロールなどが大変なので、「アクセスキー」という便利な機能があります。

これは、数字ボタンでいきなりリンク先に飛べるというもので、昔携帯サイトを初めて作った時には積極的に入れていました。

実は今回作ったサイトを、CMSを使わずにレガシーなhtmlで作った時には、そんなことはすっかり失念して、アクセスキーを一切使いませんでした。

でも、せっかくなので今回は入れよう、と決意。特に、メニュー(ナビゲーション)には使った方がいいだろうと判断しました。

ただ、その場合どうしても、番号キーを表す絵文字は必要になります。そうでないと、番号リンクが生きているかどうかわかりづらいので。

そこで、数字プラス「#」キーの絵文字のみ、表示できるように考えました。キャリアによって違う部分(というか文字コード)は、例のNet_User_Agent_Mobileを使ったphpを流用することにして。

ちなみに、「サイトトップに戻る」はこんな感じです。

<a href=”<mt:BlogParentWebsite><$mt:WebsiteURL$>m/</mt:BlogParentWebsite>” accesskey=”0″ ><?php print $num0;?>HOME</a>

「accesskey=”0″」が、「0のボタンにリンク」ですね。そして「<?php print $num0;?>」の部分が変数になります。

※以前はsoftbankのみ、accesskeyではなくdirectkeyでしたが、3Gの機種からaccesskeyのみ対応するようになったそうです。

この変数は、キャリア別に文字コードなどを判別するのに使ったinit.phpに一緒に格納しています。

参考までに、絵文字のコードはここにも書いておきます。こちらを参考にさせていただいたのですが、一部の文字が間違っていたようで、そのままだとエラーになってしまいましたので、修正してあります。

// ドコモ
$num1=’&#xE6E2;';
$num2=’&#xE6E3;';
$num3=’&#xE6E4;';
$num4=’&#xE6E5;';
$num5=’&#xE6E6;';
$num6=’&#xE6E7;';
$num7=’&#xE6E8;';
$num8=’&#xE6E9;';
$num9=’&#xE6EA;';
$num0=’&#xE6EB;';
$numsharp=’&#xE6E0;';

// au
$num1=’&#xF6FB;'; //$num1='<img localsrc=’180′>;
$num2=’&#xF6FC;'; //$num2='<img localsrc=’181′>;
$num3=’&#xF740;'; //$num3='<img localsrc=’182′>;
$num4=’&#xF741;'; //$num4='<img localsrc=’183′>;
$num5=’&#xF742;'; //$num5='<img localsrc=’184′>;
$num6=’&#xF743;'; //$num6='<img localsrc=’185′>;
$num7=’&#xF744;'; //$num7='<img localsrc=’186′>;
$num8=’&#xF745;'; //$num8='<img localsrc=’187′>;
$num9=’&#xF746;'; //$num9='<img localsrc=’188′>;
$num0=’&#xF7C9;'; //$num0='<img localsrc=’325′>;
$numsharp=’&#xF489;'; //$numsharp='<img localsrc=’818′>;

// ソフトバンク
$num1=’&#xE21C;';
$num2=’&#xE21D;';
$num3=’&#xE21E;';
$num4=’&#xE21F;';
$num5=’&#xE220;';
$num6=’&#xE221;';
$num7=’&#xE222;';
$num8=’&#xE223;';
$num9=’&#xE224;';
$num0=’&#xE225;';
$numsharp=’&#xE210;';

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(6)~phpファイルの読み込み

前回『後述します』と書いた「init.php」の読み込みについて書いておきます。

これは、Net_User_Agent_Mobileが判別した携帯キャリアによって条件分岐し、一部のヘッダ記述を書き分ける、というものです。

このinit.phpはこちらの記事の通りに作成し、ウェブサイトのインデックステンプレートとして保存し、その後各携帯ページより読み込むわけですが。

init.phpの場所がウェブサイトのルートになるわけで、読み込む際のパスもそのファイルのある場所によって変わってきます。

例えばルート直下の「m」フォルダにある記事から場合は

<?php
// lib/init.phpを読み込み
require_once dirname(__FILE__).’/../lib/init.php';
?>

で良いのですが、各ブログにあるファイルはさらに一段下がるので、この部分が

<?php
// lib/init.phpを読み込み
require_once dirname(__FILE__).’/../../lib/init.php‘;
?>

となります。

まぁ、これも各テンプレートはそれぞれ名前を定義してあるので、「携帯用ヘッダー」モジュールの中に条件分岐でまとめて書いてやれば良いわけです。

MTタグとphpコードが入り組んで見た目はなかなか複雑になっていますが、実際の作りそのものはずいぶん簡略化されていると思われます。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(5)~自動振り分け

前回というより3回くらい前の続きです。

PEARのライブラリ「Net_User_Agent_Mobile」をインストールしたところで、振り分けのためのphpファイルを作成します。

作業としては、ドコモ・au・Softbank、それぞれ文字コードを一番適正なものに設定してやること、そして、ドコモでCSSを使うためにHTTPヘッダーの「Context-Type」を置き換えてやることです。

ここに関してはこちらのページを参考にさせていただきました。

文字コードはドコモとauをShift-JIS、SoftbankをUTF-8に設定します。

リンク先のページにある通りにinit.phpを作成し、各携帯用テンプレートから呼び出せるようにしておきます。この部分はまた後述します。

また、携帯でPC用ページにたどり着いてしまった時に自動で携帯用ページに誘導する設定ファイルも作りました。

これは参考までにコードを書いておきます。

<?php
// Net_UserAgent_Mobile読み込み
require_once ‘Net/UserAgent/Mobile.php';
$userAgent = Net_UserAgent_Mobile::singleton();

// キャリアごとの設定
if ($userAgent->isDoCoMo()) {
header(‘location:m/index.php’);
} elseif ($userAgent->isEZweb()) {
header(‘location:m/index.php’);
} elseif ($userAgent->isSoftBank()) {
header(‘location:m/index.php’);
}
?>

このphpをカスタムインデックステンプレートとして保存して、PC用のすべてのページから呼び出すようにしました。

というのも、PC用のページは基本すべてウェブサイト、若しくはブログのルート直下にあるのため、携帯はすべて「m/index.php」に飛ばす設定にしておけば迷子にはならないことになります。

ただ、アーカイブのURLをもっと複雑にしてある場合は、いっそのこと、全部サイトトップに飛ばすでも良いかもしれません。それには、locationの後にサイトトップの絶対URLを入れてやればOKです。

なお、 「header(‘location:xxx.php’);」の記述は、その前にhtmlのタグ等があると動作しないので、このphpの読み込みは、テンプレートの一番上に持ってくる必要があります。

とにかく、PCページにたどり着いてパケットを大量に受信した上に表示できない、という現象はこれで避けられると思います。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(4)~アーカイブテンプレート

前回から続いています。

さて、アーカイブページの設定についてです。

ブログにしてあるものについては、『必要項目をカスタムフィールドで用意』⇒『それらを呼び出して組み合わせるテンプレートを作成』⇒『同じ形式の記事ページが複数出来る』という形のため、テンプレートをPC用と携帯用の二種類用意し、どちらも基本同じ内容だけれどレイアウトを変えて出力する、という形をとりました。

PCの方はCSSは基本すべて外部ファイルに記述しており、classやidを駆使してデザインを決めています。特に、CSS3では角丸やシャドウ、グラデーションなど表現の幅が広がっているので、CSSだけでかなりいろいろなことができます。

でも、携帯ではドコモのおかげで外部CSSが使えないため、CSSの記述もインラインで(各タグの中に「style=””」という形で)入れる必要があり、内容の並べ方も変わってきます。対応していないプロパティもありますので、なるべくシンプルに記述していく必要があります。

なので、新しいアーカイブテンプレートを作り、マッピングのパスを「m/%-f」としました。当然、優先はPC用です。(私が指定したPC用のアーカイブマッピングパスは「%-f」です。ちなみに、%-fの意味は、「出力ファイル名.拡張子」です。詳しくはこちら参照)

なお、リンクを張る時、<$mt:EntryPermalink$>は優先されるテンプレートに割り当てられますので、携帯のページURLは「<$mt:BlogArchiveURL$><$mt:FileTemplate format=”m/%-f”$>」となります。

それとは別に、ウェブページを数ページ用意していました。

これは、単独で完結する内容で、あまり動きのないもの、という認識なのですが、mtevalモディファイアのおかげで、ページ本文にMTタグが普通に使えるようになったこともあり、昔だったらインデックステンプレートにしてしまうような内容を個別ページに出来るようになりました。

なので、このウェブページはウェブサイト直下に置いたのですが、「規約」のような独立のページ以外は、結構各ブログからパーツを引っ張ってきて作っており、本文と言いながら一部の内容は『記事テンプレート』状態になっていました。

これでは、CSSの縛りもあり、同じ内容からテンプレートだけを変えて2種類出力する、というのも無理がありました。

なので、携帯用ページは別に作ることにしました。

その際、フォルダを「携帯用」として作成し(フォルダ名は「m」)、それぞれ内容を携帯用に特化させて保存しました。

もちろん、テンプレートそのものも分けないといけません。パーツもすべて変わってしまうので。ただ、ウェブページテンプレートを複数作るのは違います。何しろ、一記事に対して一ページできれば良いのですから。

そこで、ウェブページテンプレートの内容はすべてモジュールにしてしまい(PC用ウェブページ・携帯用ウェブページ)、携帯用フォルダに入っているかどうかで条件分岐して呼び出す形にしました。

ちなみにウェブページテンプレートの内容です。
たったこれだけです。

<mt:IfFolder name=”携帯用”>
<$MTInclude module=”携帯用ウェブページ”$>
<mt:Else>
<$MTInclude module=”PC用ウェブページ”$>
</mt:IfFolder>

まぁ、これは構造が単純でページ数が少ないからできたことではあります。

とりあえず、これで携帯用ページを生成する準備ができました。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

時代は進んでますね

MTOSの作業について長々書いていますが、閑話休題。

ようやくMTOSでひとつサイトを完成させたものの、いろいろ調べてみると、時代は進んでますね。

WordPressが全盛なのはわかっていましたが、今新しいCMSもどんどん出てるんですねぇ。
MTとかもう化石っぽい(汗)。

まぁその昔、まだWindowsがない頃、MacよりMS-DOSの方が取っつき易かった私には、きっとMTが合ってるんだろうな、と思わないでもないですが。
(基本的に、中が何も見えないブラックボックス的なものって苦手なんです)

それでも、小さいグループや若い人個人のサイトなどにJimdoが増えてるな、というのは感じてました。考えてみたらあれもCMS。広告は気になるけど、良くできてます。

で、調べてみたらまだまだいくらでもある。

自分がいつまで関われるかわからないボランティアのサイトは、もっと直感的に操作できるCMSを開拓するのが良いような気がしてきました。

MTだと達成感はあるんだけど、それなりの規模のサイトを作ろうとすると、正味で数カ月はかかってしまいますからねぇ。

年齢的に厳しいものはありますが、少しは時代に追いついていかないと、仕事にあぶれてしまいそうです(笑)。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(3)~テンプレート作成

前回の続きと行きたいのですが、phpファイルを作る前に、用意する携帯用テンプレートについて触れておこうと思います。

基本的に、各メインページはすべて、インデックステンプレートとして「携帯用メイン」というテンプレートを作り、出力ファイルを「m/index.php」としました。

その中で、すべてに共通するモジュールとして「携帯用ヘッダー」「携帯用フッター」、「携帯用バナーヘッダー」「携帯用ナビゲーション」の4つを用意しました。

「携帯用ヘッダー」にはDOCTYPE宣言およびhtmlのheader部分を入れました。

その中の「title」タグは、各テンプレートの頭に入れたテンプレートの名前によって変化するよう、条件分岐をしてあります。

ちなみにこんな感じ。

<title>
<mt:if name=”m-webmain”><mt:ignore> ウェブサイトメイン</mt:ignore>
<$mt:WebsiteName encode_html=”1″$>
<mt:elseif name=”m-blogmain”><mt:ignore> 各ブログメイン</mt:ignore>
<$mt:BlogName encode_html=”1″$> – <mt:BlogParentWebsite><$mt:WebsiteName encode_html=”1″$></mt:BlogParentWebsite>
<mt:elseif name=”entry-archive”><mt:ignore> 各ブログエントリー</mt:ignore>

<$mt:EntryTitle$> – <$mt:BlogName encode_html=”1″$> – <mt:BlogParentWebsite><$mt:WebsiteName encode_html=”1″$></mt:BlogParentWebsite>
<mt:elseif name=”page-archive”><mt:ignore> 各ウェブページ</mt:ignore>
<$mt:PageTitle$> – <$mt:WebsiteName encode_html=”1″$>
<mt:else>
</mt:if>
</title>

そしてバナーヘッダーには<body>タグの開始からタイトル画像の指定、サイトメインのみ、サイトの説明文を入れる、という内容を。

ナビゲーションはPCとは違い、頭の方に入れるとそれだけで画面が塞がってしまうので、内容の後に表示されるようにしました。トップから各ブログのメインページおよびウェブページへのリンクを入れてあります。

ここで携帯ならではの絵文字を使ったアクセスキーを入れたのですが、この部分はまた改めて書きます。結構ややこしいので。

フッターには<hr />およびコピーライト表示を。

そして、バナーヘッダーとナビゲーションの間に、各ページのコンテンツを入れていきます。

アーカイブページの扱いについては長くなったので次回に回します。ただ、内容構成の仕方はメインと同じです。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt