とりあえずメモ

xamppでinclude(SSI)を使えるようにする

phpのinclude文じゃなく
SSI(Server Side Include)の方のincludeです。

わたくしごっちゃになっておりました。

こんな感じの記述です。
[code]
<!–#include file="nav.html" –>
[/code]
[code]
<!–#include virtual="nav.html" –>
[/code]
fileはそのファイルからのパスで
virtualはdocument rootからのパスみたい

大きなサイトで、ヘッダーやメニューやフッターを
共通のパーツとして書きだすと修正の時なにかと便利な感じがしました。

あと、javascriptがクライアントサイドで書きだすメニューなんかと違って、
SSIは文字通りサーバーサイドで処理されるので、検索で不利になるような事はないそうですぜ。

そんでもって、ローカルで作業する時
xamppの初期状態だとSSIを使うには.shtmlにしなくちゃいけなかったと思うのだけれど
それだと困るので.htmlでもSSI使えるようにするだす。

やり方

1)
httpd.confの418行あたりを
(xamppを何も変更せずにインストール場合は、多分以下の位置)

C:\xampp\apache\conf\httpd.conf

2)
こんな感じに変更して
[code]
AddType text/html .shtml .html
AddOutputFilter INCLUDES .shtml .html
[/code]

3)
Apacheを再起動、でおkなハズ。

追記)
.htaccessならこんな感じ
[code]AddType text/x-server-parsed-html .shtml .html
Options Includes[/code]

その他、バーチャルホストの設定などは以前の投稿を参考に

ルートパスとDreamweaverとバーチャルホスト(バーチャルドメイン?)

iframeに開くページを、location.searchで受け取った値で変更させちゃっても問題ない?

iframeを持つ1つのhtmlを使い回して
中身だけを変更したいんだけど何かいい方法はないかね?と聞かれて
iframeの中身をバラバラに作るくらいならiframeやめなよと答えたけど
気になったので少し考えて
location.~が使えそうじゃない?と以下のソースを書いた

