しなちくのあれこれ

ブログのスマートフォン用テンプレートを変更しました！

当ブログをスマートフォンでご覧頂いたときの表示デザインを変更しました。

フレームワークにjQuery Mobileを使用。デザインは少し前からほぼ固まっておりましたので、試しにテンプレートを修正して組み込んでみたところ、すんなり表示が変更。基本的な表示内容は想像通りでしたのでこのまま新しい表示で行くことにします。

一部表示が怪しかったり、コメントが投稿できないなど、機能的に実装できていない部分もありますが、追々修正していきま～す！

ブログを修正！twitter bootstrap1.4→2.0にアップデートしました

ブログデザインをちょこっと修正したのでメモがてらエントリ。

具体的にはページレイアウトに使用しているフレームワーク「twitter bootstrap」のバージョンを1.4から2.0にアップデートしております。
横方向のグリッド数が16→12に変更になったので、メインのエントリ表示部と右のサイドメニュー部の幅の比を変更。少しだけエントリ表示部が広く、右のサイドメニュー部が狭くなっています。その他ちょこちょこ修正。

微妙に仕様変更されておりましたが、たいした機能を使っていないので修正範囲も少なくて助かりました。

ブログデザインをリニューアルしました！

以前からやりたいと思っていた、当ブログのデザイン変更を行いました。

あまり大きく変更すると、今まで見てくださっていた方がびっくりされると思いましたので、基本的なUIレイアウトはそのままに、見た目のデザイン変更を行いました。

変更前後の比較はこちら。

なお、今回の変更により、Internet Explorer 6では正常に表示されなくなっております。
多分、IE7,8,9だとそこそこ大丈夫だと思うのですが、IE6をご利用の方はバージョンアップされるか、Firefoxやchrome等のブラウザで閲覧いただけるとありがたいです。いいかげんIE6対応するのは疲れましたので…
Firefoxやchromeなどで見たほうがちょっとかっこ良く見えるはずです。

まだ、細かい部分、見えない部分で不具合があると思いますが、少しずつ改善していきます。

新しくなった「しなちくのあれこれ」をよろしくお願いいたします！

「お世話になっているサイト」の表示を変更してみた

ブログの右下に表示している「お世話になっているサイト」（リンクサイト）の表示をカテゴリ別に分けてみました。

とりあえず「ボードゲーム」「ごはん」「岩手/盛岡」「その他」の4種類のカテゴリから初めて、よく拝見させていただいているサイトを少しずつ追加していく予定です。

ブログのタイトル部分だけちょっといじってみました

なんとなーく、ブログのタイトルヘッダ部分にロゴ画像を埋め込んでみました。

フォントは適当にWebで検索して見つけたこちらからいただきました。

Gray Graphics：http://www.orange.ne.jp/~den7/

本当であればデザインのリニューアルしたいところですが、それなりに時間がかかりますからね。とりあえず今日はこんなところで。

関連エントリを表示するようにしてみました

当ブログの個別エントリページの下部にその記事の内容に関連するエントリ記事へのリンクを表示するようにしました。

こんな感じです。

この関連エントリの表示は、大きなブログサイトなどでは当たり前のように実装されていますが、FC2ブログには残念ながらこのような機能はありません。

なんとかこの機能を追加できないかと色々調べてみると、各種サービスなどを利用して同じような機能を実装する方法がいくつかあるようですね。それらをまとめているすばらしい記事を見つけました。

FC2ブログで「関連記事」「関連エントリー」を表示する方法｜自由人万歳ν（ニュー）タイプ

FC2ブログに引っ越し、だいぶ使い方や機能に慣れてきたので「関連記事」を表示する機能やプラグインが無いか調べてみたらが、残念ながら公式では用意されていなかった。そこで「関連記事」を表示する方法が無いか検索してみた。

検索した結果、偉大なる人達がFC2ブログで「関連記事」「関連エントリー」を表示する機能を公開していた。折角調べたのでこのブログでも紹介してみる。 なお、FC2ブログ以外のブログでも使えるものがあるので、他のブログを使っている人にも参考になると思う。

こちらの記事では、関連エントリリンクを実装するために5つの方法が紹介されておりますが、Google大好きな私は迷わず「ＦＣ２ブログのタグとGoogle AJAX Feed APIを使用した関連エントリー」で紹介されている方法で機能を追加してみました！

詳細は以下より。

このエントリの続きを読む

サイトのアイコン（ファビコン）を作ることができるWebサービス

Webサイトのアイコン（ファビコン）を作成することの出来る便利なWebサービスを見つけました。

ファビコンというのはこれ。
ブラウザのURLの頭の所に表示される16x16ピクセルのアイコンです。

普通、FC2ブログのファビコンは「」なのですが、当ブログではオリジナルのファビコンを設定しています。
ブックマーク（お気に入り）などに登録した際に、他のサイトと区別することができて便利でしょ！？

このファビコン、通常はアイコン（.ico）形式のファイルで作成する必要があるため（最近のブラウザはPNG等の画像でも良いみたいですが）、専用のソフトでないと作れなかったり、気軽に作成することが出来ないんですよね。
そんなファビコンをオンラインで作成することができるこちらのサービスはとっても便利だと思います。

ファビコンを画像から生成したり、ピクセルで描ける -Favicon Generator & Editor｜コリス

ファビコンを手元の画像から自動生成したり、ピクセルごとに描いて作成できるオンラインサービスを紹介します。

Favicon Generator & Editor

