[NC]News Clipping http://blog.jab-net.com/nc Webビジネス系のニュースサイトやメルマガからビジネスの参考になりそうなニュースや記事を勝手にクリッピング。 Thu, 12 Jan 2012 12:26:02 +0000 ja hourly 1 http://wordpress.org/?v=3.0.4 バイクで全国制覇！？ http://blog.jab-net.com/nc/archives/2012/01/%e3%83%90%e3%82%a4%e3%82%af%e3%81%a7%e5%85%a8%e5%9b%bd%e5%88%b6%e8%a6%87%ef%bc%81%ef%bc%9f.html http://blog.jab-net.com/nc/archives/2012/01/%e3%83%90%e3%82%a4%e3%82%af%e3%81%a7%e5%85%a8%e5%9b%bd%e5%88%b6%e8%a6%87%ef%bc%81%ef%bc%9f.html#comments Thu, 12 Jan 2012 12:26:02 +0000 hatto http://blog.jab-net.com/nc/?p=2545 location bikesnapに写真を投稿 … 続きを読む →]]>

ついに、バイクで全国制覇しました！

といっても、一人ではないです。。。
運営しているバイク写真共有サイトの「bikesnap」に投稿された写真のお話。

bikesnap > location

bikesnapに写真を投稿する際に、都道府県を選択できるので、どこで撮影されたのか容易にわかるようになっています。
ライダーとしては、やはり全国すべての都道府県を走ってみたい夢がありますが、まぁ、それはライフワークとして今後の楽しみ。

それでも、Webで集めると全国各地の写真が見れて楽しいですね～

ちなみに自分の制覇率は「21％」。。。




まだまだ楽しみがたくさん残っているということでｗ

]]> http://blog.jab-net.com/nc/archives/2012/01/%e3%83%90%e3%82%a4%e3%82%af%e3%81%a7%e5%85%a8%e5%9b%bd%e5%88%b6%e8%a6%87%ef%bc%81%ef%bc%9f.html/feed 0 ママチャリグランプリ2012に参戦してきました！ http://blog.jab-net.com/nc/archives/2012/01/%e3%83%9e%e3%83%9e%e3%83%81%e3%83%a3%e3%83%aa%e3%82%b0%e3%83%a9%e3%83%b3%e3%83%97%e3%83%aa2012%e3%81%ab%e5%8f%82%e6%88%a6%e3%81%97%e3%81%a6%e3%81%8d%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81.html http://blog.jab-net.com/nc/archives/2012/01/%e3%83%9e%e3%83%9e%e3%83%81%e3%83%a3%e3%83%aa%e3%82%b0%e3%83%a9%e3%83%b3%e3%83%97%e3%83%aa2012%e3%81%ab%e5%8f%82%e6%88%a6%e3%81%97%e3%81%a6%e3%81%8d%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81.html#comments Tue, 10 Jan 2012 04:08:30 +0000 hatto http://blog.jab-net.com/nc/?p=2522 続きを読む →]]>
一昨年に初参加したママチャリグランプリに再び参戦してきました！
今回も天気がよかったのがなにより。

前日の1/7に現地入り。
15時にゲートが開くので14：30くらいに到着するもすでに大混雑。。。



ゲートを潜り抜けられたのが17時手前で、すでに場所取り合戦は終了状態＞＜
なんとかピット内とBBQスペースは確保できたのですが、暖房の効いているクリスタルルームは隙間がまったくなく断念。
それでも建物内のほうが暖かいので階段の踊り場を確保。

今回は、後から合流するメンバーが多く、二人で荷物を搬入。
これが一番きつかったｗ
車とピットを何往復したことか。それだけで足の裏には豆ができ、太腿、脹脛はパンパンに＞＜

なんとか荷物を運び終え、テントを張り、準備が終わったのは20時過ぎくらい。



しばらくしてメンバーも合流。
一通りの説明をして、あとは各々会場内をウロウロと。



