icecraft photo gallery and photo map.

2008年11月 9日

自分のblog・ウェブサイトに mini-panoramio を表示する

自分のblog・ウェブサイトに mini-panoramio を表示する方法を紹介。

panoramio本家のヘルプページにも表示方法が掲載されている。

ただ、設定値の説明などが一部省略されていて少し不親切。

http://www.panoramio.com/help/#mini_panoramio

やり方は非常に簡単。

以下のコードに7つの値を入力するだけ。


<iframe src="http://www.panoramio.com/plugin/?lt=30.3473&ln=130.5203&z=6&user=1779894&k=2" width="500px" height="400px"></iframe>

・lt = 緯度
・ln = 経度
・z = ズームレベル (1~17 = 大縮尺~小縮尺)
・user = 自分のuser ID (省略可)
・k = 地図の種類 (0=地図 , 1=航空写真 , 2=地名+航空写真)
・width = 表示させる地図のサイズ(幅)
・height = 表示させる地図のサイズ(高さ)

表示される写真は 20 枚に制限されている。


実際に上で書いたソースを表示させるとこんな感じ。
この例では、屋久島を中心に、自分の写真のみを表示させている。


もちろんgoogle mapsと同様に操作できる。

2008年11月 8日

Panoramio

写真共有サイトの「Panoramio」
http://www.panoramio.com/

Panoramio


元々はスペインの会社で、2007年5月、Googleによって買収された。

普通の写真共有サイトとは違う最大の特徴は、写真に緯度経度の位置情報を登録できること。

そして、Panoramioに写真をアップロードすると、
Google Maps、Google Earthにも連携して写真が登録される!

全世界の人たちと写真を共有して、コミュニケーションができるサービス。

無料でアカウントを作成して写真をアップするだけで簡単に利用できる。

見るだけなら、もちろんアカウント作成は不要。


私のPanoramioページはこちら。
http://www.panoramio.com/user/1779894


興味のある方は写真をアップしてみては?

2008年9月14日

Google Chrome

話題のGoogleブラウザ、Google Chromeを使ってみた。

Google Chrome

インターフェースは非常にシンプル。
無駄が無くて使いやすい。

多彩な機能やセキュリティ面などは、まだ数時間しか使っていないので置いといて、
一番の驚きは、Webページの表示の速さ!
噂通りだが期待以上の性能にびっくり。

ブラウザの乗り換えに抵抗がある人も、この速さならば心が揺れると思う。

一度試して見る価値がある。

http://www.google.com/chrome/?hl=ja

参考までに、このblogのトップページの表示速度を比較してみた。

IE7           約3.5秒
Firefox3.0       約2.0秒弱
Google Chrome  1秒以下

ブラウザの起動時間も感覚的に比較してみた。

IE7           普通(ストレスは無い)
Firefox3.0       初回は遅い 2回目以降はIE並み
Google Chrome  速い 2回目以降は一瞬


希望としては、Google Chromeでも、IEで使い慣れたgoogleツールバーが使えたら便利なのに。

この状況にIEも黙ってはいない。
IE8のBeta版も公開され、IEだけ極端に遅いという状況は回避されそう。

それでもGoogle Chromeの速さには及ばないと思う。

2008年9月 4日

Acer Aspire one

今、売れに売れている話題のミニノートPC。

家電量販店のPC売り場に行ったが、ミニノートPCの一角だけ人だかりが出来ている状態。

Acer Aspire one

あまり流行りものにはすぐ手を出すことが無かった自分だが、
以前からウルトラモバイルは気になっていたので、Acer Aspire oneを購入した。

ヨドバシで54800円。
ポイント10%付きなので、実質50000円以下。


ミニノートの火付け役は今年の1月に登場した台湾メーカーのASUS EeePC。

このスペックで価格は44800円。

■ASUS Eee PC 4G-X
OS Microsoft Windows XP Home Edition Service Pack 2
液晶サイズ 7 インチ 解像度 (800x480)
CPU インテル Celeron M 900MHz
メモリ容量 512MB
フラッシュメモリドライブ 4GB
サイズ 幅225mm×奥行き165mm×高さ21~35mm
重量 0.92kg
価格 44800円


現在後継機のEee PC 901-Xも出ている。

ミニノートPC購入の際、Acer Aspire oneとASUS Eee PC 901-Xで悩むことになった。

