表示：[自由に並び替え][日付順][完了したタスク][ゴミ箱]

どこに消えちゃうのか分からないかったから
完了済みってリストを作って
いちいちそこにぶっこんでました。

戻す時は
「完了したタスク」に入ってるもののチェックを外す。

メモ

tasksは、ほとんどchromeの
New Tab to Tasksこれで立ちあげてる
新しいタブを立ちあげたら（ctrl+T）
タスクが表示されるので。

firefoxはgoogleツールバーにタスクのボタンがあるので特に何も入れてない

うちはWP Social Bookmarking Light « WordPress Pluginsを使っているので
[設定 - wp social bookmarking light]
の
facebookタブを開いて
Locale:en_US を
Locale:ja_JP に変更して保存。

プラグインを使っていない場合も
en_USをja_JPに変更するだけ。
というメモ。

is_page('スラッグ')

if文をこんな感じに書いてるけど
「｝」の為に?phpって書くの面倒くさい。
シンプルにできないものかな。

<?php
if(is_page('スラッグ')){
?>
スラッグだった時の処理
<?php
}
?>

条件分岐タグ – WordPress Codex 日本語版

WordPressをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろ

関数：WordPress私的マニュアル

分岐は大体is_なんちゃらなのかしら。

こっちは出力する場合
ページスラッグを出力する方法 | Lovelog+*

日々、エロとのっちと格言名言lifehackやオサレ風写真とたまにwebの事をリブログするばかりの
生粋のリブロガーなので（オリジナルポスト5%くらい）
tumblr以外は特に稼働していないのだけれど

リブロガーたるもの自分の言葉で何かを語る事は、はばかれる為
悶々としたものはtwitterに流します。
悶々としてないものも流します。

そうすっとtwitterからはmixiとgreeに飛んでいくので無責任な生存確認になってるようなならないような。

うちの中心はtumblr

リブログしてるだけでお金が貰えたらなーなんてことを考えるくらい
気分転換にポチポチしてます

それを支えるのはFirefoxと
tombloo

そして今は
tomblooにgoogle+に投稿出来るパッチをインストールして
（参考:Firefox用アドオン「Tombloo」にGoogle+への投稿を追加する方法｜いちの日記（チラシの裏））
polygonplanet/tombloo – GitHub

以下のページを参考に
（参考:これはすごい！Google＋でエクステンションを使わずにFacebook・Twitter・Evernoteへ同時投稿する裏技 | Chrome Life）
dlvr.itにgoogle+のfeedを登録して
twitterとfacebookに飛ばした

ゴミをまき散らしてるだけな気がするけど
もうちょっと続けてみる。

[追記]
思うようにコントロール出来なかったから
dlvr.itを使うのやめた
こえーこえー

当たり前だけどこんな風に出来無いわけですよね

$("this ul").addClass("hogehoge");

childrenを使うといいみたい。

$(this).children("ul")

親にはparent

$(this).parent()

参考 / まよねこ inside » Blog Archive » 【jQuery】thisの親や子要素の指定方法[リライト版]

宿題
ひろし+すみれのliからから友蔵+こたけのliを指定するにはどうしたらいいんだろうか。

<h1>さくら家</h1>
<ul>
<li><span class="name">友蔵+こたけ</span>
<ul>
<li><span class="name">ひろし+すみれ</span>
<ul>
<li class="name">さきこ</li>
<li class="name">まるこ</li>
</ul>
</li>
</ul>
</li>
</ul>

を追加するとふきだしを消せるみたい。

そのまま

大きな地図で見る

iframeに&iwloc=Bを追加

大きな地図で見る

以前は、ふきだしを消してソースをコピペしたら非表示になってたのにねぇ。

ダウンロード

旧バージョン(1.7.2)をインストールしたかったので
こっちから拾ってきた
XAMPP – Browse /XAMPP Windows at SourceForge.net

最新版はこっちにも。apache friends – xampp for windows

インストール

全部デフォルトでポチポチしてって完了。
(※インストール先をc:にすると勝手にxamppフォルダが出来て、c:\xamppにインストールされた。

設定

localhostにアクセスして
左側のメニューの
セキュリティ – セキュリティから

そのような問題をすべて修正するには、単純に次のツールを使ってください。
=> http://localhost/security/xamppsecurity.php <=

をクリックして
パスワードを設定。

パスワード指定時にチェックをいれとかないと
mysqlrootpasswd.txt や
xamppdirpasswd.txt が生成されないみたい。

.htaccessをC:\xampp\htdocs か C:\xampp\htdocs\xamppあたりに置くらしいけど

Order deny,allow
Deny from All
Allow from localhost 127.0.0.1

や

order deny,allow
deny from all
allow from localhost
allow from 127.0.0.1

みたいなの。
大文字と小文字に違いはあるのかな？

localhostが開かなくなった、なんか間違ってたんだろうか。

あとSSIとバーチャルホスト(バーチャルドメイン？)の設定した。
xamppでinclude(SSI)を使えるようにする
ルートパスとDreamweaverとバーチャルホスト(バーチャルドメイン？)

httpd-vhosts.conf
19行目あたりの
#NameVirtualHost *:80のコメントアウトを解除して
すぐ下に

DocumentRoot "C:/xampp/htdocs"
ServerName localhost

を追加した。

(※なぜかlocalhostじゃないやつがlocalhostで開いてしまったので

php.ini

C:\xampp\php\php.ini
を開いて、mbstringで検索

1771行あたりから始まるmbstringの
;mbstring.language = Japanese
みたいなやつの先頭の「;(セミコロン)」を削除した

さっき教えてもらったばかりの
コマンドプロンプトを使って、フォルダ内のツリー階層を表示したりテキストに書きだす方法
windows7でちょっと困ったのでメモ。

コマンドプロンプトの場所

スタート - すべてのプログラム - アクセサリ - コマンドプロンプト

起動するとこんな事が書いてある

C:Users\ユーザー名>

とりあえずcdでディレクトリ移動してみる
これでCドライブへ移動

C:Users\ユーザー名>cd c:\
[enter]
c:\>

で

tree[半角スペース]ツリー構造を書き出したいフォルダ

とするとコマンドプロンプト上でツリー構造が表示される(一番最初の画像みたいなの)。

追記 / パラメーターに[/f]と[/a]がある

/f 各フォルダーのファイル名を表示
/a 拡張文字ではなく、ASCII文字で表示

ツリー構造を書き出したいフォルダはコマンドプロンプトへドラッグ＆ドロップすると勝手にフルパスを表示してくるので
ドラッグするのが楽チン。

で、これをtxtに書きだすには

tree[半角スペース]ツリー構造を書き出したいフォルダ>tree.txt(ファイル名は任意)

で、これで実行すると
クライアントは要求された特権を保有していませんと言われてしまった。

理由

Windows VistaやWindows 7ではUACによる保護で、Cドライブのルートへのファイルの保存は制限されています。

ビルトインのAdministrator(通常は無効になっています)でログオンするかUACを無効にすれば保存が可能ですが、通常はCドライブ直下に保存せずに、フォルダの中に保存することを推奨します。

C(ルートデレクトリー)にファイルを保存しようとすると、「クライアントは要求された特権を保有して – Microsoft Answers

UACを無効にしたくないので
書き出し先をDドライブにします。

ところが
Dドライブへ移動する時cd d:\とやるとこうなる

C:Users\ユーザー名>cd d:\
[enterキー]
c:\>

あるぇ？

Dドライブへ移動するときはこうやるみたい。

C:Users\ユーザー名>cd /d d:
[enter]
d:\>

まとめると

cd /d d:
tree /f [対象フォルダをドロップ]>tree.txt
[enterキー]

d:直下にtree.txtが出来てたら完了

これ2009年くらいに話題になったらしいんだけど、全く知りませんでした。。。

ここ / jScrollPane – cross browser styleable scrollbars with jQuery and CSS
iframeも、親htmlにjsを追加するだけで(operaでマウスホイールが反応しなかったけど)スクロールバーを追加できたり
子htmlに直接jsを追加する事でマウスホイールも反応するように出来るかんじ。

練習

乱雑モックアップ｜jQueryでツイッターを取得してjscrollpaneを適用

ツイッターをjQueryで読み込む方法の参考にしたページ

jQueryでTwitterの自分のつぶやきを表示する | webOpixel

safariを使った方法

ツールバーに開発を表示させる

開発からユーザーエージェントを変更する
iPhoneのUA(ユーザーエージェント)は最初からあるので選ぶだけ。

開発 – ユーザエージェント

ログインしてみる。

UAをiPhoneにしておくとハコニワは対応してないと言われるので
ここらへんを参考にAndroidのUAに変更してみる

スマートフォンのユーザエージェントを纏めてみたよ « 色々やってみてはみる
softbankのMobile Creation / Android™ ユーザエージェント

例えばガラパゴスのUAはこれ

Mozilla/5.0 (Linux; U; Android 2.2.1; ja-jp; SBM005SH Build/E1172) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

それを

開発 – ユーザエージェント – その他
にコピペするか
UserAgents.plist

C:\Program Files (x86)\Safari\Safari.resources\UserAgents.plist

に追加して(テキストエディタで開ける)、safariを再起動させる

20110527追記
追加する場所は入れ子を間違えなきゃ
どこでもいいと思うけど、うちが入れてるのは
UserAgents.plistの一番下の

</array>
</plist>

の手前に、以下を追加

<dict>
<key>separator</key>
<true/>
</dict>
<dict>
<key>name</key>
<string>GALAPAGOS (005SH)</string>
<key>version</key>
<string>2.2.1</string>
<key>platform</key>
<string>SoftBank</string>
<key>user-agent</key>
<string>Mozilla/5.0 (Linux; U; Android 2.2.1; ja-jp; SBM005SH Build/E1172) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1</string>
</dict>

うまく追加できてればこんな感じになってるはず。

20110527追記ここまで

初ハコニワ

よくわかんない。

追記

ブラウザではタッチイベントを拾えなかったけれど
Android SDKを使うとタッチイベントを実行する事ができました。

趣旨が変わってしまったけど。

参考
Android携帯を買わずにAndroid OSをテストドライブしてみようじゃないか : ライフハッカー［日本版］

virtualAndroidが起動しないとき
シンボリックリンクの作成方法
Windows7におけるシンボリックリンク作成 « katharsis blog
これでどうでしょう。

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

こんな感じの記述です。

<!--#include file="nav.html" -->

<!--#include virtual="nav.html" -->

fileはそのファイルからのパスで
virtualはdocument rootからのパスみたい

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

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

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

やり方

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

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

2)
こんな感じに変更して

AddType text/html .shtml .html
AddOutputFilter INCLUDES .shtml .html

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

追記)
.htaccessならこんな感じ

AddType text/x-server-parsed-html .shtml .html
Options Includes

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

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