今回は1,400近いチームが参戦しているとのこと。
年々多くなってますね。

夜中はさすがに冷え込みます。氷点下ですからね。
それでも、今回はテントで寝てみました。
寒いのと周りが宴会モードでうるさいのであまり眠れず、仮眠程度でまたウロウロと。

徐々に夜が明けてきました。



我がチームは1349番。これが後々大問題に。。。



ピット裏はすごいことに。。。


レーススタートは8時。
ここから7時間の耐久レースに！



今回も長男が参戦。
もう追いつけない。。。



やっぱ天気がいいと気持ちいい！



と思っていると目の前で接触事故！！！
痛そう＞＜



その後ものんびりモードで。



富士山もきれいです！



最終コーナーをまわってストレートへ！



もちろん、ここでピットインｗ



結局、今回も自分はこの一周だけ楽しみました。

あとは、ダッチオーブンで鳥飯を炊いたり、



BBQを満喫しました！



レース終了後、フォーミラーカーのデモ走行！
目の前を走るのはさすがにすごい迫力。。。
こんなところで見れるのもこのイベントならではですかね。



そんな感じで今回も十二分にママチャリグランプリを楽しみました。
後片付けをして、最終順位を確認に行くと、



ない！



自分たちのチームナンバーが順位表にないんです！！
4人くらいで何十分も探したのですが、やはり



ない！



係りの人に話をすると、1400チーム中不明のチームが2つあるとのこと。
調べてもらうと、なんと1349番を1340番で間違えて登録されていたとのこと。。。

疲れているとことにダメ押しの事態。

でも、順位はちゃんとわかりました！



順位は、1179位。。。


そのまま不明のほうがよかったかな。。。


まあ、でも無事にみんな怪我もなく完走できたのでよかったですね。

来年は、かなり早めに出発して場所取りしないとだな。
もう少しのんびりと楽しめるように！

]]> http://blog.jab-net.com/nc/archives/2012/01/%e3%83%9e%e3%83%9e%e3%83%81%e3%83%a3%e3%83%aa%e3%82%b0%e3%83%a9%e3%83%b3%e3%83%97%e3%83%aa2012%e3%81%ab%e5%8f%82%e6%88%a6%e3%81%97%e3%81%a6%e3%81%8d%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81.html/feed 0 あけましておめでとうございます！ http://blog.jab-net.com/nc/archives/2012/01/%e3%81%82%e3%81%91%e3%81%be%e3%81%97%e3%81%a6%e3%81%8a%e3%82%81%e3%81%a7%e3%81%a8%e3%81%86%e3%81%94%e3%81%96%e3%81%84%e3%81%be%e3%81%99%ef%bc%81.html http://blog.jab-net.com/nc/archives/2012/01/%e3%81%82%e3%81%91%e3%81%be%e3%81%97%e3%81%a6%e3%81%8a%e3%82%81%e3%81%a7%e3%81%a8%e3%81%86%e3%81%94%e3%81%96%e3%81%84%e3%81%be%e3%81%99%ef%bc%81.html#comments Fri, 06 Jan 2012 03:51:56 +0000 hatto http://blog.jab-net.com/nc/?p=2514 続きを読む →]]> あけましておめでとうございます。
今年も恒例の初日の出ツーに行ってきました！

朝、6時20分くらいに家を出て、大井川河口へ。
30分くらいで到着。

日の出は6時55分なので、しばし待つ。

富士山も綺麗ですね。



しばらくすると太陽が出始めました！
今年は雲が多くちょっと見にくいかな。



それでも、やはり初日の出はいいですね。
リフレッシュされます。

日の出の後は、バイク屋さんが用意してくれた甘酒を頂きました。これも恒例。



その後は、そのまま焼津神社へ初詣に！



ここまでは順調。



でしたが、



家に帰ると何となく節々がイタイ。。。