同じくこの選択で悩む人も多いと思うので、スペックを比較してみる。


■Acer Aspire one
OS Microsoft Windows XP Home Edition Service Pack 3
液晶サイズ 8.9 インチ 解像度 (1024x600)
CPU インテル Atom N270 1.6GHz
メモリ容量 1GB
HDD容量 120 GB

Webカメラ 30万画素
バッテリー駆動時間 3時間
サイズ 幅249mm×奥行き170mm×高さ29mm
重量 1.1 kg
実勢価格 54800円(2008/9/1)


■ASUS Eee PC 901-X
OS Microsoft Windows XP Home Edition Service Pack 3
液晶サイズ 8.9 インチ 解像度 (1024x600)
CPU インテル Atom N270 1.6GHz
メモリ容量 1GB
フラッシュメモリドライブ 12GB(4GB+8GB)
無料Webストレージ 20GB(Eee Storageサービス)

Webカメラ 130万画素
バッテリー駆動時間 8.3時間
サイズ 幅225mm×奥行き175.5mm×高さ22.7mm
重量 1.1 kg
実勢価格 55800円(2008/9/1)


基本性能と価格はほとんど同じ。

差があるのはHDD容量とバッテリー。

やはり長く使うのでHDDの用量は多い方がいいし、デザインも気に入った方を使いたい。

Acer Aspire oneの短所であるバッテリーについては、10月に発売される6セルバッテリーを購入すれば、7時間使用可能に!

HDDとデザインとバッテリーを決め手にAcer Aspire oneを選択した。


Acer Aspire one

このサイズと軽さなら、いつでもどこでも持ち歩ける。

出張、旅行時には大活躍。

主な用途として、blog更新、写真のストレージ&ビューア、iTunesによる音楽鑑賞、Webサイトの改造、オフィスやPDFの編集・閲覧、インターネット、メールなどなど。

ipodが壊れたので、巨大なipodとして使用できないことも無い。。

2008年9月 2日

ipodの泣き顔

大切に使っていたipod(第4世代)が急に壊れた。

落としたり、ぶつけたわけではなく、本当に突然症状が現れた。

ipod

何回電源を入れても泣き顔の画面しか出ない。
こっちが泣きたい。。

通電はしているので電源ONや再起動はできる。

購入後2~3年経っているが、これは故障では無く、製品の不良では、、という可能性に賭けてapple storeの渋谷店に持っていった。

すると、、「アポは取ってますか?」と聞かれ、「いいえ」と答える。

今日は窓口が予約でいっぱいなので受け付けられないとのこと。

ちなみに日曜日の15:00に来店。
店は21:00まで営業しているのに。


仕方が無いので日を改めて出直した。
もちろんWebでアポを取ってから行く。

担当者にipod実機を見せると、「泣き顔が出たらHDDの故障で読み込みが出来ない状態です。」とのこと。

「原因は何でしょう?」と問いかけると、「正確な原因はわかりません。」
「昔、一度でも落としたり、ぶつけたりしませんでしたか?」
「HDDはちょっとの衝撃でも壊れます。」
「もしくはHDDの劣化(寿命)です。」

「買った直後に1回くらいは落としているかもしれません。」
「ここ1年は特に落としたり、ぶつけたりしていません。」
「衝撃を与えてから徐々に劣化してくることもあります。」

つまりそういうものだから諦めろと。。

「修理はおいくらですか?」と当然の質問。
「部分的な修理はできません。本体の交換扱いになるので一律30000円です。」
「え?」「新しいipodが買えますね。」
「はい。」「余程愛着が無い限り、新しいipodを購入することをおすすめします。」

「最近HDDも安いし、HDDだけ交換すればもっと安く修理できるのでは?」
「ipodは分解できませんので、申し訳ありませんが一律交換になります。」
「それにしても30000円は高いですね。(買い替えろと言わんばかりの値段)」
「当時は40000円くらいしていた製品ですから。」

どうやら元々直すつもりがないらしい。
ipodは悲しいことに使い捨ての製品ということか。

「綺麗に使っていますね。一度修理されましたか?」
「いいえ。」「大切に使っていましたから、、それなのに突然壊れてショックです。」
「...」
「さようなら。」

さすが天下のapple様。
この強気な戦略でもipodは売れるし仕方ないのか。