親(index.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>

子iframeがあるhtml(after.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>

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

?javascript:alert('alert');

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

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をフォーマットする)

DOS720KBみたいなのを選べばいけた。

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

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

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

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

<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>

/*すでに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>

スクリーンショット

chrome

こうなって欲しい

IE8

こうなって欲しい

Firefox

なのにこうなる

原因と解決法を考える

結論から先に書くと、上記の構成の場合
ulにdisplay:inline-block;を追加して意図した表示に出来た。

ul{
display:inline-block;
}

あれ、display:tableでも平気か？

Firefox

display追加するとこうなった。

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

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

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

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

ulにborderを付けてもmargin-topみたいな隙間は消える

border使えない時はこれじゃダメだ。

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

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

iPhone（iOS）での共有方法

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

こんな感じ

照会を選択

とりあえず、イベント表示で内容を確認。

ありがとうございます><

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

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

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

追記 / 20110403
全国の放射能濃度一覧
全国の水道の放射能濃度

こんな感じでグラフになってる

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

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

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

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

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

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

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

追記
原発に関するQ&Aまとめ
Science Media Centre of Japan | Science Media Centre of Japan
よく出来てるとの事。

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

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

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

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

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

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

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

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

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

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

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

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

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

岩上安身さんの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から引用

東京ガス ： ガスまる＆ガスミンの地震ハンドブック ／ ガスが止まったら
漏電チェックとガス漏れチェックが済んでから復旧させたほうがいいって話も。

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

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

目次

1. パーティションを分割
2. windowsアップデート
3. XP Modeのインストール
   • xpモードのネットワーク設定
   • 直接XPモードのファイルにアクセスする方法
   • win7<->xpで簡単にファイルのやり取りをしたい
4. PCIEとUSBの消費電力設定を無効
5. IPv6プロトコルを無効
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はタスクマネージャーじゃないの！？とか

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

1)パーティションを分割

Free Download Magic Partition Manager Software – Partition Wizard Online
Home 5.2 Full versionを使用
すでにOSがインストールされている状態のまま
OS上から簡単にパーティションの分割結合が出来る。

現状1TBのCドライブしか無かったので
分割して824GBのデータドライブを作成した(824GBなのは誕生日が8月24日なので)。

使い方の参考
パーティションのリサイズ・作成・コピー・変換・完全消去などが簡単にできるフリーソフト「Partition Wizard Home Edition」 – GIGAZINE

2)windowsアップデート

3回目くらいでwindows7 SP1が登場した。

3)XP Modeのインストール

Windows7のProfessional以上のエディションはXP Modeというのが使える
仮想ドライブ上で動作するWindowsXPの正規品を使う権利が付いてくるようなイメージ。

権利なだけで、機能として最初からインストールされていないので
ダウンロードしてインストールする必要がある。
Windows XP Mode のダウンロード

OSと言語を選択して
3つファイルをダウンロード、左から順番にインストール

スタート – すべてのプログラム の中に登場

Windows Virtual PCを開いててXPモードになかなか気づけなかった。
xpmodeの方をクリックするとインストールが始まる

3-1)xpモードのネットワーク設定

ネットワークアダプタが共有ネットワーク(NAT)になってると
他のPCとファイルを共有できない。

3-2)直接XPモードのファイルにアクセスする方法

Windows 7／Windows Server 2008 R2でVHDファイルを直接マウントする － ＠IT

［ディスクの管理］ツールを利用する方法
　手軽なのが、GUIで操作可能な［ディスクの管理］ツールを利用する方法だ。［スタート］－［プログラムとファイルの検索］に「diskmgmt.msc」と入力して、［ディスクの管理］ツールを起動する。

　［ディスクの管理］ツールの［操作］－［VHDの接続］メニューを選択し、［仮想ハードディスクの接続］ダイアログにマウントしたいVHDファイルを指定、［OK］ボタンをクリックする。これでVHDファイルが、空いているドライブ・レターでマウントされる。

　
アンマウントする時は
右クリックして、メニューから［VHDの切断］を選択

3-3)win7<->xpで簡単にファイルのやり取りをしたい

昔のvirtualPCはドラッグ&ドロップが出来たと思うのだけれどXPModeでは出来ない
参考 / ご存じですか? Windows 7 で使える Windows XP : XP Mode の持つメリット | マイクロソフト

でもコピペは出来るので
Windows7からコピーしてXPへペーストでまぁなんとかなってる。
XPからWindows7へもコピペ出来た。

4)PCI ExpressとUSBの消費電力設定を無効

2chまとめサイトから「挙動がおかしくなる」との事。

5)IPv6プロトコルを無効

インターネットのレスポンスがよくなるらしい
Windows 7 IPv6プロトコルを無効にする方法
以下の注意も。

但しフレッツ関連のコンテンツご利用の場合はIPv6プロトコルを無効にするとサービスを利用する事が出来なくなる恐れがありますのでご注意下さい。

6)自動ログイン

パスワードが必要ないなら
windows7 – 起動時にパスワードの入力を省略する「自動 ログイン」 – パソブル

7)ファイルの拡張子を表示させる

何かフォルダを開いて
整理 – フォルダーと検索のオプション

上の[ツール]からでもおk。

[表示]タブをクリックして
[登録されている拡張子は表示しない]をのチェックを外す

7-1）フォルダーにメニューバーを表示させる

スタート – プログラムとファイルの検索に「フォルダー オプション」（フォルダで出てくる）

[表示]タブ-常にメニューを表示する。にチェック

8)windows7の alt+tabが超邪魔

うちの環境が悪いのか、ctrl+alt+tabも拾ってしまいイラレで不便。

なのでAlt+Tab Tunerを使って過去の挙動に戻す
Download Alt+Tab Tuner 1.0.1 Free – Edit hidden settings dialog when switching windows – Softpedia

参考 / Windows 7 のショートカット キー

9)google日本語入力をXPからWindows7に移行

これはらくちんだ
Google日本語入力のオフィシャルな移行について – Google 日本語入力 公式ヘルプフォーラム

XP側
C:\Users\[ユーザー名]\AppData\LocalLow\Google\Google Japanese Input
内の以下の5つを
boundary.db
cform.db
config1.db
segment.db
user_dictionary.db

Windows7の次のフォルダーに移行する。
C:\Users\[ユーザー名]\AppData\LocalLow\Google\Google Japanese Input

10)iTunesとiPhone、iPhoneアプリの移行

手順は単純ぽいけど、何度も応答なしになったりとか反映されないとかでどうも上手くいかないまま
結果引っ越せたので余計な手順が混ざってると思う。

XP側作業

[編集] – [設定] – [詳細]タブ
[iTunes Media]フォルダーの場所を確認
[iTunes Media]フォルダーを整理とその下のやつにチェック入れてた

[ファイル] – [ライブラリ] – [ライブラリを整理]
[ファイルを統合]にチェック

Windows7側作業

こっちも
[編集] – [設定] – [詳細]タブ
[iTunes Media]フォルダーの場所を確認

このコンピューターを認証する

データを移す

ここら辺が怪しいけど
ファイルを統合した後のタイムスタンプをみて

• Musicフォルダー
• Mobile Applicationsフォルダー
• iTunesフォルダー

あたりをネットワーク経由でぶちこんだ
外部HDDなんかでもおkみたい。

iTunes/iTunes Library.itl あたりが重要みたい。

iTunesをshift押しながら起動(Macだとoptionキー)してライブラリを読み込む

この後iPhoneをさしたら応答なしになって
タスクマネジャーから終了させて再起動させたら反映されてた。

参考 / iTunes：iTunes ライブラリを外付けハードドライブにコピーしてバックアップする

11)ITuensの重複曲やデッドトラックを簡単に削除

iTnesの設定を以降したら、重複曲や、デッドトラックまでも(あたりまえだけど)再現されちゃいました。

のでChutilというwindows専用の重複曲削除ソフトを使って
iTunesに重複登録されている曲が
チョー簡単に削除できました。

機能
デッドリンク(iTunes上には存在するが、実ファイルが存在しないファイル)の抽出、削除
重複した曲を抽出、削除
曲情報の検索、置換
スクリプト機能

作者ページcnu.jp » Chutil
cnu.jp » Blog Archive » 重複したファイルを削除する使い方

登録曲が多すぎると上手くいかないという話もありますが
12000曲くらいなら問題ナシでした。
ちなみにwindows専用みたいです。

12)スタートアップの代わりにタスクスケジューラを使う

スタートアップに登録しても安定して起動してくれないアプリっちゅーのもある
あとUACの関係で管理者権限で～と毎回尋ねられて煩わしいアプリもある

例えばランチャー変えた | 乱雑モックアップで使い出した
Magic Formationや
超高速なファイル検索を可能にするeverythingなんかがそうでした。
毎回起動させたり確認するのは面倒くさいのでタスクスケジューラに登録してみる。

タスクスケジューラの使い方は
ここの説明が画像が大きくてみやすかった
タスクスケジューラに登録する Vista, Windows 7（Everything.exeをスタートアップに） » 無いモノは作る

[スタート] – [プログラムとファイルの検索] – taskschd.msc
で起動するんですね。

13)ブラウザーの設定をまるごと移す

2009-11-28 – 100%無能役 / WindowsXPからWindows7へFirefoxとThunderbirdのデータ移動を参考に
プロファイルをまるごと移動させて済ました。

Firefox

XP側
C:\Documents and Settings\[ユーザー名]\Application Data\Mozilla\Firefox\Profiles\
の中にあるプロファイル(xxxxxxxx.default みたいな名前のフォルダ、複数つくっている人はdefaultじゃなくなってる)を

Windows7側
C:\Users\[ユーザー名]\AppData\Roaming\Mozilla\Firefox\Profiles
にぶち込む。

次にProfilesと同じ階層にあるprofiles.iniをエディタで開いて
StartWithLastProfileを1から0に
Pathにコピーしたプロファイルフォルダの名前を入力

[General]
StartWithLastProfile=0

[Profile0]
Name=default
IsRelative=1
Path=Profiles/コピーしたフォルダの名前

Opera

こっちはもっと簡単
XP側
C:\Documents and Settings\[ユーザー名]\Application Data\Opera\Opera フォルダを
を
Windows7側
C:\Users\[ユーザー名]\AppData\Roaming\Opera\Opera にコピー

14)憧れだったRAMDiskを試す

Dataram RAMDisk – Windows 7, Windows Vista, XP, Server
RAMディスク – ソフトウェア – サーバメモリ製品とサービス – Dataram
これを書いている現在Version V3.5.130R17a

最初photoshopの仮想記憶ディスクに使おうかと思ったんだけど
そもそも64bitでメモリをたくさん積んでる場合
うちがやる作業内容ではスワップが発生しないので意味が無いようでした。
なので直接アプリをインストールしてみました(他にも理由があってそうしたんだけど割愛)。

以下初期設定
イ)settingタブ

ロ)作成したRAMDISKをNTFSでフォーマット

スタート – 検索 – コンピュータの管理
記憶域 – ディスクの管理

先人の教えにならってramdiskのRドライブ
NTFS、プライマリパーティションでフォーマット。

ハ)保存設定
とりあえず保存してみる。

load and saveタブをクリック
保存先と復元先を選択してsave disk image nowをクリック。

ニ)設定を保存
File – Save Setting
「ハ」はRAMDISKのデータの保存先を設定しただけ。
その設定を保存しないとすべてが水の泡。
忘れずにしておきましょう、うちは何回か忘れてやり直しました。。。

で、再起動してみてramdiskの中身が再起動後に復元されるようなら
ちゃんと設定できてるので、アプリをインストールしてみる。
インストール後にload and saveタブのsave disk image nowを押しておいた。

参考にさせてもらった使い方の説明 /
Dataram RAMDisk – Windows 64bit 版に対応したRAMディスク作成ソフト
firefoxのキャッシュをramdiskに設定する方法も記載されてます。

XPに存在した上へ戻るボタンを追加するWeeをインストール

Wee (上へ) 暫定公開ページ

XPにあった上に戻るボタンがWindows7には無くなってます
Alt+↑で上の階層に戻る事が可能だったり
もっと上の階層まで一気に移動できるようになっているから
削除されたんだと思うのだけれど

上の階層を新しいウィンドウで開く事が出来なくなったのが痛い。
非常に不便、こんな使える機能何で削ってんの？

でもってWeeを使うと上に戻るボタンが出現して、ctrl+上に戻るボタンで
上の階層を新しいウィンドウで開く事が可能に><

次回起動時にも反映させるには
タスクバーに入ってるヤツを右クリックしてログイン時に起動にチェックでおkらしいです。

はーこれはたすかる。

クイック起動はどこいった？

タスクバー上で右クリック
[ツール バー] – [新規ツール バー]

フォルダ名のところにshell:quick launchと入力するか
C:\Users\[ユーザー名]\AppData\Roaming\Microsoft\Internet Explorer\Quick Launch
を開く

非常に目立たない「Quick Launch」というのがタスクバーに表示される。

• ボタン名の表示
• タイトルの表示

のチェックを外すとクリック起動っぽくなる。
スタートボタンの左に移動させるのが一苦労。

参考：Windows 7 で「クイック起動」を表示させる方法

なんかどこかに書いたような気もする。

もうちょっと追加する予定

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

例 / positionの基準点がうまくいってない感じの表示

今気づいたけど
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を指定するようになった理由を失念してました。

今確認してみたらbottomも表示が変だった＞＜；；；なんだこれ。

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

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

operaだけvertical-align:bottomやtopをそれ以外の値で上書きできないか？

vertical-align:bottomが基本だと疑ってなかったので
問題のあるoperaだけディセンダが消える別の指定にすればいいかな？と思った

しかしoperaだけにcssを適用出来るハックってのが無いんですよね
(検索して出てくるのはopera11では対策されているのか、効き目がなかった)

で逆に考えて
「opera以外にハックで指定して、通常の指定がoperaだけに適用される」ようにすれば
operaだけvertical-align:text-bottomなんかを指定できるんじゃないか？と思ったけど
面倒なので却下。

cssua.js / CssUserAgent (cssua.js)で分岐させる

最近はてなで見かけたブラウザを判別してhtmlタグにclassを付けてくれるjs
これを使えば簡単にoperaだけにcssを指定できた。

.ua-opera img{
 vertical-align:text-bottom;
}
img{
 vertical-align:top;
}

参考 / もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳

cssua.jsの使い方はcssua.jsを読み込むだけ
cssua.jsを読み込んだページを
operaの”要素を調べる”やfirebugでソースをみると
htmlタグにclassがたくさんついてるのが確認できる。

いやでもjs使わないでどうにかならないかな？

この時点でまだopera以外もtext-bottomでいいのでは？と想像も出来てない。

aにdisplay:blockしたらvertical-align:bottom;でも問題なく表示できた。
でも全部のaにそんな指定したら困っちゃうし
rollover2.jsの範囲のaだけdisplay:blockするってのは
画像の名前だけで勝手にrolloverを指定出来るせっかくの超便利機能を制限することになるので避けたい。

display:inline-block;ならどうだろう？

block要素になればいいみたいだから指定してみたらいい感じだった。
が、いままで問題なかったsafariで
aタグテキストの上部に隙間ができてしまった。

むむむ。

そんで、じゃあそもそもvertical-alignをtext-bottomやtopにすると
どんな問題が発生するんだろう？と
検証してみてら色々こんがらがってきて
結局text-bottomで特に問題なさそうという最初に書いた結論に落ち着きそうな感じ。

*1 逆にb,d,f,h,k,lなどエックスハイト(小文字のxなどの高さ)の上ミーンライン？より飛び出した分はアセンダって名称らしい。

そのままだとutfに対応してないので
utfをコピペしようとすると文字化けしてしまうのが残念なんだけど
本家サイトにutfに対応させるプラグインがあった！

が、ダウンロードしたものの使い方に迷ったのでメモ。

本体 / CLCL
プラグインは同ページ下の
* fmt_unicode Ver 0.0.1 (2005/02/11)
UNICODE テキスト フォーマット (Windows NT4, 2000, XP以降)

設定

オプション – 形式タブ – 追加
fmt_unicode.dll を選択

オプション – フィルタタブ – 追加
右三角をクリックしてUNICODE TEXTを選択

で、使えるようになった。

最初よくわからなくて、
オプション – ツールタブ – 追加
で追加しようとしてて
“指定されたプロシージャが見つかりません”と言われて使えなかった><

というわけで
そうゆう人間がphotoshopでWebのデザインをしてる時なんかは
テキストの行送りを”自動”にすると行間が空きすぎだなーと感じるわけです(175%なので)。

よく使うフォントサイズなら150%の行間をなんとなく覚えてるんだけど、
適当な文字サイズだとすぐにわからん頭なので、
電卓打ったり適当に変更しながらやってるんですけど
どうせならどんなフォントサイズでもとりあえず150%の行間にしておいて詰めたりしたい！

で「%で行間隔を指定したら出来たりして」と
%で指定すると、0.01pixelから5000.00pixelの値を入力してください。近似値を挿入します。と叱られてしまいます。
環境設定の単位・定規で決めた文字の単位以外受け付けない、と。

でも、photoshopの事だから(自動)の元がどこかにあるはずだ！
それが

段落 – ジャスティフィケーション

ここ

あった、175％。

変更した。見やすい。

というわけで%で指定出来たー。

サイトのデザインを始める前の情報をまとめるのが、本当に鬼門。
そもそも実生活でモノや情報を管理するのが苦手な人間なので、センスはアテにならない。
よってテクニックで補いたい(しかし困ったことにテクニックで補おうとしても相当ハードルが高い)。

(準備) > 設計 > 構築

情報を分類

膨大なデータ群から、必要な情報を簡単に取り出せるように。

階層、継承、属性、価値
ツリーとヒエラルキーの違いってなんだ？
混ぜて使えるのか？使った方がいいのか

例えば、本を
文庫 / 実用書 / コミック
みたいなカテゴリーで棚に分類しておいても
新刊だけを別に集めたら
同じものが分散しちゃうけどそうゆうものなのかしら。
どのグループにも属する場合の分け方はどうするんだろう。

分類の基準

以下のページにいいことが書いてあった。

LATCH – ５つの情報の整理棚 – モジログ

LATCH – ５つの情報の整理棚

1. Location （位置）
2. Alphabet （アルファベット）
3. Time （時間）
4. Category （分野）
5. Hierarchy （階層）

情報を分類する方法はこの５つしかない、とワーマンは言っている。

その他資料メモ

IAなんか怖くない～中小規模案件で考える情報アーキテクチャの第一歩～
WCAN 2010 Summer Session-1: IA

雑感

絶対的に完璧な法則が存在するんだろうなって漠然と思っていたけど
そんなのがあればユーザーテストなんて必要ないわけで
そんな都合の良いものは無いですよね。

ブラウザの表示倍率をリセットする方法は無いかな？と試行錯誤してみました。

ちょっと調べてみるとscreen.devicexdpiってのを使うと画面のdpiがわかるみたい

参考にさせてもらったページ
javascript screen deviceXDPI, deviceYDPI, logicalXDPI, logicalYDPI
deviceXDPI Property (screen, Screen Constructor)
これでできる！ クロスブラウザJavaScript入門：第19回　CSSOM View Module解説

windowsは96でIEの表示を400%にしてる時は384。

そこに直接数字を入れたらコントロールできるかのか？と
screen.devicexdpi=96;みたいにしても反応なし。
読み取るだけなのか、使い方を間違ってるのかとにかくこの方法じゃ出来なかった。

なのでzoomプロパティを使って拡大してる分を縮小させてみる事に。
こんな感じ

function cz(){
      if (screen.deviceXDPI !=96) {
      var dxd=screen.deviceXDPI;
      var nowMagniFication=dxd/96;
      var chgZoom=1/nowMagniFication;

      document.body.style.zoom=chgZoom;
      document.body.style.width=document.body.clientWidth*nowMagniFication+"px";
   }
}
window.onload=cz;

zoomを1になるようにしても
横幅が拡大した時のサイズにあわせて変更されちゃうので
document.body.clientWidthを倍率に合わせて拡張

スクロールバーが表示されるのでbodyにoverflow-x:hidden;を指定して切捨て。
window.onloadとwindow.onresizeで呼び出してみたけど
書き方が悪いのかwindow.onresizeがあると横幅が異常に広がってしまうので削除した。

なんとなくokぽい感じがしないでもないけど
上下marginがあると拡大したままになってしまうのよね、これ。

縦のスクロールも伸びっぱなしでした。
ん～もうちょっと頑張らないと使い物にならないかなぁ。

辞書登録してあるハズの言葉が変換できなくて
おかしいな？と思ったらgoogle日本語入力がMS-IMEになってた。

google日本語入力に戻そうと、コントロールパネルの地域と言語のオプションを覗いてみると
すでにgoogle日本語入力が規定のIMEになっていた。

いいやもう一回インストールしたれとインストールしてみると
インストーラーに次のエラーが発生しました: 1603: インストール中に致命的なエラーが発生しました。とかでインストール失敗。

致命的なのか。。。

この問題に関するヘルプを表示する。のリンク先(エラー 1603 とエラー 0×00000643 : – Google ヘルプ)の解決法を試そうとしても

http://support.microsoft.com/kb/290301/ja-JP から Windows Installer CleanUp·ユーティリティをダウンロードしてインストールします。

Windows Installer CleanUp·ユーティリティがあるはずのページはoffice関連のページに書き換わってるという。

(長いから中略)

以下のページの方法で解決できた

google日本語入力がXP·SP3にインストールできません – Google 日本語入力 公式ヘルプフォーラム

[スタート] – [すべてのプログラム] – [アクセサリ] – [コマンド プロンプト] を開き、
コマンド プロンプトで

regsvr32 msimtf.dll
と入力して [Enter] キーを押します。
「msimtf.dll の DllRegisrterServer は成功しました。」と表示されることを確認。

次に、
regsvr32 msctf.dll
と入力して [Enter] キーを押します。
「msctf.dll の DllRegisrterServer は成功しました。」と表示されることを確認。

以上を実行してから、再度インストールしてみていただけますでしょうか。
よろしくお願いいたします。

Google 日本語入力チームの畠中さんは頼りになるなぁ。

ちょっと調べてみたところ、それぞれの特徴は大体こんな感じ？

無料で公開されてるインデックス型全文検索

他にもあるけど

• サイト内全文検索エンジン – Unicode版msearch
• 全文検索システム Namazu

参考:全文検索 – Wikipedia

参考1:リンケージの設定を自動化する | tanablog
上記のソースだとHOGE+連番なので
任意の接頭語+連番になるように少し書き換えて.jsflとして保存

こんな感じ。

var library = fl.getDocumentDOM().library;
var items = library.getSelectedItems();

//prompt("表示されるメッセージ", "入力されてる文字")
var myprefix=prompt("prefix", "test")

for (var i = 0; i < items.length; i++) {
//actionscriptに書き出し
  items[i].linkageExportForAS = true;
//最初のフレームに書き出し
  items[i].linkageExportInFirstFrame = true;
  items[i].linkageIdentifier = myprefix + i;
}

ライブラリの名前を活かしてリンケージさせるならこんな感じ？

var library = fl.getDocumentDOM().library;
var items = library.getSelectedItems();
var myprefix=prompt("prefixを付けるなら入力", "test")

for (var i = 0; i < items.length; i++) {
  items[i].linkageExportForAS = true;
  items[i].linkageExportInFirstFrame = true;
  items[i].linkageIdentifier = myprefix + items[i].name;//ここを変更
}

リンケージを解除するjsfl[引用]

var library = fl.getDocumentDOM().library;

library.selectAll();
library.setItemProperty("linkageExportForAS", false);

プロンプトでラジオボタンみたいなのを表示させて処理を分岐させるにはどうしたらいいんだろう。

参考2:Flashの拡張機能(pdf)

使い方メモ

[コマンド] – [コマンドの実行]からか
作成した.jsflを以下に保存するとツールバーのコマンド内に出現する

xpの場所

C:\Documents and Settings\[ユーザ名]\Local Settings\Application Data\Adobe\Flash CS3\ja\Configuration\Commands

参考3:jsflのすすめ – yama-ko.net blog

ツイッターみてたらiOS4.2が来てたみたいでダウンロードしてインストールした
iPhoneはどこが変わったのかよくわからなかったけど
今回のアップデートでiPadが色々便利になるみたいで良かったねぇなんて思ってましたが
MobileMeの目玉機能だった紛失したiPhoneの行方を探す機能が無料アプリになって公開されてた
iOS4.2以降で使えるみたい。

参考リンク
AppStore – iPhoneを探す
アップル – 「iPhoneを探す」機能のセットアップ

わー使ってみたかったんよ、これ。
MobileMeのアカウントは持ってないので上のセットアップを参考に登録してみる。
設定 – メール/連絡先/カレンダー – アカウントを追加…からmobilemeを選択してApple IDを登録。

するとあれ？

え？どゆこと？
と思ってアプリの説明の詳細を見てみたら(詳しい情報をクリックしたら英語でiPhoneから読む気にならなかったので)下記の注意書きが。

無料「iPhoneを探す」機能を使用するには iOS 4.2 が実行されている iPhone 4、 iPad、第 4 世代 iPod touch が必要なんですって。

ありがとうございました。こちとらバリバリ3Gですよ(^c_,^

元々キーボードの調子が悪くctrlとかshiftとかzとかcとかvが反応しなくなるときがあるので、上のツールバーから[挿入 - イメージ]を押してみるがこっちも反応がない。
あるぇ？

でタブっぽいところのアイコンから画像を挿入しようと思ったら下の画像のようになってた。

い、いつから！？

文字化けした部分の名前がわからなくてうまく検索できなかったが
Application Data\Adobe\Dreamweaver CS4\ja_JP\Configuration\Objects\insertbar.xml
がこの挿入アイコンの中身みたい、開いてみたら同じようにテキストが化けてた。

文字コードがSJISだったのでutf-8に変更したら文字化けが治った。
中身も違っていたのでinsertbar.xml自体削除してDreamweaverを再起動したら治った。

その後Ctrl+Iとツールバーからの画像挿入は一発目はできなくて、復活したinsertbarのアイコンから一度画像を挿入したらCtrl+Iとツールバーからも挿入できるようになった。

いつから化けてたのか記憶がないんだけど、adobeからダウンロードしたYUIの拡張がいけなかった気がする。

原因は判らないのだけれど、直近の操作で思いつくのがこの投稿のhtml5関係の拡張を重ねて入れたりした事。

その際ja_JP\Configuration\TagLibraries内のファイルを上書きしますか？みたいな事を聞かれたので、何回か入れたり外したりしてる間に壊れてしまったのかしら。

とりあえず解決させた方法
ja_JP\Configuration\TagLibrariesをリネームしてDwを再起動し新しくTagLibrariesを作成させたらxhtmlシンタックスをするようになってくれました。

その後また拡張を入れたり外したり入れたりしてもこの現象は再現できんかった。
何が起きたんだろう。
[追記ここまで / 20101112]

HTML5 Pack for Dreamweaver CS3 and CS4を入れてみたけど、すでに丸山さん作のhtml5_tag_suites_v050.zipが入っているのでようわからんかった。

それよりも！

昨日作った接頭辞付きCSS3プロパティー同時挿入コードヒント拡張機能をバージョンアップしました。のcss3_setwithprefix_v110.zipがなんだか素敵そう。

Dreamweaver8以降に対応で、ヒントリストの語尾に「＋」のあるプロパティを選択すると、Firefox、Safari、Operaのプレフィックス付きプロパティが同時に挿入されるそうな。

早速試してみたところ、border-radiusがborder-raまで入力しないと表示されず。
+付きはスクロールバーを摘まんで下のほうにあった。
あるぇ？

blogを読む限りborと入力したあたりで出てきそうなので、こちらの環境に問題があるんだろうなぁ。
他のmxpとぶつかってるんだろうか。

とりあえずcodehint.xmlを編集して順番を変えればいいのかな？と思い
Program Filesの onfiguration\CodeHints\CodeHints.xml を開いたけど見当たらない。
よく探してみたらDocuments and Settingsの configuration\CodeHints\CSS3_hints.xml で発見。

うちには手に負えない領域ですた。

for (var i = 1; i<=thumbmax; i++) {
 this["thumb"+i].num = i;
 this["thumb"+i].onRelease = function() {
  if (flag == "off") {
   _root.container_dummy.attachMovie("container", "container", 1);
   _root.container_dummy.container.photo_root.attachMovie("p"+this.num, "photo", 2);
   _root.flag = "on";
   //
    _root.container_dummy.container.photo_root.photo.x_button.onRelease = function() {
    if (flag == "on") {
     remove();
    }
   }
  }
 }
}

_root.container_dummy.container.photo_root.photo.x_button.onReleaseとか長すぎる。
こんな風にすると短く指定出来た(5～6行目あたり)

for (var i = 1; i<=thumbmax; i++) {
 this["thumb"+i].num = i;
 this["thumb"+i].onRelease = function() {
  if (flag == "off") {
   var at_c = _root.container_dummy.attachMovie("container", "container", 1);
   var at_p = at_c.photo_root.attachMovie("p"+this.num, "photo", 2);
   _root.flag = "on";
   //
   at_p.onRelease = function() {
    if (flag == "on") {
     remove();
    }
   }
  }
 }
}

別ドメインのhtmlに手を加えずに出来たら、確実に嬉ションしちゃうけど難しいみたいすなぁ。

構成

www.foo.com/home.html, which iframes
 └＞ www.bar.net/framed.html, which iframes
            └＞ www.foo.com/helper.html

記述例

www.foo.com/home.html

<script>
  // Resize iframe to full height
  function resizeIframe(height)
  {
    // "+60" is a general rule of thumb to allow for differences in
    // IE & and FF height reporting, can be adjusted as required..
    document.getElementById('frame_name_here').height = parseInt(height)+60;
  }
</script>
<iframe id='frame_name_here' src='http://www.bar.net/framed.html'></iframe> 

www.bar.net/framed.html

<body onload="iframeResizePipe()">
<iframe id="helpframe" src='' height='0' width='0' frameborder='0'></iframe>
<script type="text/javascript">
  function iframeResizePipe()
  {
     // What's the page height?
     var height = document.body.scrollHeight;
     // Going to 'pipe' the data to the parent through the helpframe..
     var pipe = document.getElementById('helpframe');
     // Cachebuster a precaution here to stop browser caching interfering
     pipe.src = 'http://www.foo.com/helper.html?height='+height+'&cacheb='+Math.random();
  }
</script> 

www.foo.com/helper.html

<html>
<!--
This page is on the same domain as the parent, so can
communicate with it to order the iframe window resizing
to fit the content
-->
  <body onload="parentIframeResize()">
    <script>
      // Tell the parent iframe what height the iframe needs to be
      function parentIframeResize()
      {
         var height = getParam('height');
         // This works as our parent's parent is on our domain..
         parent.parent.resizeIframe(height);
      }
      // Helper function, parse param from request string
      function getParam( name )
      {
        name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
        var regexS = "[\\?&]"+name+"=([^&#]*)";
        var regex = new RegExp( regexS );
        var results = regex.exec( window.location.href );
        if( results == null )
          return "";
        else
          return results[1];
      }
    </script>
  </body>
</html> 

追記

結局iframe先のページに書き込むの事に代わりがないのなら
window.postMessage() を使って、クロスドメインの iframe の高さを設定する検証 – 写経日記の方がシンプルで素敵だ。

でもwindow.postMessage()というのを使っているので
以下のように(見よう見まねで)window.attachEventを追加してもIE7以下は広がらなかったです。

構成

www.foo.com/parent.html
 └＞ www.bar.net/iframe.html

parent.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">
if (window.addEventListener) { //for W3C DOM
    window.addEventListener("message", receiveSize, false);
} else if (window.attachEvent) { //for IE
window.attachEvent("onmessage",receiveSize);
}
    function receiveSize(e) {
        if (e.origin === "http://www.bar.net/") // for security: set this to the domain of the iframe - use e.uri if you need more specificity
            document.getElementById("bar").style.height = e.data + "px";
    }
</script>
</head>
<body>
<iframe id="bar" src="http://www.bar.net/iframe.html" scrolling="no" > </iframe>
</body>
</html>

www.bar.net/iframe.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<script type="text/javascript">
if (window.addEventListener) { //for W3C DOM
    window.addEventListener("load", postSize, false);
}else if (window.attachEvent) { //for IE
window.attachEvent("onload",postSize);
}
    function postSize(e){
        var target = parent.postMessage ? parent : (parent.document.postMessage ? parent.document : undefined);
        if (typeof target != "undefined" && document.body.scrollHeight)
            target.postMessage(document.getElementById("foo").scrollHeight, "*");
    }

</script>
</head>
<body>
<div id="foo" style="height: 1500px; background:red;"></div>
</body>
</html>

このjs最後にクリックした要素をcookieに保存して
ページ変移後に最後にクリックした要素を開いた状態で移動出来るという便利なオプションがあるんだけど
子を持たない親だけのメニューが混ざっていると、
最後に子メニューを持った親をクリックした場所を記憶してしまい
ページ変移後に変なところが開いてしまう(分かりづらいと思うけど)
みたいな面倒な感じだったので途中経過をメモ。

多分すべての要素が子階層を持っているなら問題は無いのだけれども。

ddaccordion.jsを適用したメニュー

<ul id="dd_nav">
 <li><a href="#" class="dd_navheader">親メニュー1</a>
  <ul class="dd_child">
   <li><a href="#">子メニュー</a></li>
   <li><a href="#">子メニュー</a></li>
   <li><a href="#">子メニュー</a></li>
  </ul>
 </li>
 <li><a href="#" class="dd_navheader">親メニュー2</a>
  <ul class="dd_child">
   <li><a href="#">子メニュー</a></li>
   <li><a href="#">子メニュー</a></li>
   <li><a href="#">子メニュー</a></li>
   <li><a href="#">子メニュー</a></li>
   <li><a href="#">子メニュー</a></li>
   <li><a href="#">子メニュー</a></li>
  </ul>
 </li>
 <li><a href="#">子なしメニュー1</a></li>
 <li><a href="#" class="dd_navheader">親メニュー3</a>
  <ul class="dd_child">
   <li><a href="#">子メニュー</a></li>
   <li><a href="#">子メニュー</a></li>
   <li><a href="#">子メニュー</a></li>
   <li><a href="#">子メニュー</a></li>
   <li><a href="#">子メニュー</a></li>
  </ul>
 </li>
 <li><a href="#">子なしメニュー2</a></li>
</ul>

/*cssはあまり関係ないけど*/
#dd_box {
 width:438px;
 padding:20px;
 border:1px solid #E9E1CB;
 background:#FCFBF8;
 color:#fff;
 border-radius: 3px;

}