その日の夜から5日の朝までほぼ寝たきりでした。


うーむ、今年は前厄なので、これが何かのはじまりなのか。。。

これで厄払いになってくれればいいのですけどね。

]]> http://blog.jab-net.com/nc/archives/2012/01/%e3%81%82%e3%81%91%e3%81%be%e3%81%97%e3%81%a6%e3%81%8a%e3%82%81%e3%81%a7%e3%81%a8%e3%81%86%e3%81%94%e3%81%96%e3%81%84%e3%81%be%e3%81%99%ef%bc%81.html/feed 0 2011年重大ニュース http://blog.jab-net.com/nc/archives/2011/12/2011%e5%b9%b4%e9%87%8d%e5%a4%a7%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9.html http://blog.jab-net.com/nc/archives/2011/12/2011%e5%b9%b4%e9%87%8d%e5%a4%a7%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9.html#comments Sat, 31 Dec 2011 02:06:49 +0000 hatto http://blog.jab-net.com/nc/?p=2507 続きを読む →]]> 今年も今日で終わり。
例年通り、個人的な重大ニュースで締めてみようかと。

思い返せば、今年は別れと出会いの多い年だったような。

●まずは、バイクから

17年連れ添ったMAGNAと、とうとうお別れの時が。。。
22歳から39歳までの間、まったく飽きることなく一緒にいろんなところへ旅にいきました。



・17年目の別れ。。。

そして、新しい相棒がこのM109R。



・西へ！行き電車、帰りは・・・


●退職、新天地へ

今年は仕事も変わりました。
新しい環境で再出発。



・39才の節目に
・新オフィス


●家庭菜園をはじめたり

近所の畑を借りて家庭菜園もはじめました。
なかなか思い通りの収穫はできませんでしたが、一年を通じて楽しめました。
来年もやりますよ！



・家庭菜園：酸度測定液で土質チェック！
・家庭菜園：耕運機で一気に掘り返し！
・家庭菜園：苗植えしました！
・家庭菜園：ようやく収穫し始めました！


●キャンプ！

今年もキャンプにたくさんいけました。
春から夏までは隔週ペースでｗ



・平湯温泉キャンプツー
・ハートランド朝霧でキャンプツー
・雨のキャンプ！西富士オートキャンプ場で家族キャンプ行ってきました！
・奥飛騨温泉へキャンプツー
・メロンキャンプ！


●新サービスの立ち上げ

仕事を変えた大きな理由のひとつが、バイクに関わる仕事がしたいということ。
バイク関連のサイト製作もいくつかできましたが、オリジナルサービスとして一つ立ち上げられたのは良かった。
まだまだ構想の10％程度の内容ですが、来年はじっくりと育てていきます！



・新しいサイトを構築しました！ライダーの為の写真共有サイト「bikesnap（バイクスナップ）」
・スマートフォン向けサイトのコーディングメモ


●マラソンにチャレンジ

マラソンと言っても5kmですが、これもはじめての挑戦。
新東名に興味があっただけですが、意外と走れたのに自分でもおどろきｗ
まぁ、体を動かすのはいいですね。。。



・新東名を走ってきた！


●JAB-MEETING2011「秋」

毎年開催している個人サイトのイベント。
いつもは春と秋の二回ですが、今年はいろいろと都合が合わず秋だけの開催に。
それでも、全国各地から28名も参加頂けたのは本当にうれしかったです。
来年もやりますよ！



・JAB-MEETING2011「秋」


