HTMLが見やすくなっていた

こんにちは浦島太郎です、もとい、たたみです。

最近bloggerでいろいろレイアウトを変えたりHTMLソースをいじったりして、あれ？とようやく気づいたのでが、

「HTMLが読みやすくなってるような・・・なんか、Ｃ言語系の関数表記のようなものがあるし・・なんか、オブジェクトを表すような記述があるし、＄とかわけわからん暗号のような記述が消えてるような・・・」

時代は変わっていたのですね。変化した方向に拍手！

私、ＨＴＭＬって嫌いだったんです。なんか読みにくかったんです。（宇野熊か！）

ＨＴＭＬ５というんですか？よくまだ調べてないんですが、javaが使えるんですか？よくわからないんですが。javaも好きじゃなかったんです（C#はきれいだなあ・・）

でも'＄'なんとかに比べればありがたい変化です。

で・・・２０数年？ぶりに、HTMLやらjavaやらをやり出してます。

「ブログの機能とデザインをこうしたい・・さて、どうしえるかなあ？」

でございます。そのためにはHTMLとjavaをやることになってます。

言語で物作りをはじめると、途端に不健康路線になります。１つ解決すると山のような課題があらわれ・・・食べる時間ももったいなくお勉強してやってみて、またお勉強してやってみて・・知識と技能があがるたびに、作りたい・してみたいことが増えていき・・・

今日、知人がきて一緒に郊外の温泉まで自転車で来ました。が、LifeTouch noteでお勉強してました。知人はいまごろのんびり露天風呂でしょう。
帰るまでには私もお風呂につかろう！

ブログ改造：mp3プレイヤー mp3BLESTARを使う

記事で音楽を鳴らそうと思ったのですが、blogeerでは簡単にはいかないようです。以前ココログを使っていたときはmp3ファイルをアップロードすると自動的にPJプレーヤというmp3プレイヤーが記事中に現れるので手間いらずでした。

無いものは仕方ないのでネットで調べてみると・・mp3BLESTARを発見しました。

出来上がりはこのようになります。色はデフォルトです。
（プレイボタンをクリックすると音楽が流れます）

さて、このプレイヤーの設置の方法です。

手順として、音楽ファイルをアップロードしてからプレイヤーの設置となります。

音楽ファイルをどこに設置するかですが、今回はDropboxにします。
ＦＴＰでやる場合は、自分のサーバースペースにアップロードしてファイルのリンクコピーを得れば同じです。私はなるべく管理の一元化をしたかったのでドロップボックスに音楽ファイルを置いておくことにしました。

★音楽ファイルをドロップボックスにアップロードしてリンクURLをコピー
簡単です。音楽ファイルをパソコンのドロップボックス・フォルダにドラッグすればおしまい。後は勝手にドロップボックスがアップロードしてくれます。

リンクURLもパソコン上のドロップボックス・フォルダから得られます。右クリックして、"Dropbox"を選ぶとさらにサブメニューが勝手に開くのでそこから「パブリックリンクをコピー」を選びます。そのURLを後でmp3BLESTARにペーストします。
（注意点：音楽ファイル名は半角英数字に変更したほうが短くわかりやすくなります）

★mp3BLESTARに頑張ってもらいます
まずはmp3BLESTARのページに行きましょう（ここをクリック）
ページが開いたら画面中程のmp3BLESTARのイメージをクリックします。
（mp3BLESTARをパソコンにダウンロードする必要はありません）

mp3BLESTARにURLと曲名をセットして「ＨＴＭＬ作成」をクリックします。しなくてもいいのですが色合いなどを細かく変更できます。

★　埋め込み用のＨＴＭＬが生成されるのでそれをコピーします

★　最後に、生成されたＨＴＭＬを記事のＨＴＭＬ画面にペーストします

お疲れ様でした。出来上がりです。（その方法ははしょります）

簡単とはいっても最後の手順として、ブログの記事をＨＴＭＬ表示させて、そこに埋め込み用ＨＴＭＬをペーストするという操作が必要になりますからココログのＰＪプレーヤの設置にくらべれば面倒です。しかし、類似のものに比べると、URL,曲名を入力したＨＴＭＬを自動生成してくれるので手間が省けると思います。
作者さん、ありがとうございました。

ベストはbloggerがmp3ファイルの挿入機能を持ってくれることですが、どうかなあ・・あまり期待できそうにないですかねえ・・時代は動画！音楽も動画で聞けー・・とばかりに・・

ブログ改造：LinkWidget:写真付き関連記事ウイジェットを使う

関連記事が分かるといいなあ・と他の方のブログを読んでる時に思っていました。

それで・・調べてみました。

いろいろな情報がありましたが、その中で、写真も表示される関連記事ウイジェットを発見しました。発見元は、447ブログです。