#dd_nav {
 font-size:80%;
 width:190px;
 background:#000;
 padding:7px 0;
 margin:0 auto;
border-radius : 4px;
 -moz-border-radius:3px;
}
#dd_box a {
 color:#fff;
 text-decoration:none;
 display:block;
 padding:0 10px;
 background:none;
 border:none;
}
/* 親 */
#dd_box li a {
 height:30px;
 line-height:30px;
 background:#000;
}
#dd_box li a:hover, #dd_box .chked { background:#1A4395; }
/* 子 */
#dd_box li li a {
 height:20px;
 line-height:20px;
 padding-left:2em;
 background:#252525;
}
#dd_box li li a:hover { background:#173267; }
#dd_box li { border-top:1px solid #555; }
#dd_box li,#dd_box li li,
#dd_box ul ul{
 list-style:none;
 padding:0;
 margin:0;
}

子メニュー無しのページにはclassかidを付けて、それが無ければすべてを閉じるようにした

例えば子メニューが無いページに.dd_childを付けておく
onloadで.dd_childががあるか無いか調べて、みつかったらアコーディオンを閉じる

window.onload=function(){
  var keywords="dd_child";
  var elems = document.getElementsByTagName("*");

  for(var i=0;i<elems.length;i++){
  //	alert(elems[i].className);
    if(elems[i].className==keywords){
      ddaccordion.collapseall('dd_navheader');
    }
  }
}