他にもいろいろとあった一年でしたが、主なのはこんなところでしょうか。
来年もたくさんの出会いがあればいいなと思います！

]]> http://blog.jab-net.com/nc/archives/2011/12/2011%e5%b9%b4%e9%87%8d%e5%a4%a7%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9.html/feed 0 k-xで皆既月食を撮ってみた！ http://blog.jab-net.com/nc/archives/2011/12/k-x%e3%81%a7%e7%9a%86%e6%97%a2%e6%9c%88%e9%a3%9f%e3%82%92%e6%92%ae%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%ef%bc%81.html http://blog.jab-net.com/nc/archives/2011/12/k-x%e3%81%a7%e7%9a%86%e6%97%a2%e6%9c%88%e9%a3%9f%e3%82%92%e6%92%ae%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%ef%bc%81.html#comments Sat, 10 Dec 2011 16:20:37 +0000 hatto http://blog.jab-net.com/nc/?p=2499 続きを読む →]]>

今夜は皆既月食だったので、とりあえずk-xで撮ってみました！

最初は少し曇っていて見えなかったのですが、23時過ぎからくっきり見えるように。
徐々に戻っていく姿もきれいですね。





月の横に見える青い光はなんだろう？



だいぶ戻ってきた。



なかなか神秘的でいいですね。
癒されました！

]]> http://blog.jab-net.com/nc/archives/2011/12/k-x%e3%81%a7%e7%9a%86%e6%97%a2%e6%9c%88%e9%a3%9f%e3%82%92%e6%92%ae%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%ef%bc%81.html/feed 0 新東名を走ってきた！ http://blog.jab-net.com/nc/archives/2011/11/%e6%96%b0%e6%9d%b1%e5%90%8d%e3%82%92%e8%b5%b0%e3%81%a3%e3%81%a6%e3%81%8d%e3%81%9f%ef%bc%81.html http://blog.jab-net.com/nc/archives/2011/11/%e6%96%b0%e6%9d%b1%e5%90%8d%e3%82%92%e8%b5%b0%e3%81%a3%e3%81%a6%e3%81%8d%e3%81%9f%ef%bc%81.html#comments Mon, 21 Nov 2011 04:43:40 +0000 hatto http://blog.jab-net.com/nc/?p=2474 続きを読む →]]>

建設中の新東名を走ってきました！

新東名とは、その名の通り新しい東名高速道路です。
随分前から建設されていて、いつできるのかと思っていたら何と来年には御殿場JCTから三ヶ日JCTまでの間（延長 約162km）が開通されるとのこと。

それを記念したイベントがいくつか行われており、今回参加した「新東名マラソン」もその一つ。

しかし、走ることが世の中で三番目くらいに嫌いな自分がなぜ走ったかというと、静岡のSNSサービス「アットエス」で、マラソンリポーターという企画をされていたので、応募は多い方が良いだろうと手助け程度のつもりで投稿したら、なんと全員参加になってしまった。。。

まあ、それよりも新東名を見てみたかったのと、ここを走れる機会はたぶんもうないので記念ということで。

ただ、高校のマラソン大会以来20年近く走ったことがないので、はたして大丈夫なのか。。。
途中で倒れたりして迷惑をかけてしまわないだろうか。。。

徐々に不安が大きくなる。

※参加したコースは5kmなんですけどねw


とりあえず、まずジョギング用の靴を購入し家の周りで練習開始。

1日目：1.5km
2日目：2.3km
3日目：3.0km
4日目：3.3km

少しずつ距離を伸ばしてきたが、ここで限界。
2.5kmを20分くらいのペースなので、5kmなら40分くらい。
時間制限が1時間なので後半歩いてもなんとななるかと自問自答。


そして、大会当日。

朝8時に沼津駅に集合しシャトルバスで会場へ。

新東名に入るとワクワクしてきます。
いろんな所が建設途中の道をバスがゆっくりと走る。（制限速度は30km）



なぜが右側通行。
これも開通後には味わえない。。。

iPhoneで位置を確認しても、何もないですね。。。



しばらく徐行すると会場となる駿河湾沼津SAへ到着。
既にすごい人ごみ。



係りの人に今日のスケジュールなどを聞いて一旦解散。
5kmのレースは12時からなのだが、まだ9時を過ぎたところ。。。

