"IE" Search Results 62 件

PCトラブル

[技術メモ] 2008年6月11日(水曜日) 4:04

そろそろ作業機を新調しようかなとなどと考えており、結論としてはとりあえずメモリだけ追加して、半年後に再考することにしました…ああ、メモリの追加でドツボにハマろうとは…

メモリを4枚刺し

とりあえず、軽い気持ちで既存の2枚+追加2枚の4GBにし、起動。
おおーwindows立ち上がるじゃん!むむ、ボロボロとエラーが出ます。
やはり、緩めの設定にする必要がありそうです。ここまでは覚悟してました。ええ。

145エラー 21aエラー

ブルーバックを何度か経ている間に、c000021aエラーでまともに動かなくなってしまいました。
ええ、真っ青ですとも(ノД`)

セーフモードさえ起動しなくなる

なんとセーフモードも駄目。むむむ…メモリごときで…
多少ジタバタするも、修復インストールへの道を選びました。

残り34分

インストールって結構時間かかるんですねぇ…あと34分かぁ…
5分後。インストールって結構時間かかるんですねぇ…あと34分かぁ…
10分後。インストールって結構時間かかるんですねぇ…あと34分かぁ…
ハードウェアの認識に問題があると34分で止まるらしいです(ノД`)

再びSP3インストール

修復インストールに使ったディスクがSP2用(・∀・)
まぁ、またSP3を当てればいいだけですよね。ええ、そのはず…
再びブルーバックに。145→21a

セーフモードは生きていた

いい加減なメモリで起動してしまった報いなのでしょうか…
とりあえず、セーフモードでの起動は可能でした。
スタートアップから色々削除…駄目
アンチウイルスを削除…駄目
余計なサービスを全部手動に…駄目
使っていないハードのデバイスドライバを停止…!
やっとwindowsが起動。いざSP3!!
STOP:0x000000F4 新手のブルーバックが(ノД`)

修復コンソール

ntfs.sysがこわれています~で起動せず。
メッセージに従い、修復コンソールを使い、CDからntfs.sysをコピー。
てか、これってファイルシステムのファイルですよね(ノД`)大丈夫なんでしょうか
駄目でした。
おなじみの21a ブルーバックに。

どうも、ハードが悪いっぽい

もう、メモリも壊れちゃったのですかねぇ(ノД`)確かにmemtest86+でも赤い文字が…
とりあえず、メモリはゆるゆる設定の2枚刺しにしているので、HDDを疑う。

起動HDDが犯人?!

余っていた古いHDDに暫定的にXPを入れ起動実験。
普通に起動(ノД`)起動HDDが死んでたのかー
こんなこともあろうかと、死んだそのHDDと同型のHDDがもうひとつあるのです。データ用として使っていましたが…
なので、そのデータを他のHDDに移動せねば。
あれれ?こっちのHDDも駄目ですか!?まぁ、どうでも良いエロデータしか入ってませんでしたので惜しくはないのですが、しかしデータHDDまで一緒に壊れるのはちょっとおかしい。
そんなこんなしているうちに、暫定起動HDDでも起動しなくなってしまいました。絶望。

マザー交換

実は、前から稀に突然起動しなくなったりしていました。3ヶ月に1度くらい。
マザーに接触の怪しいオーディオユニットがついており、それを疑っていたため、似たような予備を用意しておりました。
早速換装。おおー起動するじゃん!!しかし押し寄せる難敵は途切れることなく…
デュアルCPUをうまく認識しない
BIOSが古いのですね。ここまでくると怖いものなしです。この不安定なwindows上からBIOS更新。
予想に反して(笑)成功。BIOSレベルでもデュアルを認識しました…しかし、その再起動で…

電話アクティベーション

そりゃ、マザーが変わりましたもんねぇ。同系の板とはいえ、まったく同じではありませんし…
電話アクティベーションしないとログインさせないよ状態に。
ええ、打ちますよ打ちますとも。数字くらい打ちますよ、ええ。
たっぷり打ちました。
そして再び21a
エエエー(‘д’)ーエエエ

電源ですかねぇ?

ピュン!と突然シャットダウンしました。確実に悪化しています。
電源かCPUかビデオくらいしか残ってません。
電源トラブルは厄介だと聞いたことがあります(ノД`)
電源もビデオカードも予備はありません。
ん?CPUの予備は有るなぁ…

とりあえずCPUを交換

やれることはやっておかねば。HDDも最初の起動HDD1台のみに。電源の負担が軽いからか、CPUが壊れていたのか不明ですが、途中SP3+IE6という不思議?な環境も経て、順調にwindows updateは完走しました。

安定気味

電源の怪しさも払拭されていませんので、まったく安心はできませんが、ブルーバックは出なくなりました。
出ないでください(;´д⊂)
なぜかビデオドライバがすんなり入らず四苦八苦中。

明日は、PCを買いに行きます(ノД`)