ブログ内の関連する記事を自動で表示してくれる、LinkWithinがわかりやすく紹介されていました。（447ブログの作者さんの名前はわかりませんでした・・・作者さん、どうもありがとうございました）

このウイジェットの特長は、

１：関連記事が写真つきで表示されます
２：bloggerにはウイジェットとして登録できるので簡単に利用できます

blogger以外には、Wordpress,Typepadが標準でサポートされ、また Other もありますので、ほかでも可能なのでしょう・・・

さて、早速、LinkWithinをインストールした後の様子を紹介します


★関連記事に写真が載ってる場合

記事に写真が載ってる場合は、写真付きで表示されてます。"you might also like:"以下が関連記事です。ちなみにキャプションの変更はできないようです・・・日本語に統一したい方も・・・そこだけは英語です。キャプションは任意の文字列に変更可能です。日本語も大丈夫です。この記事の最後で方法を説明します。
（写真付きの関連記事）

★写真が貼られてない関連記事の場合

ちなみに、記事に写真がない場合は、ごく普通にテキストだけが縦に並んで表示されます。

                                     （テキストだけの関連記事）


★写真付き記事と写真なし記事が混在している場合
わかりません・・そのうち調べてみます・・


■使ってみたい人は・・・その前に！重要注意事項

写真付き関連記事を自動で載せたい人には、そしてbloggerやってる人には嬉しいガジェットですが、重大な注意事項があるようです。
記事総数が２０以上でないとおかしくなり、それを直すのが大変らしい
私の場合、２０ちょっとあったので大丈夫でしたが、「どうして関連７日？」と思い様な関連記事が出ることもあります。これは記事総数が増えていけばたぶんなくなっていくのではないかと推測してます。

■使ってみたい人は・・・インストール！

手順としては

１：LinkWithinのサイトに移動します（ここをクリック）


サイト画面の右下に次のような入力画面があります。

２：ご自分のメールアドレスとブログのURLを入れて・・・

３：使用しているプラットフォームを選びます

準備されているプラットフォームは

• blogger
• Worldpress
• Typepad
• Other

   の４つです。上の３つ以外は Otherを選ぶようです。


４：一度に表示する関連記事の個数を選びます

３個から５個まで選べます。ちなみに、写真付き記事５個だと
横幅をかなり取ります。私のレイアウトでは5個だとはみ出しましたので４個にしました。

５：チェックボックスは、暗い背景のブログの場合、見やすい色に調整するためです
文字の色や大きさの指定はできないようです。

５：最後に、"Get Widget”をクリックします

       すると・・・各プラットフォームに応じた親切な設置法が出てきますのでそれに従えば簡単です。ただし・・英語です。でも、画像をみればわかると思います。

bloggerではすんなりうまく生きました。いいウイジェットを作ってくれた方に感謝です。

★　日本語で「関連記事：」と表示させる方法
「レイアウト」から「ページ要素」を偉び、LinkWithinガジェットの「編集」ボタンを押します。この画面が出るはずです。

HTML記述欄の先頭に、

<script>linkwithin_text='関連記事：'</script>

を貼りつければ終わりです。「関連記事：」の部分は任意の文字列に変更可能です。


追記です。関連してるとは思えない記事がずいぶん出ます。記事数がすくないからかな。



長文お疲れ様でした。

津軽三味線・曲弾き

こんなmp３プレーヤーをネットで見つけました。mp3BLESTARというフリーのｍｐ３フラッシュプレイヤーです。
色合いはいろいろ変えられます。詳しくはそのうち記事で紹介します。
画面ではわかりにくいですが、再生箇所も簡単に指定できます。
いきなり最後に飛ぶこともできます。画面の「曲名：時間」の部分をクリックするだけです。

追記　mp3BLESTARの紹介記事です（ここ）

津軽三味線 あいや節

あいや節
ココログからコピペしたらＰＪプレーヤがそのまま利用できてます。
でも、bloggerでこれを利用するのは面倒です。それにいけないかも。
で・・別のものを探すことにします。

bloggerに引っ越してきました

しばらくブログをしてませんでしたが,LifeTouch noteの購入と共にブログを再開しました。
初め、fc2を使って、それからbloggerに引っ越ししました。ちなみに以前は、yahooや,ココログを使ってました。bloggaは

• 新しい管理画面のインターフェースがいい
• テンプレートのカスタマイズが簡単そう
• 画像管理がpicasaと連動してるのが楽そう

とう初心者ならではの理由で引越しを決意。

ブログを再開するにあたって当初bloggerは候補に無かったわけは、LifeTouch noteのライフノートではbloggerがサポートされてなかったからです。しかし、bloggerのメール投稿機能を利用すれば、ライフノートからのメール送信で投稿できるので問題ありませんでした。