会場内には出店も多く、しばらく散策するも変わり映えのない店ばかりなのですぐに飽きる。

SA内もまだまだ工事中。
こういう風景もなんかいいですね。



これはガソリンスタンドかな？



反対側のSAも工事中。



なんとか時間を潰し、ようやくスタートの時間に。

スタート前はさすがに込み合っています。



合図とともにスタート！

とりあえず周りのペースに合わせてゆっくりと入りだす。

全体のペースもゆったりした感じ。



2.5kmの折り返し地点で18分くらい。
後ろを見るとまだまだ沢山のランナーがいるので、ここからは安心して散歩モードにｗ


景気が綺麗ですね。
富士山も駿河湾も見えます。





陸橋からの応援も。



トンネル内を歩くのも貴重な経験。




残り1km。
またゆっくりと走る。



ゴールが見えてきた！



45分くらいで無事完走。


とりあえず倒れずにゴールできたので一安心。

なかなか楽しい経験でしたが、やはり走るのは嫌いですｗ
もう無いな。きっと。

ただ、今回走ってみて良かったことも。

それは、練習の時に長男と一緒に走れたこと。
長男はかなり遅くペースを合わせて走ってくれていましたが、いろいろと話しながら走れたのは良かったかな。

そんな感じの新東名マラソンでした。

]]> http://blog.jab-net.com/nc/archives/2011/11/%e6%96%b0%e6%9d%b1%e5%90%8d%e3%82%92%e8%b5%b0%e3%81%a3%e3%81%a6%e3%81%8d%e3%81%9f%ef%bc%81.html/feed 0 名刺ケース｢harrytoree(ハリトレー)｣を購入！ http://blog.jab-net.com/nc/archives/2011/11/%e5%90%8d%e5%88%ba%e3%82%b1%e3%83%bc%e3%82%b9%ef%bd%a2harrytoree%e3%83%8f%e3%83%aa%e3%83%88%e3%83%ac%e3%83%bc%ef%bd%a3%e3%82%92%e8%b3%bc%e5%85%a5%ef%bc%81.html http://blog.jab-net.com/nc/archives/2011/11/%e5%90%8d%e5%88%ba%e3%82%b1%e3%83%bc%e3%82%b9%ef%bd%a2harrytoree%e3%83%8f%e3%83%aa%e3%83%88%e3%83%ac%e3%83%bc%ef%bd%a3%e3%82%92%e8%b3%bc%e5%85%a5%ef%bc%81.html#comments Fri, 11 Nov 2011 05:02:28 +0000 hatto http://blog.jab-net.com/nc/?p=2465 続きを読む →]]>

mbdbで紹介されていて気になっていたharrytoreeがamazonでも発売開始されたようなのでさっそく購入！



パッと見は紙の様ですがプラスチックっぽい材質でしっかりしています。
カラーは7種類、タイプは3種類ありケースを閉じる方法が異なるようです。

今回はタイプ02でカラーはオレンジを選択。



粘着シートを剥がして名刺を直角に張ることができます。



名刺を配るときにペリペリと剥がして渡したり、もらった名刺を張って冊子のように保管したり。
ちょっと楽しみですね。



商品の詳細は公式サイトで。

