Welcome To The Porch Garden: 2013

2013年11月25日月曜日

バーベキュー覚え書き

バーベキュー（2013.11.24 [日] 晴れ) 大人6 小人3

ダイソー（100円ショップ）にいろいろある。ここでないものを他で探すのがいい。
網(270*455)(300*500)、着火剤、使い捨て鉄板、レジャーシート(180*180)、トング、火ハサミ
トライアル
炭(3kg/￥229)、お茶（￥67/2L)、ジュース(￥138/2L)、トング(￥100)、火ハサミ(￥100)
ハンズマン
炭(3kg/\238)

○風向き注意
○焼き芋は「ホイル包み焼き」がベター。
○ドライヤーは送風機代わりになるが煙臭くなる（中古を探す）
○ステーキ焼くのは印象高い（調理用ハサミ必須）

バーベキューするときの必需品
バーベキューコンロ
木炭・炭。
着火剤
ライター、マッチ
鉄板、鉄網
火ばさみ
火消しつぼ
包丁
まな板
クーラーボックス
トング
テーブル
皿、コップ、割り箸
軍手
食油
ゴミ袋

あると便利なもの
水
イス
新聞
うちわ
レジャーシート
送風機
ティシューペーバー
虫よけスプレー
キッチンペーパー
コテ(焼きそば用)
ガスバーナー

2013年11月22日金曜日

グラファイトヒーター

【送料無料】日本エー・アイ・シー電気ストーブ (ホワイト) [AEH-G400N-W]【在庫目安:お取り寄せ】
価格：3,895円（税込、送料込）

グラファイトヒーターの総合情報

2013年11月5日火曜日

IE10以降、dialogWidthとdialogHeightの同時指定で画面が真っ白に。。

IE10以降だけに起きる現象。
showModalDialogを使用してダイアログを開き、
Javascriptのloadイベントで

window.dialogWidth = 800;
window.dialogHeight = 600;

と高さと幅を同時に指定すると画面が真っ白になる。。
でもどちらか一方だけの指定だと大丈夫。えぇ～。(@o@;)
なんでだろう？？といろいろ情報探すも同じ目に遭っている人は皆無。
なのですが、showModalDialogを実行するときのオプションの設定方法にて

showModalDialog('sample.html', '' ,'dialogHeight:300px;dialogWidth:300px');

と指定している...ん？"px"？
もしや・・と思いつつ

window.dialogWidth = "800px";
window.dialogHeight = "600px";

としたら無事画面が表示されました！！！(^o^)/

おいおい、window.resizeToとかは数値指定なのに、これは無いんじゃないの～
そしてなんでIE10から言うこと効かなくなってしまったんだー。。
もう訳わからん～(T_T)

でも無事解決！？良かったです。^^;

2013年10月4日金曜日

addEventListenerで追加したイベント関数先でreturn falseが効かなくなったら・・・

addEventListenerで追加したイベント関数先でreturn falseが効かなくなったら、

以下のイベントのメソッドを使ってみてください。

event.preventDefault();

イベントがキャンセル可能である場合、上位ノードへのイベントの伝播 (propagation) を止めずに、そのイベントをキャンセルします。

(例)

if (aaa == true) {

return true;

} else {

if(event.preventDefault){ event.preventDefault(); }

return false;

}

2013年10月2日水曜日

OperaでIE専用WEBページを見るには？

ショートカットのリンク先のOperaパスの後ろに
-user-agent="IEのユーザエージェント文字列"をセットさえすればいいみたい。

2013年9月24日火曜日

【IE11】DIV要素の下に重なっている、ボタンやアンカーを押せるようにするには？[pointer-events: none;]

IE11から適用されているCSS「pointer-events」が解決の一つの方法となるかもしれません。
これは指定されたの要素に対するマウスイベントの制御を行います。
この設定値をnoneと指定された際、自身のマウスイベントとしては通知されず、
そのまま下の要素にイベントを渡します。