とりあえずポスト

つまり、コンテンツの中身が足りない時はフッターをブラウザ(ウィンドウ)下部に固定したい。

DEMO / コンテンツ量が少ないページでも、フッターをブラウザ下部に表示させるテスト。

試してみたhtml構造

div#wrap>div#top+div#header+div#contents+div#footer

指定したcss

html, body { height:100%; }
#wrap { position:relative; min-height:100%; background:#f33;/*確認用*/}
#contents { padding:1em 0 3em;/*コンテンツとフッターの位置調整*/ }
#footer { position:absolute; bottom:0; left:0; width:100%; height:3em; line-height:3em; }

全体を包むdiv#wrapの最低限確保する高さを100%にして
#footerをbottom:0に絶対配置。

これで問題ないかな？
なにか見落としてる気がしてならない。

出来たら#wrapのheightを100%にしたいんだけど
そうするとスクロールした時に#footerが移動しちゃう。

あと各ブロック毎に横幅いっぱいの背景を指定するのに

div#wrap>div.inner

みたいにした。
ソース見づらい。

このサイトの持ち主が
(印刷時に)必要ない情報が入り込んでいても
モニタに表示された状態のまま印刷したい
という考え方だった場合
media属性にprintを追加する事になるとおもうんですが

そのまま印刷すると以下のように
IE6で右側が切れちゃったりします。

そんな時にはzoomを使えばいいよって話。

以下、実際の記述

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

* html body{zoom:75%;}

* htmlはIE6以下に効かせるハック
IE7からは縮小して全体を印刷させられるので必要なし。

上記cssを追加すると
こうなりました。

知らない事が多すぎるなぁ。

例えば、aタグをdisplay:block;すると、クリック出来る範囲が広がるのでリンクが押しやすくなってちょっと優しかったり
背景をうまいこと操ってテキストなのにリッチなメニューを作れたりするのでご存知かと思いますが

ある要素内のテキストにaをdisplay:blockしてpaddingで広げる仕様のリンクが入ったり入らなかったりする下のようなhtmlとcssがあった場合,

<dl>
  <dt>dt / リンクなし</dt>
  <dd><a href="#">dd / リンクあり</a></dd>
  <dt><a href="#">dt / リンクあり</a></dt>
  <dd><a href="#">dd / リンクあり</a></dd>
</dl>

リンクのないdtにもpaddingをつけてレイアウトを揃えようとして、対策を何もしないと

dt {
  padding:10px;
  background:#09c;
}
dt a {
  display:block;
  padding:10px;
  background:#ace;
}
dd a {
  display:block;
  padding:10px;
  background:#f7f7f7;
}

dtのpaddingとdt aのpaddingでdt aのレイアウトが揃わない。

理想としてはこうしたいのが心情。

簡単にどうにかする方法がないかなとちょっと考えてみた。

ネガティブマージンを追加すると

まず、一番最初に思いついたのがネガティブマージン。
dt aにmargin:-10px;みたいなのを追加してみると

dt {
  padding:10px;
  background:#09c;
}
dt a {
  display:block;
  padding:10px;
  margin:-10px; /* ←追加 */
  background:#ace;
}
dd a {
  display:block;
  padding:10px;
  background:#f7f7f7;
}

いきなり出来た(blogのcssを上手くリセットできてないのでmarginがちょっとおかしいけど)。

と思ったけど、IE6-7でみたら下記のように全然ダメだった。ちくしょう。

(デタラメに)IE対策してみた

どうせhasLayoutでどうにかなんでしょ？とか適当なノリでzoom:1;を追加したり。

dt a {
margin:-10px;
/position:relative;/*IE6-7*/
/margin-top:-13px;/*IE6-7 なんかmargin-topに3pxの隙間が出てたから3px多めにした */
}
dd a {
/zoom:1;/*IE6-7 これがないとdt a以下のdd aのdisplay:blockが範囲はあるのに反応しなかった */
}

結果

検証ページ-1

上記「IE対策してみた」に不具合があったみたいなので追加+もう一回

