HAVE A GO GO: 2013

2013年12月31日火曜日

引地川親水公園　広い敷地に遊具が点々とある

似たような名前で、「引地川公園ゆとりの森」や「引地台公園」があるけど、今日は「引地川親水公園」のこと。

ここは敷地は広いけど、遊具は少ない。

ただ、ボール遊びや凧揚げなど、広くないとできない遊びには打ってつけ。

今は冬なのでできないけど、夏や秋には、ザリガニ釣りやでかい殿様バッタ捕りもできる。

少ないとはいえ、遊具はあるのでご紹介。

小さい子はここ↓でよく遊んでる。小さい子向けにしては立派なもの。

幼児向けの滑り台や橋などの総合遊具

遊具ではないけど、橋もある。子供たちは鯉に釘付け。

引地川　鯉が泳いでる

レジャーシートを持っていかなくても、ベンチが点々とある。

野原にベンチ

ローラー滑り台は、緩やかで超スローリー。

緩やかなローラー滑り台

ほらまたベンチ。

またまた野原にベンチ

ブランコは、なんとベルトつき。落ちて泣くことないから楽。

ベルト付の幼児用ブランコ

幼稚園児以上には木の遊具。冬は霜が溶けてどろどろで、親は大変…。

ターザンロープなど

遊具以外で、ちょっとした山もある。これだけでアスレチック。

石がゴロゴロの山

2013年12月24日火曜日

ネジ穴のふさぎ方　壁紙を貼る方法

ネジ等を挿した後の穴、パテで埋めるのもいいけど、もう少しキレイに仕上げたいときは、壁紙をちょっとだけ張り替えるのがベスト。（家を建てた人は、壁紙の余りをもらっておこう！）

では、やり方。

対象は、こんな穴。

壁のネジ穴

使う道具は、左から、壁紙の余り、筒状の堅いもの（今回は乾電池）、クロス用ボンド、シャーペン、カッターナイフ、マスキングテープ、はさみ、金属の定規（プラスチックだとカッターで削れてしまう）

ネジ穴ふさぐ、道具一式

まずは、ネジ穴をふさぐのに十分な位置をマーク。

マーキング

壁紙を貼るために、マスキングテープをくるっとまいて、両面テープにして貼る。

マスキングテープを両面テープに

ネジ穴の上から、壁紙を貼る。

壁紙を仮止め

先ほどのマークに従って、ネジ穴をふさぐサイズに線を引く。

カットするサイズの線

線に従って、下の壁紙ごと、カッターでカット。

下の壁紙ごとカット

上の壁紙を剥がし、マスキングテープも剥がす。

両壁紙のカット後

下の壁紙を剥がす。

壁が出てきた

上の壁紙をクロス用ボンドで貼る。

壁紙を貼る

筒状の堅いもの（今回は乾電池）でゴロゴロ。

ホントはローラーがあればいんだけど、これだけのために買うのはもったいない。

ローラーの代わりで、ゴロゴロ

完成。

ネジ穴がふさがった！

このボンドは、刷毛がついててよかった。

ローラー付は、ちょっと高い。

マスキングテープ、安っ。

金属の定規。

2013年11月24日日曜日

俣野公園　幼児向けのトンネル遊具

俣野公園は、芝生広場やアスファルトの遊歩道が広い範囲にあり、球技をする人やウォーキング、ランニングする人が多い。

ボールを持って行って遊ぶのもありだけど、幼児を連れて行った際は、おすすめの遊具がある。

それは、　トンネル遊具。

トンネル遊具

トンネル遊具（反対から見たとこ）

遊具が充実した公園ではないけど、これは結構優れてると思う。

幼児が、頭ぶつけながら屈んで歩き、這いつくばって登ったり、ビビりながら低めの滑り台にチャレンジしたり、見ていて微笑ましい。

大人が入れないので、声かけることしかできず、必然的に幼児一人で頑張ることになる。

こっちも、幼児にはついつい手助けしてしまうので、割り切って見てるってのは、なかなかいい。

その他に低めのロープツリーもある。高いと、幼稚園児はてっぺんまで登れず、達成感を味わえないけど、このくらいなら、てっぺんまで行けて、満足そうだった。

低めのロープツリー

2013年11月17日日曜日

浜薬祭（横浜薬科大学の学園祭）　21階展望台に入れた！

