任意の要素の contextmenu の属性値に追加したい menu 要素の id 値を指定すると、その要素を右クリックした際に menu 要素のメニューが右クリックメニューに追加される。

サイトに独自の右クリックメニューを追加することができる。

HTML5 contextmenu サンプル

サンプルコード

<div contextmenu="hellomenu">
    <p>このボックス内で右クリックしてください。</p>
</div>

<menu type="context" id="hellomenu">
    <menuitem label="英語" onclick="alert('Hello!');" icon="f_en.png"></menuitem>
    <menu label="その他">
        <menuitem label="日本語" onclick="alert('こんにちは!');" icon="f_jpn.png"></menuitem>
    </menu>
</menu>

参考サイト：Firefox 8 for developers – MDN

Tideroid（タイドロイド）は日本全国各地の港など339地点の潮汐情報を調べることができる Android アプリです。
地域リストやGoogleマップから港を選択すると、その場所の潮汐情報（満潮・干潮の時間、潮位）を表とグラフで表示します。

さらに、月齢・月影、日の出・日の入り時刻、月の出・月の入り時刻、市民薄明時刻、旧暦を表示します。
潮汐情報はデフォルト設定で7日分がリスト表示され、フッタの『もっと見る』ボタンをクリックすると以降の日付の潮汐情報が追加表示されていきます。

メニューから年月日を選択することで、特定の年月日の潮汐情報を調べたり、ブックマークすることで簡単に潮汐情報を表示させることができます。
比較ブックマークを利用すると、2つの港の潮汐情報を並べて見ることができます。

また、ウィジエットを使ってホーム画面にブックマークした港の当日の潮汐情報を表示させることもできます。
ウィジエットは画面クリック時、または、毎日0時に更新されます。

釣りなどのレジャーにご利用ください。

このアプリの潮汐情報算出プログラムには『潮汐予想プログラム』の tide22.java を利用させていただいています。

※このアプリの潮汐情報を航海等には利用できません。
※このアプリを使用して生じたトラブル・事故等については一切の責任を負いません。

ダウンロード

Tideroid – Android マーケット（PCページ）

スクリーンショット

『戦国武将列伝』は日本の戦国時代に活躍した武将のプロフィール・ゆかりの地について調べることができるアプリです。

五十音からお目当ての武将を探したり、マップから日本各地にある武将ゆかりの地（墓所・廟所・寺社・戦跡・像・その他）を探すことができます。
※登録しているゆかりの地には、私有地や拝観不可の場所もあります。訪ねる際には事前に確認してください。

武将の姓名（ふりがなも可）から検索した結果をブックマークして保存できます。
※ブックマークにはSDカードが必要となります。

また、過去の同じ月日にあった出来事をメイン画面下部に表示します。テキストを長押しすると、より詳しい内容を表示できます。
※暦は季節感を合せるために全てグレゴリオ暦を使用しています。

さらに、アプリ『城めぐり』をインストールしていると、武将に関連する城詳細画面を当アプリから開くことができます。
また、『城めぐり』から当アプリの武将詳細画面を開くこともできます。

本アプリはアプリをSDカードに移動できます。

※現在ベータテスト中であり、登録武将数が少ないですが、今後のバージョンアップと共に追加していく予定です。
ver 0.1.0 （31武将）

ダウンロード

アプリのインストールは Android マーケットからどうぞ。

戦国武将列伝 – Android マーケット（PCページ）

スクリーンショット

webkit 系のブラウザでは -webkit-box-reflect を使って簡単に効果を付けることができるが、Firefox4 や 5 などでは疑似要素とマスク用svgを使って少し手間をかけないとできない。

CSS3 を使った鏡面反射効果 サンプル

css コード

Firefox では、疑似要素 after を使って鏡面反射用要素を作り、mask を使ってフェードアウト効果を、-moz-transform を使って鏡面効果（反転）を付けている。

この疑似要素の背景に元の要素を -moz-element を使ってセットすることで鏡面反射の効果を作っている。