はってとれてまたはれる。harrytoree(ハリトレー）公式サイト


amazonでも購入できますよ！

はって、とれて、またはれる　名刺ホルダー　harrytoree（ハリトレー） タイプ02 オレンジ
はって、とれて、またはれる　名刺ホルダー　harrytoree（ハリトレー） タイプ02 オレンジ
posted with amazlet at 11.11.11
㈱日吉パッキング製作所
売り上げランキング: 400
Amazon.co.jp で詳細を見る

]]> http://blog.jab-net.com/nc/archives/2011/11/%e5%90%8d%e5%88%ba%e3%82%b1%e3%83%bc%e3%82%b9%ef%bd%a2harrytoree%e3%83%8f%e3%83%aa%e3%83%88%e3%83%ac%e3%83%bc%ef%bd%a3%e3%82%92%e8%b3%bc%e5%85%a5%ef%bc%81.html/feed 0 TOTOのトイレバイク「TOILET BIKE NEO」を見てきた！ http://blog.jab-net.com/nc/archives/2011/10/toto%e3%81%ae%e3%83%88%e3%82%a4%e3%83%ac%e3%83%90%e3%82%a4%e3%82%af%e3%80%8ctoilet-bike-neo%e3%80%8d%e8%a6%8b%e3%81%a6%e3%81%8d%e3%81%9f%ef%bc%81.html http://blog.jab-net.com/nc/archives/2011/10/toto%e3%81%ae%e3%83%88%e3%82%a4%e3%83%ac%e3%83%90%e3%82%a4%e3%82%af%e3%80%8ctoilet-bike-neo%e3%80%8d%e8%a6%8b%e3%81%a6%e3%81%8d%e3%81%9f%ef%bc%81.html#comments Fri, 28 Oct 2011 10:20:01 +0000 hatto http://blog.jab-net.com/nc/?p=2448 続きを読む →]]>

TOTOのトイレバイク「TOILET BIKE NEO」が静岡に来てたので見てきました。

バイクに便器がすっきり？収まったスタイルが斬新w
見た目だけでなくバイオガスで走行する本格派です。
※もちろん用を足しながら進むわけではありません

2011年10月から工場のある小倉から東京まで1000km以上の旅の途中。
本日、TOTOの静岡ショールームに着いたのですが15時には沼津に向けて旅立ってしまうとのこと。



詳細はこちらを　http://tototalk.jp/top


トイレットペーパー？



細かい所も結構凝ってます！





メーター類は縦3列に並んでます。



便座の穴にシート。



便座を開けると。。。



飴ちゃんがいっぱいｗ

ヘルメットも凝ってますね。



せっかくなので跨らせてもらってかぶらせて頂きました！



しゃれたPR企画ですよね～
お土産のポストカードまで頂きました！

]]> http://blog.jab-net.com/nc/archives/2011/10/toto%e3%81%ae%e3%83%88%e3%82%a4%e3%83%ac%e3%83%90%e3%82%a4%e3%82%af%e3%80%8ctoilet-bike-neo%e3%80%8d%e8%a6%8b%e3%81%a6%e3%81%8d%e3%81%9f%ef%bc%81.html/feed 1 スマートフォン向けサイトのコーディングメモ http://blog.jab-net.com/nc/archives/2011/10/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e5%90%91%e3%81%91%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%83%a1%e3%83%a2.html http://blog.jab-net.com/nc/archives/2011/10/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e5%90%91%e3%81%91%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%83%a1%e3%83%a2.html#comments Wed, 26 Oct 2011 01:22:34 +0000 hatto http://blog.jab-net.com/nc/?p=2421 続きを読む →]]> 先週、突貫でbikesnapのスマホサイトを作ったのでポイントを忘れないようにメモ。
しかし、CSS3ってすごいですね。
これまでは汎用性などの問題もあり避けていましたが、今回はスマホ、特にiPhoneに割り切っていたのでトライしてみました。



http://m.bikesnap.com/


1.iPhoneに適したサイトを作るために「viewport」の設定

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /;>
設定方法はこんな感じ。
・width=device-width…ウィンドウの横幅をデバイスの横幅（iPhoneの場合は320px）と指定
・initial-scale=1 … 表示倍率の初期値
・maximum-scale=1 … 表示倍率の最大値
・user-scalable=no … ユーザー側の操作で、拡大／縮小を出来るようにするかの可否

ちなみに、スマホサイトをPCで見た場合に確認しやすいように以下の設定を追加しています。