コメントは受け付けていません。

いわゆるSSLのページです。「https」で始まるセキュアなページ。
リンクの書き方でちょっと工夫する必要があるのですが、エレガントな記述方が見つかりません(ノ∀`)

リンクの記述方

セキュアなページ「へ」のリンク

通常のページからセキュアなページへ飛ぶには、リンクをhttpsから始まる絶対パスで記述します。

セキュアなページ「から」のリンク

セキュアなページから通常のページへ飛ぶには、リンクをhttpから始まる絶対パスで記述します。

不都合

  • ローカル環境で確認しにくい
  • 更新直前に書き直す必要が生じる場合が多い
  • 複雑化する

なんだか、必要以上に面倒くさいのです。「必要以上」と言うのは個人的な感覚に過ぎませんが、もっとエレガントな方法を取れば労力を大きく節約できるに違いありません。
おそらく諸悪の根源は、URI(URL)に位置情報であるサーバ名やファイル名だけではなく、通信情報であるポート番号やプロトコル(スキーム)まで含まれていることです。

どうなればエレガントか

プロトコルとパスの指定を分離できれば。例えば、
<a href=”../index.html” by=”http”>トップページへ</a>
などと記述できれば、プロトコル指定が必要で位置を相対指定できない問題が解消されます。
ええ、無いものねだりですとも・゚・(ノД`)・゚・

コメントは受け付けていません。

メニューなどで、マウスが乗ると画像が反転したりする、アレのお話です。
(ソースを格好よく表示するプラグインが本末転倒になっておりますが…)

昔は、Javascriptで反転

メリット

  • とにかく、安定して動く
  • 印刷でも背景扱いにならない

デメリット

  • とにかく、HTMLソースが読み辛い
  • IEでツールチップ(ポコっとなるaltの代替テキスト)が出る

トップへ

昨今は、cssで反転

メリット

  • HTMLソースが読みやすい
  • 複数の画像を1つにまとめちゃったりもできる
  • ツールチップが出ない

デメリット

  • CSSソースが読み辛い。凝り具合によっては壊滅的
  • 印刷が背景扱いになる
トップへ

これから(既にか?)は、再びJavascript

メリット

  • HTMLソースはなかなか読みやすい
  • CSSソースもかなり読みやすい
  • 印刷で背景扱いにならない

デメリット

  • IEだとやっぱりツールチップが出る
  • 弱いPCだと重い場合も考えられる

トップへ

しばらくJSで行ってみます

hタグに画像が入ったり、ナビ上でツールチップが出ちゃうのが気に入りませんが、座標取りが楽で印刷対応も柔軟に行えますし、なによりcssがキレイなので、来月からはマウスオーバーはJSメインで組もうかな。現在作業中の案件も同様。

Comments (2)

月並みに言いますと、ウェブサイトにはその組織のあり方が鮮明に映し出されています。HTMLコーダ的に、リテール商品を取り扱う大企業をいろいろ観察し、そのエッセンスをまとめてみようと思いました。
…しかし、最初の一つの「三菱東京UFJ」が予想以上に興味深かったので、単体エントリに。

胃が痛くなりそうだが…案外

現場はものすごく頑張っていると思います(ノД`)
三菱東京UFJのサイトは見れば見るほど、胃に来ます。統合の関係でカオスの道を進んでしまった基幹システム部の悲劇は隠しようもなくはっきりと見え、無関係な私でさえ胃が…。
とは言え、純粋にウェブサイトとしてみると、なかなかエレガントではありませんか。情報構造はスルーしますが、ドメインも含めてグループ間でもなかなか統一されています。

リニューアル中?

グループレベルでのデザイン統一は、なかなか骨の折れる仕事です。まず「ちゃんとした仕事」のできる組織でなくてはなりません。さらっと眺めてみると…三菱UFJ信託銀行だけ、ちょっとデザインが違いますね。
巨大サイトですと、少なからず万年リニューアルの様相もあるのですが、これには「大きな節目」のようなものを感じます(←結論としては誤解)。
近頃の流れも踏まえると、

  • より幅広に
  • センター寄せ

な信託銀行の方が新しいのでしょうか。なぜか、納得行きません。しっくり来ません。鈍い私の感覚でも、信託銀行以外の方がビジュアル感覚は優れているような(ノ∀`)
ソースをみてみます。おおーグループのほとんどのページはテーブルレイアウトなんですね。信託銀行だけXHTML定義。最近の流れではCSS化もリニューアルの動機になるようです。よくよく見れば、共通部はCSS化されていたり、トップ以外では印刷スタイルでナビ等を非表示にしてあったりも。なかなか経緯を感じさせる具合です。

