nBoze.com

JavaScriptの配列変数に関して

2010-02-16T08:56:11Z

var a = new Array();
a[0] = "日曜日";
a[1] = "月曜日";
a[2] = "火曜日";
a[3] = "水曜日";
a[4] = "木曜日";
a[5] = "金曜日";
a[6] = "土曜日";

は下記ように記載しても同じ結果が得られる。
この場合varの記載が無くなる。

a = new Array("日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日");

illustratorからワイヤーフレームを書き出す手順

2010-02-11T06:52:42Z

Webデザインのフローでillustratorにてワイヤーフレームを作成している場合

photoshop形式にて書き出しphotoshopにて肉付けをしていくという手順になると

思います。

illustratorCS3からPSD形式に書き出す方法ですが

ファイル＞書き出し

です。

その際、本来のワイヤーの外側に適当に作成したロゴとかがあって、目的と

違う変な形で書き出されるという場合はロゴのオブジェクトを消さずに

書き出したいエリアを選択し

オブジェクト＞トリムエリア＞作成

にてトンボをつけてみる。この状態で書き出すとトンボの内側のみ書き出されます。

デフォルトは新規作成でワイヤーを作成したさいには指定サイズでトンボが作成されて

ますが僕はコレが嫌いなので一旦解除し書き出し前に再度トンボをつけてます。

HTML5の動画対応について

2010-01-29T05:50:56Z

昨日アップルからiPadが発表されました。
これ、あいかわらずブラウザがFLASH対応してないんですよね。
おそらくですがHTML5のvideoタグが主流になる事を見越して、というかその流れを
作り出そうとしているのでは？といろいろ憶測が飛び交っているのですが。。。

私、HTML5全然勉強してません（汗
これを機会に学んでいこうと思います。

YouTubeにてHTML5対応動画が実はすでにアップされていたんですね。
知りませんでした。
一応対応ブラウザはChrome、Safari、Firefoxみたいです。
IE8やOperaはまだ対応していないみたい。

こちらで切り替えが必要になります。
YouTube - Broadcast Yourself
http://www.youtube.com/html5

実際に試してみましたが動作がかるい感じがします。
ただ、まだ対応動画が少ない（全体の4割弱）ので「これから」って感じですけどAppleの策略で
比較的早まりそうな予感がします。

大変参考になりました。
[N] YouTube、HTML5による動画再生をサポート - ねたふる
http://netafull.net/bb/033321.html

Vimeoを利用している方はこちらも参考になるかもです。
VimeoもHTML5動画に対応、iPhoneのSafariでは？ - Tomute's Notes
http://d.hatena.ne.jp/tomute/20100121/1264147740

ブラウザのHTML5対応に関してとタグ毎の状況などが知りたいならこちらが参考になります。
最新ブラウザのHTML5タグへの対応状況をまとめてみた - IT-Walker on hatena
http://d.hatena.ne.jp/Syunpei/20090703/1246631018

Windows7のデスクトップからホームグループアイコンを削除する。

2010-01-28T08:14:04Z

ホームグループアイコン使わないのでいらないんですよ。邪魔っす。
なのでレジストリで消しちゃいます。
戻すのは同じキーを作成するだけです。
regedit.exeで消してもよいのですがキーを探すのめんどいので
レジストリファイルをぱぱっと作って実行しちゃいます。

○削除
メモ帳にて新規ファイルに削除.regとファイル名を付け下記をコピペして保存しメモ帳を終了し
作成した削除.regをダブルクリック

Windows Registry Editor Version 5.00

[-HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Desktop\NameSpace\{B4FB3F98-C1EA-428d-A78A-D1F5659CBA93}]

○戻し方
メモ帳にて新規ファイルにリストア.regとファイル名を付け下記をコピペして保存しメモ帳を終了し
作成したリストア.regをダブルクリック

Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Desktop\NameSpace\{B4FB3F98-C1EA-428d-A78A-D1F5659CBA93}]
@="Other Users"

さんこうになりましたありがとうございます！
Windows 7 のエクスプローラーからホームグループアイコンを削除する方法 - さよならストレス
http://d.hatena.ne.jp/wwwcfe/20090913/remove_homegroup_icon_from_windows7_explorer

GoogleMapのマイマップの位置情報をCSVへエクスポートする方法

2010-01-27T02:38:06Z

PDAにてモバイルGoogleMapを使用時にスターをつけるとPCのブラウザにて連動するので
連動したスターをマイマップへ登録します。
そこから吐き出す方法なのですが。。。

本来はマイマップのGoogleEarthで表示をクリックしKMLファイルをダウンロードし
それをGoogleEarthにて開く、これしか知りませんでした。
でもこの場合はだとそっから位置情報をCSVでまとめたりとかできないんですよね。

見つけました。