よく判らない3pxの隙間を、hack使って無理やり余分なmargin分無かったことにするのっていくら何でも無いよなぁと思っていたら、@ethertankさんからこんなツイートが。
(ソースの不恰好という話とは別な問題で)タブ移動時に表示が崩れる事があるそうな、そんでもってこうゆう風にしたらよくなりますよとわざわざサンプルまで作ってくれました＞＜感謝。
ネガティブマージンによる領域拡張

さっそく参考にさせてもらうと

dt,dd,
dt a,dd a {
/position: relative;
/zoom: 1;
}

親にも指定するのがキモなのかな？余分なmargin指定がなくなってますね。
あとhoverに着色してあるからクリック出来る範囲が広がっているのを分かりやすく確認出来ますわ、うちもこうしておけば良かったのに気がきかなかったなぁ、パクろう。

overflow:hidden

でもってちょっと上で書いたけど前回の無理やりな記述は無いなぁと思っていたので自分なりに別の方法試してみました。

そもそもなんでposition:relative;にしたんだろう？
前々回のネガティブマージンでハミ出した要素がIE6で切れたら。で使ってみたのが頭の隅にあったからかな？
とりあえずこれから離れてみよう。

そうすると次はoverflow:hidden;とかdisplay:inline-block;とかかな、なんとなく。
overflow:hidden;はclearfixの変わりに使えたりするし。

余分なmarginを指定しないように、こんな感じで描いてみた。
検証ページ-2

今度は大丈夫そうだけどどうだろう。

dt {
  padding:10px;
}
dt,dd {
  /zoom:1; /*IE6-7用*/
  /overflow:hidden; /*IE6-7用*/
}
dt a,dd a {
  display:block;
  padding:10px;
}
dt a {
  margin:-10px;
}

ちなみにhasLayoutはzoomでtrueになるみたいだけど
position: relative;でfalseになるそうな。

hasLayoutメモ | CSS | understandard.net

hasLayoutの値をtrueにする指定

プロパティ	値
display	inline-block
float	left もしくは right
height	any value
position	absolute
width	any value
writing-mode	tb-rl
zoom	any value

hasLayoutの値をfalseにする指定

プロパティ	値
display	block もしくは inline
float	none
height	auto
position	static もしくは relative
width	auto
writing-mode	lr-tb
zoom	normal

operaの場合

アドレスバーに以下を入力してenterするとopera6.ini 設定を変更するためのウェブページが開く。

opera:config

Opera の設定ファイルの解説

fontの設定をデフォルトに戻したかったのでFontsのデフォルトをクリックしてみるとh1~h6はＭＳ Ｐゴシックがデフォルトだったみたい(うちの環境では)。
デフォルトでは何も指定してくれていない方が助かるんだけどな
空白にして保存したらもしかして？と思ってやってみたけど再起動したら空白にする前の設定が復元された。ちぇ。

22,7,0,0,0,0,ＭＳ Ｐゴシック みたいにフォント名の前に数字がズラズラと書いてあるけどその意味は
フォントサイズ,ウェイト / 2(細字)｜4(通常)｜7(太字),イタリック(0｜1),下線(0｜1),上線(0｜1),打消線(0｜1),フォント名 みたい

firefoxの場合

アドレスバーに以下を入力してenterすると設定ページが開く

about:config

しかしopera程わかりやすいものじゃない。

とりあえずフィルタに「font」と入力して状態でソートしたらユーザー設定が上に来た、右クリックしてリセットすると初期化される。

もう一つ、セーフモードを通してリセットする方法
設定のリセット

こっちは試してないです。

safariの場合

ブラウザ右上の歯車アイコンに設定のリセットがあるけど、ここからfont設定を初期化できないみたいなので設定ファイルを消す。
C:\Documents and Settings\[ユーザー名]\Application Data\Apple Computer\Preferences\com.apple.Safari.plist を削除(リネーム)

safariを最初に立ち上げた時のムービー(html5css3で出来てるんだっけ？)がまた見れた。

chrome

C:\Documents and Settings\sakura-chiro-haiji\Local Settings\Application Data\Google\Chrome\User Data フォルダを削除(リネーム)
エクステンションやらブックマークとか全て初期化される。

webkit系は任意の設定だけ初期化する簡単な方法がわからんかった。
[追記 / 20100829]
chromeにもfirefoxみたいなabout:～があるんですね
アドレスバー – Google Chrome まとめWiki(サーバの障害対応中らしいのでキャッシュへリンク)

見逃してるだけかもしれないけどピンポイントでフォント設定を初期化する方法は見当たらなかった。

*1
Ctrl+F12(メニュー – 設定 – 設定) – 詳細設定タブ – フォント をみると[見出し<h1>～見出し<h6>]あたりがMS Pゴシックになってる。

しかしアンチエイリアスが掛からないフォントの文字の細さと、等倍フォントがどうにも見づらくてて苦手なため、あえてプロポーションフォントのメイリオを使い続けてきました。
(メイリオは「,」(カンマ)と「.」(ドット)や「:」(コロン)と「;」(セミコロン)の判別はしやすい気がするし)

そんな風にすごく満足してたわけでもないけど、すごく不満があったわけでもなくやってきたというのに、ここにきてなぜか急に等倍フォントを使ってみたくなり(苦手だった食材を時が経って根拠もないのに食べられるようになったんじゃないか?と試したくなる気分に似てる)
メイリオ 『ことば・その周辺』を参考にMeiryoKe_Consoleに変更してみました。

これ。

MeiryoKeはメイリオの改造フォントらしいです。
上記サイトに入手方法やら作成方法やらが詳しく載ってます。

他にも

しばらく使ってみたけど慣れてきたのでもう少しこのままいこうかと思います。

animations

animationプロパティの特徴とか感じた事とか

• ループ出来る。
• keyframesを使って細かい設定が出来る。
• hoverで動かすとマウスが外れた時すぐに初期状態に戻るのが格好悪い。
• なのでループでずっと動かしているか、javascriptと絡めたりした方がいいのかな？と思ったり

animation使用例

webkit系のブラウザのみ動作します。

ほら、マウスが外れた瞬間ガチっと初期位置にもどるのが格好悪いでしょう？

html

  <div class="ani1 example">
    <ul>
      <li class="ease">ease</li>
      <li class="linear">linear</li>
      <li class="ease-in">ease-in</li>
      <li class="ease-out">ease-out</li>
      <li class="ease-in-out">ease-in-out</li>
    </ul>
  </div>

css

/*キーフレームはアニメーションの設計図みたいなものだと思ってます*/
@-webkit-keyframes 'ani1' {
0% {
-webkit-transform: translate(0, 0);
}
25% {
-webkit-transform: translate(75%, 100%);
}
50% {
-webkit-transform: translate(50%, 50%);
}
75% {
-webkit-transform: translate(25%, 100%);
}
100% {
-webkit-transform: translate(100%, 0%);
}
}

.ani1:hover li {
  -webkit-animation-name: 'ani1'; /*キーフレームを指定*/
  -webkit-animation-duration: 1s; /*処理にかかる時間、単位はs、これは1秒*/
  -webkit-animation-direction:alternate; /*偶数回時に逆再生させる*/
  -webkit-animation-iteration-count: infinite; /*ループ回数の指定、これは無限*/
}

/*animationのイージング*/
.ani1 li.ease {
  -webkit-animation-timing-function: ease;/*イージングの種類*/
}
.ani1 li.linear {
  -webkit-animation-timing-function: linear;/*イージングの種類*/
}
.ani1 li.ease-in {
  -webkit-animation-timing-function: ease-in;/*イージングの種類*/
}
.ani1 li.ease-out {
  -webkit-animationn-timing-function: ease-out;/*イージングの種類*/
}
.ani1 li.ease-in-out {
  -webkit-animation-timing-function: ease-in-out;/*イージングの種類*/
}

animation-timing-functionはkeyframesの中でも指定できたり色んなところに記述できる？

ショートハンドを使ってみる

CSS Animations Module Level 3を参照すると以下の記述でショートハンドになるそうな。

[<animation-name> || <animation-duration> || <animation-timing-function> || <animation-delay> || <animation-iteration-count> || <animation-direction>] [, [<animation-name> || <animation-duration> || <animation-timing-function> || <animation-delay> || <animation-iteration-count> || <animation-direction>] ]*

読み方(w3cが解説に使う記号の意味)がイマイチわかってないけど、.ani1:hover liの指定をショートハンドで書き直すとこんな感じ？
[]内の値が順番関係なしで重複しなければok？
でもそしたらdurationとdelayの区別はどうやってつけてるんだ？先に登場するほうがdurationなのかな。

.ani1:hover li {
-webkit-animation:'ani1' 1s infinite alternate;
}

動作確認

transitions

transitionプロパティの特徴とか感じた事とか

• ループさせられない。
• 変更前と変更後の2つをいったり来たりするので手軽に動きのあるロールオーバーメニューが作れる
• これ好きだな。

transition使用例

html

  <div class="tra1 example">
    <ul>
      <li class="ease">ease</li>
      <li class="linear">linear</li>
      <li class="ease-in">ease-in</li>
      <li class="ease-out">ease-out</li>
      <li class="ease-in-out">ease-in-out</li>
    </ul>
  </div>

css

.tra1 li {
  -webkit-transition-duration: 1s;
}
.tra1:hover li {
  -webkit-transform: translate(100%, 0);
}

/*transitionのイージング*/
.tra1 li.ease {
  -webkit-transition-timing-function: ease;
}
.tra1 li.linear {
  -webkit-transition-timing-function: linear;
}
.tra1 li.ease-in {
  -webkit-transition-timing-function: ease-in;
}
.tra1 li.ease-out {
  -webkit-transition-timing-function: ease-out;
}
.tra1 li.ease-in-out {
  -webkit-transition-timing-function: ease-in-out;
}

ショートハンド

animationsと同じでtransitionsのページを参考に
CSS Transitions Module Level 3