三菱UFJ信託銀行

DTDがXHTMLな事も有り、tableも散見されるものの、まぁ一応CSS的か。そして…これは、硬派(ノД`)1行目に<?xml version=”1.0″ encoding=”shift_jis”?>が記述されています。
書いても書かなくても良いこの1行目。XML(HTMLではなく)としては書くのが理想的な表記なんだそうです。ただ、コーディング的にはIE6と非常に相性が悪く、なかなか厄介な存在。この1行を書くだけで、IE6への対応が大きく変わってしまう、難儀な呪文です。テーブルの多用はその辺にも理由があるのかもしれません。

成り立ちを調べてみる

そういえばそうそうそうそうでしたね。信託銀行は「引っ張りダコ」だったんでしたっけ。ひょっとすると、その辺の影響が表れているのかもしれません。
スタートは、2005年の10月。確かに、CSSとtableの混ざり具合は2005年的かもしれません(ノ∀`) Internet Archive的にも、近年こうなった訳ではなく、2005年の発足当初から今のデザインだったようです。つまり、リニューアル中でもなんでもなく、最初からそうだったんですね。

得られたエッセンス

銀行系サイトですと、どこも結構イライラするんです。私は。得たい情報になかなかたどり着けなかったりで。手っ取り早く電話で聞いちゃったりさえします。なので、醍醐味の詰まっているであろう情報構造に関してはあえてスルー\(^o^)/銀行系の経験もありませんし、情報構造に踏み込むのはちょっと失礼な気もしました。
…まぁ、そもそも失礼なエントリなんですがね(笑)

避けては通れないカオスが存在する

ネットバンキングが2系統ある。このカオスだけで逝けます。要望や命令も2系統なんでしょうか(ノД`)それを吸収し翻訳する機能を持つ部署なり担当者がいらっしゃるのでしょうが、その方が神なんですかね。

レギュレーションこそ古いが頑張っている

究極クラスの超カオスの中、スタートアップはすばらしい仕事をしたと言えるでしょう。
そして、おそらくそのカオスへの対処は今日でもなお、大変な作業。費用も非常にかかっているでしょうし、レギュレーションの大幅改訂にも迫られているかもしれません。他人事ながら、頭が下がる思いです。

コメントは受け付けていません。

ページトップへ

PCなに買おうかな

[仕事] 2008年5月13日(火曜日) 19:47

買い替えの動機は

今のPCは3年目。正直、パワー不足は感じていません。そりゃ、コーダーですからねぇ(・ω・)確かに軽い作業が多いです。
何故買い換えるかと言えば、一番は「不安対策」。仕事が忙しいときほど「今飛んだら」などと恐ろしいイメージが沸いてしまいます。もちろん、そこそこ飛んでも大丈夫なようにはしているのですが、やはり、ロスは少なくありません。

確認環境の強化も

「お下がり」は予備機になります。しばらくはIE6も動作対象から外せませんので、予備の予備機も当分現役かな。予備になってませんね(・ω・)予備の予備の予備は古いノートPCかな。
古い確認環境を仮想化しておくのが最もエレガントな気もしますが、仮想環境ごと逝ってしまう事も考えると、ある程度は実機として分散させておいた方が良さそうです。近頃では、IETesterなんて素敵なものもあるようで、今度使ってみようかな。

悩んでる間が楽しい

PCに限らず、買うまでが楽しいですよね。
ちなみに前回はケース(筐体)で大失敗しました。ZPC-LCD MASTER (オフィシャルは何故か工事中。リンクはスペックも載っているどこぞのショップ)
今見ても、そこそこシンプルで可愛げのある形なのですが、届いてビックリ\(^o^)/デカイでかすぎる。

コメントは受け付けていません。

SyntaxHighlighterを入れてみました。

表示のズレ

私の環境ではcssが被って表示がずれてしまったので、SyntaxHighlighter.css を微調整。1行目にカンマを入れw6,7行目を追加。むむ、なんか変更点を文章で表現するのは早速格好悪いですね・゚・(ノД`)・゚・

.dp-highlighter,
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
	margin: 0 !important;
	padding: 0 !important;
	font-weight: normal;
	font-family: "Consolas", "Monaco", "Courier New",
	Courier, monospace !important;
	font-size: 12px;
}

専用タグを拡張

[code='css'] ここにコードを書く [/code]
等とするのがこのプラグインの書式です。
非常に便利なのですが、専用タグはなんかこう、ムズムズします。プラグインを変えた場合にコードとして扱われなってしまう痒さ。もっとも、専用タグを一括置換してしまえば良い気もします。
今回は、<pre>タグも専用タグとして使えるよう弄ってみました。