Google マイマップのデータをKMLにエクスポートしてCSVに変換する方法 - 自然環境保全のための周辺技術
http://d.hatena.ne.jp/tmizu23/20091024/1256298170

これめっちゃいいです、最終目的がCSVへエクスポートする事でしたらGooglEarthもインスコする必要ないし
（もともとインスコしてもできないみたいなのだが。。）

var input;
var output;

input = WScript.Arguments(0);
output=input.replace(".kml",".csv");
var fs = new ActiveXObject ("Scripting.FileSystemObject");
var outf = fs.CreateTextFile (output, true);
var xmlDoc = WScript.CreateObject("MSXML.DOMDocument");
xmlDoc.load(input);

var wpts = xmlDoc.documentElement.getElementsByTagName("Placemark");
outf.WriteLine("lat,lon,name,snippet,description");
for(var i = 0; i var names = wpts[i].getElementsByTagName("name");
if(names.length>0 && !!names[0].childNodes[0]) var name = names[0].childNodes[0].text;
var snippets = wpts[i].getElementsByTagName("Snippet");
if(snippets.length>0 && !!snippets[0].childNodes[0]) var snippet = snippets[0].childNodes[0].text;
var descriptions = wpts[i].getElementsByTagName("description");
if(descriptions.length>0 && !!descriptions[0].childNodes[0]) var description = descriptions[0].childNodes[0].text;
// descriptionのタグを消したい時は、こちら↓
// if(descriptions.length>0 && !!descriptions[0].childNodes[0]) var description = descriptions[0].childNodes[0].text.replace(/\r?\n/g, "").replace(/,/g," ").replace(/<("[^"]*"|'[^']*'|[^'">])*>/g," ");
var points = wpts[i].getElementsByTagName("Point");
if(points.length>0 && !!points[0].childNodes[0]) var point = points[0].childNodes[0].text.split(",");
outf.WriteLine(point[1]+","+point[0]+","+name+","+snippet+","+description);

}//for i

outf.Close();

＝＝＝＝＝手順＝＝＝＝＝

このスクリプトをテキストエディタにコピペして「kml2csv.js」という名で保存
（私の場合はjsは関連付けでドリームウィーバーにしているので「.jse」にしました。Windows7にて確認済み）

GoogleMap上にてマイマップを表示し編集ボタンをクリックし地図上に表示されている「GoogleEarthで表示」を
右クリックしURLをコピーしそのままブラウザのURLアドレスバーにペースト

「output=nl」のところを「output=kml」に変更しアクセス。

勝手にKMLファイルがダウンロードされるので

ダウンロードしたKMLファイル最初に作成した「kml2csv.js」へドラッグすると
同じ階層に勝手にCSVが同じ名前でできあがります。

※「GoogleEarthで表示」でURLを変更してダウンロードしたKMLファイルはそのまま
エクセルでCSVとして読み取り専用ですが見ることもできます。

私の業務に非常に役にたってます。

いままでマイマップのマーカーをクリックして空検索をかけてそこで出てきた座標をCSVへ「ペタペタ」
してました。これだと数個ならいいんですが数千個とかあると心が折れそうになるw

これ、GoogleMapAPIを活用している方は覚えておいて損はないかもです。

CSSの基礎2　ボックスモデルについて

2010-01-11T14:22:24Z

1）ボーダー・マージン・パディング・内容領域に関して

内容領域：テキストや画像などの要素自体が持つ領域（つまり生の文字ってことかなぁ）
ボーダー：基準になる線
マージン：ボーダーから外側の余白
パディング：ボーダーから内側の内容領域までの余白

2）指定したボックスのwidthに関して。

指定したボックスの
内容領域widthが500pxで
左右のパディングが5px
左右のボーダーが5px
左右のマージンが10pxとした場合

500+5×2+5×2+10×2=540px

540pxがそのボックスモデルの幅となる。
指定するwidthとは実質内容領域の幅を指している事になる。

しかしIE5.5以前とIE6や7の後方互換モードでは
このwidthの扱いが違い
width=内容領域＋左右パディング＋左右ボーダー幅となり

先の例でのwidth500pxと指定した場合は
内容領域が

500-5×2-5×2=480px

となってしまう。

つまり目的としているボックスモデルの幅がこの例でいくと本来は540pxだが
モダンブラウザでは520pxになってしまい、
内容領域が500pxが480pxとなってしまう。

今回は幅に関して説明したがこれは高さでも同じ扱いになるので注意が必要である。

CSSの基礎1　構文について

2010-01-11T06:55:34Z

_はスペース

@charset "UTF-8";
@media screen {
   p_{
   color:_#000;
   font-size:_small;
   }
}

pを「セレクタ」（selector）
colorを「プロパティ」（property）
_#000を「値」（value）

color:_#000;のプロパティ＋値が「宣言」（declaration）