<p>[<‘transition-property’> || <‘transition-duration’> || <‘transition-timing-function’> || <‘transition-delay’> [, [<‘transition-property’> || <‘transition-duration’> || <‘transition-timing-function’> || <‘transition-delay’>]]*</p>

この例だと特に使う必要がないけどこんな感じ？

.tra1 li {
  -webkit-transition: 1s;
}
.tra1:hover li {
  -webkit-transform: translate(100%, 0);
}
/*transitionのイージング*/
.tra1 .ease {
  -webkit-transition-timing-function: ease;
}
.tra1 .linear {
  -webkit-transition-timing-function: linear;
}
.tra1 .ease-in {
  -webkit-transition-timing-function: ease-in;
}
.tra1 .ease-out {
  -webkit-transition-timing-function: ease-out;
}
.tra1 .ease-in-out {
  -webkit-transition-timing-function: ease-in-out;
}

durationがないと上手く動かないな。

もしくはこんな感じ？

.tra1:hover li {
  -webkit-transform: translate(100%, 0);
}
/*transitionのイージング*/
.tra1 li.ease {
  -webkit-transition:1s ease;
}
.tra1 li.linear {
  -webkit-transition:1s linear;
}
.tra1 li.ease-in {
  -webkit-transition:1s ease-in;
}
.tra1 li.ease-out {
  -webkit-transition:1s ease-out;
}
.tra1 li.ease-in-out {
  -webkit-transition:1s ease-in-out;
}

もう少しシンプルな書き方が出来そうだけどなぁ。

transform

animationのkeyframesやtransitionの中で出てきたtransformは要素を変形させるプロパティでFirefoxも3.1から対応してるんですって(-moz-が必要)
参考 / CSS3大接近：第3回　transformプロパティ｜gihyo.jp
skew(ゆがみ)とかscale(拡大)とかrotate(回転)とかあってtransalteは移動。

translate(x座標, y座標)

機能	移動
初期値	0
値	ポジティブ，ネガティブどちらも可 ・％ ・相対値(emなど)，絶対値（pxなど）
適用できる要素	・ブロックレベル要素 ・インラインレベル要素
継承	なし（親要素に指定しても子要素に継承されません）
記述例	Firefox3.1betaの場合： ・-moz-transoform:translate(xxdeg); ・-moz-transoform:translateX(xxdeg); ・-moz-transoform:translateY(xxdeg); Webkit系（Safari3.1，Webkit,Google chromeの場合： ・-webkit-transform:translate(xxdeg); ・-webkit-transoform:translateX(xxdeg); ・-webkit-transoform:translateY(xxdeg);

参考

CSS Animations Module Level 3
CSS Transitions Module Level 3

CSS 2D Transforms Module Level 3
CSS 3D Transforms Module Level 3

しかし毎日暑いですねぇ…

わからんといっても、段落には形式段落と意味段落の2種類があることや、それぞれの概念も一応知ってるつもり。
しかしそれでもイマイチ段落というものがどうしたら適切になるのかよくわからんのですよ。

意味段落をフィーリングでしか片付けられない。

わからんわからん言っても少なからず文章は書いてきたわけで、じゃあ今までどうやってきたのか？と過去を振り返ってみるとやっぱりフィーリング。
それと嗜好。

例えばその昔、次のような出来事がありました。

「あんたの書く手紙の文章が誰かに似ていると思っていたんだけどわかった、原田宗典っていう最近はエッセイばっかり書いてるけど小説家の文章に似てるんだ、読んだ事ある？」とたずねられた事があって、「読んだこと無いし誰だかしらん、どこが似ているのか？」と答えたら「大雑把に言うと文章に句読点というか読点があまりないところ」とのこと。

当時はなぜか読点(、)が嫌いだったのと、文章によくわからん勢いを持たせたくて区切りのわからない文章を書いていたので、たしかに上で言われたような書き方をしてた。

不思議な事に、そんな書き方をしていても(日本語で？)紙に書く手紙だと普通に読めてとくに読みづらくなりもしないみたい、言い回しが関係してくるのかもしれないし内容がないからなのかもしれないけど。

けどそのノリでメールを書いたり、フォーラムで質問したり回答したり、blogに文章を書くとこれがうまいこといかない(というか、うまいこといってない手応えを感じる)。
自分でも見づらいし。

徐々にメールは短文になり、質問などは細かく説明するようになって(気力と時間がある時は)文節が長くなって、blogの時はいまだにどうしたらいいのかわからないまま。

でもってWebサイト作成時の話

時代やhtmlの習熟具合によって変化してきた。
なぜなら最初は<p>(paragraph)の存在すら知らなかったので例に漏れず<br>の連続だったような気がするけど、詳しい事は覚えてない。

Web制作とは直接関係ない仕事でWebサイトを編集するようになってから(文章のルールが決められていない場合)は、句点(。)で改行が入ると個人的に見やすいような気がしたので句点ごとに<br>、これが形式段落。
1行分のスペースが開いたら意味段落だと思って<br>の連続で意味段落としてた、多分まだ<p>タグを知らない酷い話。

Web制作の会社に就職して、独学でHTMLを勉強してWeb標準っちゅー流れがある事を知ったり、lintで文法をチェックするようになったり、アメブロによくある改行を多用してるブログに嫌悪感を持つようになったり、観覧者のブラウザサイズは一定じゃないのに何かに合わせて改行をコントロールするのはどうなんだろう？と考えたりしてるうちに<br>を使う事に抵抗を感じるようになって句点(。)ごとに<p>を使うようになる。
しばらくそんな状態でやってきて今も基本は全部<p>だけど、<br>で形式段落、<p>で意味段落か形式段落に落ち着いた感じ。
結局、意味段落はここは意味の繋がりがあるよねってフィーリングのまま。

段落とかパラグラフとか

段落について調べて(検索)していくと、日本語には元々段落というものは存在しなかった的な話があったり面白い(Ted’s Coffeehouse 2: 日本語文章においての段落概念の欠如 (The Lack of the Paragraph Structure in Japanese Writing))

例えば『源氏物語』にはパラグラフ構造がなく、始めから最後までのっぺらぼうに続いており、日本の古典はすべてそうである、といっている。現在印刷されている古典にパラグラフの形が見られるのは、後の編集によるものであろう。

パラグラフって何だろう？

文章の節または段落。みたいな説明をよくみる。
または、トピックであったり、ひとつのテーマだったり、論点だったり主張だったり。

なるほどなぁと思った説明があったので引用させてもらうと。
パラグラフについて書いた外山滋比古。パラダイムのシゲルちゃんじゃないからね。（日本人と西欧人の思考形式の違いかぁ、一応なるほどだけど・・・） – Comments by Dr Marks

確かに「パラグラフとは段落のこと」である。そして、その段落とは文章の区切りであり、字下げ（indentation）や行を空けることによって区切られた文（sentence）のまとまりである。また、それぞれの文のまとまりは、一つ一つの段落の中で意味やアイディアが完結している。したがって、この最後の点が日本語の段落とは様相を異にする。

日本語の段落は、国語学者によって形式段落と意味段落という区別が試みられたように、普通は一つの（外形的・形式的）段落が意味やアイディアを完結することがない。一般的には日本語の段落はすべて形式的な（つまり字下げや行空けがあるだけで）段落に過ぎず、意味やアイディアが完結していない。意味やアイディアが完結するためにはいくつかの形式段落を繋ぎ合わせなければならない。そして、意味としてあるいはアイディアとして一まとまりになった（完結した）段落を無理に意味段落と呼んでいる。

したがって、日本語の見かけ上の段落（形式段落）は短く切れ切れであるが、英語のパラグラフであれば、見かけ上の段落（形式段落）と意味のまとまりの段落（意味段落）が合致するため、日本語の段落よりはるかに長くなる。（英語のパラグラフはすべて意味段落。）どうして日本語の段落が形式的で短いかということについては諸説ある。どうやら、英語の段落のように長い日本語は読みにくくなるらしい。これは確かにそうで、余も日本語のブログの段落は短い形式段落を採用している。

最初の「紙に書いた文章の読みやすさが変わらないようだ」云々は、句読点はないけど見かけ上のまとまりがあったからとか、読んでる人達が段落にこだわりがなかったからとか、短い文章だったからとか、社交辞令だったとかの理由が考えられるのかな？

Webの場合、日本語の段落として扱うより英語のパラグラフとして扱った方が自然ぽい。

パラグラフ・ライティングとトピック・センテンス

そうすると(うちはよく知らないんだけど)英文の定番らしいパラグラフ・ライティングとトピック・センテンスを使えば論理的な文章を自然なマークアップで記述できるようになるのかな？

パラグラフライティングの参考

第３回プロから学ぶ「わかりやすい文章の書き方」
実践！作文研究～メールマガジン・第190号
パラグラフライティングとトピックセンテンス | SEO 検索エンジン最適化 ソーシャルニュース

トピックセンテンスの参考

「トピック・センテンス」とは何か
トピックセンテンス（小論文の書き方）
実践！作文研究～メールマガジン・第194号

問題は

すでにある変更できない(そしてパラグラフ・ライティングとトピック・センテンスを踏まえていない)文章は、どのようにマークアップしたら適切になるのか？
なんだけど、やっぱりフィーリングなの？

ちなみに現在使っているgoogle日本語入力のバージョンを調べるには
「ばーじょん」と入力して変換するといいみたい。
_例
GoogleJapaneseInput-0.13.521.0

————————-
うちの環境だと、google日本語入力をいれると(使うように設定していると)、Dreamweaverのコードヒントでcolorやbackground-colorのカラーピッカーが表示されなくなってました。
Dreamweaverでcolorやbackground-colorのコードヒントのカラーピッカーが表示されない | 乱雑モックアップ

久しぶりにその時のフォーラムを見ると、Google 日本語入力チームの方がとりあえずの解決策を書き込んでくれてました。
Dreamweaverでcolorやbackground-colorのコードヒントのカラーピッカーが表示されない – Google 日本語入力 公式ヘルプフォーラム

Windows XP Service Pack 3 の Text Service Framework (TSF) の異常動作を回避するために、異常が発生した場合に Google 日本語入力側でフォーカス操作をしています。これによってカラーピッカーが閉じられてしまうようです。
この回避操作を行いませんと Dreamweaver で Google 日本語入力を使用できなくなってしまうため、残念ながら今すぐ対応するのが難しい状況です。

しかし下記の Windows XP Hotfix をインストールしますと、TSF の異常動作自体が発生しにくくなり、したがって回避操作も行わなくなります。カラーピッカーがおそらく表示されるようになると思います。

http://support.microsoft.com/kb/956625

ふむふむなるほど。

やりましょう。

(関係ないけど、@masason 「やりましょう」進捗状況 | SoftBankなんてページが出来てますね)

修正プログラムのダウンロード先

マイクロソフト ヘルプとサポート

メールアドレスを登録すると「ご依頼の修正プログラムのダウンロード リンク」というメールが届くので
そこに記述されているリンクから修正プログラムをダウンロード。

解凍、インストール

適当なフォルダを作ってそこに解凍、しようと思ったらパスワードが掛かってた。
よくみたらダウンロードリンクの真下にパスワードが載ってた、それをコピペして解凍、インストールして再起動。

結果

でてきたー

ios5 ユーザー辞書 – Google 検索

バックアップから引き継がなくても辞書が見えなくなるって話もあるし
iOSのアップデートで修正されるんでしょうかね。

はじめに

iPhoneのユーザー辞書に、PCから一括登録する話もこれで3回目?
ついに普通に登録して使えるレベルまできました、長かった。

一応テストで10,000語までは一括登録してみました、それで.sqliteの容量が6MBほど(デカイヨ)
あと、「よみ」は70文字あたりまでチェック済。
それ以上の「よみ」を登録するとどうなるかわかりません。

こんな感じで、よみも反映される。

それでは、脱獄していないiPhone(iOS4)にPCから単語を一括登録する手順を、2通り解説します。

うちの説明が下手だから面倒臭そうに見えるけど実際やることは少しだけなので大丈夫。
所要時間は復元1回と数分です。

作業の流れ

それぞれ辞書ファイルの編集部分がちょっと変わるだけなので、1.2.4.5の手順は前回までと変わらず。

使用する3つのアプリ / ダウンロードしておく

iBackupBot for iTunes / iPhoneのバックアップを開いて編集できるソフト
iTunes Backup Manager for iPhone 3G, iPhone 3GS, iPod Touch, iPad

PupSQLite / SQLite3データベースを閲覧・作成・編集するためのソフトウェア
Pup’s Atelier-Software

plist Editor for Windows / .plistを編集できる
plist Editor for Windows (Freeware)

ユーザー辞書テキストファイルを上記アプリが扱えるように変換するページ

手順3-1ルートで使用する / UserWords / .txt to .sqlite +
辞書テキストファイルを、Library_Keyboard_UserWords.sqliteに追加する.sqliteと、それを結合するSQL文を出力してLibrary_Keyboard_SerializedUserWords-ja用のテキストを吐き出すページ

手順3-2ルートで使用する / UserWords / .txt & .sqlite to .sqlite +
iPhoneのバックアップからエクスポートしたLibrary_Keyboard_UserWords.sqliteに直接辞書テキストファイルの中身を追加して Library_Keyboard_SerializedUserWords-ja用のテキストも吐き出すページ

作業開始しませう。

1) iTunesでiPhoneのバックアップを作成。

iPhoneを右クリックしてバックアップ

2) 辞書関連ファイルエクスポート

iBackupBotでユーザー辞書関連ファイルを抽出

必要なのは以下の2ファイルです、頑張って探す。

Library/Keyboard/UserWords.sqlite

iPhoneのユーザー辞書上に表示されるデータを管理してるっぽい

Library/Keyboard/SerializedUserWords-ja(iPhone上で単語を登録しないと出現しない)

このファイルに無い「よみ と 単語」はiPhone上で表示されていても(Library_Keyboard_UserWords.sqliteに登録されていても)変換できない。

両方のファイルにそれぞれ違う形式で「よみ」と「単語」を登録する事でユーザー辞書として機能する。

見つけたらチェックを付けてエクスポート[File] – [Export](ctrl + E)

Export Backed-Up Files というウインドウが開くので
Export only checled file(s). にチェックを入れると
Export with backup information, for import to another backup. が出現、こっちにもチェックが付いている事を確認して[OK]

以下の4ファイルが出力されてたら次へ

3-共通) 登録する辞書ファイルの用意

ユーザー辞書に追加する[よみ]と[単語]を準備

次のような、よくあるフォーマットで辞書ファイルを作成しておけば、この後の作業が楽になる。

よみ [Tab か 全角スペース] 単語
よみ [Tab か 全角スペース] 単語
よみ [Tab か 全角スペース] 単語

区切り文字は[Tab か 全角スペース]どちらでも大丈夫だけど、どちらかに統一する。

自分のIMEをテキストファイルに出力したり、顔文字サイトからダウンロードしてきたファイルはだいたいそんなフォーマットになってるハズ。

PCの辞書ファイルをそのまま移行しても、iPhoneでもともと変換できないタイプの『よみ』だともちろん変換できないです(アルファベットなど)

MatsuCon – 顔文字辞書ダウンロードにあるMicrosoft IMEライト版を参考にさせてもらうとこんな感じ。

あうあう	⊂ミ⊃＾ω＾ ）⊃　ｱｳｱｳ!!	顔文字
あせ	(；´Д｀)	顔文字
あせ	:(；ﾞﾟ'ωﾟ'):	顔文字

品詞がついてるけどよみ [Tab か 全角スペース] 単語の順番で始まっていれば大丈夫。
iPhoneでもともと変換できない[よみ]は(英数とか)登録できるけど変換できないので注意。