書き換えたソースも説明してみるつもりだったのですが、該当部が専用タグそのものなので上手く使えず・゚・(ノД`)・゚・
いきなり大失敗の予感です。

コメントは受け付けていません。

ページトップへ

背景画像の印刷

[技術メモ] 2008年5月8日(木曜日) 19:54

おのれwMSめぇwww

IEのデフォルトでは、背景扱いの画像が印刷されません。
「ツール→インターネットオプション→詳細→背景の色とイメージを印刷する」の呪文を唱える必要があります。IEは、なんでまたこんな深い場所に隠すのでしょう(ノД`)ちなみにOperaは印刷時にサクっと選択できるので素敵です。

文字列代替画像

例えば、<h1>ページのタイトルだぜこんちきしょう</h1>等とタグを書きます。
そして、単純な装飾では足らず、画像に置換するケースが少なく無いのですが、これが、印刷されません。
「呪文」を唱えれば済むとは言え、そこをナントカしてくれという要望も存在します。

印刷専用時専用の画像をHTMLレベルで入れ込む

<img … class=”forprint” />などとし、印刷時(@media print)以外は 非表示(display:none;)に。
しかし、タギング的にモヤモヤしますし、これ実は非印刷時でもしっかり読みこまれてます。(少なくともIE6では)印刷用に大きな画像読んじゃおうかな!なんて欲張ると結構な転送量に。

印刷専用スタイルにする

画面の印象と大分変わってしまいます。それを逆手にとって「画面はモニタインタフェイス専用、刷れば即A4パンフ!」なコンセプトしてしまうのも手ではあります。

DOMスクリプティングで置換

なにやらJavaScriptで無理やり(笑)imgタグに置換する手段もあるようです。一見もっとも強引ですが、案外、エレガントかもしれません。

妙技

「背景印刷の注意書きでは駄目ですか…」と心を決めたそんな中、クライアントから(おいw)妙技を教わりました。
h1#sample{
color: #fff;
display: list-item;
list-style-image: url(head_bg.png);
list-style-position: inside;
letter-spacing: -1000em;
font-size: 1pt;
}

これ、無理やり「リスト化」し「ポインタ画像」として背景を読み込むと印刷される!という技のようです。
実際試してみると、width:0pxなど色々調整する必要があり、その上IE以外の主要ブラウザで表示出来ないという致命傷まで。残念(ノ∀`)

ん?なら、IEにだけ印刷スタイルを用意して、それで上記テクによる再置換をするのがベストか?
「背景印刷呪文」の弊害はIEのシェアの広さに起因しますので、いっそIEのみ対応で良いんじゃないかなと。
IEだけびブラウザ判定ならConditional commentsが使えるのも利点でしょうか。

コメントは受け付けていません。

<!–more–>
いわゆる「続きを読む」でページをたたむwordpressのタグです。たたんだ際に意図しない空行が入ってしまうことがありませんか?見出し直下で折りたたむのが悪いのですが(笑)だんだん気になってきて…って最初からソースを見ればよかったんですよね。

結論

行頭に入れるべし。
しかし…

ビフォアー

投稿時のエディタ上
<h3>そもそもマークアップは必要なのか</h3><!--more-->
HTMLコーダーとしては、そりゃ、あった方が良い。

画面出力
空行が入ってしまう例
出力HTML
<h3>そもそもマークアップは必要なのか</h3>
<p><span id="more-63"></span><br />
HTMLコーダーとしては、そりゃ、あった方が良い。

投稿時のエディタ上

<h3>そもそもマークアップは必要なのか</h3>
<!--more-->HTMLコーダーとしては、そりゃ、あった方が良い。

画面出力
空行が入らない例
出力HTML
<h3>そもそもマークアップは必要なのか</h3>
<p><span id="more-63"></span>HTMLコーダーとしては、そりゃ、あった方が良い。

思い出した

なんで最初の頃、この空白に妥協したのかを。
「続きを読む」を押して飛ぶと、ビッタリ未読の続きに飛びます。つまり、見た記憶にない文字列が飛び先。しかも、上部に空間がなく正にビッタリ。折角、位置がビッタリ合っているのに、それに気付かず「あれどこだっけ?」とスクロールし、見た事のある行を探してしまいます。

ならば、2,3行戻った所に飛んでくれるのが良いのですが…一筋縄ではいかず、これも課題に。
そもそも、たたまなくても良いじゃんとも思います。たたまずに見やすい見せ方であれば。そうでない場合の格好良いたたみ方を実装したい。

コメントは受け付けていません。