TAG | Web
昨日も今日も、Webクリエイターやっていました。
基本的にCSSコーディングをするのですが、CSSでブラウザによって表示が異なることが一番困ります。
特にMicrosot社製品の【Internet Explorer】シリーズはバグが多いことで知られていますね。
【IE8】になり、ようやくまぁまぁ使えるブラウザになりましたが、【IE7】までは酷いですね。
ここで、ちょっとブラウザハッキングについてまとめてみます。
【Internet Explorer6以下】
■スターハック
* html #hack { xxxx }
セレクタの前に【* html】をつける
■アンダースコアハック
#hack { _xxxx }
プロパティの前に【_】アンダースコアをつける
【Internet Explorer7】
*:first-child+html #hack { xxxx }
セレクタの前に【*:first-child+html】をつける
※注意
実は【Internet Explorer7】には、WindowsXP用の128ビット板とWindowsVista用の256板があります。
それぞれハッキングの方法が違うようです。まだ検証していません。
困ったものです・・・
【Internet Explorer6 or 7】
#hack { /xxxx }
プロパティの前に【/】をつける
【Internet Explorer6のみ除外】
#hack { xxxx /**/ xxxx }
プロパティの後ろに【/**/】をつける
【Firefox】
#hack { xxxx }
#hack,x:-moz-any-link { xxxx } // Fire1以降に適用される
#hack,x:-moz-read-only { xxxx } // Fire1.5、2.0以降に適用される
#hack,x:-moz-broken { xxxx } // Fire3.0以降に適用される
#hack,x:x { xxxx } // 一部ブラウザが未対応セレクタが含まれているグループを無視しないことがあるため、一番最初のデフォルト指定と同じ指定をする
【【Internet Explorer7以外のモダンブラウザ】
html>/**/body #hack { xxxx }
セレクタの前に【html>/**/body】をつける
※対応ブラウザ：Firefox、Safari、Opera、Chrome、IE8
html[xmlns] #hack { xxxx }
セレクタの前に【html[xmlns]をつける
※対応ブラウザ：Firefox、Safari、Opera、Chrome、IE8
一通り、よく使うブラウザのハッキング方法をまとめてみました。
今後の自分用のドキュメントとして使います。
では。
只今、抱えている案件でWebサイトを制作しているのですが、ブラウザチェックにかなりの徒労を費やしました。
とにかくIEはバグが多い！
FireFox3.6ベースで作ったので、ブラウザチェック時に大変苦労しました。
そこで、IEハックのまとめをメモっときます。
【IE6.0】
CSSのプロパティにアンダースコアをつける
例：
margin-left:10px;
↓
_margin-left:10px;
【IE7.0】
CSSのセレクタに「*:first-child+html」をつける
例：
*:first-child+html .class {
＊＊＊＊
}
【IE8.0】
CSSのセレクタに「html>/**/body」をつける。また、その他のブラウザ用には「html:not(:target)」
例：
/*IE8.0のみ*/
html>/**/body .class{
＊＊＊＊
}
/*その他のブラウザ*/
html:not(:target) .class{
＊＊＊＊
}
こんな感じでIEハック出来ました。
それにしても・・・
IEなんて嫌いだぁ～っ！
と、つくづく思いました(笑)
ちなみに一番苦労したのが、IE7.0でした。
あれ、辞めません？Microsoftさん？(笑)
でわ。
＠tak
ようやく、サーバーという名前に相応しい状態になったFedora11。
今回はLAMP環境の構築をしました。ubuntuのLAMP環境構築のページはググれば沢山出てくるのですが、Fedora11でのサイトが中々見つからなかったので、覚書程度に残しておきます。
まずは、Apacheの設定。GUIで行きました。「ソフトウェアの追加と削除」からApacheを検索して、インストールする、だけ。ドキュメントルートは、「/var/www/html/」になります。html配下にディレクトリとかを別ユーザーから操作する時は、パーミッションを変えてあげましょう。「chmod 777 /var/www/html」とか。作成したら、711あたりに戻しておきましょう。http://localhost/でTestPageが表示されればOKです。
次にPHP。これもGUIで行きましょう。「ソフトウェアの追加と削除」からPHPを検索して、インストールする、だけ。先ほどのApacheのドキュメントルートに、次のような内容でコードを書き、ドキュメントルートに配置しましょう。
＜?php
phpinfo();
?>
これを、index.phpと命名し、ドキュメントルート直下に置きましょう。ブラウザでhttp://localhost/でPHPの情報がずら～っと出てくればOK。
最後にMySQL。これもGUIで行きましょう。「ソフトウェアの追加と削除」からMySQLを検索して、インストールする。これにはちょこっと文字コードの設定をしてあげましょう。viで/etc/my.cnfを開きます。[mysqld]の項目の一番下の「old_passwords=1」の下に、以下の文を書きましょう。因みにviの使い方は、「i」で挿入。「:w」で保存。「:q」で閉じる、です。
default-character-set=utf8
これで、デフォルトの文字コードがUTF-8になります。あとはクライアントの文字コードも追加しましょう。以下の文を追加します。
[mysql]
default-character-set=utf8
MySQLを起動しましょう。
# /etc/rc.d/init.d/mysqld start
これで起動します。PHPと関連付いているか、次のようなPHPファイルを作成し、DBに接続出来るか確認します。
＜?php
mysql_connect(“localhost”,”root”,”") or die(“Error MySQL);
echo “Success MySQL”;
?>
これをmysql.phpとかに命名して、ドキュメントルートに置きましょう。http://localhost/mysql.phpを叩きます。Success MySQLと表示されれば接続OK！Error MySQLの場合は、上記の手順のどこかが間違っているか、MySQLのユーザー及びrootのパスワードを先に作っちゃったか、です。念のため、mysql_connect(“localhost:3306～でも試してみましょう。3306はMySQLのデフォルトのポート番号です。
ここまで出来ればLAMP環境の完成です。最後にMｙSQLの自動起動設定をしてみましょう。
# chkconfig mysqld on
これで自動起動になります。ubuntuよりも簡単かもしれませんね。GUIベースでの説明ですいません・・・CUIが苦手なもので・・・
でわ。
＠tak
Fedora11 · LAMP · Linux · PHP · ubuntu · UTF-8 · Web · Webサイト制作 · インストール · 文字コード
表記のとおりです。
Windows7マシンが吹っ飛びました。
BIOS画面でまずフリーズ。
何回か起動を試すと、セーフモードで起動しますか？確認画面が表示。
通常起動すると、フリーズ。
仕方なくシャットダウンし、Windows7を一から入れなおそうと試みる。
何故かDVDブートせずに、Windows7が起動。動作も特に問題ない。
よくわからない現象でしたが、今は復活しています。
このblogを書いているのも、Windows7からです。
【さて さて】
Webクリエイトな仕事が舞い込んできました。
SOHO・フリーランスとしては初めての仕事です。
Webクリエイターに転向してからも初めての仕事です。
デザインあり、FLASHありです。
【とほほ】
システムデバッグ用のテストサーバーFedora11が吹っ飛びました。
LAMP環境がない状態です。ubuntu9.10を入れようかどうか迷っています。
問題は、ネットワークが無線LANだってこと、だけなんです。
Fedora11も再インストールは出来るのですが、以前繋がっていたような無線LANに繋がりません。
以前、無線LAN接続に成功したときのドキュメントは残っているのですが、ドキュメントどおりに行っても接続出来ません。
昨日、今日で5～6回は再インストールしたでしょうか。
最後には、再インストールもうまくいかず、諦めモードに。
今、ubuntu9.10 Server Edition でインストールを試みていますが、やっぱり無線LANには繋がりません。
憎たらしいったらありゃしないですｗｗ
いっそubuntuのDeskTop Edition でインストールしてみて、GUI環境下で無線LAN試してみます。
それでもダメだったら？うむむ・・・
Fedora11のLiveCDでインストールしてみるのもひとつの手ですね。
因みに、認識するけど動かないNICは、「planexのGW-US54GXS」です。
TurboLinuxで接続OKの実績があるのをわざわざ選んで買ってきたのですが、USBはダメなんでしょうかね？
ひとつ気になるところがあります。
デバイスを認識するところまでは行くんです。
ESSIDに接続する際に、DHCPでIP取得が成功しないのです。
色々調べていたらルータのMACアドレスも同時に送ってあげないといけないみたいと言う情報を得たので設定してみましたが、
やっぱりダメでした。当然ルータ側の設定はしてあります。
Linuxだけが繋がりません。
なんだかもぅ嫌になってきました。
有線LANにしようかな・・・
でも置く場所がないし・・・
長いLANケーブル引っ張ってくるのもなんかスマートぢゃなくて嫌なんです←拘りｗ
まだまだ、格闘は続きます。。。
でわ。
＠tak
Fedora11 · Fedora12 · Linux · ndiswrapper · ubuntu · Web · Webサイト制作 · インストール · ホームページ制作 · 札幌 · 無線LAN
で検索上位3位と4位をとれました。
SEOなんてなんもやっていないに等しいのに、嬉しいことです。
ちなみに「フリーランス」を抜かすと、膨大な検索結果が出ますので勝てる気がしません。
なにかいい、「オリジナルビッグキーワード」ってないものですかね？？
あと、sixpass.netもなかなか好評で、プロジェクトをどんどん追加していっています。
2件程、案件依頼のメールがきました。6件くらいやりたい案件に応募しました。
SOHOはSOHOで、活躍の場があるのですね。
僕はWeb屋をやりたかったのですが、現状Web屋だけで食べていくのはキツいので、ハードウェアセットアップやトラブルレスキューも始めました。これは札幌市内全域とその近郊をターゲットにチラシをまいています。チラシ作りは僕がillustratorで書いたのですが、eriのダメ出しによりPhotoShopで作りましたｗｗ
来週にはなんらかの形で動くと思います。
でわ
＠tak
