脱！ペーパードライバーへの道2
ということで、日曜日に旦那に運転を見てもらうことになりましたよと。
レンタカーでATを借りる。（私はAT限定免許なので…そして旦那の車はMTなので…）
背中にぴったり、フィットちゃん！
まずは、車の通りの少ない通りを四角く周ります。左折のみ。
旦那からのアドバイスメモ。
- ハンドルを握りすぎ
- 添えるようにする
- 矢印の先端に左足がくるように真ん中維持する
- ゆっくり発進が出来ていない
- アクセルを踏みすぎ
- ハンドルを戻すのが遅い
- ハンドルを戻すことを前提にきっていない
- ハンドルの切り遅れによる切りすぎ
- 切りすぎによる戻し遅れ
１周ごとに止まって確認して、５周くらいしたら疲れすぎて休憩。
この時点でもうかなり運転した気分だった。（左折しかしてないのにね）
休憩後は、服部牧場に行くことに。
服部牧場までは、ほぼ一本道＆途中から市街地じゃなくなるので、良かった。
市街地、ほんと怖い。田んぼ最高！
店の前に車止めてあったりとかするとパニックになってしまう…
（まぁ市街地じゃなくても油断大敵なのですが）
旦那からのアドバイスメモ。
交差点
- 左折はハンドルを切るのが遅い
- 右折はハンドルを切るのが早すぎてインカットしてしまう
- 右折をどう動くかわかってない
カーブ
- 右も左もハンドルを切るのが遅い
うーん。ピスタチオがピスタチオっぽくないお味。
アイスが美味しかったから良かった。
結局３時間くらい運転した。免許とってからこんなに運転したの初めてだわ…
冷静に考えると車って
車を駐車場から出す→車で運転する→車を駐車場に止める
っていうのが絶対に必要だから、「駐車場に止める」が出来ないとまずいことに気づいた。
次回は「駐車場に止める」をきちんとやりたい…
あと旦那の方が疲れていたけど、次回もオナシャス…
脱！ペーパードライバーへの道1
私はペーパードライバーです。
具体的に言うと、免許を取ってから早9年。
数回５分以下しか乗ってないレベル（しかも全部隣で運転を見てもらいながら…）
悪夢と言えば自分が車を運転する夢、というくらい運転にコンプレックスがあります。
なにせ仮免にも落ちてるし、免許もウルトラ教室
ウルトラ教室
に行ったくらいです（埼玉県民しかわからないネタ）
そんな私が、諸般の事情により車の運転をしないといけないかもなのでペーパードライバーから脱出する道を書こうと思います…
なにせやる気が出ないから…
出来ることなら運転したくないから…
ペーパードライバー講習に申し込（もうと思ったけど出来なかった）
各種教習所ではペーパードライバー講習をやっているのですが、なんと３月はだいたいやってないんですよ。
４月までに免許が欲しい人が多いからだそうです。
４月までにペーパードライバーから脱出したい人も多いと思うんですけど！
あと結構高い。５万くらいで短時間なので、正直それだけだと不安が…
調べてよさそうと思ったもの
見て乗って感じる クルマのテーマパーク MEGA WEB（メガウェブ）
お台場MEGAWEBでやってるやつでなんと300円です。人気っぽくて気がついた時には申し込みは終わってました。
Honda | Hondaの交通安全 クルマのスクール スクール概要 初級コース
ホンダの車のスクール。結構おすすめされてた。
スクール中のDVDもらえるのはいいなぁ。後で確認しやすそう。
あと、友達や家族も乗れるのでうちの場合だと、旦那に一緒に乗ってもらってチェックとかしてほしいのでちょうど良さそう！
が、開催が鈴鹿って…
遠すぎるわ…
脱！ペーパードライバー宣言を読む
私は頭でっかちなのでまず書籍ですね。
- 作者: 佐野義寛,スタジオタッククリエイティブ,河合宏介
- 出版社/メーカー: スタジオタッククリエイティブ
- 発売日: 2012/06/25
- メディア: 単行本
- クリック: 1回
- この商品を含むブログを見る
読んで重要そうなことメモ
- 危険予測は重要
- 安全確認の有効期限は3秒
- 初心者は「後ろの車に迷惑だから」と考えがちだが，「急アクセルの直後に急ブレーキ」のほうが迷惑
- 対向車がいなくなるまで待つ
- 直前の車に漫然とついていかない。2〜3台先の車の動きを見る
- バスやタクシーなどプロドライバーが運転する車両から離れる
★メーターパネルの警告灯と対策は調べておく必要がある
- 電信柱の陰は危険
- ロータリーは危険
- 雪道は危険
- 高速道路は危険
- 大雨は危険
世界は危険に満ちあふれているし、やっぱり運転したくないけどがんばります…
東映ヒーローワールドがメッチャ楽しい
東映ヒーローワールドに行ってきました。東映ヒーローワールドはイオンモール幕張新都心にあります。ネズミの夢の国の近くで挑戦的な取組。
以下、ニチアサクラスタの私の感想なので偏っています。
ジェットマンはトレンディ！
黄色の腰のマジレンジャー！
ヒカル先生、なんで消化器と一緒なの？
アンクちゃんの腕から紐みたいのピロピロしてるうううう
DJサガラブースでDJサガラごっこしたかったけどソロで行ったので無理でした。
ぼっち最高！
イクササーイズ！
753だけ特別扱いすぎでは？ここのチェックポイントも特別音声だったしと思ったけど753は最高です！
鎧武の世界も良かった。
そして問題のショッカーアタックのコーナーです。私も動画を撮ってしまったけど、より良い動画を撮っている人がいたので貼りますね。初めて見たとき爆笑したんだけど、周りは特に誰も笑ってなかったからもしかして私がおかしいのかもしれません。
ゴセイNO！もいたよー！まさに天使！
ドライブパンで休憩。これ、450円もするんだぜ。トッキュウオーチュロスは520円もします…
食べるとこは鎧武のフルーツパーラーぽくなってるし、歴代のOP曲ずっと流れてるし本当幸せ空間です。
たのしくたべてげんきになった！
子供達に混じって、しっかりエナジーポイントも集めてメダル？も貰ってしまった。さいこう！
汎用的に使えそうな画像だ！
スマホの広告によく出てくる漫画で面白いものランキング
スマホの広告によく漫画出てきますよね。
こういうやつです。
たいてい、エロかったり衝撃的だったりするものが多い。
私が、思わず購入してしまって読んでしまったものランキングです。
結果としてまんが王国ばっかになってしまった。電子書籍のリンクも貼っておきます。
1位 女神たちの二重奏
まんが王国 - 女神たちの二重奏 - 花小路ゆみ,の漫画を無料で試し読み
女神たちの二重奏 - ニコニコ静画 (電子書籍)
これは普通の広告ですが、確かエロい広告もあったはず。
すごくエロそうなのですが、ぶっちゃけ変態な男が出てくるだけで割とストーリーはトンデモで面白いです。
小町に投稿したら「ありえない」と一蹴されるでしょう。
主人公は本当にその男で良いのか？？？？？？と疑問。
あと全10巻もあります。長いです。
2位 愚者の皮
まんが王国 - 愚者の皮 - 草野誼,の漫画を無料で試し読み
愚者の皮 - ニコニコ静画 (電子書籍)
これも衝撃的な広告。
途中ネタバレになりますが修行？をして毒を出したら顔が元に・・・・というのがあったりとこれもトンデモ展開です。
最後はあれで死なないのも不思議だし、舐めても平気なの？えっ？？？？と疑問。
上下巻なので読みやすいはずなのに、読むとどっと疲れます。
3位 児童福祉司 一貫田逸子
まんが王国 - 児童福祉司 一貫田逸子 - さかたのり子,穂実あゆこ,の漫画を無料で試し読み
- 作者: さかたのり子,穂実あゆこ
- 発売日: 2014/11/27
- メディア: Kindle版
- この商品を含むブログを見る
Kindleかまんが王国で読むしかない！！（ステマっぽい）
まんが王国で課金して読んだので、お金がかかりすぎて、気になるストーリーしか読んでないのでKindle買おうか悩んでます。
内容は普通に考えさせられる漫画です。
4位 は？これって私の彼氏？
まんが王国 - は？これって私の彼氏？ - 白雪,雪人,の漫画を無料で試し読み
は？これって私の彼氏？ - ニコニコ静画 (電子書籍)
は？これって私の彼氏？
これ、モバスペbookなんですが原作の携帯小説が面白いです。
今時の子はこの展開でいいんだ・・・とおばちゃん衝撃だわー・・・
携帯小説サイトでこういうことってよくあるのかしら。（ねーよ）
5位 ハッピートラブル・うえでぃんぐ
広告見つからなかった・・・
「下町のコロッケ屋で働く女の子が突然セレブに・・・？」みたいなやつだったと思う。
ハッピートラブル・うえでぃんぐ - ニコニコ静画 (電子書籍)
ハッピートラブルどころか、マジでトラブルしかない。
ツッコミ所だらけ。全8巻もあって長いので頑張ろう！
途中からコロッケ屋のエピソードとかどうでもよくなるよ！
他にもあった気がするけど、思い出せないのでいったんここまで。
ここまで振り返って思ったけどスマホの漫画広告、本当に良く考えられて作られてます。
だいたい漫画読んだら内容裏切られるしね。
あとよくエロ系ですごーく良く出てくる
電子貸本Renta! - 保護者失格。一線を越えた夜
これも内容気になるのですが、読んだ人がいたら教えてください。
gleeシーズン4が面白い
シーズン4、全部見終わりました。
glee/グリー シーズン4 DVDコレクターズBOX (日本オリジナル・フォトブック付)
- 出版社/メーカー: 20世紀フォックス・ホーム・エンターテイメント・ジャパン
- 発売日: 2013/11/02
- メディア: DVD
- この商品を含むブログを見る
- シーズン3までのメインキャラ達が卒業してしまったのであんまり出てこない
- 新キャラが大量に入ってきた
- ドラマとしても、あんまり進展がない
まぁ、全部事実ですね！特にメインキャラが卒業＋メインキャラにそこまで進展がないのは確かに寂しいかも！
でもでもシーズン4面白いよ！ちなみにこのブログで取り上げた動画はネタバレっちゃーネタバレだけど見てもストーリーにそこまで影響ないよ！
みんなで歌う曲が多い
今までは、レイチェルとかカート、メルセデスがメインで歌い、他のメンバーはサブ（エピソードによってはメイン）でしたが、シーズン4は毎回最後にみんなで歌うので楽しい。サムやアーティの声もステキだなって気づけた！あと、どんなに話がシリアスでも何故か最後の歌はみんなニコニコで歌っているので、ドラマを見終わった後「はーなんかギスギスしてた事もあったけど最後は笑顔で良かった！」と思えるのがいい。
Some Nightsが最高です。
Glee - Some Nights (Full Performance) - YouTube
新キャラ（キティ）がいい
シーズン途中の新キャラということで、声質が考えられて構成されている（と思う）のでハモりがステキなんすよ！
特にキティがキャラクターも歌声もちょっとハスキーで良いです。
上のSome Nightsでもマーリーと肩を組んで歌っているんだけど、ニコニコして歌ってて見えないとこでチラッと「はーうんざり」って顔するのいいよね。
GLEE - Everybody Talks (Full Performance ...
今話題の「Let it go」のIdina Menzelだって出演してるよ！
今日DVD/ブルーレイ発売日ですね。
![【Amazon.co.jp限定】アナと雪の女王 MovieNEX (オリジナル絵柄着せ替えアートカード付) [Blu-ray + DVD]](http://ecx.images-amazon.com/images/I/513gHVBDHjL._SL160_.jpg "【Amazon.co.jp限定】アナと雪の女王 MovieNEX (オリジナル絵柄着せ替えアートカード付) [Blu-ray + DVD]")
【Amazon.co.jp限定】アナと雪の女王 MovieNEX (オリジナル絵柄着せ替えアートカード付) [Blu-ray + DVD]
- 出版社/メーカー: ウォルト・ディズニー・ジャパン株式会社
- 発売日: 2014/07/16
- メディア: Blu-ray
- この商品を含むブログを見る
Disney's Frozen "Let It Go" Sequence Performed ...
やっぱりこの二人は親子役がしっくりくるレベルでデュエット最高！
イディナメンゼル話はずっと出来るので省略！
GLEE - Next To Me (Full Performance) (Official ...
ドラマとして進展はぶっちゃけない！
でも、キャラクター達が相も変わらずくっついたり離れたりウダウダしてるのがアメリカドラマだろ！！！
ってことで、シーズン5を見るためにFOXに加入するか悩む日々です。
シーズン5、youtubeの動画見るだけで泣ける・・・・！もう1年か・・・・
JavaScript本格入門を読む・11（最終回）
はー最終回。感慨深いですなぁ
クロスドメイン環境でAjax通信を行う
$(function(){
$('#disp').click(function(){
$.getJSON(
'http://b.hatena.ne.jp/entry/jsonlite/?callback=?',
{url:$('#url').val()},
function(data){
$('#count').html(data.count);
for (var i =0; i<data.bookmarks.length; i++){
var bm = data.bookmarks[i];
$('result').append(
$('<li></li>').append(
$('<a></a>')
.attr('href', 'http://b.hatena.ne.jp/' +bm.user)
.html(bm.user + '' +bm.timestamp)
)
);
}
}
);
});
});
（中略）
<form name="fm">
<label>URL:
<input type="text" id="url" name="url" size="50"
value="http://www.nicovideo.jp" />
</label>
<input type="button" id="disp" value="検索" />
</form>
<hr />
<span id="count">-</span>件ブクマされています。
<div id="result"></div>確かにクロスドメイン処理？はしなくてすんだけど、書くの緊張するのかわりない。
あと閉じカッコおおすぎやで・・・数何回も数えてしまった・・・
9-3.jQuery UI/jQueryプラグインを活用する
アコーディオンパネルを実装する
えと、まずはjQueryUIをゲットしないとか。
Download Builder | jQuery UI
$(function(){
$('#accordion').accordion({header:'h3'});
});
（略）
<div id="accordion">
<div>
<h3><a href="#">ニコニコ動画</a></h3>
<div>動画を見てコメントをつけて楽しむ</div>
</div>
<div>
<h3><a href="#">ニコニコ生放送</a></h3>
<div>コメントでリアルタイムに繋がる</div>
</div>
<div>
<h3><a href="#">ニコニコ静画</a></h3>
<div>静止画で遊べる</div>
</div>
<div>
<h3><a href="#">ニコニコチャンネル</a></h3>
<div>3,000ch以上の公式動画</div>
</div>
<div>
<h3><a href="#">ニコニコアプリ</a></h3>
<div>厳選されたゲームが基本無料で遊べる</div>
</div>
<div>
<h3><a href="#">ニコニコ大百科</a></h3>
<div>みんなでつくる百科事典</div>
</div>
</div>あこーでぃんぐ
うｐしてみた。これはいいですな！！！かっこいいですぞ！！！
しかもすごい簡単になった。昔こういうのをひたすらif文で書こうとしてたなー
こんな便利なものがあるなんて。
ユーザー入力の検証機能を実装する
えーとまずはjQuery Validationをゲットせねば。
jQuery Validation Plugin | Form validation with jQuery
こういうプラグインを色々いれることで簡単になるのねー
$(function() {
$.validator.addMethod('regex',
function(value, element, param) {
var r = new RegExp('^' + param + '$', 'gi');
return r.test(value);
},
'入力値が不正な形式です。'
);
$('#fm').validate({
errorClass : 'valid-error',
rules : {
'isbn': { required : true,
regex : '978-4-[0-9]{2,5}-[0-9]{2,5}-[0-9A-Z]{1}' },
'title' : { required : true },
'price' : { range : [1000, 10000] },
'publish' : { maxlength : 30 },
'published' : { dateISO : true }
},
messages : {
'isbn' : {
required: 'ISBNコードは必須です。',
regex: 'ISBNコードの形式が不正です。'
},
'title' : {
required : '書名は必須です。'
},
'price' : {
range : jQuery.format('価格は{0}～{1}の範囲で入力してください。')
},
'publish' : {
maxlength : jQuery.format('出版社は{0}文字以内で入力してください。')
},
'published' : {
dateISO : '日付の形式が不正です。'
}
}
});
});
（中略）
<form id="fm">
<label>ISBNコード：
<input type="text" id="isbn" name="isbn" size="25" /></label><br/>
<label>書名：
<input type="text" id="title" name="title" size="50" /></label><br/>
<label>価格：
<input type="text" id="price" name="price" size="5" /></label><br/>
<label>出版社：
<input type="text" id="publish" name="publish" size="15" /></label><br/>
<label>配本日：
<input type="text" id="published" name="published" size="15" /></label><br/>
<input type="submit" value="登録" />
</form>ばりてーしょん
うぅ・・・これも成功するまで長かった・・・
でも最後だし、頑張りました・・・・
☆直しかた
・ChromeのJavaScriptコンソールでエラー内容を見る
・jsの指定を絶対パスにする（相対パスにしない）
ってことで、今回のは私がうｐしたjquery.validate.jsが最新だったために動かなかったみたい。
（サンプルのjquery.validate.jsをうｐしたら動いた）
そんなのわからないやい！
JavaScript本格入門を読む・10
Ajaxアプリケーションで構造データを扱う
昨日モヤモヤしてたけど、yahoo周りは本を読むだけにして、JASONPのほうは書くことにしました。
入力された値をもとに問い合わせURLを作成し、その結果をXMLデータとして出力する
これがね、やりたかったんだけどね・・・
JSONデータを扱う
・eval関数を利用すれば、そのままオブジェクトとしてJavaScriptのコード内で利用できる
・XMLに比べるとデータサイズをおさえられる
クロスドメイン環境でAjax技術を実装する
よし、はてなのほう書くぞ。
http://b.hatena.ne.jp/entry/jsonlite/?callback=show&url=http%3A%2F%2Fwww.nicovideo.jp
まずはこれではてながどのような情報を返すのか見る。
function search(){
var url = 'http://b.hatena.ne.jp/entry/jsonlite/?callback=show&url='
+ encodeURIComponent(document.fm.url.value);
var scr = document.createElement('script');
scr.type = 'text/javascript';
scr.src = url;
document.getElementsByTagName('body').item(0).appendChild(scr);
}
function show(data){
var count = document.getElementById('count');
var result = document.getElementById('result');
result.innerHTML = '';
if(data == null){
count.innerHTML = 0;
} else {
count.innerHTML = data.count;
var ul = document.createElement('ul');
for (var i=0; i<data.bookmarks.length; i++){
var li = document.createElement('li');
var anchor = document.createElement('a');
anchor.href = 'http://b.hatena.ne.jp/' +bm.user
var text = document.createTextNode(bm.user + '' +bm.timestamp);
anchor.appendChild(text);
li.appendChild(anchor);
ul.appendChild(li);
}
var result = document.getElementById('result');
result.appendChild(ul);
}
}
（中略）
<form name="fm">
<label>URL:
<input type="text" name="url" size="50"
value="http://www.nicovideo.jp" /></label>
<input type="button" id="disp" value="検索" onclick="search()" />
</form>
<hr />
<span id="count">-</span>件、ブクマされています。
<div id="result"></div>ひゃっほーすごい。
なんか今までの集大成ってかんじ！むしろspan久々に書いたｗ
これがスクリプトタグで読み込んで処理できるなんてすごい・・・すごいよ！
9.jQuery
ついにやってきたぞ最終章！（何故なら「10.現場で避けて通れない応用知識」は現場に出ないのでいらんだろ、って思って////）
えーと、まずはjQueryをダウンロードするのか。
Download jQuery | jQuery
どれダウンロードすればいいかわからなくて色々ぐぐってしまった・・・
とりあえず2.1のminiでいいのかな。
条件に合致したデータを抽出する
<div id="list">
<table border="0">
<tr>
<td><img src="http://ch.res.nimg.jp/img/system/blog/ch2526250.jpg" height="160" width="120" /></td>
<td><img src="http://ch.res.nimg.jp/img/system/blog/ch2567654.jpg" height="160" width="120" /></td>
<td><img src="http://ch.res.nimg.jp/img/system/blog/ch2584861.jpg" height="160" width="120" /></td>
<td><img src="http://ch.res.nimg.jp/img/system/blog/ch2581686.jpg" height="160" width="120" /></td>
<td><img src="http://ch.res.nimg.jp/img/system/blog/ch1254.jpg" height="160" width="120" /></td>
<td><img src="http://ch.res.nimg.jp/img/system/blog/ch65001.jpg" height="160" width="120" /></td>
</tr>
</table>
</div>
(略)
$('#list img').animate({width:240, height:320}, 3000)な なんじゃこりゃーーーーー
1行しか書いてないよ！？うそっ いつものgetElementByIdをせこせこ書くのはどうしたんですかーーーー
jQueryすごすぎじゃない！？すごい・・・上のはなんだったんだってくらいすごい・・・
ちょっとここ数ヶ月で1番感動したわ。
興奮しすぎてアップしてみた。
ブロマガ動くよ
複数のメソッドを続けて呼び出す
<select id="channel">
<option value="video">ソードアート・オンラインⅡ 第1話「銃の世界」</option>
<option value="blomaga">MSSPブロマガ</option>
<option value="video">美少女戦士セーラームーンCrystal Act.1 うさぎ-SAILORMOON-</option>
<option value="blomaga">ニコニコゲーム実況チャンネル ブロマガ</option>
<option value="video">アルドノア・ゼロ 第1話「火星のプリンセス」</option>
（中略）
$('<option></option>')
.attr('value', 'js_master')
.text('redcat1113の秘密の部屋')
.css('background-color', '#FFff00')
.appendTo('#channel');CSSが動かないーと思ったらローカルだったからか。アップしたら動きました。
チャンネルだよ
<select id="channel">
<option class="video">ソードアート・オンラインⅡ 第1話「銃の世界」</option>
<option class="blomaga">MSSPブロマガ</option>
<option class="video">美少女戦士セーラームーンCrystal Act.1 うさぎ-SAILORMOON-</option>
<option class="blomaga">ニコニコゲーム実況チャンネル ブロマガ</option>
<option class="video">アルドノア・ゼロ 第1話「火星のプリンセス」</option>
</select>
（中略）
$('#channel').
find('option.video').css('backgroundColor', '#66ccff').end().
find('option.blomaga').css('backgroundColor', '#ccffcc');こっちもアップ。
チャンネル2だよ
イベントリスナを登録する
$(
function(){
$('#btn').click(
function(){
window.alert('ボタンがクリックされたよ');
}
);
}
);
//-->
（略）
<input type="button" id="btn" value="ダイアログ表示"/>イベントリスナのクロスブラウザ対応もjQueryがブラウザ間の仕様差を吸収してくれるんだって！
ほんと、jQueryがいいこすぎてやばいわ・・・
jQueryでAjaxを実装する
またyahooJSONなのでここは読むだけ。やっぱすっきりしたなー
サーバからの応答をそのままページに反映する
おおまたPHPか・・・id:fukkenに教えてもらった
PHP IDE :: JetBrains PhpStormこれをいれたぞ！
<?php
require_once 'magpie/rss_fetch.inc';
define('MAGPIE_OUTPUT_ENCODING','UTF-8');
define('MAGPIE_CACHE_ON', TRUE);
$rss = fetch_rss($_REQUEST['url']);
mb_convert_variables('UTF-8', 'auto', $rss);
print('<ul>');
foreach($rss->items as $item){
$pub = $item['pubdate']==null ? $item['dc']['date'] : $item['pubdate'];
?>
<li>
<a href='<?php print($item['link']); ?>'>
<?php print($item['title']); ?></a>
(<?php print(date('Y/m/d',strtotime($pub))); ?>）
</li>
<?php } ?>
</ul>PHP。やっぱりサジェストありがたいけど、＝周りが苦手
$(
function() {
$('#disp').click(
function() {
$('#result').load('rss.php', $('form').serializeArray());
}
);
}
);
(中略)
<form>
URL：
<input type="text" name="url" size="50"
value="http://www.wings.msn.to/contents/rss.php" />
<input type="button" id="disp" value="読み込み" />
</form>
<hr />
<div id="result"></div>RSSフィード
そして動かないわけだよね。
diffって直しても動かない・・・
なんか昨日もだけど、同じディレクトリにあるファイルを読みにいってないような気がする・・・
つまりは私がジオシティーズの配置を間違っているのではないだろうか。
がーん。道のりは険しいぜ。
今日はここまでにしておくか。
たぶん明日が最後。