<div style="pointer-events: none; position: absolute; width: 200; height: 100;"> </div> <input type="checkbox" />
＜参考になったサイト＞
重なった要素上でのイベントで下層要素を特定したい
http://okwave.jp/qa/q6316242.html
CSS3：pointer-eventsのブラウザ対応表(2013.9時点)
http://caniuse.com/pointer-events
以下にはこのCSSに対する警告が出されていますのでご一読ください。（英文）
https://developer.mozilla.org/ja/docs/Web/CSS/pointer-events
直訳参考
警告：非SVG要素のCSSにポインタイベントの使用は実験的なものです。多くの未解決の問題が原因でCSS3のUIドラフト仕様ですが、一部されていた機能が、CSS4に延期されています。

2013年9月12日木曜日

レンタルサーバ「coreserver」にて「Laravel4」を始めました。

次期PHPフレームワーク有力候補との声高い「Laravel4」をレンタルサーバ「coreserver」に
インストールする際の奮闘を記録してみます。

Laravelはバージョン4ではインストールをComposerで行うようになりましたが、私の知識では
「coreserver」でコンソール立ち上げてComposer動かせませんでした。
なので自宅のPCで一度インストールしまるまるコピーするという方法を取ることにしました。

【Laravelインストールバージョン=4 ，実行環境=Windows7】
(実際はLinuxでしたのですけどComposerセットアップ方法を失念しました。すいません。。。）

1. コンポーザのインストール「Composer-Setup.exe」を行う
http://getcomposer.org/download/

2. コンソール起動し、まずプロジェクト作成ルートディレクトリ(htdocsとか)に移動する。

3. コンソールで以下を実行。

composer create-project laravel/laravel {{プロジェクト名}} --prefer-dist

コンソールに"set successfully."と表示されたインストール成功です。

4. "/app/controllers"にてサンプルを参考にコントローラーを作成する
[参考ソース]（例：DemoController.php）
class DemoController extends BaseController {
public function getIndex(){
return "Demo getIndex!";
}
}

5. コンソールで「composer dump-autoload」を実行。
［代替手動実行方法］
/vendor/composer/autoload_classmap.phpに以下を追加
'DemoController' => $baseDir . '/app/controllers/DemoController.php',

6. /app/routes.phpに以下を追加
Route::controller('demo', 'DemoController');

7. もともと「coreserver」ではPHP5.3動かないのでCGI版で動かすことにします。
（参考PHPをCGIとして動かす方法について）
http://www.coreserver.jp/help/index.php/phpcgi/
（参考 Laravel　さくらの404エラーについて（.htaccess））
http://ameblo.jp/yama7411/entry-11539608633.html
public直下に.htaccessを配置。内容は以下のとおりです。

<ifmodule mod_rewrite.c=""> #Options +FollowSymLinks RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php?$1 [L] </ifmodule> AddHandler application/x-httpd-php53cgi .php

8. さいごに出来上がったソースをまるまるCORESERVERにコピーして、
ブラウザでURL"http://ドメイン/プロジェクト名/public/demo"と入力し、
"Demo getIndex!"と表示されたら成功です。

～まちがいや問題点があればまた追記します。以上です。～

2013年9月10日火曜日

IE11(プレビュー版)にて表内に埋められているフォームコントロールに対しフォーカスする等の制御を行うと周辺の罫線が崩れたりする。(border-collapse)

IE11(プレビュー版)にて表内に埋められているフォームコントロールに対しフォーカスする等の制御を行うと周辺の罫線が崩れたりするのですが、
これはスタイル"border-collapse"の値が"collapse"だとどうもこの様な現象が起きるみたい。
なので"separate"にしてTABLEやTR、TDのスタイルシートを少し修正して対応してみた。
その現象と改修結果をまとめたのがこれ↓です。

2013年8月22日木曜日

眠れない時に・・

・興奮しない程度の本を読む
・音楽を聴く
　　戦場のメリークリスマス、シューベルトのアヴェ・マリア（実験で多くの人が眠くなったそうです）・トリプトファンを多く含む食べ物 (日中に摂っておく)
　　ヒマワリの種、牛乳、バナナ、チーズ、ごま、卵、きな粉
・ハーブティカモミール、リンデン（沈静効果）
・体温を上げてから下げる入浴、足湯、湯たんぽ、カイロなど
・アロマラベンダー沈静効果

元ネタ http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1324363368

★トリプトファンの含有量(食品100g当たり)