ガンガンメタリック ─ コルトと工具とスマートフォンとがらくた製作ログ

2010年6月アーカイブ

2010年6月 8日

#99ツイッター投稿用リンクを設置しました

投稿 2010年6月 8日 16:41

PC ＞ MT構築メモ

今更ですが、ツイッター投稿用のリンクを設置しました。

続きを読む ≫

#98【訂正】iPhone対応化(手順)について

更新 2011年5月 9日 20:25
投稿 2010年6月 8日 15:28

PC ＞ MT構築メモ

以前のエントリ「iPhone対応化(手順)について」で、iPhoneの加速度センサーを使ったコンテンツ切り替えの説明を行いましたが、記述に誤り・動作不具合がありましたので、改めて訂正をさせていただきます。

続きを読む ≫

本手順では、インデックスページに限り、iPhoneを90度回転させることで、PC向け・iPhone向けサイトのコンテンツ切り替えが可能でしたが、サーチエンジンのインデックスからアクセスをすると常にiPhone向けサイトのインデックスページにジャンプする動作となっていました。

原因は"JUMP_iPhone.js"の適用範囲を制限させずに「ヘッダ」テンプレートに記述をしていた為です。

以下、正しい手順を明記します。

以下の手順はMovable Typeに組み込むことを想定しています。
※事前にPC向けサイトとiPhone向けサイトを用意しておいてください。
当サイトでは「iPhoneテンプレートfor MT」を使用しています。
※外部jsファイルにて、iPhoneの傾き検出と振り分け(リダイレクト)処理を行っています。

＜PC向けサイトにおける作業＞

(1)「ヘッダ」テンプレートの
<body>タグにonorientationchange属性(onorientationchange="Orientation();")を追加してください。

※インデックスページにのみ適用させる必要があるので、
下記例のように

としてください(bodyタグの内容はお使いのテンプレートに合わせて変更してください)。

(2)続いて、
外部jsファイルを<head>～</head>内に定義してください。
※文字コードはご自分のサイトに合わせて保存してください。

※インデックスページにのみ適用させる必要があるので、
下記例のように

としてください。

(3)JUMP_iPhone.js内のURL(ドメイン)を適宜変更してください。

＜iPhone向けサイトにおける作業＞

(1)「iPhone用トップページ」テンプレートの
<body>タグにonorientationchange属性(onorientationchange="Orientation();")を追加してください。

(2)続いて、
外部jsファイルを<head>～</head>内に定義してください。
※文字コードはご自分のサイトに合わせて保存してください。

(3)JUMP_PC.js内のURL(ドメイン)を適宜変更してください。

以上です。

＜追記＞
諸般の理由により、「iPhone対応化」の処理を止めました。(2011.05.09)

≪ 続きを隠す

タグ:
iPhone

タグ関連記事:

2011年11月24日 iPhoneをフルラッピング♪
2011年11月23日 iPhoneのスクリーン保護に．．．
2011年11月23日 [SoftBank] iPhone 4S
2010年12月 7日 IS01とiPhoneを同時に充電♪
2010年7月29日やっと出会えた！！ iPhone(とその周辺機器達)を便利に、よりスマートに運ぶためのバッグ♪

2010年6月 7日

#97エアーロックプラサフグレー(062-1940)

投稿 2010年6月 7日 13:10

パーツレビュー＞作業用品＞塗装・下地

商品名	エアーロックプラサフグレー(062-1940)
メーカ	ロックペイント
定価	---
購入額	---
購入店	東急ハンズ
購入日	---

続きを読む ≫

2010年6月 4日

#96福山・仙酔島へ旅行に行って参りました。

投稿 2010年6月 4日 22:36

散策・旅行

5/19～5/20に掛けて、旅行に行って参りました。
場所は福山の仙酔島。
鞆の浦から目と鼻の先にある無人島です。

続きを読む ≫

＜一日目＞