{}に挟まれた
{
color:_#000;
font-size:_small;
}
宣言のまとまりが宣言ブロック（declarationblock）

pから括弧内の宣言ブロックまでを規則集合（ruleset）

@media screenが＠規則となる

@charset "UTF-8";が@charset規則で文字コードの指定
どの規則よりも先に記載する事

宣言の後のセミコロン；は宣言ブロックが一行の場合は
いらないが行数で使い分けるのは大変なので
入れても問題ない事から；を入れる事に統一しといたほうが
よい。

コメントの記述
/* ココにコメント */

MovableTypeでのmt-config.cgiの設定について

2010-01-07T04:12:30Z

MovableTypeを動作を動作させる際に重要なmt-config.cgiの設定に関しての

覚書リンクです。

設定に関しての説明（シックスアパートのページ）

環境設定ファイル mt-config.cgi の設定 | Movable Type 4 ドキュメント
http://www.movabletype.jp/documentation/configuration.html

リファレンス（シックスアパートのページ）

環境変数リファレンス | MovableType.jp
http://www.movabletype.jp/documentation/appendices/config-directives/

他にやりたい事の逆引きをまとめてるページがあるとたすかるのだが。。。

Opera 10.5 preαが確かに落ちまくる件

2010-01-06T11:05:23Z

以前、Opera 10.5 preαがめちゃ早いと絶賛していたのですが、

今度は落ちまくることに絶賛したいとおもいます。

でも僕の場合わかったんですよ原因。

僕の環境は元々WindowsVistaの時にOpera 10.5 preαをインストールし、そのまま

Windows7へバージョンアップしてしまいどうもそれが原因のようです。

なんとなくその辺りが原因の予感がしたので再インスコしたら、なんと安定しまくり。

同じ境遇でググってこのブログへ行き着いたドザエモンのような方はお試しあれ。

やっぱりはやいですよOpera 10.5 preα　再度絶賛します。

ここからDLページいけます。

Choose Opera 日本支部 - Opera 10.5 pre-alpha をリリースしました。
http://my.opera.com/chooseopera-Japan/blog/2009/12/22/opera-10-5-pre-alpha

通信スピードチェックのページでチェックしたら数値てきにも明らかに早かったです。

スピードテスト | USENの回線速度測定
http://www.usen.com/speedtest/top.html

落ちて困っている方の僕以外にもいたみたいなのでトラバしときます。

Memory Over:Opera 10.5 pre-alpha - livedoor Blog（ブログ）
http://blog.livedoor.jp/repeatedly/archives/1095500.html

Google企画のYouTube動画で検索ストーリーをつくろう。がマイブーム

2010-01-06T04:24:11Z

昨年2009年の暮れからGoogleのTVCMで見かける検索文字だけで繰り広げられる物語ですが

2010年1月18日まで検索ワードを入れるだけで勝手に作ってくれるサービス＆コンテストが開催されてます。

優秀作品には賞品もあるみたい。

検索ストーリーをつくろう。：YouTube
http://www.youtube.com/sagasou

あのCM、なにげに好きなので僕も作ってみました。

作るのに集中して小一時間くらい悩みました。確認もできるので楽しいですよ。

手前味噌ながら、　ほっこり　していただけるとうれしいな。
このストーリー実話です　＾　＾；

こちらをきっかけにこの企画知りました。楽しさが伝わってきます。

Google「検索ストーリーをつくろう。」｜アドマン2.0＠デキる広告マンの作り方
http://ameblo.jp/adman/entry-10403338548.html

みなさんもどうですか？ぜひどうぞ！

Windowsの64bitと32bitの違い

2010-01-06T02:37:29Z

Windows7が発売される2ヶ月程前元々使っていたXPのPCが潰れてしまいまして

64bitと32bitどちらがよいか迷う暇もなくVista機を購入してしまったnBozeです。

今使用しているのはHPの量販店モデルの一番やすいやつ（もちろん32bit）でして

今後Windows7が定着したら64bitのガシガシ使えそうなのを検討しようという経緯でした。

でも、肝心な64bitと32bitの違いがいまいちわかってなかったので

ライフハッカーさんの解説でよくよく理解する事ができました。

64ビットのOSと32ビットのOSってどっちがいいのだ？って言うか何が違うのだ？：ライフハッカー
http://www.lifehacker.jp/2010/01/10010564os32os.html

32bitだとメモリが占有されちゃうとか知らなかったしおおよそのアプリが64bitでも動作可能

との事なので、最初から奮発して64bit買っとけば良かったと。。。後悔です。

まあ、でもいまのところこのPC、安定して動いてくれているのでよしとします。

Windows7にもクイックランチあったのね。

2010-01-05T08:29:02Z

XPやVistaにていままでずーっと使い続けていたクイックランチャがWindows7には無い・・・

