2019年08月15日 BRM815 斜里旭川300 PW北海道

2019年08月15日 BRM815 斜里旭川300 PW北海道

600km→400km→200km→300kmのブルベを連続で行うPW北海道に参加。 最後の300km。 function initMap(){ var map, ctaLayer; map = new google.maps.Map(document.getElementById("mapcanvas-2019081501-kml"), { center: {lat: 35.6832581, lng: 139.7555827}, zoom: 8 }); ctaLayer = new google.maps.KmlLayer({ url: 'https:\/\/www.330k.info\/\/bicycle\/touring\/20190815-brm815-shari-asahikawa-300km\/2019081501.kml' }); ctaLayer.setMap(map); } 日付 出発地 到着地 走行距離(km) 走行時間 最高速度(km/h) 平均速度(km/h) 主な経路 景勝地 2019年08月15日 斜里 旭川 305.70 11:20:46 65.0 26.9 紋別 能取岬、サロマ湖、浮島峠 昨日よりも1時間早いスタートのため、それに合わせて5時20分に知床斜里駅前へ。 他の参加者ともだいぶ顔なじみとなってきた。 window.addEventListener("DOMContentLoaded", function(){ var path = 'R0010486_20190815052039.
2019年08月14日 BRM814 知床200 PW北海道

2019年08月14日 BRM814 知床200 PW北海道

600km→400km→200km→300kmのブルベを連続で行うPW北海道に参加。 2つ目の400kmを膝の痛みでDNSし、3つ目の200kmから再参加。 function initMap(){ var map, ctaLayer; map = new google.maps.Map(document.getElementById("mapcanvas-2019081401-kml"), { center: {lat: 35.6832581, lng: 139.7555827}, zoom: 8 }); ctaLayer = new google.maps.KmlLayer({ url: 'https:\/\/www.330k.info\/\/bicycle\/touring\/20190814-brm814-shiretoko-200km\/2019081401.kml' }); ctaLayer.setMap(map); } 日付 出発地 到着地 走行距離(km) 走行時間 最高速度(km/h) 平均速度(km/h) 主な経路 景勝地 2019年08月14日 斜里 斜里 210.05 9:01:45 68.8 23.3 ウトロ、羅臼、野付半島、根北峠 知床峠 前日は旭川から斜里まで鈍行で移動。 途中、北見で30分の停車があったので、そのスキに北見のドラッグストアで飲む痛み止めを購入(残念ながらロキソニンは見つけられなかったので、代替のものを購入)。 さて、斜里駅に午前6時20分に行って受付を済ませ、7時にスタート。 window.
2019年08月10日 BRM810 宗谷600 PW北海道

2019年08月10日 BRM810 宗谷600 PW北海道

600km→400km→200km→300kmのブルベを連続で行うPW北海道に参加。初日は600km。 function initMap(){ var map, ctaLayer; map = new google.maps.Map(document.getElementById("mapcanvas-2019081001-kml"), { center: {lat: 35.6832581, lng: 139.7555827}, zoom: 8 }); ctaLayer = new google.maps.KmlLayer({ url: 'https:\/\/www.330k.info\/\/bicycle\/touring\/20190810-brm810-soya-600km\/2019081001.kml' }); ctaLayer.setMap(map); } 日付 出発地 到着地 走行距離(km) 走行時間 最高速度(km/h) 平均速度(km/h) 主な経路 景勝地 2019年08月10日 滝川 滝川 608.33 25:25:40 61.8 23.9 留萌、ノシャップ岬、宗谷岬、音威子府、名寄、朱鞠内湖、深川 オロロンライン スタートまで 前日の8月9日を有給休暇として、羽田から新千歳空港までスカイマークで飛行機輪行して北海道入り。 その後は鉄道で札幌まで快速エアポート、札幌から砂川まで特急ライラック。 スタート地点は滝川なのだが、滝川市内のホテルを取れなかったため、15kmほど手前の砂川に宿泊。 部屋の中で自転車の輪行解除して良い、というホテルのご厚意もあり、しっかり準備できた。 1日目 (スタート - PC4) あいにくの雨模様のなか、砂川のホテルを6時半に出発し、7時過ぎにスタート地点に到着。 受付を済ませてしばらく待機。
2019年07月01日〜08日 東北(国道4号)〜北海道

2019年07月01日〜08日 東北(国道4号)〜北海道

会社の研修旅行(北海道)にあわせて、八戸まで自走してフェリーに乗って北海道入りして合流することに。 ただ、Garminが壊れてしまってほぼログが残せず。 function initMap(){ var map, ctaLayer; map = new google.maps.Map(document.getElementById("mapcanvas-2019070101-kml"), { center: {lat: 35.6832581, lng: 139.7555827}, zoom: 8 }); ctaLayer = new google.maps.KmlLayer({ url: 'https:\/\/www.330k.info\/\/bicycle\/touring\/20190701-tohoku-route-4\/2019070101.kml' }); ctaLayer.setMap(map); } 日付 出発地 到着地 走行距離(km) 走行時間 最高速度(km/h) 平均速度(km/h) 主な経路 景勝地 2019年07月01日 自宅 白河 180 - - - R4 2019年07月02日 白河 白河 165 - - - R4 2019年07月03日 仙台 白河 190 - - - R4 2019年07月04日 盛岡 八戸 135 - - - R4 2019年07月05日 苫小牧 沼ノ端 10 - - - R36 2019年07月07日 支笏湖 苫小牧 45 - - - R276 1日目 雨の中、自宅を9時前に出発。
2019年06月22日 BRM622群馬600(新潟周回)

2019年06月22日 BRM622群馬600(新潟周回)

とりあえず申し込んでいた2つ目の600kmブルベ。 直前に津波を伴う震度6強の地震が新潟北部で発生し、開催が危ぶまれたものの、一部コースを変更して無事開催。 DNSを真剣に考えていたけれど、レンタカーによる移動、予め仮眠場所にホテルを予約しておくなど、今回初めての試みもあるので、それらのテストも兼ねて出走を決意。 function initMap(){ var map, ctaLayer; map = new google.maps.Map(document.getElementById("mapcanvas-2019062201-kml"), { center: {lat: 35.6832581, lng: 139.7555827}, zoom: 8 }); ctaLayer = new google.maps.KmlLayer({ url: 'https:\/\/www.330k.info\/\/bicycle\/touring\/20190622-brm622gunma600km-niigata\/2019062201.kml' }); ctaLayer.setMap(map); } 日付 出発地 到着地 走行距離(km) 走行時間 最高速度(km/h) 平均速度(km/h) 主な経路 景勝地 2019年06月22日 新潟市秋津 新潟市秋津 612.52 25:38:35 63.2 23.9 村上、胎内、柏崎、上越、津南、魚沼、栃尾 前日 前日の金曜日、フレックスで14時過ぎに退勤し、自宅近くの日産レンタカーでNV200を借りて自宅の駐車場に置いて自転車を載せる。 後部座席の倒し方がわからなかったのだが、なんと倒さなくても自転車をそのまま入れることができた。 その他着替え等の準備をして関越道経由で新潟市まで。 大きな車を運転するのは初めてだったのだが、車幅の感覚はすぐに慣れることができた一方、長さの感覚は難しく、自宅近くの狭い路地を抜けるのに少しヒヤヒヤ。 途中PAで夕食をとり、予約していた宿、ファミリーロッジ旅籠屋新潟南店で宿泊。 スタート - CP1 朝5時に起床して、スタート地点まで運転して移動。 駐車場に停めて自転車のチェックを終え、受付をすませブリーフィングまで車内で休憩。
2019年06月01日 BRM601 日立600

2019年06月01日 BRM601 日立600

SR取得に向けて最後の600km。12連勤後にチャレンジ。 function initMap(){ var map, ctaLayer; map = new google.maps.Map(document.getElementById("mapcanvas-2019060101-kml"), { center: {lat: 35.6832581, lng: 139.7555827}, zoom: 8 }); ctaLayer = new google.maps.KmlLayer({ url: 'https:\/\/www.330k.info\/\/bicycle\/touring\/20190601-brm601-hitachi-600km\/2019060101.kml' }); ctaLayer.setMap(map); } 日付 出発地 到着地 走行距離(km) 走行時間 最高速度(km/h) 平均速度(km/h) 主な経路 景勝地 2019年06月01日 二子玉川 二子玉川 603.23 25:27:45 56.9 23.7 飯能, 深谷, 小山, さくら, 日立 スタート - PC1 まずはスタート地点まで自宅から25km自走。 午前4時45分に出発し、スタート地点には午前6時ちょうどに到着。 ちょうど6時スタート組がスタートしているところだった。
2019年04月28日〜29日 会津

2019年04月28日〜29日 会津

平成から令和へ変わるGW。休めるか決まっていなかったため、予定を立てられずにいたが、結果的に休めたのでとりあえず出発してみることに。 function initMap(){ var map, ctaLayer; map = new google.maps.Map(document.getElementById("mapcanvas-2019042801-kml"), { center: {lat: 35.6832581, lng: 139.7555827}, zoom: 8 }); ctaLayer = new google.maps.KmlLayer({ url: 'https:\/\/www.330k.info\/\/bicycle\/touring\/20190428-aizu\/2019042801.kml' }); ctaLayer.setMap(map); } 日付 出発地 到着地 走行距離(km) 走行時間 最高速度(km/h) 平均速度(km/h) 主な経路 景勝地 2019年04月28日 自宅 小山 109.51 4:38:37 40.5 23.6 渡良瀬遊水地 2019年04月29日 小山 会津若松 172.31 6:53:44 52.4 25.0 鬼怒川温泉, 五十里湖 1日目 宿も決めないままとりあえず自宅を出たあと、国道4号を北上。
2019年04月20日 BRM420 埼玉400km アタック老越路

2019年04月20日 BRM420 埼玉400km アタック老越路

function initMap(){ var map, ctaLayer; map = new google.maps.Map(document.getElementById("mapcanvas-2019042001-kml"), { center: {lat: 35.6832581, lng: 139.7555827}, zoom: 8 }); ctaLayer = new google.maps.KmlLayer({ url: 'https:\/\/www.330k.info\/\/bicycle\/touring\/20190420-brm420-attack-oinokoji-400km\/2019042001.kml' }); ctaLayer.setMap(map); } 日付 出発地 到着地 走行距離(km) 走行時間 最高速度(km/h) 平均速度(km/h) 主な経路 景勝地 2019年04月20日 入間市 入間市 402.55 16:43:55 24.1 52.7 中之条、桐生、老越路、宇都宮、桜川 老越路峠 今年3回目のブルベは400kmに挑戦。 Start - PC1 前日は入間市内のホテル「入間第一ホテル」に宿泊。 前回の300kmの反省を生かし、今回は連泊で予約。 ホテルからスタート地点まではすぐ。 6時50分にホテルを出発し、7時過ぎにスタート地点に到着し、受付完了。 今日も天気が良さそうで何より。
2019年03月24日 BRM324 つくば200

2019年03月24日 BRM324 つくば200

function initMap(){ var map, ctaLayer; map = new google.maps.Map(document.getElementById("mapcanvas-2019032401-kml"), { center: {lat: 35.6832581, lng: 139.7555827}, zoom: 8 }); ctaLayer = new google.maps.KmlLayer({ url: 'https:\/\/www.330k.info\/\/bicycle\/touring\/20190324-brm324-tsukuba200\/2019032401.kml' }); ctaLayer.setMap(map); } 日付 出発地 到着地 走行距離(km) 走行時間 最高速度(km/h) 平均速度(km/h) 主な経路 景勝地 2019年03月24日 金町 金町 205.62 9:25:16 55.7 21.8 一本杉峠、湯袋峠、風返峠、表筑波スカイライン きのこ山 今年2回めのブルベ。 スタート&ゴール地点が自走できる場所だったBRM324つくば200に参加した。 Start - PC1 スタートは金町の江戸川CR葛飾橋下から。 スタート地点までは自走で13kmちょっとなので、ブリーフィングが始まる6時頃に着くように自宅を出発。 ほぼ予定通り、受付後すぐにブリーフィング開始。 ブリーフィングでは下記の注意事項。

bxSliderで2番目以降の画像が一瞬表示されるのを防止する

もうjQueryも古いと言われているが、会社のウェブサイトでjQueryプラグインのbxSliderが使われている。 Google先生のPageSpeed Insightに注意されたとおり、レンダリングブロックするJavaScriptを後ろ(</body>直上)に配置したところ、 2枚目以降の画像が一瞬表示されてしまう現象が発生。 これはJSをレンダリングブロックしないように後ろに配置したり、deferをつけたときに、ブラウザが HTMLをロード CSSを読み込み CSSに従って要素を配置 ← このときに一瞬表示 JavaScript読み込み bxSliderプラグインによってCSS書き換え 書き換えられたCSSでDOM要素を再配置 ← このときに2番目以降が消える という順番で処理されるため。 なので、CSSで最初から2番目以降を表示しないようにしておけばよい。 具体的には、.bxsliderの2番目以降の子要素にdisplay: none;を指定すればよく、下記のようにする。 <ul class="bxslider"> <li><div class="slide"></div></li> <li><div class="slide"></div></li> <li><div class="slide"></div></li> <li><div class="slide"></div></li> <li><div class="slide"></div></li> <li><div class="slide"></div></li> </ul> .bxslider li:not(:first-child){ display: none; } :not(:first-child)が2番目以降の子要素を示す擬似クラス。 ここ最近のブラウザならすべて対応している(:first-childはCSS2.1、:notはCSS3)。 参考 ちょっと古い記事だが、他の方も同様の問題に対処している。 「bxSlider」で画像が一度に出てしまう際の対処 [bxSlider]スライドショー読み込み時に画像が一瞬バラけてしまう場合の超簡単な対処法 ただ、 2番目以降ではなくすべての子要素を消してしまっていて、JavaScript実行前は逆に画像が1枚も表示されず、実行後に要素の再配置が発生してしまっている その対処として表示領域のwidthとheightを指定している IDで2番目以降の要素を指定している というやり方で、 レスポンシブにするため、CSSの別の場所で細かく画像の大きさを場合分けしている ページによってスライドショーの画像の枚数やIDに違いがある という点で私の会社のサイトに合わず、そのままでは採用できなかった。 なお、今回の対応に寄って2番目以降の画像が一瞬表示されるという見た目の問題以外にも、 JavaScript(bxSlider)実行後も要素の再配置が発生しないので表示が高速になる利点もある。