普段は一般人は入れない、横浜薬科大学の図書館棟の21階展望台に入れると聞いて、浜薬祭に行ってみた。

さっそく、コレが展望台のある図書館棟。

ドーン

仕事で都内に出てると高い建物を何とも感じないけど、この近所でこのサイズのものを見ると、なかなかインパクトがある。

いざ展望台へ。
ちょっと並んだけど、子どもたちも我慢できる程度で、すぐにエレベーターに乗れた。

展望台からの眺めはこんな感じ。

俣野公園野球場と横浜薬科大学の並木道

旅行とかで展望台に行くと、見知らぬ街を見渡すことになるけど、こうやって自分の街を眺めるのは、なかなか乙なもの。

藤沢方面の展望

で、浜薬祭なんだけど、大学の学園祭なので、小さい子連れてっても、すぐに帰ることになるかなと思っていたら、意外にも子ども向けのコーナーがあって、楽しめた。
以降、写真がないのは、子どもと結構楽しんでしまったから、、

例えば、ミニテニススクール。
幼稚園児2人が、大学生に教わり、でっかいラケットを使って楽しそうに打ってた。
後から聞くと、うちの4歳児は、野球よりサッカーよりテニスが好きとのこと。（普段サッカー教えてるんだけど…教える人が悪いのか…）

あとは祭といえば、食。やきそばが富士宮やきそばだったり、教室が喫茶店になってたり、若者たちが考えることはいい感じ。

スタンプラリーがあったり、着ぐるみに何度か遭遇したり、帰るまで存分に楽しんだ。

イーオにも会えた

みんな元気がよくて、大学時代がちょっと懐かしくなった。

2013年11月3日日曜日

泉区民ふれあいまつりこれは来年も行きたい！

毎年やってるみたいだけど、初めて泉区民ふれあいまつりに行った。

場所は、いずみ中央駅、泉区役所裏の和泉遊水地。

駅前からすでに人の流れがあって、思った以上に大盛況。

着いてみて、遊水地を上から見ると、テントがいっぱい。

遊水地がテントで埋まってる！

これだけ出店してるだけあって、遊水地は混みこみでうんざりするかと思いきや、店の周りは混んでるけど、ところどころスペースがあって、子連れにはうれしい。

広いから子連れにもグッド！

ちょっと回って、やきそばでも食べて帰ろうと思ってたら、楽しくて、結局11時から15時まで満喫。

遊んでて、あまり写真撮ってないけど、たとえば、こんなことができた。

【無料】

エアートランポリン（空気で膨らませたトランポリン）
パン食い競争
紙芝居とお菓子
小さな動物園（ひよこ、にわとり、うさぎ、など）
スライム作り
コマ回し
ボールころがしなどの小さい子でもできるゲーム
磁石の魚釣り
水槽の輪っか落とし
白バイ乗って写真！
バスの運転手になって写真！
ヨーヨー釣り
ポンポン菓子
風船

くじらのエアートランポリン

ホンダの白バイ、カッコイイ

【有料】

フリマ
スーパーボールすくい
くじ
かた焼きそば
キーマカレー
アメリカンドッグ
フライドポテト
オーガニックコーヒー
パン屋
ピザ屋
から揚げ
野菜直売

帰りがけに、ゆるキャラに会った。スリッパまでこだわってて、ゆるくない、、

トイレくん

トイレスリッパ

2013年10月28日月曜日

jQueryで要素の置換 select要素(セレクトボックス)←→textタイプのinput要素(テキストボックス)

jQueryで要素の置換は、replaceAllやreplaceWithを使う。

replaceWithを使う例として、div要素の置換は、よく見かけるけど、select要素の置換はあまり見かけなかったので、メモっとく。

「radioタイプのinput要素(ラジオボタン)を変更した場合に、他のselect要素を選択できなくさせたい」って時に、disabledにするとグレーアウトされて、見た目の変更ができなくて困った。

で考えたのが、readonlyで行こうと。(submitされるけどね)
readonlyなら、フォントの色の変更とかができて自由だし。

でも、select要素には、readonlyがない。

ということで、select要素をtextタイプのinput要素(テキストボックス)に置換して、readonlyにすることで、落ち着いた。