親(index.html
[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>乱雑モックアップ|親ページ</title>
<meta http-equiv="Content-Script-Type" content="text/javascript" />

</head>
<body>
<ul>
<li><a href="after.html?http://www.google.com">googleを開く</a></li>
<li><a href="after.html?http://www.yahoo.com">yahooを開く</a></li>
</ul>
</body>
</html>[/html]

子iframeがあるhtml(after.html
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>乱雑モックアップ|子ページ</title>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript">
window.onload=function(){
var innerUrl=location.search.substring(1);
document.getElementById("innerFrame").src=innerUrl;
}

</script>
</head>

<body>
<iframe id="innerFrame" src="" frameborder="0" width="640" height="480"></iframe>
</body>
</html>

[/html]

これで、親ページのリンクの?以下の名前
(after.html?http://yahoo.co.jpならhttp://yahoo.co.jp)のファイルを
子のiframeで開けるのだが
これ、大丈夫なんでしょうか?

?javascript:alert('alert');

でalertがでるけど、alertを任意に使えるって事は何か別の事がされるんだろうか?
パスワードなんかを扱わないページは気にしなくていいのだろうか。
という感じで使えるものかわからんので教えてない。

Roland W-30SC の起動ディスクを作る。

[image]W-30

W-30の起動ディスクを失って以来、凄く長い道のりでしたが
回りまわって起動させる事が出来ました。

メモとリンク

超参考になったサイト / 12bitサンプラースレ用まとめβ0.1

必要なアプリ

W-30のシステムディスクのデータや音色のダウンロード出来る
ローランドのW – 30ホームページ

フロッピーをW-30で使えるようにformat出来るアプリ(windows2000以降で使える)
OmniFlop / http://www.shlock.co.uk/Utils/OmniFlop/OmniFlop.htm

システムディスクや音色のデータをPCからFDにコピー
SDISKW / Windows用SDISK

その他

取扱説明書 :: サポート :: ローランド

OmniFlop(FDをフォーマットする)
[image]format
DOS720KBみたいなのを選べばいけた。

SDISKW(書きこむ時に使う)の文字化けがきつかったけど、右側でおk
[image]SDISKW文字化けがひどい

システムディスクの容量が720KB(737280bytes)あって
フォーマットしたフロッピーの容量が713KB(730112bytes)で
SDISKを使ってもシステムディスクの内容をFDにコピー出来ず
途方にくれていたところ
OmniFlopとSDISKWに出会えた。

諦めなくて良かったなぁ。
12bitサンプラーって感じの音がする。

firefoxでmargin-bottomがmargin-top

[追記 / 20110323] コメント欄に別の対処法が2件あるよ

[image]firefox / 上にmarginが付いてh1との間に隙間があいてる

理由がわからないんだけど
Firefox(3.6.15のみ確認)でmmargin-bottomがmargin-topになるのです。

[html classname=”html-sh”]<h1>h1-text</h1>
<div id="primary">
<div id="secondary">
<ul>
<li>list</li>
<li>list</li>
<li>list</li>
</ul>
</div>
</div>
<p>text</p>
[/html]
[css classname=”css-sh”]
/*すでにresetしてあるとして*/
body {
padding:20px;
}
h1 {
background:MistyRose;
}
#primary {
background:olive;
}
#secondary {
background:lavender;
margin-bottom:20px;
}
li {
float:left;
background:darkorange;
margin-right:10px;
}
p {
background:dimgray;
}
/* clearfix
————————- */
ul {
/zoom : 1;
}
ul:after {
content : ”;
display : block;
clear : both;
height:0;
}
</style>
[/css]

スクリーンショット

chrome

こうなって欲しい
[image]chrome / h1と#primaryに隙間は開かない

IE8

こうなって欲しい
[image]IE8 / chromeと同じ

Firefox

なのにこうなる
[image]firefox / 上にmarginが付いてh1との間に隙間があいてる

原因と解決法を考える

結論から先に書くと、上記の構成の場合
ulにdisplay:inline-block;を追加して意図した表示に出来た。
[css classname=”css-sh”]
ul{
display:inline-block;
}
[/css]
あれ、display:tableでも平気か?

Firefox

display追加するとこうなった。
[image]firefox / display:inlin-block;追加

けど理由が全くわからない。

どんな状況で発生するのか試してみると
liにposition:absolute;でも同じ現象が起きたので
浮動体に問題がありそうな感じ

多分Firefoxが間違ってるんだろうけど
firefoxの仕様が正しいのか他のブラウザーの仕様が正しいのか知りたい

ここら辺を理解できたら解決するのだろうか。。。?
Visual formatting model
Box model / 8.3.1 Collapsing margins

ulにborderを付けてもmargin-topみたいな隙間は消える
[image]border付けた
border使えない時はこれじゃダメだ。

東京電力 計画停電カレンダー(Tokyo Electric Power Blackout Calendar)

追記あり

何かの役に立つのならガンガン停電してくれても構わないのだけれど
うちみたいに、おつむの足りない人には輪番停電のシステムは難し過ぎるのです

つーわけで、ここ参考にしてます。
東京電力 計画停電カレンダー(Tokyo Electric Power Blackout Calendar)

iPhone(iOS)での共有方法

iOSの場合上記リンク先で
対象グループのWebcalボタンをクリックすると
カレンダーに簡単登録できます。

こんな感じ
[image]対象グループをクリック
照会を選択

[image]登録完了
とりあえず、イベント表示で内容を確認。

[image]カレンダーに移動

[image]詳細表示

ありがとうございます>< 追記
福島第一原発からの距離をケータイから調べる方法 – IDEA*IDEA ~ 百式管理人のライフハックブログ
で照会されていたサイトに
iPhoneの位置情報を使って停電の時間を表示してくれる機能があった
すごいな、どうやってんだろう。

福島第一原発からの距離:もえなび!
docomoとiPhone対応みたい。

東日本大震災・非公式・放射性物質モニタリングポストMAP その他

専門知識が無いのでよくわからないけど
なんと無く数字が気になってしまうので。

追記 / 20110427
放射線・原子力教育関係者有志による全国環境放射線モニタリング
[image]放射線・原子力教育関係者有志による  全国環境放射線モニタリング

追記 / 20110403
全国の放射能濃度一覧
全国の水道の放射能濃度
[image]全国の放射能濃度一覧スクリーンショット

こんな感じでグラフになってる
[image]グラフ、スクリーンショット

原子力施設周辺環境モニタリングデータの現況
環境防災Nネットホームページ
[image]防災Nネット

東日本大震災・非公式・放射性物質モニタリングポストMAP / Japan quake radioactive material monitoring post MAP – Google マップ
[image]モニタリングポストマップ

東北地方太平洋沖地震 各地放射線量モニタリング情報
[image]東北地方太平洋沖地震 各地放射線量モニタリング情報

各地の環境放射線量モニタ
公:公共機関 / 個:個人

ustで見つけた個人のガイガーカウンター
USTREAM: ガイガーカウンタのテスト: 東京都大田区の個人計測

USTREAM: geiger_counter_tokyo: 東京江東区で稼働しているガイガーカウンタを写しています(CPM[1分あたりのカウント量]表示)。音声はありません。使用しているガイガーカウンタは以下の自作キットです。

ちなみに「被ばく」の表記は
「被爆」ではなく「被曝」。

追記
原発に関するQ&Aまとめ
Science Media Centre of Japan | Science Media Centre of Japan

よく出来てるとの事。
[image]サイエンスアラート

東京大学理学系研究科の早野龍五教授(@hayano)が、ツイッター上で一般の方から寄せられた質問に回答した記録をもとに、有志がツイッターに馴染みがない人にも読みやすいように編集してくださったものです。

Q.「外に出ない」ということが防御策となりますか?
A. 原発の近くに行かないことが第一です。政府の避難指示20kmが目安です。そして外気に触れないことです。

Q. 20km以上離れれば安全ということですが、外気に触れないというのは、東京でも同様でしょうか。
A. 福島と東京のあいだは250km以上離れていますので心配無用です。

Q. ではなぜ20kmに拡大したのでしょうか?
A. 政府の判断基準はわかりませんが、アメリカで1979年に発生したスリーマイル島の原発事故の時は16km以遠には影響が及ばなかったとされています。このデータから推測すると、政府の避難指示は適切だと思います。

Q. 東京在住の人は、肌を露出しての外出は控えるべきでしょうか?
A. その必要はありません。20kmという政府の避難指示は妥当です。被曝は風で運ばれる放射性物質によって引き起こされ、遠くなればなるほど放射能は薄まるので、東京にいる方が心配することはありません。

Q. 放射線が漏れ出した場合、範囲はどこまで及びますか?
A.漏れた放射性同位元素量と,天気(特に風)がわからないと、予測困難です。今回同様格納容器が無事だったスリーマイル島の場合は,10マイル(16km)より遠いところには影響が及ばなかったとされています。

追記終わり————————-

停電エリア時間検索(東京電力エリア)

[image]停電エリア検索システム
地区名を入れて停電時間を検索出来る。
停電エリア時間検索(東京電力エリア)
素早い、感謝。
アップデートも出来る限り対応してくれるとの事。

[image]輪番停電のグループを調べるページ
輪番停電のグループを調べるページ

しかし
yebo blog: 計画停電は毎日変わる、そして影響が出る鉄道

昨日、発表があった計画停電のリストは今日のみ、明日以降は前日に発表されるという。

電力確保は緊急を要するのかもしれないけど、みんな大変だ。

岩上安身さんのUst / 原子力資料情報室より今回の原発についての会見中継

20110424追記あり

岩上安身さんのUst
http://www.ustream.tv/channel/iwakamiyasumi
本日分は終わったけど
明日13日 12時より2回目開催
必見。

フリージャーナリスト・岩上安身が、どこにでも出かけて、誰にでも取材し、可能な限り、ダイレクトに情報をお伝えします。インタビュー、対談、記者会見、などなど。

雨雲はどう動くのかわからないけれど
明日からの雨は極力避けるようにとの事。

今も原発では体を張って頑張ってくれてる人がいる
ありがとうございます。

[追記 / 20110424]
原発事故の情報隠蔽? 断固抗議!  – Web Iwakami

来週から、東電と保安院の会見が、統合本部の会見として一本化されるが、その際に、今の官房長官会見同様に、メディアの選別が行われ、組織としてのIWJは、会見の場から排除されることがわかった。

インターネット報道協会に入っているネットメディアは、参加が許されるが、協会に加入していないネットメディアは排除される。フリーのジャーナリストとしての岩上安身は、会見に参加可能だが、IWJとしては参加させないと。今日、スタッフは保安院で食い下がったが、はねのけられた。

私たち、IWJは、3月11日以来、24時間、ずっと東電と保安院の会見を中継し続け、広く国民に一次情報を提供してきた。だが、保安院は、私たちの活動を認めず、排除に動いた。原発事故の情報隠蔽が進むことを懸念するとともに、政府、東電の卑劣な姿勢に、私たちは、断固、抗議する。

岩上安身

@iwakamiyasumiを追うともっとよくわかるかも。

そんなの絶対おかしいよ。

メモ / 地震が起きたら

対応

地震に遭遇したときの対応マニュアル – NAVER まとめ
地震が起こったら、まずこれをしろ!
【地震発生時緊急マニュアルまとめ】 | 地震マニュアル

地震が起こる前に、これだけはしておけ!
地震対策まとめ – 痛い信者(ノ∀`)

提案:関東在住の人の12日、13日の過ごし方|発声練習

家にいたら

靴を履く
トイレは比較的安全らしい
水を貯める(排泄用?
出る時はブレーカーを落とす

外にいたら

ビルの窓ガラスや壁や看板から頭を守る
ビルから離れる。
高圧電線、地割れに注意。

出入口に押しかけない

[地名+開放]で検索する

避難時持ち物

現金
身分証明書 / 印鑑・預金通帳・保険証
飲料水(1人1日3リットルが目安)
非常食(缶詰等)
携帯電話と非常用充電器
家族の写真(はぐれた時の確認用)
ホイッスル(倒壊に巻き込まれた際に最小限の労力で居場所を伝えられ生存率が格段に上がる)

ママ準備 / 乳幼児を連れて逃げる時リスト

抱っこ紐
お尻拭き(ウエットティッシュ)、オムツ
粉ミルクペットボトルに水、離乳食
近くにあるお菓子、口に入れられる物
着替え、タオル、毛布、靴

健康保険証、母子手帳
携帯、財布

生理用品、ポットに湯
1番好きな玩具。

追記 / Togetter – 「災害時における乳幼児避難のあれこれ」

情報

透析患者受け入れ病院の情報

日本透析医会災害情報ネットワーク

人探し

Google Person Finder: 2011 日本地震
google人探しと消息情報の提供サービス

地震津波情報

地震情報 – 日本気象協会 tenki.jp
気象庁 | 津波警報・注意報、津波情報、津波予報

防災避難

東京都防災ホームページ|モバイル
埼玉県危機管理・災害情報 – 楽天ブログ(Blog)

避難場所(23区)|東京都
東京23区の避難場所紹介ページ

交通機関

運行情報サイト更新状況 – 鉄道コム
運行情報 首都圏|駅探

停電情報

TEPCO : 停電情報

災害時伝言サービス

171・web171提供速報 | NTT東日本

171の使い方

録音
171に電話かける
[1]を選択(3で暗証番号?
電話番号入力
30秒録音2日間保存されてる

間にガイダンス

再生
171に電話かける
[2]を選択
電話番号入力

災害用伝言板サービス | SoftBank

ソフトバンク携帯電話からは、Yahoo!ケータイの「災害用伝言板」メニューまたはMy SoftBankからアクセスしてください。
PCや他社携帯電話から安否情報を確認する場合は、http://dengon.softbank.ne.jp/Jへアクセスしてください。

iモード災害用伝言板 | お知らせ | NTTドコモ
災害用伝言板サービス | auをお使いの皆さまへ | au by KDDI
災害用伝言板サービス | イー・モバイル

震度6弱以上の地震などの災害が発生した場合
ブックマーク(お気に入り)>EMnetサービス>災害用伝言板>災害用伝言板トップページ
http://dengon.emnet.ne.jp/

その他

モバツイ|ツイッターを携帯で楽しむwebアプリ
スマートフォンの専用アプリを使うより消費電力が抑えられるとか。

地震酔い対処

目をつむり、10秒程度深呼吸を繰り返してください。
口内が乾いている方は辛くとも水等を含んでください。

http://i.2chblog.jp/archives/2389640.htmlから引用

東京ガス : ガスまる&ガスミンの地震ハンドブック / ガスが止まったら
漏電チェックとガス漏れチェックが済んでから復旧させたほうがいいって話も。
[image]東京ガス マイコンメーターの復帰手順 スクリーンショット

PinQA(ピンカ) 位置情報Q&A
PinQAは位置情報ベースのQ&Aサービスです。場所に関する質問を投稿して、その地域に詳しい誰かに答えてもらいます。

Windows XP から Windows 7に移行したので、環境やデータの移行作業をメモ

色々な事や思いが重なって、PCを新調して(BTOでポチって)数週間。
やっと数日前に新しい相棒が届いたので
XPからWindows7へ移行のメモです。

[image]いきなり起動しなくなった。。。

やった事や、その操作の理由などを簡単にメモしてみます。
個人的にリカバリする時とか、
うちみたいにvistaを飛ばしてWindows7に移行する人もまだまだいるとおもうので
参考になればと。

目次

  1. パーティションを分割
  2. windowsアップデート
  3. XP Modeのインストール
    • xpモードのネットワーク設定
    • 直接XPモードのファイルにアクセスする方法
    • win7<->xpで簡単にファイルのやり取りをしたい
  4. PCIEとUSBの消費電力設定を無効
  5. IPv6プロトコルを無効(World IPv6 Launch2012年6月6日以降はどうしたらいいんだろう)
  6. 自動ログイン
  7. ファイルの拡張子を表示させる
  8. windows7の alt+tabが超邪魔
  9. google日本語入力をXPからWindows7に移行
  10. iTunesとiPhone、iPhoneアプリの移行
  11. ITuensの重複曲やデッドトラックを簡単に削除
  12. スタートアップの代わりにタスクスケジューラを使う
  13. ブラウザーの設定をまるごと移す
  14. 憧れだったRAMDiskを試す
  15. XPに存在した上へ戻るボタンを追加するWeeをインストール
  16. クイック起動はどこいった?

Windows 7 アプリケーション動作報告リスト

ちなみにスペック
windows7 Professional 64ビット版
i7-2600 / メモリ16GB / Quadro 600(GeForce GTX460と迷った結果こちらに)

でもってintel 6 シリーズの不具合が修正されていない
B2ステッピングチップセットマザー搭載であります。

さてxpからvistaを飛ばしてのWindows7環境なので、
もうほんとにさっぱり意味不明です。
何が驚いたかってあなたctrl+alt+delはタスクマネージャーじゃないの!?とか

いまだにライブラリの使い方がよくわかってないし
管理者権限に振り回されてたりします。

続きを読む

rollover2.jsとoperaと色々復習

凄く滑らかなロールオーバーを超お手軽に実装できるrollover2.jsというものがあるんですが
クロスフェードするロールオーバー処理をお手軽に実装するJavaScript – KAZUMiX memo
クロスフェードするロールオーバー処理 動作サンプル – XHTML サンプル | KAZUMiX memo

これ、imgにvertical-align:bottom;や
vertical-align:top;を指定してある場合、
operaでpositionの基準点がうまくいってないような感じの
とんでもない表示になってて(v10.50以前は確認してないけど)

例 / positionの基準点がうまくいってない感じの表示
[image]左がfirefox、右がopera

今気づいたけど
aタグの中にrollover2.jsのロールオーバー対象になるimgだけが入っていると
おかしくなる。

aタグの中にimgの他に、テキストが入っているとおかしくならない。

蛇足 / imgにvertical-align:bottomしたい(してる)理由

ご存知vertical-alignの初期値はbaselineなので
アルファベットのg,j,p,q,yの下に飛び出る部分(ディセンダって名称らしい*1)の余白が確保され、テキストと並べた時にimgの下に隙間ができちゃう

この隙間を埋めるには、vertical-align:text-bottomを指定するのが定石みたいなんだけど
operaだとテキストの位置がズレてたので(10.50以降?)、
いつしかbottomで指定するようになって
しばらくしてbottomを指定するようになった理由を失念してました。

[image]text-bottomとbottom
今確認してみたらbottomも表示が変だった><;;;なんだこれ。

とりあえず
vertical-align:text-bottomを指定しとけば
operaでクリック出来なくなるくらい表示が崩れる事はないのかな?

ここから先は失敗を含む試行錯誤メモ

続きを読む