HTMLフォームでFirefox環境だけでラジオボタンの挙動がおかしかった話。

Firefoxだけで起こるっぽい現象。
先日仕事で職場のサイトを改良していたら、とあるバグに気付きまして。
IEでもChromeでもSafariでも問題なく動いていたので全然気付かなかったというか、
自分がここに勤める前からこの状態だったんだろうね、という感じだけど使い方によっては致命的なやつ。

フォームのラジオボタンなんだけど。
下のラジオボタン、FirefoxではどうやってもFalseのほうチェックが出来ないんです。
(多分他のブラウザなら普通にチェック出来るはず)

True False

(他ブラウザでもFlaseの文字上クリックするとTrueにチェック入っちゃうかとは思いますがね)

上のソースはこんな感じ。

<form id="form" name="form" method="post"> <label> <input name="radio" type="radio" value="true" checked="checked"> True <input name="radio" type="radio" value="false"> False </label> </form>

おかしいところがないような感じなんだけど、こんなんにしたら直りました。

True False

直したソースはこんな感じ。

<form id="form" name="form" method="post"> <label> <input name="radio" type="radio" value="true" checked="checked"> True </label> <label> <input name="radio" type="radio" value="false"> False </label> </form>

それぞれを<label>〜</label>で別々に囲んだら直った。
<label>の役割(<label>〜</label>で括った部分の文字などを含めてボタンとして認識する...だよね？)を考えたらこれが正解なのは間違い無いんだろうけど、何でFirefoxだけがダメだったのかは調べる元気がなかったので調べてはいない(笑)
とりあえずFirefoxエンジンはマジメという事でいいですか。
というか、そもそもこれをうちの職場は何年間放置してたんでしょうか...(苦笑)

まぁあまり無い事だとは思うけど、フォームまわりで挙動がおかしいなと思ったらここを疑ってみるのは良いかも。
ボタン押せない、フォームに入力できない、とかは</label>でちゃんと閉じてないとかくらいに。