とりあえず、しばらくipodは買わないでおこう。
(無いとなるとすごく不便なんだけど。。)

そろそろ1年経つし、次期ipodが出たら心が揺らぐかもしれない。

2008年6月23日

blogのページ分割

blogのphp化をするなら是非実施したいページ分割。

カテゴリーアーカイブにて、カテゴリー内の記事を全て表示していたので、
エントリーが多いカテゴリーではページが重くなっていた。

将来的なエントリー数増大も、ページ分割で解決できる。

メインページの分割については、最近のエントリーを何件表示するかである程度制御できるのでイマイチメリットを感じない。

とりあえず今まで10件表示にしていたので、30件表示にして10件ずつ分割してみた。

カテゴリーや月別アーカイブについても10件ずつ分割。


設定は以下を参考に。


参考サイト:小粋空間

メインページのページ分割 for Movable Type 4
http://www.koikikukan.com/archives/2008/04/01-020000.php

アーカイブページのページ分割 for Movable Type 4.1
http://www.koikikukan.com/archives/2008/04/10-000313.php


1.MT Extensions より MTPaginate をダウンロード

2.プラグインのインストール

3.ページ分割の設定
<MTEntries> の直前と </MTEntries>の前後にタグを加える。

4.スタイルの設定
CSSに、「.paginate{}」
フォントサイズやセンタリングなどを設定する。


メインページの分割もアーカイブページの分割も設定はほとんど同じ。

2008年6月22日

blogのphp化

メリットの割にはデメリットの影響の方が大きいblogのphp化。
(blog初期構築時に実施していれば全然問題無し。)

やろうやろうと思いながら先延ばしにしていたが、記事が増えれば増えるほど影響が大きくなるので、ついに意を決して作業に入る。


一番のデメリットは、パスが変わってしまうので、外部・内部リンクの崩れや、googleなど検索エンジンのインデックスにも影響がある。

Movable Typeではphp化の後に再構築をしても、htmlファイルは消えないので、いきなりリンク切れになることはない。

可能な範囲でリンク切れ対策を行い、さらにphpファイルが検索エンジンにインデックスされた後に、htmlファイルを削除するのも有り。

ただし、同じファイルで拡張子を変えただけという状態(コンテンツの重複状態)では、検索エンジン側からペナルティを受ける可能性があるので要注意。

消せるhtmlは速やかに消しておくのが無難。


メリットといえば、モジュール化、ページ分割など、動的な表現ができるようになること。

・モジュール化...再構築時のオーバーヘッド軽減できる。(管理者側のメリット)

・ページ分割...メインページやカテゴリーアーカイブなどを、1ページ内の記事表示数を指定してページを分割できる。(通信速度の遅いユーザにはメリット)

作業自体は非常に簡単。

参考サイト:小粋空間
http://www.koikikukan.com/archives/2006/08/27-173820.php


1.メインページの拡張子を変更する
管理画面左の「テンプレート」をクリックする。
次のページで「メインページ」のリンクをクリックする。
テンプレート編集画面上にある「出力ファイル名」を index.html から index.php に変更する。
「保存と再構築」をクリックする。


2.アーカイブページの拡張子を変更する
管理画面左の「設定」をクリックする。
次のページで「公開」のリンクをクリックする。
さらに次のページで「アーカイブの拡張子」を html から php に変更する。
「保存と再構築」をクリックする。


3.不要ファイルの削除
ブログのトップディレクトリにあるindex.html および 各アーカイブのhtmlファイルを削除する。


4.XML宣言の修正
ページ内ヘッダー先頭に、以下XML宣言がある場合、削除または修正する。

・修正前
<?xml version="1.0" encoding="<$MTPublishCharset$>"?>

・修正後
<? echo('<?xml version="1.0" encoding="<$MTPublishCharset$>"?>') ?>


5.ファイル・ディレクトリのパーミッション変更
mt-config.cgi に下記の3行を追加する。

HTMLUmask 0022
DirUmask 0022
HTMLPerms 0777


6.ファイルのリダイレクト
旧ファイル(html)から新ファイル(php)へのリダイレクトを設定すれば、リンクの転送が可能。

面倒なので今回はこの作業は省略した。

設定の詳細は小粋空間の「.htaccess によるリダイレクト」を参照。

2008年4月16日

Movable Type 4.1へバージョンアップ

BlogツールMovable Typeを3.33から4.1へ。
ようやくバージョンアップ完了。