細かい機能よりは、インターフェース画面の雰囲気で選んだようなものですが、当面これでいってみます。

関連記事：bloggerのwisywig編集は当てにならない：空白と改行の変化について

ハリヤ改造（１）サドル交換

ハリヤのサドルを交換してみました。ハリアに乗って、ちょっとした不満は、後輪からのショックが大きいことでした。

ハリヤのフロントサスは、なかなかいい仕事をしてくれて、車道から歩道、歩道から車道と結構な速度で乗り越えてもガツンときません。しかしそれは前輪だけで、後輪が乗り越えるときは、けっこうガツンときます。まあ、後輪はリジットですから・・

それで、「シートポストサスペンションにすれば改善されるかなあ・・」と考えた次第です。

丁度、クロスバイクGiant Escape3がありましたので、そのシートポストサスペンションつきサドルを引っこ抜いてハリヤにつけてみると・・ピッタリ。

乗ってみると、段差越え時のショックがマイルドになった感じです。「本物のロード乗り」さん達からみれば「改悪」なんだろうなあと思いながら、貧脚にしておじさんの私には「堅いサスよりは柔らかいサス」ということで改良となりました。

ちなみにハリヤのサドルは尻が痛くなるというレビューをたまに見かけますが、しばらく乗ってると自分の尻の形・漕ぎ方にシートが変形してある程度フィットしてくるようです。

おいしい喫茶店 コーヒーハウスＪ

神奈川県相模原市の「コーヒーハウスＪ」

小田急相模原の近くに目立たない喫茶店があります。道路からは小さい看板が見えるだけでお店自体は見えません〔上の写真）

トンネル（？）をくぐっていくとお店が見えます（真ん中の写真）

メダカがたくさん泳いでます（下の写真）

ここのアイスコーヒーがとてもおいしく時たまいくようになりました。お店のおおまかな位置です。

電動アシスト自転車で登れない激坂！町田市

電動自転車で上れなかった激坂（下の地図）


　本日、知人とミニ・サイクリングに出かけました。距離は片道たった８ｋｍくらいだったのですが、目的地直前に激坂があり電動アシスト自転車であるにもかかわらず知人は登坂を断念！そんな坂も町中にあるんですねえ。
　ちなみに私は愛チャリのパナソニック・ハリヤーで上りきれる坂だったのですが知人は脚力が私よりないこともあり途中で動けなくなってしまいました。SONYのチャリ用ナビによると約23％ほどの坂でした。

マイチャリのハリヤーと知人のPanasnicシュガードロップ（下の写真）

その坂は断念しましたが、目的地に行くことは断念したくありません！そこで「秘密兵器 ソニーのポータブルナビ・37！」の経路変更機能の活用です。このナビを自転車モードで使うと、坂を避けるモードや「トレーニングモード（きつめの経路をとるようです）などがあります。
そこではじめて「楽々コース」を選択すると、ちょっと遠回りでしたが、指示通りに進むと、「楽々」でした。ありがとうナビゲーションシステム！

SONY のポータブルナビ（下の写真)

Androidにどうやって写真を転送？eye-fiで解決

さーて、外出時にデジカメで撮影したデータをどうやってAndroid機のＳＤカードに送るか？で悩みました。

　WindowsマシンならカメラのＳＤカードをパソコンに挿してコピー！
LifeTouch noteではそれができません。ＳＤカードスロットはデータ用ＳＤカードに占有されてます。USBでつなげてカメラを外部ストレージとしても認識させられない・・カメラ側にはbluetoothもないのでそれもだめ・・お手上げ状態！
そこで・・eye-fiというSDカードにwi-fiアクセスポイント機能があるものを検討。eye-fiにもいろいろな種類があるがそのなかでandroidに直接ファイルを送れるものは
mobile ×2 8G
pro ×2 8G
の２つのようです〔２０１１年秋現在）
違いは後者はジオタグ対応などちょっと機能が上でちょぴり高い
今回ジオタグは見送り、mobile ×2 8Gに決定です。
さて、設定が終わって使い出してみると、みなさんいうように便利です。速度はそこそことはいえ、bluetoothに比べれば、転送してない画像だけ全部送ってくれるので楽です。
ちょっと心配なのはバッテリへの負担。eye-fiは、シャッターおすとすぐに転送しようとします。要するに、まだ転送してない画像が存在すると自動的に転送しようとするので、そのあいだだeye-fiにバッテリ食われてしまいます。
DSC-WX30はカメラ側でeye-fiのオンオフはできますで「さて、転送するか」というときだけeye-fiの電源をオンにすればよろしいのですが、その操作がちょっとやりにくいのです。
今後、wi-fi機能搭載のカメラが普通になってくれば転送機能の電源オンオフが簡単になってくるんでしょうね。