3-1) .txtからユーザー辞書変換と編集

[Cドライブ直下]に[sqlite]フォルダを新規作成しておくと後の作業が幾分楽になりんす(c:\sqlite)。

手順3で用意したテキストを userwords / .txt to .sqlite +のformで変換します。

※テキストファイルをドラッグして、アップロード開始をクリックしてから変換

無事変換が終了すると左側に3つのリンクが出現するので上から簡単に説明していきます。

plist Editor で Library_Keyboard_SerializedUserWords-ja に『よみ』と『単語』のデータを追加

plist Editorを起動して Library_Keyboard_SerializedUserWords-ja を開く。

変換サイトのピンク側のリンク先のテキスト(『よみ』と『単語』がにラップされてるもの)を全選択(Ctrl+A)してコピー。

Library_Keyboard_SerializedUserWords-jaの前にペーストして保存。

PupSQLiteで(sql文を使って)Library_Keyboard_UserWords.sqlite(偽物)をLibrary_Keyboard_UserWords.sqlite(本物)に結合

ダウンロードしてPupSQLiteで中身を確認。
テーブルがZTIUSERWORDだけの.sqliteが出来てるはず。
ZSORTKEY_JAやZSTRINGがずれていたら変換に使ったテキストファイルに不備があるかもしれないです。
変換からアゲインしてください。

ダウンロードしたsqliteに問題がなければ、iBackupBptでエクスポートしたLibrary_Keyboard_UserWords.sqlite(本物)を開いて以下のSQL文を実行。

コメント欄のアドバイスを参考に更新

attach 'Library_Keyboard_UserWords.sqlite(偽物)の絶対パス' AS Library_Keyboard_UserWords.sqliteの名前(任意);
insert into ZTIUSERWORD select * from Library_Keyboard_UserWords.sqliteの名前(任意).ZTIUSERWORD;
update ZTIUSERWORD set Z_PK = rowid;
update z_primarykey set z_max=(select max(z_pk) from ztiuserword);

add.sqlも参考にしてみてください。

以前の記述(久しぶりに見直してみたらここが変だった？)

attach 'Library_Keyboard_UserWords.sqlite(本物)の絶対パス' AS Library_Keyboard_UserWords.sqliteの名前;
insert into ZTIUSERWORD select * from Library_Keyboard_UserWords.sqliteの名前.ZTIUSERWORD;

Byte[]配列が入ったBLOBを一括でインポートする方法をずっ～と試しててこれでやっと出来た。

パスとかよくわからない場合は、次のzipをダウンロードしてc:\sqliteに保存して解凍すれば、そのまま使えるsql文(add.sql)が中にあるです。

zip

これを解凍するとこんな感じ
C:\sqlite\output\[乱数] の中に3ファイル入っているかを確認。

iBackupBptでエクスポートしたLibrary_Keyboard_UserWords.sqlite(本物)を開いて

PupSQLite上からSQL文(add.sql)を実行。
[SQL文を記入して実行] – [開く] – [解凍したフォルダ内にあるadd.sql]

上記SQL文実行後、ZPROPERTIESを反映させて結合できた。

コメント欄で教えていただいたsql文を追加したので以下の手順は不必要になった。
でも念のため確認しておくといいかもです。
最後に、テーブル:ZTIUSERWORDのZ_PKの一番大きい数字を、テーブル:Z_PRIMARYKEYのZ_MAXに入力して手順3-1は終了。

ここもSQL文で代入できたらいいんだけど、ZTIUSERWORDの行数は取得できても、カラム(Z_PK)の内容を取得して別テーブルにコピーする書き方がわからんかったので諦めました。

それでは、手順4へ

3-2) .txtと.sqliteからユーザー辞書変換と編集

手順3で用意したテキストとiBAckupBotから抽出した本物のLibrary_Keyboard_UserWords.sqliteを、次のサイトで変換します userwords / .txt & .sqlite to .sqlite +

こっちも無事変換が終了すると3つのリンクが出現するので上から簡単に説明していきます。
単語の数が多いと変換にちょっと時間がかかるので(回線の状況によるけど、10,000語を変換するのに大体3～5秒くらいかかるかも)反応がないからって「変換する」を何度もクリックしちゃうとエラーになります、ごめんなさい。

plist Editor で Library_Keyboard_SerializedUserWords-ja に『よみ』と『単語』のデータを追加

手順3-1と同じなので省略。

Library_Keyboard_UserWords.sqlite

手順3-2はsqliteをローカルで編集する必要がないので、そのまま手順4のインポートへ。

(※手順3-2の方が楽チンですけど、Library_Keyboard_UserWords.sqliteをアップロードする事に抵抗がある人の為に手順3-1を作ったのでそちら作業してください。

4) インポート

iBackupBot に戻って [File] – [Import](Ctrl + I) から、Exportしてファイルを保存したフォルダを選んでそこにある2ファイルをimport

5) 復元

iBackupBot か iTunesからバックアップデータを復元。画像はiBackupBotからの復元。

ユーザー辞書が反映されたか確認

よみが表示されているか確認してみる

おー、入ってる。

※ 登録した単語が表示されない場合は一度キーボードの数を変更してみてください。

変換できるかチェックしてみる。

おー、変換候補に表示されてる。

iPhoneから単語を追加しても大丈夫かチェックしてみる

前回はPCから登録した単語が全て消滅したけれど今回はどう?

おー、大丈夫みたい。

というわけで以上で終了です、今度こそ本当にお疲れ様でした(*- -)(*＿ ＿)ﾍﾟｺﾘ

その他

『ユーザー辞書を編集…』を開いても登録した辞書が表示されていない場合

各国のキーボードからキーボードの数を変更すると反映されるみたいです。

この作業の後に同期でエラーが出るなら

警告をリセットを試してみるといいかも。

どうも非同期トラッキングコードが正式版になったみたい。
Analytics 日本版 公式ブログ: 成長し続ける Google Analytics のエコシステム

非同期トラッキングコード
昨年 12 月に公開した非同期トラッキングコードが、標準のトラッキングコードとしてご利用いただけるようになりました。新たにプロファイルを作成した際、標準のトラッキングコードとして、トラッキングコード設定ウィザードに表示されます。

違いは何?何かいいことあるの?

いままで</body>の直前だったトラッキングコードの挿入場所が</head>の直前に変更されたみたい。
それによってより正確に計測できる、と。

Analytics 日本版 公式ブログ: Google Analytics のトラッキングコードが新しくなりました

新しい非同期トラッキングコードは、ga.js トラッキングコードで計測可能なデータセットと同様のものを得ることができます。

両者の唯一の違いは、計測対象ページへの挿入場所です。従来のga.js トラッキングコードの場合、body セクションの最後に挿入することをご推奨しておりました。一方、新しい非同期トラッキングコードは、他のJavaScript コードの読み込みが完了しなくても正常にロードできるため、HTMLファイル内の head セクション内に記述することが可能です。

ページ末尾に入れる ga.js の場合、ページの読み込みに時間がかかると、り離脱したセッションを正確に計測できないという不都合がありましたが、新しいトラッキングコードではそのような懸念がなくより正確なデータを計測できるため、ぜひ多くのユーザーの皆さまにご利用頂ければと思います。

「り離脱したセッション」は原文ママです。

メリットの説明

非同期トラッキング コードの主なメリットの 1 つは、HTML 文書の一番上に配置できることです。これによって、ユーザーがページを離れる前にトラッキング ビーコンが送信される可能性が高くなります。JavaScript コードは セクションに配置することが慣例となっており、このコードを セクションの一番下に配置すると最高のパフォーマンスが得られます。

トラッキング コードの設定 – Analytics ヘルプ

トラッキングコードの設定

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

実際のトラッキングコードが載ってる場所

Analytics 設定 > プロファイル設定 > トラッキング コード

アナリティクス以外のjsの置き場所について

あらゆるブラウザで最高のパフォーマンスを達成できるように、サイトの他のスクリプトを以下のいずれかの場所に配置することをお勧めします。
HTML の lt;head> セクションのトラッキング コードの前
トラッキング コードとすべてのページ コンテンツの後（HTML body の一番下など）

lt;head>は原文ママ。&が抜けてる、google誤字が多いなぁ。

すでに詳しく検証されてる方がいらっしゃいました(はてブ結構な数ついてるのに気付かなかったなぁ)。
Google Analytics 非同期トラッキングコード再考 | MOL
読み込み時間の高速化とか計測の精度向上とか、移行出来るならしたい感じ。

前置きが長くなったけど本題

これを読んでいて気になったのは、今WordPressに挿入してるトラッキングコードの事。
乱雑モックアップにはUltimate Google Analytics(OraTransplant » Ultimate Google Analytics plugin for WordPress)というプラグインで自動挿入されとります。
これ最後にアップデートされたのが2008年の2月と少し古い。
今回の変更にあわせてアップデートされるかどうかも微妙。

なので新しい非同期トラッキングコードに対応したプラグインがないかPlugin Directoryを探して見つけたのがこれ。
WordPress › Google Analyticator « WordPress Plugins

NEW! Supports standard Google Analytics tracking via the latest async tracking methods (faster and more reliable than the older ga.js tracking method)

使い方

他のプラグインと一緒。
pluginsにアップしてプラグインを有効化
設定に出現したGoogle Analyticsを開いてUA-xxxxxxx-xを入力。
追跡したいファイルがあるならDownload extensions to track:に拡張子を,(カンマ)区切りで入力、.(ドット)は必要ないっぽい。
特に変更も必要なく使えそうだった。

下の方にGoogle Analytics profile ID:とかいう見覚えの無い項目があった。
Entering your profile ID is optional, and is only useful if you have multiple profiles associated with a single UID.
あなたのプロファイルIDを入力するオプションであり、複数のプロファイルを1つのUID を関連付けられている場合にのみ有用です。(google翻訳)

Google Analytics profile IDの確認方法

アナリティクスにログインして編集から確認できた。

切り替えはどういったタイミングで行えばいいんだろう。
とりあえずUltimate Google Analyticsは切ってみた。

なんて文章でもいいんだけど、量が多いとなんか気持ち悪いじゃないですか。

20101116 追記 /
任意の長さでダミー文字列を作成するFirefoxアドオン

Firefox アドオン – Dummy Lipsum | Mozilla Japan

任意の長さでダミー文字列「Lorem Ipsum…」を生成します。フォーム上の右クリックメニューから簡単に挿入できます。また、クリップボードへのコピーも可能です。

なんてのがあった。

英文

Lorem Ipsum – All the facts – Lipsum generator

Lorem ipsumで始まるダミーテキストを出力(付けない文章も出せるけど)
pの数と文章量を同時にコントロールできないみたいだけど、liでも吐き出せる。

こんな文章。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula orci, pellentesque at varius id, porttitor a nulla. Vestibulum dictum semper viverra. Praesent in nibh turpis, condimentum tempus erat. Maecenas sit amet elit felis. Integer nunc mauris, vehicula in consectetur eu, auctor ac neque. Integer eu est nunc. Suspendisse venenatis mauris sed neque fermentum nec mattis odio placerat. In tincidunt imperdiet est, in scelerisque justo viverra id. Proin molestie quam nunc, et luctus arcu. Aliquam egestas tortor sollicitudin justo posuere tincidunt. Duis eu quam neque. Morbi a auctor diam. Maecenas auctor justo vestibulum magna pharetra faucibus ultrices tellus tincidunt.

Vestibulum diam lorem, tincidunt vel dapibus interdum, rhoncus vitae mauris. Nam gravida blandit ullamcorper. Integer viverra ultrices velit, id feugiat nisi bibendum non. Vivamus mauris augue, tempus quis aliquet a, ullamcorper ut dui. Proin eu quam purus, in vehicula dolor. Vestibulum vitae semper nisl. Sed lacinia felis sit amet lorem vestibulum tempus. Praesent ac massa ut massa imperdiet hendrerit. Duis dignissim enim a lorem pellentesque eget rutrum nunc laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 

長い、こんなに要らない。

|| Dummy Text Generator | Lorem ipsum for webdesigners ||

色々な文言のダミーテキストを出力できる。
結果がすぐ目に見えて素敵。
select allで簡単にコピーできる。けど、貼り付けると変なidが付いてきて邪魔。

こんな感じ。

<div id="idTextPanel">
    <p>Lorem  ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean commodo  ligula eget dolor.  Aenean massa.  </p>
  </div>

HTML-Ipsum

htmlタグでマークアップされているダミーテキスト
タイトルクリックでクリップボードにコピー。
文章やパラグラフの数はコントロール出来ない。

和文

すぐ使えるダミーテキスト – 日本語 Lorem ipsum

夏目漱石、宮沢賢治などの文章からダミーテキストを作成。
読んでしまう。