と勘違いし一時はMacOSにしようかと思ってしまうくらい悩んだ挙句、

ぐぐったら、あっさりとありました。

タスクバー上にて右クリックしツールバー＞新規ツールバーでフォルダーの項目に

SHELL:QUICK LAUNCH

と入力しフォルダの選択ボタンをクリック

するとタスクバーにQuickLaunchとメニューが表示されるのでそこから

タスクバー上にて右クリックしタスクバーの固定を解除しぐりぐりとQuickLaunchの文字を

左へ移動。またその上で右クリックしボタン名の表示とタイトルの表示のチェックを解除したら。

できあがり。

↓参考にさせていただきました。

パソコン小技ブログ | Windows7:クイック起動
http://tips.bonbon-voyage.net/?eid=987496

Windows7のクイック起動は超便利!!｜ぼくんちのTV 別館
http://freesoft.tvbok.com/tips/win7rc64/quick_launch.html

※ちなみに私のクイックランチはこんな感じ。
　Windows7でもテーマを変えてXPライクに使ってます。

HTTP error: 500 read timeout

2010-01-05T07:37:14Z

またまた、MovableTypeでの記事作成時のエラーなのですが

HTTP error: 500 read timeout

意味を要約すると、これはトラックバックを送信したときに

相手先から返ってくる「トラバ受け付けましたよー」っていうメッセージを受け取るのに

時間がかかってしまいこっちでタイムアウトになってしまったという意味になります。

ほっといても相手先では処理できているようなのでよいのですが、あとからトラックバックが

うまくいったかとか確認する時にややこしくなるので設定タイムアウト時間を変更してエラーが

出ないようにしときましょう。

mt-config.cgiにて

HTTPTimeout 90　を追加してあげましょう。デフォルトは60みたいです。

60秒相手先から90秒待つと言う事に変更になるので記事作成の際にもしかしたらいつもより
時間がかかるようになってしまうかも。。。なのでそれを把握した上でお好みでどうぞ。

ちなみにMT3.3以前の場合はあらかじめPingTimeout20の項目があるのでその値を変更してください。
（PingTimeoutからHTTPTimeoutに変数が変更になってます）
HTTPTimeout | 環境変数リファレンス
http://www.movabletype.jp/documentation/appendices/config-directives/httptimeout.html

↓毎度の事ながらお世話になってます。
小粋空間: トラックバックのタイムアウトについて
http://www.koikikukan.com/archives/2004/10/18-125513.php

↓トラックバックの仕組みが図解でわかりやすいです。
nlog(n): トラックバック送信時のエラー
http://nlogn.ath.cx/archives/000314.html

↓上記ページを総合的にまとめてくれています。
Movable Type 備忘録 - トラックバック送信時のエラー
http://bizcaz.com/archives/2006/04/09-000509.php

Error: Forbidden Your Blog (Trackback Blacklist)

2010-01-05T05:45:29Z

FC2のブログ記事にトラックバックしようとしたらエラーがでてしまった。

Error: Forbidden Your Blog (Trackback Blacklist)

なんじゃこりゃ。

FC2はスパムトラバへの対応の関係で自分のところで把握しているサーバー以外からの
トラックバックは全てスパム扱い（ブラックリスト）としているようです。
（ココログとかも同じ可能性あり）

よって自前でブログ構築している人はこのエラーに見舞われるようです。

そんな殺生な～

↓参考にさせていただきました！
約定期blog: Q: FC2にTBすると必ずBlack Listなんだが...
http://sephiebrain.jp/blog/diary/archives/2008/05/000997.html

↓参考にさせていただきました！
FC2のブラックリストに載ってしまった？ - Blog::R.1000Leaf
http://lab.1000leaf.net/200712/000109.php

Windows7での画期的な変更！？

2010-01-05T04:44:40Z

Vistaを３ヶ月ほど使用し
最近、メーカーからの無償アップグレードにてWindows7を使い始めたnBozeです。

Windows7を使い始めてあんまりVistaと変わらんなぁと思っていたら

比較的早くに気づいた事があります。

「ごみ箱を空にする際に誤って消してしまうことがなくなった。」

Vistaはゴミ箱を右クリックするとゴミ箱を空にするメニューとそのすぐ下段にゴミ箱アイコンそのものの

削除メニューがあり、私は何回ゴミ箱を消してしまったことか。。。

でもこれXPにもこんなメニューなかったんですよね。

Vistaの開発者も己でトラップに引っかかって改悪と思いWindows7ではこのメニュー外した感じですよね。なんか解せない。

みなさんおんなじトラップに引っかかってたんですね。
こちらのページのコメントを見るとよくわかります。
↓
Vista（ビスタ）ゴミ箱が消えた（削除→表示）　：　Windows Vista ビスタレビュー
http://windows-vista.ygjt.biz/article/37487238.html