« 言うだけ言ってみた(iPod Touch) | Main | 娘ちゃんの O'Reilly 本が出版される »

2008年01月20日

今度こそファイナル? MyMiniCity OKAMURA 市長の政策

昨年の暮れに政策ファイナルなどと言っていた OKAMURA シティの市長 OKAMURA です。

レベル 4 記念のエントリで使ったバランスよく街を改善する JavaScript を改良したのでそのシェアです。

前回は OKAMURA シティの様子をビジュアルに紹介しなかったので、今回は出しておきます。

レベル 4 になってから少しして気付いたのですが、なんと看板からぺんぺん草が取れています。住民が増えて予算も増えたから看板まで手が回るようになったんでしょうね。

さて、今日紹介する JavaScript を使うと…

  • MyMiniCity の市へのリンクが人口増加の URL と改善系の URL 群がランダムに選択される。
  • しかもどの URL になるかは必要な比率に合わせて選択される。
  • レベルを指定することで不要な改善系 URL は選択されない。
  • 自分の市以外でも別々にレベル指定できる。

ブログなどで自分の市や、応援している人の市へのリンクを貼るときに便利です。

玉に傷なのがレベルの指定はわざわざしてやらないとならないってことです。CGI などが使えるサーバならレベルも自動で調べることもできますが、このブログが置かれている .Mac ではそうもいかないので、CGI なしでできることという足枷があります。

はい、それでは使用方法です。

  1. MyMiniCityRandomImprove.js をダウンロードする。

    これがその JavaScript のファイルです。

  2. MyMiniCityRandomImprove.js を自分のブログのどこかにアップロードする。

    ブログツールやサービスによってどこが最適かはまちまちだと思いますが、僕はブログのトップのフォルダに置いています。

    JavaScirpt ファイルをアップロードできないブログツールを使っている人はしょうがないからしなくてもよいです。このブログの MyMiniCityRandomImprove.js をお貸しします。でもアップロードできる人は自分のところに置いてくださいね。

  3. MyMiniCityRandomImprove.js でリンク先を選択したいリンクに MyMiniCityRandomImprove クラスを指定する。

    例えばこのブログの左にある OKAMURA シティへのリンクは次のようになっています。

    <a class="MyMiniCityRandomImpove" href="http://okamura.myminicity.com/" title="OKAMURA - MyMiniCity">OKAMURA シティ</a>

    ここで強調してある class="MyMiniCityRandomImpove" というのを a タグに付けます。

  4. MyMiniCityRandomImprove.js を動かすコードを入れる。

    次のようなコードをブログのテンプレートに埋め込みます。

    <script type="text/javascript" src="MyMiniCityRandomImprove.js の URL"></script>
    <script type="text/javascript"><!--
    ChangeRandomImproveMyMiniCityLink('改善したい市の URL', その市のレベル);
    // --></script>
    MyMiniCityRandomImprove.js の URL

    ステップ 2 でアップロードした MyMiniCityRandomImprove.js の URL です。JavaScirpt ファイルをアップロードできないブログツールを使っている人は http://homepage.mac.com/yuji_okamura/iSawIt/MyMiniCityRandomImprove.js としてください。

    改善したい市の URL

    例えば OKAMURA シティでしたら http://okamura.myminicity.com/ です。.com/ で終えてくださいね。

    その市のレベル

    改善したい市の今のレベルです。レベルはその市のページの左下の次のようなところに書いてあります。

    ページ上のレベルが書いてあるところの図

    色が濃くなっている数字の一番大きいものです。この図でしたらレベル 4 です。

  5. テンプレートの更新を反映させる。

    それぞれのサービスやツールの方法でテンプレートの更新を web 上に反映してください。

<script type="text/javascript"><!--
ChangeRandomImproveMyMiniCityLink('改善したい市の URL', その市のレベル);
// --></script>

ここの 改善したい市の URL や その市のレベル を変えつつ複数繰り返すことで、複数の市へのリンクを同時に変えることもできます。

何もブログに貼るだけが能じゃありません。自分のパソコンのローカルにいつも巡回している人の市のリンクを並べて書いておいて、これを使ってお気楽巡回リストにしてもよいでしょう。

いつものとおり動作確認は次のブラウザでしました。

  • Firefox 2.0.0.11 (Mac OS X 版)
  • Safari 3.0.4 (Mac OS X 版)
  • Opera 9.25 (Mac OS X 版)

この JavaScript がちょっといいなと思ったら、どれでもよいのでこのページの OKAMURA シティへのリンクを辿ってくださいね。別にいいなと思わなくても辿ってくださると嬉しいです。

last generated
2008-08-08
page view