<link rel="stylesheet" media="screen and (min-device-width: 1025px)" href="http://m.bikesnap.com/stylesheets/pc.css" /;>
PCで見た際に、サイト画面が広がらないようにPC用のCSSを読み込ませています。
http://m.bikesnap.com/


2.WebClipアイコン

ブックマークをホーム画面に追加した際のアイコンの指定方法。
サイズによって指定方法を変えられるようですね。

iPhone3Sまでは57px / 57px
<link rel="apple-touch-icon" href="apple-touch-icon.png" /;>
iPhone4以降は114px / 114px
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png" /;>
iPadは72px / 72px
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" /;>
エンボス効果をかけたくない場合は、アイコン名をapple-touch-icon-precomposed.pngというように「precomposed」を追加すればよいとのこと。


3.アプリっぽいスタートアップ画面

サイトが立ち上がる時にアプリっぽいスタートアップ画面を表示させたりステータスバーの表示方法も設定できます。
ただし、これはブックマークをホーム画面に追加し、ホーム画面からサイトを表示させたときのみ反映されます。

ページの全画面表示
<meta name="apple-mobile-web-app-capable" /;>
ステータスバーの色
<meta name="apple-mobile-web-app-status-bar-style" content="black" /;>
・default：不透明（デフォルト色）
・black：不透明（黒）
・black-translucent：半透明

スタートアップ画面のイメージ指定
<link rel="apple-touch-startup-image" href="http://m.bikesnap.com/images/img_startup.jpg" /;>
設定するとこんな感じに。
起動するとスタートアップ画面。
全画面でステータスバーが黒の表示に。アプリっぽいｗ



しばらくしてトップページが表示されます。




4.アドレスバーの非表示

上のスタートアップ画面からサイトの中に入ると通常の表示に切り替わってしまうため、ページ上部にはアドレスバーが表示されたままになってしまいます。これを非表示にするには以下のjavascriptでOK。

<script type="text/javascript";>
window.onload = function() {
setTimeout(doScroll, 100);
}
function doScroll() {
if (window.pageYOffset == 0) {
window.scroll(0, 1);
}
}
</script;>

5.ヘッダ固定

ヘッダを固定できるとアプリ感がアップしますよね。これまでiPhoneのサファリではposition:fixedが効かないために「iScroll」や「jQueryMobile」などのJavaScriptライブラリが必要で、何度か試してみましたがどうもしっくりした動きができません。
「iScroll」はページ下部に無駄なスペースが出来てしまったり、「jQueryMobile」では他の要素にいろいろと影響が出てしまうので、最初から組み込みを考慮して設計しないと難しい。

無理に固定させなくても良いかと思っていましたが、最近リリースされたiOS5ではposition:fixedが有効になったので、そのまま使うことに。

twitterやGmailなどのサイトでは完全にアプリのような動きが実装されていますね。
一体どうやっているのか。。。


6.PC版へのリンク

スマホだからといってもPC版のページで見たい場合もあります。
そこで、フッタ部分に以下のリンクを掲載。
userAgentでiPhoneを判定してリンクを表示させています。
location.pathnameで現在のURLを取得しているのでPC版とサイト構造が同じ場合は見ているページで切り替えできます。

<script type="text/javascript";>
if (navigator.userAgent.indexOf('iPhone') != -1) {
document.write('スマートフォン版　|　<a href="http://bikesnap.com' + location.pathname + '";>PC版</a;>');
}
</script;>
ほんとはPC版でも同様の処理を使いクッキーを利用すれば次回アクセス時の表示も制御できますが、今回はそのままに。（これだとただリンクを出すだけで済むのですが。。。）


7.CSS3

今回、実用でははじめてのCSS3。
なんとなく触っているうちにCSSだけで複雑な表現もカンタンにできるのを知り驚きました。

と言っても今回は基本的な表現のみ。

