icecraft photo gallery and photo map.

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をインストール出来る人ならそのへんは問題ないといえば問題ないかもしれない。

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

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

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

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地図に等高線が表示されたなら、このサイトとは出会っていなかったと思う。

このサイトでも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が表示されていない方も、
ブラウザのキャッシュやクッキーの削除で表示されるはず。

Movable Typeも4.0になりそうなのに、今さらながら3.3のタグクラウド機能を設定してみた。

タグクラウドとは、各エントリーに付けられたタグを雲のかたまりのように一覧表示すること。
同じタグが多いとフォントサイズも大きくして表示している。

タグはカテゴリーと概念が似ている。
使い方としては、サイトの大まかなジャンル分けがカテゴリー。
タグは各カテゴリーやエントリーの詳細キーワード。

1つのエントリーに複数付けられ、全てのエントリーを横断的に付与できるので便利。
一言でいうとメタデータ。

自分は、カテゴリーは英語、タグは基本日本語にしている。
SEO的効果もあり。

タグに関しては、サイト全体をもう少し整理する予定。

以下、設定例。
行動するまでが面倒臭いが、やってみれば簡単なのですぐ出来る。

■メインページ(index.html)

・左カラム用（タグクラウド表示）

<!-- タグクラウド開始 -->
<div class="sidetitle">
Tag Clouds
</div>

<div class="side">
<ul id="tags">
<MTTags>
<li class="module-list-item taglevel<$MTTagRank$>">
<a href="<$MTTagSearchLink$>"><$MTTagName$></a>
</li>
</MTTags>
</ul>
</div>
<!-- タグクラウド終了 -->


・中央カラム用（各エントリーの本文の最後にタグ表示）

<!-- タグ -->
<MTEntryIfTagged>
<div class="entry-tags">
<h3 class="entry-tags-header">タグ:</h3>
<ul class="entry-tags-list">
<MTEntryTags>
<li class="entry-tag"><a href="<$MTTagSearchLink$>" rel="tag"><$MTTagName$></a></li>
</MTEntryTags>
</ul>
</div>
</MTEntryIfTagged>


■スタイルシート(styles-site.css)

/* タグ */
.entry-tags-header,
.entry-tags-list,
.entry-tag {
display: inline;
font-size: 12px;
}
.entry-tags-list {
list-style:none;
padding-left: 5px;
}


参考サイト
小粋空間: Movable Type 3.3 エントリー・タグ詳説

Adobe Lightroom パブリックベータ 4 日本語版を使ってみた。

写真の管理、RAW現像、が主な機能で、photoshopとは役割が違う。

NikonユーザでいうところのNikon Captureのようなものかな。

もしくはgoogle PicasaでRAW現像をするようなものかな。

一番の感想は、思ったより動作が軽い。

photoshopが重いだけに、いい意味で期待を裏切ってくれた。

あとはインターフェースが見やすくてかっこいい。
かっこいいので何でもない作業をしてるだけでプロっぽい。

1万円くらいだったら買ってみてもいいかなぁと思った。

CanonやNikonなど、複数社のRAWを扱う人なら買いだと思う。

ちなみに定価は32000円。ちと高い。。

「Google maps」を既に自分のWebサイトに導入していて、次に何かしたいと考えている人におすすめの1冊。

洋書の原書ではAPIバージョン1だったが、本書はバージョン2にも対応しているところがよい。

進化のスピードが早いGoogle mapsに対して、サポートページが用意されているので、書籍購入後も満足できる。

http://www.marlin-arms.co.jp/gmh/
（書籍を買わなくてもいいくらい内容が充実している。）

サポートページでは、住所をテキスト入力して地図を結果として返す、「ジオコーディング」についても補足されている。

ちなみに最近作ったgalleryの機能もこの本を参考にしている。

このサイトのgalleryに新機能を追加！

「はてなアイコン」のとなりに「地球儀アイコン」が出来たのでクリック！

撮影地の緯度経度情報がgoogle mapに表示される。

もし気になる写真があったらこの情報を参考に撮りに行って欲しい。

ちなみに、この地球儀は日本と中国大陸ではなく、マダガスカルとアフリカ大陸になっている。。

技術的には非常にシンプル。

1.XMLの写真情報に緯度経度情報を追加して、Flashが読み込む。

2.地球儀アイコンクリックで、読み込んだ緯度経度をFlashがgoogle map側（php）に渡す。

function gotoMapDetail():Void
{
myData = new LoadVars();
myData.lat = latA;
myData.lng = lngA;
myData.send("http://www.icecraft.net/map_detail.php" , "mapWin");
}


以上。

自宅PCで使用していた某ウィルス対策ソフトの期限が切れた。

ライセンス料は1年間で約5000円くらいだったと思う。

この一年間で、自分のPCをどれだけ守ってくれたのだろう。。
イマイチ実感が沸かない。

ここ近年、セキュリティの脅威が注目され、過剰なメディアは逆にユーザに不安を煽ってはいないだろうか。
これもウィルスやセキュリティ対策業界の陰謀？

そもそもウィルスに感染するルートというのは、怪しいサイト、怪しいメール、怪しいプログラムなど、、
PC環境だけの問題では無く、ユーザのリテラシーの問題もある。

大切なファイルはバックアップをとり、怪しいことには注意を払っていれば、セキュリティ対策ソフトに高い金を払う必要はないと思う。

とはいえ、何も対策ソフトを利用しないのもよろしくないので、巷で話題のZEROを購入した。