ダミーテキストジェネレータ | Web制作小物ツール – dounokouno.com

坊ちゃんや徒然草などから文字数を指定して出力してくれる。
つい読んでしまう。

こんな感じ。

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から

Adobe AIR

U⁄A app｜ユナイティア株式会社

和文・欧文、文頭に表示する文章の有無と挿入するテキストを変更できる。
段落と文字数を選択して出力。
まず見た目がいい。

使うのが決まってきた

作成する文章量や雰囲気が判りやすいので、だいたい使うのは2番目の|| Dummy Text Generator | Lorem ipsum for webdesigners ||
idが付与されなかったら最高なのに。

日本語ならTEKICO、使い易い。
AIRだから起動しなきゃダメなのと、出力されるテキストがちょっと多い場合はスクロールが発生して一覧できないのがちょっと残念。

よし今日も恥をかくことを恐れずに書いていくぞ。と
RADWIMPSの「誤解を恐れず言わせてもらいます」ってそれはもうすでに恐れてます的な前置きでスタートでありんす。

if文

WordPressのsidebar.phpにdynamic_sidebarの記述があるのだけれど、うちの知っているif文とはちょっと違う書き方のif文になってる。

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>
#ダイナミックサイドバーがあるのでここは出力されない
<?php endif; ?>
#こっちが出力される
1
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
#ダイナミックサイドバーがあるのでここは出力されない
<?php endif; ?>
#こっちが出力される

endif;が必要。

うちの知ってるif文

<?php
if ( $job ){
print ('(ヽ´ω｀)');
} else {
print ('(；´Д｀)ｳｳｯ…');
}
?>

これと同じような意味なのかな

<?php $job=null; if($job){ ?>
(ヽ´ω｀) //仕事がないので出力されない
<?php }else{ ?>
(；´Д｀)ｳｳｯ… //こっちが出力される
<?php } ?>

「:」があるうから三項演算子に似てるなーと思ったけどifが最初にないもんねあれは。

endifで検索したらなんか出てきた

if..endif の文法：PHPマニュアル

elseif/else if

PHP: elseif/else if – Manual

<?php
//これが
if ($a > $b) {
    echo "a is bigger than b";
} elseif ($a == $b) {
    echo "a is equal to b";
} else {
    echo "a is smaller than b";
}
?>

//こうなる?
if($a > $b):
    echo $a." is greater than ".$b;
elseif($a == $b): // Note the combination of the words.
    echo $a." equals ".$b;
else:
    echo $a." is neither greater than or equal to ".$b;
endif;
?>

あー、なんとなくわかってきた
if中に<?php ?>を抜けた時、<?php }else{ ?>だと判りづらいから?

いやしかし:else:ってなんだよ

dynamic_sidebar()

ダイナミックサイドバーを出したい時、今はこう書いてたけど

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>
<?php endif; ?>

こっちでも出る。大丈夫なのかなこれ。

<?php dynamic_sidebar(1) ?>

IE8(以外のIEは見てないけど)でjQuery lazy load pluginがオブジェクトでサポートされていないプロパティまたはメソッドです。と言われる。

jQuery(document).ready(function($){
  if (navigator.platform == "iPad") return;
  jQuery("img").lazyload({
    effect:"fadeIn",
    placeholder: "http://blog.sakurachiro.com/wp-content/plugins/jquery-image-lazy-loading/images/grey.gif"
  });
});

こっちも、オブジェクトでサポートされていないプロパティまたはメソッドです。ですって。

$('textarea.resizable:not(.processed)').TextAreaResizer();

lazyloadの、このjQueryの書き方なんなんだろう?
$(function(){じゃないのかな?コンフリクトをさけて?
jq_img_lazy_load.phpの一番下

add_action('wp_head', 'jquery_lazy_load_headers', 5);
add_action('wp_head', 'jquery_lazy_load_ready', 12);

あとadd_actionの書式というか引数

<?php add_action( フックするアクション名, 呼び出す関数名, 関数の重要度(デフォルト値10、例えば5に設定すると早く実行され、12に設定すると遅く実行), 関数の引数の数 ); ?> 

Firefoxでも動いてない気がする is not a functionて何だ?

エラー: jQuery("img").lazyload is not a function
ソースファイル: http://blog.sakurachiro.com/
行: 110

<?php wp_head(); ?>の位置ってどこがいいんだろう

自分で指定したcssやjsの後なのか?今は前に入ってる。

Head Cleanerのreadme.txt
テーマ内の特定の記述を整形対象外にしたい場合は `header.php` を修正する必要があります。
具体的には、整形対象外にしたい部分を `<?php wp_head(); ?>` より下に記述してください。

ゆっくりと… » “CSSは上、scriptは下” を簡単に – Head Cleaner 使い方のコツ

また例えば1つのプラグイン中で整形の対象と対象外とを分けて設定したい場合には、新たなフィルタを定義して「有効なフィルタ」リストに加えましょう。例えば
1 function add_inline_css() {
2 // 対象外とするコードを出力
3 …
4 }
5 add_action(‘wp_head’, ‘add_inline_css’);
などを該当プラグインのコードに追加すればリストにあわられますので、チェックを入れればOKです。

ｆｍｆｍ

現在は、textarearesizer関係とtinyscroll(scrollsmoothly.jsに変えた)を<?php wp_head(); ?>の上に置いた

現在のhead cleanerの設定メモ

でチェックついてる所

1. <head> 内の JavaScript を、フッタ領域に移動
2. IEコンディショナルタグを削除
3. メタタグ “canonical” を追加

有効なフィルタ、対象外

1. CommentFormQuicktags::add_head

<head> 部で有効な JavaScript、フッタに移動

1. http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2
2. http://blog.sakurachiro.com/wp-content/plugins/wordpress-comment-images/js/comment-images.js?ver=1.4
3. http://blog.sakurachiro.com/wp-content/plugins/swfobj/swfobject.js
4. http://blog.sakurachiro.com/wp-includes/js/jquery/jquery.js?ver=1.3.2
5. http://blog.sakurachiro.com/wp-content/themes/test/js/jquery.js
6. http://blog.sakurachiro.com/wp-content/themes/test/js/scrollsmoothly.js
7. http://letskillie6.googlecode.com/svn/trunk/letskillie6.ja.pack.js

gzip転送

YSlowで24ファイルもgzip転送されてないけど?と注意された
サーバー側かphpで処理が出来るらしい、gzipを簡単にやってくれるプラグインを探す。

WordPress › gzip « Tags « WordPress Plugins
星5個のを適当にいれてみる。
WordPress › WP HTTP Compression « WordPress Plugins

設定画面もなくプラグインを有効にするだけみたい。うさんくさいナー

lintでhtmlをチェックすると
>select> の属性 `onChange` は小文字で書かなければなりません。と言われるが
sidebar.phpではonchangeになってる。どこが勝手に書き換えてるんだ?
ウォジェットは使ってない。
とかいってる間に勝手になおった。

作ってる途中で思った事、勘違いした事などを思い出してメモ

getElementsByTagName

こんなhtmlがあった時

<form>
<input type="text" value="1" />
<input type="text" value="2" />
<input type="text" value="3" />
<input type="text" value="4" />
<input type="text" value="5" />
</form>

次みたいな書き方したら全てのinputタグにアクセスして、valueを「チェンジ」に変更できると思ってた。でも出来ない。

document.getElementsByTagName("input").value="チェンジ";
// 結果:1,2,3,4,5

こうする。

var inputAll=document.getElementsByTagName("input");
for(var i=0;i<inputAll.length;i++){
inputAll[i].value="チェンジ";
}

// 結果:チェンジ,チェンジ,チェンジ,チェンジ,チェンジ

.onkeyup

なんか入力したら処理。
submitボタンとblurかfocusで計算を開始させていたんだけど、面倒臭かったのでonkeyupにした。

function funckeyupS(){
 var cdbox=document.getElementById("cd-box");
 var obj=cdbox.getElementsByTagName("input");
 for(var i=0;i<obj.length;i++){
  obj[i].onkeyup=function(){
  calSilverRatio(this.value,this.name);
  }
 }
}

forの中”this”が自分を参照してた、これ普通だっけ?
iを使うと最後のiしかとれないんだっけ?

isFinite(変数とか数式とか文字列とか)

数値かどうか調べる、数値ならtrueを返してくれるらしい。

それなのに不思議だなと思う事。

/*
&goldvalue=inputに入力された数字
goldenRatio=黄金比
$a=1の辺
$b=0.618の辺
$ab=1.618の辺
*/
//$goldvalueが$aの辺で、入ってる数字が309だとして
function calGoldenRatio(goldvalue){
var $goldvalue=Number(goldvalue); //数字にして

if(isFinite($goldvalue)){ //判定
 $b.value=Math.round($a.value/goldenRatio); //四捨五入して$bへ
 $ab-ng.value=$a.value+$b.value; stringの309191が入る
 $ab-ok.value=parseInt($a.value)+parseInt($b.value); //500になる
 //$ab.value=Number($a.value)+Number($b.value);どっちがいいの?
}

parseInt()かNumber()を使わないと
どっちも数字のハズの$a.valueと$b.valueを足してるのにstringになる。
第2引数を指定してないparseInt()は、01や02などの文字列を渡すと8進数と解釈するらしい。

その他

ifで分岐させるとき、「値が入ってなかったらtrue」みたいにしたい時

if(!変数) //これはtrueになると思ったけど期待通りに動かなかった
if(変数==null) //こっちも
if(変数=='') //これはokだった

どうやるのが正しいんだろう。

あと何か思い出したら書いていきます。

どんなサービスで、何が凄いかっていうとこんな感じらしい。

• クラウド型フォント埋め込みサービス
• Linotype、Monotype、ITCの3社のフォントを使うことができる
• 現在は2,000書体以上が使える
• 日本語にも対応していてβ版では平成明朝、平成角ゴシック、平成丸ゴシックの3書体
• 今は無料。

使ってみるとこんな感じ。

font-size:200%

おーすごい。
表示が重くなったりしないのかしらね。

Fonts.com Web Fonts

XP
[スタート] – [すべてのプログラム]のプログラムの上で右クリック
[名前順で並び替え]

Vista / 7
最初から自動的に名前順で並び替える設定になってるらしい。

• 新規ドキュメントのドキュメントタイプを増やすには
• 新規ドキュメントのドキュメントタイプを増やすには、其の二

書いた本人なのに読み直してみても意味がわからないし、なんだか書いてある通りにもならない。
なので再度挑戦してみたい。

ちなみにHTML5で新規追加されたタグをDreamweaverのタグライブラリーに登録してみた – dwlog.net様のhtml5_tag_suites_v004.lzhを使うとやりたい事

< 機能について>

* 登録したタグとその属性についてCodeHintで表示させます。
* 新規ドキュメントダイアログでHTML5を選択可能になります。ファイルメニュー→変換にもHTML5が追加されます。選択するとドキュメントタイプが< !DOCTYPE html>に変換されます。

が出来るようになるんですけど自分でやってみたいじゃないですか。

編集したファイル

以前アタリをつけたというProgram Files内の

C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\DocumentTypes\MMDocumentTypeDeclarations.xml

ではなく、
Application Data以下のMMDocumentTypeDeclarations.xmlを編集した。

C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver CS4\ja_JP\Configuration\DocumentTypes\MMDocumentTypeDeclarations.xml

具体的には上記xmlに次の部分を追加してDreamweaverを再起動。

<documenttypedeclaration id="mm_html_55">
　<title>
　　HTML5
　</title>
　<doctypedecl>
　　<![CDATA[<!DOCTYPE html>]]>
　</doctypedecl>
　<rootelement>
　　<![CDATA[<html></html>]]>
　</rootelement>
　<dtdcontext>html</dtdcontext>
　<dtdcontext>xhtml</dtdcontext>
　<dtdcontext>xslt</dtdcontext>
</documenttypedeclaration>

もしくは

C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\Strings\documenttypedeclarations.xml

を

C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver CS4\ja_JP\Configuration\Strings

フォルダにコピーして

<string id="mm_html_55" value="HTML5" />

を追加するとか。

ドキュメントタイプにHTML5が増えた。

けど問題がないわけじゃない。

C:\Program Files\Adobe\Adobe Dreamweaver CS4\ja_JP\Configuration\DocumentTypes\NewDocuments\Default.html

を編集しているので、新規ドキュメントをHTML5で作成してもこんな風になってしまいました。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>さくらちろ｜</title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta name="robots" content="all">
<meta name="author" content="さくらちろ">
<meta name="copyright" content="さくらちろ">
<meta name="slurp" content="noydir">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="stylesheet" type="text/css" href="css/import.css" media="screen,tv,projection">

</head>

<body>

</body>
</html>

type=”text/css”とか<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>とかどうにかしないと使えないような…

<dtdcontext>の元はどこにあるんだろう？