jQueryならシンプルで簡単にできると思ったら、functionの実行時に、DOM操作が即時反映されないことが仇になり、結構苦戦。

素のJavaScriptでやってしまったら負けだと思って、追求したら、なんとかできた。

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Example</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript">
    var example = {
        /**
         * idをキーにtextタイプのinput要素に置換したselect要素を保持する連想配列.
         */
        clonedSelects: {}
        ,
        /**
         * select要素をtextタイプのinput要素に置換する.
         * @param id select要素のid
         * @param value 固定のvalueを指定する(未指定の場合、現在選択中のvalueが設定される)
         */
        replaceToText:
            function (id, value) {
                // id内の.(ドット)はエスケープ
                var elem = $('#' + id.replace(/\./g, '\\.'));
                // select要素でない場合、処理終了
                if (elem[0].nodeName != 'SELECT') {
                    return;
                }
                
                example.clonedSelects[id] = elem.clone(true);
                
                // 固定のvalueを設定
                if (typeof value !== 'undefined') elem.val(value);
                
                // select要素のvalue値をhiddenで持つ
                var elemHidden = $('<input type="hidden"/>');
                // replaceWithを行うまではidが重複するため、別のidにする
                elemHidden.attr('id', id + 'Hidden');
                elemHidden.attr('name', elem.attr('name'));
                elemHidden.val(elem.val());
                elem.after(elemHidden);
                
                // select要素をtextタイプのinput要素に置換
                elem.replaceWith(function (elem, id) {
                    var elemText = $('<input type="text"/>').attr({readonly: 'readonly', tabindex: '-1'});
                    elemText.val(elem.children(':selected').text());
                    elemText.attr('style', elem.attr('style'));
                    
                    // textタイプのinput要素にするため、id,nameを変更
                    elemText.attr('id', id + 'Text');
                    elemText.attr('name', elem.attr('name') + 'Text');
                    return elemText;
                }(elem, id));
                
                // replaceWithを行った後、select要素のidをhiddenへ設定
                elemHidden.attr('id', id);
            }
        ,
        /**
         * textタイプのinput要素をselect要素に戻す.
         * "戻す"と記載しているのは、select要素を保持しているのが前提のため。
         * @param id 戻すselect要素のid
         * @param value 固定のvalueを指定する(未指定の場合、現在選択中のvalueが設定される)
         */
        replaceToSelect:
            function (id, value) {
                // select要素を保持する連想配列に存在しない場合、処理終了
                if (typeof example.clonedSelects[id] === 'undefined') {
                    return;
                }
                
                // id内の.(ドット)はエスケープ
                var elemHidden = $('#' + id.replace(/\./g, '\\.'));
                // replaceWithを行うとidが重複するため、事前に別のidにする
                elemHidden.attr('id', id + 'Hidden');
                
                // 固定のvalueを設定
                if (typeof value !== 'undefined') elemHidden.val(value);
                
                // id内の.(ドット)はエスケープ
                var elem = $('#' + id.replace(/\./g, '\\.') + 'Text');
                elem.replaceWith(function (id, value) {
                    var elemSelect = example.clonedSelects[id];
                    
                    // select要素に戻すため、idも戻す
                    elemSelect.attr('id', id);
                    
                    elemSelect.val(value);
                    
                    return elemSelect;
                }(id, elemHidden.val()));
                
                // select要素に戻したため、保持していたselect要素を削除
                delete example.clonedSelects[id];
                
                // select要素に戻すため、hiddenを削除
                elemHidden.remove();
            }
    }
    </script>
</head>
<body>

<input type="radio" name="radioexample" onclick="example.replaceToSelect('example');" checked="checked" />select要素へ置換
<input type="radio" name="radioexample" onclick="example.replaceToText('example')" />textタイプのinput要素へ置換

<br />

<select id="example" name="example">
    <option>サンプル1</option>
    <option>サンプル2</option>
    <option>サンプル3</option>
</select>

</body>
</html>

(注)select要素の置換なので、textタイプのinput要素を初期表示としたい場合、onloadでtextタイプのinput要素とすること。

(注)id内のドットのエスケープは、Strutsなどを使用していない限り、なくてもOK。

JavaScriptライブラリを比較するときに、役に立った本。
jQuery、Prototype、Dojo、YUI、script.aculo.usを比較してる。
今は、jQuery優勢かな。