自動生成する「Favicon Generator」の元画像は、GIF, JPEG, PNGに対応しています。

操作はとっても簡単。

「Editor」画面で16x16のピクセルを、ドローや消しゴムツールなどを使って描くだけ。
メニューは全て英語ですが、ペイントソフトを使ったことがある方ならば直感的に使うことができるのではないでしょうか。
画面の中央にはプレビューも表示されるのでどのように表示されるか確認しながら編集することができます。

完成したら画面下の「Create Favicon」を押します。

Download画面が表示されるので、「Download Generated Favicon」のリンクをクリックすると、編集したデザインのファビコンを"favicon.ico"というファイル名で保存することができます。

カンタン！

GIFやJPEG等の画像をアイコン形式ファイル（.ico）に変換してくれる「Generator」メニューもありますよ。

普通のWebサイトであれば、ダウンロードした"favicon.ico"を、HTMLファイルの保存してあるディレクトリにアップロードし、各HTMLファイルのheadタグ内に、

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">

の記述を追加すれば、アップロードしたfavicon.icoがファビコンとして表示されます。

FC2ブログの場合は、favicon.icoをファイルアップロードメニューからアップロードして、管理画面の「表示」を押した時のURLを、上記コードの"/favicon.ico"の部分と置き換えて、テンプレートのheadタグ内に記述すればOKなはずです。

うちのブログのファビコンもそろそろ飽きてきたし、こちらのサービスを利用して作り直してみようかな？

ADSLのコースを変更しました

先日、利用しているISPから「ADSL」の新コース案内のメールが届きました。
内容を確認すると今までと同じくらいの回線速度でも千円ほど利用料金が安くなるということだったのですぐにコース変更を申込みました。

先ほど、レンタルのADSLモデムを新しいもの（Aterm WD701CV）と交換し設定を完了しました。
接続するだけで全ての設定が完了。IPアドレスの変更もなかったので、すんなりインターネットに接続することができました。最近の接続機器の設定はカンタンですね。

接続速度は「39Mタイプ」。
今までは「40M」でそれより1M少なくなりましたが、どうせ私の住んでいる場所では2～3M位しか出ませんのでそれほど大差ないかなと。

コース変更前後でダウンロードスピードを比較してみましたが、予想通りそれほど大差はありませんでした。良かった！

【変更前】
------ BNRスピードテスト (ダウンロード速度) ------
測定サイト： http://www.musen-lan.com/speed/ Ver3.5001
測定日時： 2009/01/23 21:50:16
回線/ISP/地域： 
--------------------------------------------------
1.NTTPC(WebARENA)1： 2681.008kbps(2.681Mbps) 334.54kB/sec
2.NTTPC(WebARENA)2： 2568.675kbps(2.568Mbps) 320.53kB/sec
推定転送速度： 2681.008kbps(2.681Mbps) 334.54kB/sec

【変更後】
------ BNRスピードテスト (ダウンロード速度) ------
測定サイト： http://www.musen-lan.com/speed/ Ver3.5001
測定日時： 2009/02/05 21:35:08
回線/ISP/地域： 
--------------------------------------------------
1.NTTPC(WebARENA)1： 2605.059kbps(2.605Mbps) 325.07kB/sec
2.NTTPC(WebARENA)2： 2605.059kbps(2.605Mbps) 325.07kB/sec

（BNR スピードテスト（回線速度／通信速度 測定ページ）で確認）

今回新たに交換したレンタルモデム（Aterm WD701CV）をWebで調べてみると、いろいろと不具合があって評判が良くないみたいで少々心配ですが、（今のところ）ホームページの表示速度も今までとほとんど変わりないようですし、HDD/DVDレコーダーのEPG取得やWiiの無線も正常に動作しましたのでとりあえず一安心です。

RSSフィードURLを変更しました

当ブログのRSSフィードのURLを変更いたしましたので、RSSリーダー等で購読されている方（そんな人いるのかなぁ）は、是非RSSフィードの再登録をお願いいたします。

新しいRSSフィードURL

http://feeds2.feedburner.com/47chiku/

URLを見ていただければ判るかと思いますが、FeedBurnerというサービスを利用するように変更しております。

FeedBurnerを利用することで、RSSフィードでの閲覧についてもアクセス解析ができるようになるらしいです。便利ですねー！

ソニーのデジタルフォトフレームDPF-D70レビュー

以前から欲しい欲しいと思っていたデジタルフォトフレームを、先日ゲットしました。

購入したデジタルフォトフレームはソニーの「DPF-D70」。
ソニーから発売されているものの中では一番安いやつです。

SONY デジタルフォトフレーム DPF-D70

SONY デジタルフォトフレーム DPF-D70

• ディスプレイサイズ： 7インチ（800x480ピクセル、アスペクト比 15:9）
• 内臓メモリ：256MB
• 対応メモリカード：メモリースティック、SDカード、コンパクトフラッシュ、xD-ピクチャーカード
• その他：自動縦横センサー

DPF-D70を選んだ理由はとっても単純。「カッコイイ」から。

多くのデジタルフォトフレームがフレーム部分が厚く、外装が安っぽかったりする中、ソニーのデジタルフォトフレームは、前面が透明なアクリル（？）で覆われていて他のものと比較すると高級感がありカッコイイ！

まあ、このへんは好みでしょうが、私の場合は選択の大きな決め手となりました。

まだ少しの期間しか経っていませんが、使用感などを写真と共にご紹介します。

このエントリの続きを読む