【楽天ブックスならいつでも送料無料】Dreamweaver＋HTML5＆CSS3レッスンブック [ エ・ビスコム... 価格：2,894円（税込、送料込）

【楽天ブックスならいつでも送料無料】HTML5でつくるFirefox　OSアプリケーション開発入門 [ 管... 価格：2,592円（税込、送料込）

Firefoxで表示したPDFの印刷や表示が崩れたり文字化けしたりする人向けの話。

だいぶ前の話になりますが、Firefox19からPDFのプレビュー表示機能がFirefoxに内蔵されました(昨年2月の事です)。


それまでは他のブラウザと同様にブラウザ内でAdobe Readerのプラグインを表示させる方法でも何不自由なく使えてました。PDFビューアが内蔵されたことでAdobe Readerをわざわざインストールすることなく、さらに動作も以前と比べて軽くなって快適だったんですが、反面不便な点がありました。

・WordやExcelから出力したと思われるPDFが崩れてたり文字化けで表示されることがある(市町村とかで公開してるPDFに多い)
・表示はバッチリでも印刷をかけると真っ白で出てくることがある(特にページ指定した時とか)
・印刷をかけると明らかに印刷位置がおかしいことがある
・細かい印刷設定やページ指定が出来なくなった
・目次が表示されないのでPDF内の目的のページが探せない
...など業務に支障が出るようなものもあります。

対処法として、以前のバージョンと同様にAdobe Readerのプラグインを使用して開く方法があります。

まずはAdobe Readerをダウンロードとインストールしましょう。
すでに何かしらのバージョンがインストールされている場合は不要です。
また、Macの場合は標準のプレビュー.appでも構わない場合はインストール不要です。

Firefoxを起動して、
Windowsの場合は、メニューバーの[ツール(T)] > [オプション(O)]へ
Macの場合は、メニューバーの[Firefox] > [環境設定]へ

メニューバーを表示していない場合は右側のメニューボタンから[オプション]へ

[プログラム](Macの場合は[アプリケーション])タブを選択して、検索枠に「pdf」と入力。


Windowsの場合は以下のどちらかを選択することでAdobe Readerを使用して表示できます。


Macの場合はプレビューまたはブラウザ内のAdobe Readerで表示できます。


この通り。従来通りの表示が出来るようになりました。


印刷のページ設定もここまで細かく。


今まではこれですから、全然使い勝手が違いますよね。



手順もそんなに難しくないので困ってる方はお試しあれ。

【楽天ブックスなら送料無料】HTML5開発ポケットリファレンス [ 片渕彼富 ] 価格：2,786円（税込、送料込）

FIREFOX ファイアフォックス ドイツ製クロノグラフSKYWOLF 12001022 価格：31,104円（税込、送料込）

MSI WindBook U100(ネットブック)のHDD交換が無駄に面倒だった話。

　家にMSIのWindBook U100っていうネットブックがありましてね。
　これもWindows7にする事にしたんですが、「最悪使えなかった時のために」、
HDDを入れ替えてWindows7をインストールすることにしました。
もし失敗したときは、元のHDD挿して運用すればいいので。
念のため事前に何かしらの方法でバックアップ取っておきましょう。以下の作業を2回もやるのは面倒です。

本体を裏返しバッテリーを外すところまでは通常の手順ですが、
この筐体の大きさに対して裏の留めてあるビスの多さに嫌気が差します(笑)

矢印のところを全部外します。初めて開ける人はラベル貼ってある下にも1カ所あるのでお忘れなく。
あまりのビスの多さに実はキーボード側が開くんじゃないかと疑ってしまいましたが合っているようです。

全部ビスを外したら写真で言うと右側(ファンとかある方)から少しずつ剥がすと簡単にカバーが外れます。

このみっちり感凄いな。いかに小さく納めようとしたかが伝わってくる狭さです。

ハードディスクを取り出すには、まずハードディスクの左側にある無線LAN用のカードを抜く必要があるようです。
が、このカードの配線が邪魔でビスが取れなそうなので、1個右側の黒いコード(恐らく無線LAN用のアンテナ)を外します。
上に引っ張れば外れます。


外れたら左上に止まってるビスを1カ所外します。


ビスが外れるとメモリを外す時のように浮き上がるので引き抜きます。


隠れていたHDDを留めているビスを1個外します。


上方向に引っ張ると外れます。


外れたら裏返してブラケットとくっついてるビスを2カ所外します。


新しいHDDとブラケットを前のと同じようにビスで留めて、本体にセット。


あとは逆の手順でさっきの無線LANカードを挿して、倒してビスで留める。


黒いコードを元のところに差し込む。


これでHDDの取り付けは完了なんだけど、何故か右側のメモリスロットが開いている。

まさかメモリ無しじゃ動かないはずなので、このPCってオンボードで1GB最初から付いてたんだね...どこに入ってるんだろ(探すのも面倒そうだけど)。
まぁせっかく空いてたので、余っていたDDR2-667の1GBを挿しておきました。


はい、これで裏のカバーを閉じれば ほぼ作業完了。

これも先日のGateway LT3000-21Rと同様に光学ドライブがないので、同じ手順を踏みます。
インストール用のUSBメモリやSDの作り方は
ネットブックにWindows7をインストール1：SSDのフォーマットとインストールディスクの準備の後半を。

バッテリーを取り付けて、ACアダプタを取り付けて起動。

この画面が出ているうちにF11キーを押してBIOSへ。

矢印キー(←→)で[Boot]タブへ移動して、[Boot Option #1]の行でEnterキー。


ここで[USB HardDisk]でEnterキー。


一番上が[USB HardDisk]になっていればOKです。


また矢印キーで[Save & Exit]タブに移動して、一番上の[Exit & Save Changes]でEnterキー。


これで再起動するので、すかさず用意したインストール用USBメモリを差し込みます。

Windows7のインストーラが起動するので、あとは案内通りの操作をすれば完了。
インストール中に再起動する場面があったら再起動する前にUSBメモリを抜きましょう。
またインストールが最初からになってしまうので。

で、無事インストール完了しました。

ドライバは何もしなくてもある程度はWindowsによって自動認識されましたが、
無線LANだけが認識はするけど動作しなかったのでドライバを入れる必要がありました。
ドライバ類はメーカーサイトに準備されているので以下からダウンロードしてインストールすればOKです。
エムエスアイコンピュータジャパン U100
損はしないので、全部ちゃんと入れた方が良いでしょうね。

動作はWindowsXPの時と変わらず、比較的サクサク動きました。

Microsoft DSP版(新規導入可) 32bit 日本語 Microsoft Windows7 HomePremium... 価格：12,990円（税込、送料込）

◇ Microsoft DSP版 64bit 日本語 Microsoft Windows7 Professional 64bit SP1 DSP 価格：16,990円（税込、送料込）

楽天銀行さんお世話になりました。解約しました。

気付けばちょうど4年前にネタに書いてたんですね。
給与口座に指定しないなら楽天銀行(旧イーバンク銀行)は辞めた方が良い。
この時点ではまだ楽天銀行も現役で使ってましたが、その後当時の勤めてた職場も辞めたりなんかして給与受取もなくなり特典がゼロに。
果てはこの決断をしました。
迷って迷って大和ネクスト銀行に口座を作る。(まだ出来てはいない)


イーバンク銀行時代は特典てんこ盛りで口座開設を誘い、自分もその波に乗ったわけですが。
その直後に「楽天銀行」に改称とランク制度開始による度重なる改悪が続き、3年前からはいよいよ使うことはなくなりました。

残高31円を残して放っておいたら、先日間違えて楽天銀行ジョーヌカード(クレジット付キャッシュカード)のETCカードを一度使ってしまい、やむなく入金。
入金でも手数料取られるとか酷い。昨今じゃ時間外を除いて地方銀行でも少なくなっているというのに。

それも無事5月12日に引き落としが完了したので、すかさず解約手続きを行いました。

楽天銀行が現在どのくらい酷くなっているのか振り返りながら解約手続きを進めます(謎)

まずは現在のトップページです。
楽天銀行で円定期はまだしも30万円以上預け入れる人って居るんでしょうか？


とりあえずランク制度のおさらい。

口座に10万円以上預けていない(または30レベル以上)と、ATM手数料無料回数はゼロ。
他行の振込手数料は、給与か年金の受取がなければ、ゼロです。
いずれもイーバンク時代には豊富にあった記憶があります。

さて、例のレベルとやらを獲得するにはどうすればいいか。
トップクラスのVIP会員以上になるにはとっても簡単だそうです。

地方の場合、給与受取の銀行が指定の場合が多く、1個目は難しい。
その下2個はローンを組めですからね...。

じゃあ一般の人でもレベルを上げる方法があるそうで...

BIGと競馬ね、あぁはい。

もう自分とは合わないんだなと納得したところで解約手続きです。

口座の履歴を保存したい時は事前に入出金明細からデータを抜き出しましょう。

準備が終わったら、右上の[登録情報の変更]へ。


[口座解約]へ進みます。


あんなにごちゃごちゃしたページだったのに、
解約と発した途端に何かものすごく質素な画面になりました。ツンデレですか。


この画面で[解約実行]をクリックすると完了します。


本当にいいの？ウチにはこんなに良いサービスがいっぱいあるよ？的なページは出ないで即解約でした。


どうせなので「口座解約アンケートに答える」ってのがあったので、善意で答えようとしたら...

最後まで裏切られました。

はいはい、じゃーね。

そして10秒後に閉じるかと思いきや閉じず、クリックしても閉じず。
Command+Qで闇に葬ってあげました。

さようなら楽天銀行。お世話になりました。

黒い落ち着いた瑪瑙をご紹介！現品限りです！男性用のお数珠　黒縞瑪瑙　20玉　共仕立て 価格：19,440円（税込、送料込）

【送料無料】印肉のつきが非常によく、耐久性もある象牙の銀行印。印鑑5年保証付き!職人手仕上... 価格：7,452円（税込、送料別）

Firefox29.0にアップデートしたらここだけ使いにくくなった。(Windows版)

Firefox29.0から個人的に1ヶ所だけ使いにくくなった点があるので、ボヤきを聞いて下さい(何)

まず、Windowsの基本動作の話になりますが、当然ウインドウの右上の[×]ボタンをクリックしたら、そのウインドウが閉じます。これは初心者レベルの話です。

そして、あまり知られていませんが、左上の小アイコンをダブルクリックしても終了出来るんです。


普段はMac使いなので、Command＋Wのショートカットを使うか、左上の赤丸(×)をクリックしてウインドウを閉じるクセが付いているので、Windowsを使っている時は基本的に左上のアイコンをダブルクリックして閉じています。

Firefox29.0ではどうなったのかというと、下の通り。
上からIE、Chrome、Firefoxです。

IEは普通にアイコン出ているのでここをダブルクリックすれば閉じます。
Chromeはアイコンこそ出ていませんが、その辺をダブルクリックすれば閉じられます。
で、問題のFirefox29.0ですが、おそらく28.xまではChromeと同様にその辺をダブルクリックしてれば終了出来たんですが、メニューバーがタイトルバーと一体となってしまったため、その領域が無くなってしまいました。
試しに、メニューバーを隠してもダメでした。

というかメニューバーと一体になったせいで、Windowsのクラシックテーマだと大変ダサい感じになってるし。

マイナーアップデートで改善して(元に戻して)くれないかなーと祈ってます。
というボヤきでした。

【楽天ブックスならいつでも送料無料】はじめてのWindows　8．1（基本編） [ 戸内順一 ] 価格：1,080円（税込、送料込）

2014/05/09 17:15追記：
即、解決した。
カスタマイズでタイトルバーを選択すれば復活した。以下、手順。

メニューのどっかを右クリックして[カスタマイズ]

左下の[タイトルバー]をクリック

タブを閉じる。

あら不思議。


驚くほど割とすぐ解決したわ(笑)

SDカードが壊れたので分解してみた

先日仕事中、デジカメ(キヤノン PowerShotA2300)を使っていたら、何十回目かのシャッターを切った瞬間に「カードが異常です」のメッセージと共に、アクセスランプが点滅したまま画面が真っ黒になり、約1分後に電源が落ちる事案が発生。
その後はSDカードを挿したままではカメラを立ち上げることすら出来ない状態に。



このSDカード、前々(使い始めた頃)から確かに書き込みエラーとかエラーファイルが出来ちゃうとかが何度もあって、ちょっとやだなぁとは思っていたんだけど、ここ数ヶ月は比較的調子が良く気にせず使ってたらこんな事に。

ただ、普段ならちょっと調子が悪い時は大抵フォーマットすれば機嫌が良くなってたのだけど、
デジカメ自体ではフォーマットすら出来ない状態なので、試しにWindowsVistaでフォーマットを掛けようとしたところ、カードを認識しない。

別のWindows7に挿したら、一応認識はして直前まで撮ってた写真データはちらほら生きてたので救出するも、0KBのファイルや謎の文字のファイル名のデータが徐々に増殖(怖い)。
そしてそのデータを削除しようとするとフリーズ。

まあ認識はしてるからフォーマットしちゃえー！とフォーマットを開始して放っておいて帰ってきたら「フォーマットできませんでした」

その後はカードの認識はするものの、読み書きがウンともスンとも言わなくなり、寿命と判断し 夢の島行き確定。

というわけで、せっかくなので分解してみました(どういう訳だよ)

SDカードってよく見ると全然隙間が無いんだねぇ〜なんて感心しながら、唯一の隙間である書き込み防止ロックの隙間にマイナスドライバーを差込み…


えいっ！って力を入れるまでもなく、キレイに真っ二つになりました(笑)


っていうか、半分何も入ってないスカスカなのかよ。
そして最近見かける事のなくなった絶滅危惧種のminiSDの大きさと比べると、miniSDの登場のいきさつが何と無く想像出来てしまいますね…。

「この大きさで良いじゃん」って誰か言ったんでしょ、きっと。
そしてこんだけ隙間があれば変換アダプタ作るのも容易だったんだろうな。

で、結果この4つのパーツに分かれました。


黒い部分がスゲー硬いのでよく見てみると薄っすら基盤がギッシリ詰まってる事が分かります。

(ちょっと見えにくいけど)

これで一発ハサミを入れればOKでしょう。

断面見るとなんか凄い詰まってるのは伝わった。

安心の「生涯保証」でも超特価、Kingston社製SD。SDHCメモリーカード 8GB Kingston社製 価格：750円（税込、送料別）

割安かつ安心の「生涯保証」、Kingston社製SD。SDHCメモリーカード 32GB Kingston社製 価格：1,980円（税込、送料別）