本土から島へのアクセスは"現代版"いろは丸にて。5分ほどの乗船です。

宿泊先は「人生感が変わる宿ここから」。

ホテルの名前がなぜこのような名称になっているのかは、実際に宿泊してみるとわかります(公式サイトでもわかる)。

ホテルにチェックインを済ませた後、早速トレッキング。
ここへ来て、温泉に入らず山歩きする人はそうそう居ないだろうなぁw

宿泊施設であるスタート地点から途中までGPSのロギングに失敗しているので、正確な時間はわかりませんが、14:30頃のスタート。(青い線が未計測部分)

夫婦坂→大弥山→蝉の道→彦浦のルートを歩きました。

登り始めは道幅も広く大変歩き易いです...(2:59PM)

大弥山、金剛不動尊付近にあった木。
何という木かわかりませんが、存在感があります☆(3:17PM)

蝉の道付近(3:37PM)
この辺りはまだ道幅があるのですが...

蝉の道の分岐点を素通りし、島の南東方面へ...
宿で手渡された散策マップには載っていない道へ突入です。(3:52PM)

この付近はもはや獣道。
この先、更に酷くなりましたw
倒木や草木を掻き分けて歩かなければならない箇所があり、案内板が無い(*1)ので、途中でルートがわからくなったり...
正直、心細くなりました...

一部、衛星が捕捉できない区間(*2)がありましたが、iPhone片手に方角を確認しつつ進みました。

彦浦の浜が見えてきました。(4:07PM)

無事、彦浦の浜に到着。(4:16PM)

下加美島を対岸に見据える磯場でアメフラシを発見！(4:35PM)
リアルに観たのは初めてかも♪

五色岩付近。(4:55PM)

軽いトレッキングを堪能(不安も堪能w)した後は、早めの夕食。

お食事処「洗心の間」で海鮮いろり会席(料理長おすすめ！瀬戸内の旬を丸ごと味わう囲炉裏会席コース)を堪能♪

鯛の薄造り。

あわびとキスゴを炭火にかける。

＜ニ日目＞

とってもヘルシーな朝食(笑)を済ませた後、近くに居た狸を観賞。
子どもは目のクマみたいなのが無いのね♪
近づき過ぎると逃げるので望遠で撮影。

それでも警戒されるw

しばし休憩の後、チェックアウト。
荷物をフロントに預けて、スパハウス江戸風呂園内へ。温泉体験(混浴)。
・洞窟蒸し風呂江戸風呂
・胎内風呂
・露天風呂
・世界一の露天風呂(ほんの少しだけ。浸かるのは勇気がいるよ。今の季節は。)

温泉でデトックス体験をした後はお散歩。

小弥山山頂。
いろは丸。桟橋に近付くと船首部分を吊り上げるようです。

龍の頭。

国民宿舎近くに存在する木の根。なるほど、龍に見えます☆

宿から彦浦までの区間を歩きました。

五色岩までのルート

初日に訪れた彦浦を再訪。
天然記念物の「ハマヒルガオ」が自生しています。

ちなみにこの場所は、その昔、厳島神社・大鳥居の建立第一候補地であったそうです。

二日間の散策ルート。

一泊二日の短い時間でしたが、たっぷりの森林浴と新鮮な海の幸を頂き、体の再生を促すデトックス体験に大満足♪
また来年も行くぞ！と思わせてくれる、そんな素敵な島でした☆

*1) 写真の軌跡が直線になっている区間はGPSの信号をロストしています。
当然というかやっぱりというかsoftbankの3G回線は不通でした。auは概ね良好w

*2) 国立公園ということもあり、民間業者が案内板を設置することができないそうです。

≪ 続きを隠す

タグ:
GPS トレッキング仙酔島旅行温泉鞆の浦

タグ関連記事:

« 2010年5月｜メインページ｜アーカイブ｜ 2010年7月 »

続きを読む »

Follow me on Twitter