グラデーション
background: -webkit-gradient(linear, left top, left bottom,
from(#555),
color-stop(0.05, #666),
to(#222)
);
角丸
-webkit-border-radius: 5px;
テキストシャドウ
text-shadow: #000 -1px -1px 0;

これらを使うだけでヘッダ部分の表示がこんな感じに。
ロゴと左右のボタンのみ画像で後はすべてCSSです。



そんな感じのコーディングメモ。
まだまだ取り組み始めたばかりなので、これからいろいろと深めていこう！

]]> http://blog.jab-net.com/nc/archives/2011/10/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e5%90%91%e3%81%91%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%83%a1%e3%83%a2.html/feed 0 JAB-MEETING2011「秋」 http://blog.jab-net.com/nc/archives/2011/10/jab-meeting2011%e3%80%8c%e7%a7%8b%e3%80%8d.html http://blog.jab-net.com/nc/archives/2011/10/jab-meeting2011%e3%80%8c%e7%a7%8b%e3%80%8d.html#comments Sun, 16 Oct 2011 09:07:54 +0000 hatto http://blog.jab-net.com/nc/?p=2404 続きを読む →]]> 10月8日～9日、関が原でJAB-MEETING2011「秋」を実施。
今年は春は中止になったので久しぶりのミーティング。

場所は、グリーン・ウッド関ケ原。
はじめてのキャンプ場でしたが、いいところですね。
管理人さんも気さくな方なので利用しやすいです。

朝7時に家を出発。


東名高速に乗り浜名湖SAへ。
8時半にMOMOさんと待ち合わせの予定でしたが、8時前に到着してSNSを確認すると既に一時間前に先に出ていることが判明。
渋滞もはじまりはじめているので、追いかけるようにそそくさと出発。

途中、渋滞10km。。。
仕方が無く、スリスリしながら先を急ぎ刈谷PAへ。
ここでも30分くらい前に先に出ている様子。。。
給油を済ませて出発。

四日市JCTを抜けて桑名ICで高速を降り、421号線をしばらく走って待ち合わせ場所のファミレスに到着。
MOMOさんとZOOMさんのバイクを発見し、店の中へ。
15分くらい前に着いたとのこと。

10時前でしたが少し早い昼食を済ませ、西から向かっているVienaさんとAYAさん、nokoさんの合流待ち。
11時に無事に到着し、しばし休憩。



みんなきれいなバイクばかりです。

そのまま6台で出発。
途中、温泉に入る予定でしたが、そのままキャンプ場へ直行することに。

キャンプ場には13時頃到着。



受付を済ませてしばらく休憩しているとKEIさんが到着。
今回、大量の食材とお酒を車で持ってきてもらいました。ありがたい。

そのまま、KEIさんの車で買出しに。
養老ミートで、一枚2,000円のステーキとグラム400円の近江牛を数キロ、その他いろんな肉を購入。



となりのスーパーで飲み物なども購入。
25人分の量の計算が難しかったですが、結果的にはちょうどいい感じに。

一時間ほどしてキャンプ場に戻るとたくさん集まってきていました。



さっそく宴会開始。




肉を焼いたり、差し入れのカレーを食べたり。



適当に火を焚いてキャンプファイヤーの雰囲気にｗ

やっぱ火はいいですね～
和みます。

その後、宴会はバンガローの中へ。
自分は早々に寝てしまいました。。。


翌朝、、昨日の残りのカレーやトン汁など、各々で朝食しながらバイク談義。




8時過ぎにバイクを管理棟前に整列。
これだけ並ぶと圧巻ですね。



その後も、それぞれで撮影会に。。。
M109コンビも。



9時前に、現地解散となりました。

今回の総参加者は28人でした。（宿泊21人、日帰り4人、翌日3人）
ここ数年では一番賑やかなミーティングでした。
参加者の皆さん、ありがとうございました。
次回もよろしく！

]]> http://blog.jab-net.com/nc/archives/2011/10/jab-meeting2011%e3%80%8c%e7%a7%8b%e3%80%8d.html/feed 2