/* Firefox, webkit 共通の設定 */
body {
    background: black;
}
#reflect1 {
    width: 200px;
    padding: 15px;
    background: pink;
}
.reflect {
    position: relative;
}

/* webkit 用の指定 */
.reflect {
    -webkit-box-reflect: below 10px -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .5)), to(transparent));
}

/* Firefox 用の指定 */
.reflect:after {
    content: "";
    position: absolute;
    /* .reflect と同じサイズのブロック（反射部分）を真下に作る。*/
    top: 100%; right: 0; bottom: -100%; left: 0;
    z-index: -1;
    opacity: .5;
    /* 反射部分が徐々に消えていく効果を出すマスク(svg)。 */
    mask: url(mask.svg#reflection-mask);
    /* 反射部分を 10px 下げて、鏡面効果（反転）させる。 */
    -moz-transform: translateY(10px) scaleY(-1);
}
#reflect1:after {
    /* .reflect:after で作成したブロックに、#reflect1 の要素を背景として適用する。
       .reflect:after の鏡面反射効果が適用される。*/
    background: -moz-element(#reflect1);
}

html コード

<div id="reflect1" class="reflect">
    <img src="favicon.ico" /> Hello World!<br />from Serendip.
</div>

マスク用 svg コード

<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
    <mask id="reflection-mask" maskContentUnits="objectBoundingBox">
        <rect x="-0.1" width="1.2" height="1" fill="url(#reflection-gradient)"/>
    </mask>
    <linearGradient id="reflection-gradient" gradientUnits="objectBoundingBox" x1="0" y1="1" x2="0" y2="0">
        <stop stop-color="white" stop-opacity="0.8" offset="0"/>
        <stop stop-color="white" stop-opacity="0" offset="100%"/>
    </linearGradient>
</svg>

参考サイト：Firefox 4: Drawing arbitrary elements as backgrounds with -moz-element ✩ Mozilla Hacks – the Web developer blog
　　　　　　CSS reflections for Firefox, with -moz-element() and SVG masks | Lea Verou
　　　　　　Stu Nicholls | CSSplay | CSS3 Relections in Firefox, Safari and Chrome

Build.VERSION の各フィールド

CODENAME

開発コード名、あるいはリリースビルドの場合は "REL" の文字列。
例：REL

INCREMENTAL

ソースコードの管理で利用する内部値を表す文字列。
例：102588

RELEASE

ユーザーが確認可能なバージョン番号文字列。
例：2.3.3

SDK

SDK のバージョン番号文字列。(廃止予定。代りに SDK_INT を利用)
例：10

SDK_INT

SDK のバージョン数値。
各バージョンは Build.VERSION_CODES で定義されている。
例：10

コード例

new Build.VERSION();

Build.VERSION_CODES で利用できる定数

BASE

最初の Android バージョン。

BASE_1_1

最初のアップデート。バージョン1.1

CUPCAKE

バージョン1.5

CUR_DEVELOPMENT

正式リリースになっていない開発バージョンの為の値。

DONUT

バージョン1.6

ECLAIR

バージョン2.0

ECLAIR_0_1

バージョン2.0.1

ECLAIR_MR1

バージョン2.1

FROYO

バージョン2.2

GINGERBREAD

バージョン2.3

GINGERBREAD_MR1

バージョン2.3.3

HONEYCOMB

バージョン3.0

コード例

new Build.VERSION_CODES();

参考：Build.VERSION | Android Developers
　　　Build.VERSION_CODES | Android Developers

東ノ丸入口北にある薬研堀。

この日は日曜日とあって、明石公園はお花見客でいっぱい。

ちょうど、櫓内部の一般公開をしていた。写真は巽櫓。

坤櫓の中には瓦や鯱が展示されていた。

坤櫓内から見た巽櫓。

天守台から見た坤櫓。

桜も満開。

桜堀も桜で彩られていた。

より大きな地図で 明石城 を表示

gconf-editor を使ってボタンの位置を設定できる。
ターミナルからコマンドを実行して、GConf 設定エディタを起動する。

$ gconf-editor

設定エディタから /apps/metacity/general/button_layout を選択し、値を close,minimize,maximize:menu と変更する。

これで、タイトルバーのボタン位置を標準の位置の戻して、ツールチップの背景色を変更することができた。

6つに区分した地域からや、Google マップ上に表示されるピンなどから各城の詳細を見ることができます。

また、カメラを使って位置情報（現在位置、またはマップの中心位置）から周囲の城の様子を見ることができます。

一部の城の櫓・門・その他施設などをマップ上に表示したり、カメラ上に表示することができます。

メニューからツイッターやメールなどに投稿できます。
ツイートにはハッシュタグ#castlestourや現在位置のGoogleマップURLが追加されます。
GoogleマップURLの挿入機能は城から半径約1km以内で利用できます。

自分で撮影した画像をSDカード上の本アプリデータディレクトリにコピーすると、ユーザーギャラリー上に表示することができます(詳しくはアプリのヘルプをご覧ください)。

本アプリはアプリをSDカードに移動できます(要Android バージョン2.2以上)。

※カメラを見ながらの移動は危険ですので行わないでください。
※カメラ機能は一部の機種(REGZA PHONE 等)で動作しない場合があります。

初公開時点では、日本100名城(Wikipedia)に選ばれている100城を登録しました。
今後のバージョンアップで城を追加していきます。

※旧バージョン(ver 1.x.x)は署名ファイル破損のため、バージョンアップ不可能となりました。
新バージョン(ver 2.x.x)のアプリを同名・同アイコン(パッケージ名変更)の『城めぐり』として再公開しています。
旧バージョン(ver 1.x.x)を利用されていた方は、お手数ですが旧バージョンアプリをアンインストールして新バージョンのアプリをインストールしてください。

アプリのインストールは Android マーケットからどうぞ。

<uses-feature> 要素には、対応するハードウェアやソフトウェアの機能を記述するらしく、Android マーケットはこの要素の内容を見てフィルタリングして、未対応のデバイスへのインストールを防いでいるらしい。

とはいっても、何の記述を追加すればよくわからなかったのだが、Android SDK に付属している aapt というツールで調べることができるらしい。

Android SDK の platform-tools ディレクトリにある aapt を使うと、必要な uses-feature がリストアップされる。

$ aapt dump badging <path_to_exported_.apk>

実行例

$ <SDK>/platform-tools/aapt dump badging YourApp.apk
package: name='package.name.yourapp' versionCode='1' versionName='1.0.0'
application: label='yourApp' icon='res/drawable-mdpi/icon.png'
launchable activity name='package.name.yourapp.YourApp'label='YourApp' icon=''
uses-library:'com.google.android.maps'
uses-permission:'android.permission.INTERNET'
uses-permission:'android.permission.ACCESS_COARSE_LOCATION'
uses-permission:'android.permission.ACCESS_FINE_LOCATION'
uses-permission:'android.permission.ACCESS_LOCATION_EXTRA_COMMANDS'
uses-permission:'android.permission.ACCESS_MOCK_LOCATION'
sdkVersion:'4'
uses-feature:'android.hardware.location'
uses-feature:'android.hardware.location.gps'
uses-feature:'android.hardware.location.network'
uses-feature:'android.hardware.touchscreen'
main
other-activities
search
supports-screens: 'small' 'normal' 'large'
supports-any-density: 'true'
locales: '--_--'
densities: '120' '160' '240'

そして、<uses-feature> を指定するのだが、android:required 属性を指定しなかったり、属性値に true を指定するとインストールに失敗する。
必須の機能でなければ false を指定するようなので、以下のように指定した。

<uses-feature android:name="android.hardware.location" android:required="false" />
<uses-feature android:name="android.hardware.location.gps" android:required="false" />
<uses-feature android:name="android.hardware.location.network" android:required="false" />
<uses-feature android:name="android.hardware.touchscreen" android:required="false" />

そして、ビルドしたアプリを Android マーケットにアップロードしたら、表示されるようになった。

参考：<uses-feature> | Android Developers