Google Map+Ext JSで最寄り駅ルート案内

JavaScript Google Ext JS

Google Map 住所検索（最寄駅ルート案内）：http://moriwaki.net/ext/station.html

SimpleAPI「最寄り駅Webサービス」とGoogle Map ルート案内を組み合わせて、最寄り駅ルート案内付きの住所検索を作成。

UIはExt JS ベース。トップのコンボボックスに住所の一部を入力し、リストされた候補住所を選択すると最寄り駅一覧をグリッド表示。駅を選択するとその駅から検索した住所までのルート案内が表示される。

HTML ファイル
JavaScript ファイル

Google App Engine + Ext JSでRSSリーダー

JavaScript Ext JS Java Ajax

http://feed-viewer.appspot.com/

Google App EngineでフレームワークにSlim3を使用したRSSリーダーです。
認証にはGoogleアカウントを使用し、各アカウント毎に登録したフィードが保存されます。
画面はExt JSのサンプルにあるFeed Viewerを使用しています。

jQuery と Ext JS のアニメーションエフェクトまとめサンプル

JavaScript Ext JS jQuery

jQuery UI と Ext JS のアニメーションエフェクトをまとめたサンプルを作成してみた。


jQuery UI のアニメーションエフェクトまとめサンプル
HTML:http://www.moriwaki.net/jquery/effects.html
JavaScript:http://www.moriwaki.net/jquery/effects.js


Ext JS のアニメーションエフェクトまとめサンプル
HTML:http://www.moriwaki.net/ext/fx.html
JavaScript:http://www.moriwaki.net/ext/fx.js


それぞれ用意されているエフェクトを使えば、簡単に JavaScript だけのアニメーションが可能。

ソースコードの色分け表示

JavaScript

PukiWiki 1.3 を使っている JAVA 開発メモの JAVA や XML のソースコードを手っ取り早く色分け表示するために google-code-prettify を使ってみた。


pukiwiki.skin.ja.php に JavaScript と CSS を設定。

<link rel="stylesheet" href="skin/prettify.css" type="text/css">
<script language=javascript src="skin/prettify.js"></script>

html.php で pre タグにクラスを設定。

function back_push(&$result,&$saved,$tag, $level)
{
	while (count($saved) > $level) {
		array_push($result, array_shift($saved));
	}
	if ($saved[0] != "</$tag>") {
		$result = array_merge($result,$saved); $saved = array();
	}
	while (count($saved) < $level) {
		array_unshift($saved, "</$tag>");
		
		if ($tag == 'pre') {
			array_push($result, "<$tag class='prettyprint'>");
		} else {
			array_push($result, "<$tag>");
		}
	}
}

これだけ。

Microsoft Network Monitor 3.2 リリース

Tool

http://www.forest.impress.co.jp/article/2008/09/19/msnetworkmonitor32.html


今まで自分でフィルタを設定して、パケットを表示させてたのが、アプリケーション毎にリアルタイム表示できるようになってる。これはわかりやすい。

モバイル Google マップでストリートビュー

Google ストリートビュー

http://googlejapan.blogspot.com/2008/09/google2google.html


バージョン 2.3 から、ストリートビュー対応とのことで、ドコモ携帯でダウンロードしてみた。ストリートビューのある地点ではメニューに表示されるので、選択できる。拡大を選ぶと全画面でストリートビューが表示される。
他に、乗り換え案内、お店のレビュー、ユーザー作成コンテンツの検索、絞り込み検索が追加されて、知らない店に行ったりするのも楽になりそう。