3.33のリリースが2006年09月26日。
4.0のリリースが2007年08月08日。
4.1のリリースが2008年01月24日。

約1年半振りのバージョンアップ。

一番のメリットは脆弱性の修正。
正直もっと早くやるべきだったと思う。

主な変更点は以下を参照。
http://www.sixapart.jp/movabletype/


blogを閲覧する側から見ると、あまり変化が無い。
ページ右下のバージョン表示がMT4に。

あとはスタイルシート、テンプレートを一新したので、フォントサイズが少し大きくなっている。
(4月の新聞のように文字が大きくなったことをアピール。)


管理者側の画面は大きく進化している。

AJAX全開でWYSIWYG機能が強化。
HTMLのスキルが無くてもある程度のWebページ・blog記事の作成ができる。

CMSとしての機能も強化。
アーカイブが作成されない普通のWebコンテンツも作成可能。

スタイルシートやテンプレートも強化され、より構造的な管理が可能。
システム的に洗練された分、複雑な事をやるには少し敷居が上がったような気もする。

MTをインストール出来る人ならそのへんは問題ないといえば問題ないかもしれない。

インストール(アップデート)自体は簡単に出来るが、テンプレートを再構築するのにかなり時間がかかってしまった。

今までとは少し勝手が違うので、新しいことを覚えるのはやはり大変。

肝心な中身(記事)ももっと充実させなければ。。

2007年10月 3日

ALPSLAB route で買い物マップ

ALPSLAB routeとは、ドライブルートや登山のコースなどのルートを作成して公開できるルート共有サービス。

こんな便利なものが無料で使えるなんてまさに時代はWeb2.0。

トップページがとても重いので、ヘルプページへのリンクを貼ってみた。

ALPSLAB route
http://www.alpslab.jp/route_help.html

投稿時もトラヒックの多い時間帯だと少し時間がかかる。失敗することも。
これはALPSLABへの改善要望。

なにはともあれアイデア次第でいろんなことに使えそう。
ルート作成もなかなか楽しい。


■ある1日の渋谷・原宿の買い物マップを作ってみた。

ただルートを見せるだけでなく、ドラッグで地図の移動、ホイール操作で縮尺の変更など、基本的な地図サイトの動きも実現してくれる。

さらに再生ボタンでルートを辿って動いてくれるのも面白い。

等高線や標高差も表示されるため、登山の山行ルートを作るのに最適。

というわけで、「mountain」のカテゴリーに登山ルートを徐々に拡充している。

Flashベースなので、自分のblogに作成したルートをobjectタグで貼り付けることが出来る。

ALPSLABの本家サイトにもルートが登録され、本家サイト上でルートの検索も出来る。

興味のある方は一度お試しを。


※元々登山の山行ルートをgoogle mapで作成しようとしていた。
もしgoogle mapのZENRIN地図に等高線が表示されたなら、このサイトとは出会っていなかったと思う。

2007年7月26日

faviconの作り方

このサイトでもfaviconを作って設定してみた。

faviconとは、Webサイトのお気に入りアイコンのこと。
wikipediaのfavicon説明ページ

自分のお気に入りのWebサイトの中で、
サイト名やURLの前にアイコンが表示されているものがあるはず。

そのfaviconの作り方と設置方法の紹介。


1.画像編集ソフトを使って好きなデザインでfaviconを作る。
ファイル形式はPNGまたはgif形式、大きさは16×16。

2.作成した画像をico形式に変換する。
以下のサイトで画像ファイルをアップロードするとico形式に変換してくれる。
http://www.chami.com/html-kit/services/favicon/
フリーの画像変換ソフトをダウンロードして変換してもよい。

3.メインページにicoファイルへのリンクを記述する。
htmlのheadタグ内に以下のソースを記述する。
hrefにicoファイルのパスを記述する。
絶対パスでも相対パスでもどちらでもよい。

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

4.htmlとicoファイルをアップロードする。
icoファイルをルートに置くと、ブラウザによっては全てのページでアイコンを表示してくれる。

以上。


ここまでやってfaviconが表示されない場合は、ブラウザのキャッシュやクッキーを削除してみよう。

ちなみに、このサイトのfaviconが表示されていない方も、
ブラウザのキャッシュやクッキーの削除で表示されるはず。

 1  |  2  |  3  | All pages