2007年12月03日
川俣晶の縁側ソフトウェアMagSite1開発日誌total 10287 count

MagSite1 0.74リリース・懸案のGoogle Maps対応、キーワード一覧のAjax対応

Written By: 川俣 晶連絡先

 2007年12月03日に、MagSite1を0.74にバージョンアップしました。

入手先 §

 MagSiteMan1上からダウンロードできるほか、MagSiteDistシステムよりダウンロードできます。

MagSite1手動ダウンロード

変更点 §

 変更点は以下の通りです。

  • GoogleMaps対応
  • GoogleMaps キーをキーワードに登録可能とする (キーが無いときは使えない)
  • Firefoxでのオーサリング画面が致命的に壊れているので暫定対応
  • オーサリング画面にGoogleMapsの座標ピッカー
  • 検索結果ページに表示するロゴを入れる
  • 検索対象を自サイト内デフォルトとする
  • 全ての見出しをアンカーに
  • 文字サイズ相対制御マークアップ、色制御マークアップ
  • 自動Amazon商品リスト (Amazonが自動的に判定して作成する商品リスト)
  • 地図内のクリックは別ウィンドウ (BACKボタンで戻ると地図の位置が再現されないので)
  • ナビゲーションのCSSが噛み合ってない
  • SiteMapStylerで表紙のキーワードマップをAjax化
  • MagSite右サイドが空の時に隙間ができる
  • 表紙画像のリデザイン

 変更点の詳しい説明を以下に述べます。

GoogleMaps対応 §

 既に書いた通り、Virtual Earth対応は様々な問題があり断念し、Google Mapsに対応しました。以下のようなものが、割と容易に取り込めます。

 ちなみに、これは戦前の京王線の路線があったあたりを大まかに示した例です。

 追加したMagMLのマークアップはgm, gmp, gmlの3つです。gmpは1つのポイントを示す最もシンプルなもの。gmは名前とURLを付けた複数のポイントを示すもの。gmlは更にポイント間にラインを引くもので、上記がその例です。

 詳細はMagML仕様書 Version 0.17参照。

GoogleMaps キーをキーワードに登録可能とする (キーが無いときは使えない) §

 Google Mapsの機能を使うためには、APIキーを取得して登録しなければなりません。APIキーはホストごとに取得する必要があります。

 ちなみに、APIキーを設定しない場合、オーサリングページでいちいちエラーが出ますが、現バージョンでは制限事項とします。

Firefoxでのオーサリング画面が致命的に壊れているので暫定対応 §

 なんだか良く分かりませんが、ASP.NETで指定したコントロールのサイズが一切Firefoxでは有効になりません。時間がないので原因は追及していません。暫定的に最低限コンテンツを書き込むために必要なサイズの補正を入れました。

オーサリング画面にGoogleMapsの座標ピッカー §

 オーサリング画面でクリック一発でGoogle Mapsの地図が表示され、そこでマーカーの位置を確定させてボタンを押すと、テキスト本文にMagML表記のgmpマークアップまたは緯度経度の座標値を挿入できます。やり方を理解すれば、上記の例程度の地図なら一瞬で書き込めます。ジオコーディングにも対応しているので、指定する場所を素早く探せます。

検索結果ページに表示するロゴを入れる §

 サイト内Google検索の結果ページに、ロゴというかトップの画像を入れました。

検索対象を自サイト内デフォルトとする §

 サイト内Google検索のデフォルトをWebではなく自サイトにしました。

全ての見出しをアンカーに §

 見出しの右上に付いた記号は、その見出しに対するリンクを示します。これを使うことで、特定の見出しにリンクできるようになります。前から付けようと思いながら優先度が低かったので、ずっと延び延びになっていました。しかし、やっと付きました。

文字サイズ相対制御マークアップ、色制御マークアップ §

大きい文字

もっと大きい文字

 文字拡大はltxマークアップ。色指定はclマークアップです。

 詳細はMagML仕様書 Version 0.17参照。

自動Amazon商品リスト (Amazonが自動的に判定して作成する商品リスト) §

 ページ内容から自動的にAmazonが賞品を選んで表示する機能を追加しました。アソシエイトIDが指定された場合のみ有効です。

地図内のクリックは別ウィンドウ (BACKボタンで戻ると地図の位置が再現されないので) §

 Google Mapsの吹き出しにリンクを入れた場合、それをクリックしてBACKボタンで戻ると地図の位置などがリセットされてしまいます。そこで、この場合は別ウィンドウで開くようにしました。

ナビゲーションのCSSが噛み合ってない §

 単純に見栄えが悪かったので訂正。

SiteMapStylerで表紙のキーワードマップをAjax化 §

 各キーワードの表紙ページに付いている、サイトの全キーワードリストをAjaxによるツリー表示に変えました。クリックでツリーの一部を開いたり閉じたり出来ます。HTML的には単なるネストしたul要素でしかありませんので、AjaxやCSSが有効ではない場合は単純に全部表示されるはずです。

MagSite右サイドが空の時に隙間ができる §

 単純に見栄えが悪かったので訂正。

表紙画像のリデザイン §

 画像が格好悪かったので、少し訂正して枠線が出ないようにしました。

 ちなみに、時間がないのでデザインは最初からかなり手抜きです。何せ、faviconを拡大しただけという超手抜きデザイン (笑。

Facebook

キーワード【 川俣晶の縁側ソフトウェアMagSite1開発日誌
【MagSite1開発日誌】の次のコンテンツ
2007年
12月
04日
Google Maps埋め込み機能利用例&チュートリアル・下高井戸駅から東松原駅までの徒歩最短経路の図示
3days 0 count
total 4144 count
【MagSite1開発日誌】の前のコンテンツ
2007年
12月
03日
MagML仕様書 Version 0.17
3days 0 count
total 3730 count

このコンテンツを書いた川俣 晶へメッセージを送る

[メッセージ送信フォームを利用する]

メッセージ送信フォームを利用することで、川俣 晶に対してメッセージを送ることができます。

この機能は、100%確実に川俣 晶へメッセージを伝達するものではなく、また、確実に川俣 晶よりの返事を得られるものではないことにご注意ください。

このコンテンツへトラックバックするためのURL

http://mag.autumn.org/tb.aspx/20071203203903
サイトの表紙【MagSite1開発日誌】の表紙【MagSite1開発日誌】のコンテンツ全リスト 【MagSite1開発日誌】の入手全リスト 【MagSite1開発日誌】のRSS1.0形式の情報このサイトの全キーワードリスト 印刷用ページ

管理者: 川俣 晶連絡先

Powered by MagSite2 Version 0.36 (Alpha-Test) Copyright (c) 2004-2021 Pie Dey.Co.,Ltd.