初めに3000円ちょっと払えば、年間更新料「0円」で、パッチのアップデートが無期限に利用できる。

もちろんVistaにも対応。

自分にとって、高いか安いかを判断したうえで、検討してみるのもどうだろう？？

ようやくMovable Typeのバージョンアップ完了。

ページ右下のバージョン表示が3.33-jaになっているのに気づかれただろうか。。

---
Powered by
Movable Type 3.33-ja
---

これで脆弱だった部分は大丈夫なのか？

blogを閲覧する側から見ると、何も変わっていない。

管理者側はちょこっと変わっている。
（見えないところで大きく変わっていると思う。）

バージョンアップのためバックアップなどの手間はかかるものの、バージョンアップ自体は思ったより簡単だった。

これならもっと早くやっても良かったなぁと少し反省。

面倒臭がり屋の同士も、バージョンアップすることをお勧めしておく。

最近関連書籍も目に付くようになってきた、注目のGoogle Earth。

Google Mapsの進化系ともいえる、地球を人工衛星から眺めてグリグリ動かすという代物。

未体験の人はこの機会に使ってみては。
1日時間を潰せる。
http://earth.google.com/

しかし、いざインストールして起動してもすぐ固まって使えない。。

そんな人もいると思う。

PCのスペックやネットワークの環境は問題ないのに。。
という人へ。

自分もその一人だったので、自分の解決策を紹介しておく。

ツール→オプション
３Dビューのタブ
グラフィック　モード内のラジオボタン

・OpenGL（デフォルト）
・DirectX

ここで、DirectXを選択する。

自分はこれで何事もなかったように快適に動くようになった。

該当する人は試してみては。

Movable Typeにクロスサイトスクリプティングによる脆弱性が確認されたらしい。。

詳細と3.33のダウンロード

Movable Typeのバージョンアップネタは何度か書いているが、まだ3.2からアップロードしていない。

面倒くさいから後回しにしていたが、今回はセキュリティの脆弱性ということで、重い腰を上げるときが来たかなぁ。

それにしてもクロスサイトスクリプティングの脅威は流行が終わらない。。

8/28 Six Apartは、Movable Type 3.32日本語版の提供を開始した。

・ダウンロードはこちら

6月末に3.3-jaが提供されてから2回目のバージョンアップ。

やはり様子を見ていてよかった。。

またしばらく様子をみる日々が続く。。
（面倒くさい。。いつになったらアップグレードしようかなぁ。）

Flex2がリリース。
そしてFlash9のプレビュー版がリリース。

オブジェクト指向に馴染みのあるデベロッパーにとっては、RIA開発のきっかけになり大歓迎か？！

一方、デザイナーにとっては敷居が高いかもしれない。。

ColdFusionの開発者もうかうかしていられない。
Flexが本格的に普及してくると、ColdFusionの存在価値が若干心配。。
価格次第か？

開発手法もオブジェクト指向へシフトするので勉強が必要。

一方Flashも、Flash9 ActionScript3.0 プレビュー版をリリースした。
ただし、英語版のみ。
Adobe Labsからダウンロード可能。

まだFlash8がそれほど世の中に浸透していないような気もするが、早くも9ですか。

Flash8との違いは、とりあえずActionScript3.0に対応したというところ。

ActionScriptもより厳格なオブジェクト指向言語に成長して、クラスや型の宣言に慣れていない人は大変かも。

なんだかんだいって、世の中オブジェクト指向なんだなぁと感じる。

避けてきた人はそろそろ勉強が必要かな。。

格差社会という時代の潮流か、できる人とできない人の格差がどんどん開いていくような気がする。

ついにMovable Type 3.3 がリリースされた。

Blogツールのスタンダードの地位を築いたのはすごい。
Blog本といえば、うさんくさいアフィリエイトで数百万稼ぐ書籍か、Movable Typeの書籍で溢れかえっている。

このサイトもバージョンアップしなければ。。

これがけっこう面倒くさい。。。
いつやろっかなぁ。。

Blogを見る側って、バージョンアップしてもあまり変わらない。

どれだけの人が、バージョンなんて気にかけて見てくれているのか。
普通は気づかない。。

それでもそのうちやります。

2006年4月、google maps のAPIがver.1からver.2にバージョンアップした。

バージョンアップに関して、参考になる日本語のサイトがまだまだ少ないので、仕方なく英語の本家サイトのドキュメントを読みながらソースを修正した。

http://www.google.com/apis/maps/documentation/

バージョンアップといっても、基本的にはほとんど変わっていない。
ただし、必ずソースを修正しないといけないのが面倒くさいところだ。

■バージョンアップの恩恵
1.衛星写真の詳細表示地域が増えた。
2.mapの右下に、広域な地図(overview)が表示できる。（おすすめ）
3.タブ付きのふきだしを表示できるようになった。
4.表示速度が速くなった？（JavaScriptが若干軽くなったらしい。）
などなど

■バージョンアップで困ったこと
1.緯度、経度の表記が逆になった。
(lon,lat)→(lat,lon)
なぜ変える？？
修正が面倒だったうえに、最初は表示できない原因がわからずはまった。

2.ドキュメントが英語
サンプルソースがあるからなんとなくわかるけど、精神的に日本語がいい。。

ちなみに、日本語のgoogle maps関連の解説書籍はほとんどver.1用です。

そのうち、ver.2の情報も増えてくると思うので、バージョンアップがわからない人は無理に急いで修正しなくてもよいかも。

いきなりver.1が使えなくなることはないだろうけど、一応バージョンアップの勧告は出ている模様。