このサイトでは、アクセス状況の把握や広告配信などのために、Cookie（クッキー）を使用しています。このバナーを閉じるか、閲覧を継続することでCookieの使用に同意するものとします。 詳細はコチラ詳細はコチラ [ 閉じる ] Web制作をしているとIE表示が崩れたり、動作がうまくいかないなどの不具合が起きた経験があると思います。 (僕はめちゃくちゃありました…) そんなIEサポートが終了することが決まりましたね。 と、いうことなのでこのタイミングでWeb制作でのブラウザとOSのサポートについてまとめてみました。 2021年度版 ついに終了‼ IEサポート終了のスケジュール Windows10/8.1 Windows8.1 2023年1月まで Windows10 ※LTSB/LTSC以外の通常版 ブラウザとしてのIE 2022年6月まで Windows10 ※LTSB/LTSC以外の通常版
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値（read-only） false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
古いWebコンテンツではIE独自の機能を利用しないことには、リッチな機能を盛り込むことが実質的に不可能という状況でした。しかし、IE9以上からはWeb標準への準拠が高く、Microsoft側でも、IE独自機能に依存しないWeb標準へ準拠したコンテンツ作りを推奨しています。 IE独自機能はバージョン8以降削除される傾向にあり、見落とされると、Webコンテンツのライフサイクルへ悪影響を与えてしまいます。百害あって一利なし、徹底した排除が求められています。本記事では、この作業を人間の感覚でなく、機械的に行う方法について解説します。 ★ 誰だって、IE独自機能は機械的に検出したいはず チェック作業を人の手で行うと、必ず見落としが発生してしまいます。何がIE独自実装で何がWeb標準化を見極めることができないエンジニアに制作/開発を行わせる場合、ソースコードを逐一チェックするのでなく、コンピュータによ
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記･注意：下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8 HTML 4.01+EUC-JP HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8 XHTML 1.0+
在庫限り。人気のSurface Duo 2 が再入荷され、最大 36% OFF 中。ご購入はお早めに。
Webパフォーマンスを向上させるツールとして有益なのが、Yahoo! Inc.のYSlowとGoogleのPage Speedだ。この二つはどちらもFirebugにアドオンする形で提供されている。そのため、Firefoxありきになっている。だがまだまだシェアが高いのはIEだ。 接続状態をグラフ化 実際の所、IEとFirefoxでアクセスした場合でパフォーマンスがどれくらい異なるのかは不明だが、各ブラウザでテストした方が良いだろう。そこで試したいのがPagetestだ。 今回紹介するオープンソース・ソフトウェアはPagetest、IE用Webパフォーマンスチェッカーだ。 PagetestはあのAOLが開発したソフトウェアだ。IEのアドオンとして提供されており、別ウィンドウで表示した状態で任意のWebサイトにアクセスするとその接続状態についてモニタリングし、結果を表示してくれる。 チェックリス
ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス いま求められるID管理：前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ DNSを守り、DNSで守る 高度・巧妙化し危険度を増すサイバーリスク いま考えるべきモダンセキュリティのあり方 オリジナルコンテンツが満載！ 意外と知らないNutanix HCI の情報を集約 読めばわかる！いまHCIが注目される理由 勝つためのクラウド活用術 New Value on Azure ビジネスを次のステージへ！ 本当のデータ活用できていますか？ データドリブンがあたりまえと言われる今あらためて考えたいデータ活用のありかた これからの社内DX 真のDXの
Internet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet Explorer Collection」を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。 当環境（XP SP3+IE7）では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。
現場業務のデジタル化を促進 リモートワークが生んだ課題をアプリで解消 ベネッセのデジタル変革を紹介 RPAによる自動化を年30万で実現 小さな投資が目に見える大きな効果に！ デジタル化によるわかりやすい業務効率向上 DXの成否を分けるのはガバナンス Microsoft Security Forum 2021 Day2 どこよりもわかりやすい基調講演解説！ コンテナをエンプラITに！ コンテナ活用の基礎 本番実装が増える背景とメリット ネットワークもサービスとして使う いま企業ネットワークが受ける大きな制約 クラウドシフトで大きく変わる！ DX推進を阻害する3つの要因 プロフェッショナルが語る データ分析・データ活用の実現 日清食品グループのDX（後編） 内製化とローコードで実現？ビジネス部門 によるアプリ開発のリアルボイス！ 今を知り、未来を見据える 培ってきたノウハウを最新技術へ対応させ
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 既報のとおり、IE6のシェアは純減を続けている。2009年2月のNet Applications調査によればIE6のシェアはFirefox 3に抜かれて3位に落ちた。今後も下落の傾向は続くとみる向きが多い。しかし、依然として19%を越えるシェアはその次のシェアを獲得している4.5%弱のSafari 3.2を大きく上回る。IE8のリリースが控えている状況ではあるが、WebデベロッパやWebデザイナは依然としてIE6対応を継続しなければならない。 IE6固有の問題を回避する方法はいくつもあるが、それらテクニックをまとめたドキュメントがSitePoint: 10 Fixes That Solve IE6 Problemsとして公開されたので注目しておき
12月16日、Internet Explorer 6のシェアが20％ジャストになったという記事を掲載した。記事のコメント欄にもあるとおり、企業のイントラネットにはIE 6のみサポートするという業務システムが多数存在する。私たちはいつIE 6にさよならするのか、あるいは、さよならできるのか。ウェブデザイナーの矢野りん氏にIE 6対応の思い出を寄稿してもらった。（編集部） デザイナーのIE 6 CSSを使えば背景画像を駆使して表現力の高いページが作れる――そう期待していた筆者が本格的にCSSコーディングの練習を開始したのは2006年初頭（遅い！）。当時、JeditとCSSEdit、レンダリング確認はSafariという環境で作ったページを、IE 6で確認したときの衝撃は今も記憶に新しい。 リソースどおりに作ったはずが、もうむっちゃくちゃなのである。 入門者である自分にブラウザ側の問題を疑う知恵な
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers YSlow, Stoyan Stefanov氏によればWebページに採用する画像の種類は写真データにはJPEGを採用し、それ以外にはPNG8にするのが妥当だとされている。しかしPNG8に透過データを含める場合には注意が必要だ。Net Applicationsの報告によれば2008年11月現在でIE6のシェアは22%弱はある。純減を続けているとはいえ、それでもなお第2シェアのFirefoxの合計シェア21%弱よりも多い。このIE6はPNG8の透過情報をうまく扱えない。 IE6で透過データを含んだPNG8を表示すると、GIFと同じように透過かそうでないかまで透過表現が低下してしまう。このため透過情報を含んだPNG8をIE6で表示する場合には何らかの追
デザインを学ぶにあたってここまで，CSSの理論や色の理屈という切り口から突き進んできました。こうした学習方法は正攻法ではありますが，ある意味馬鹿正直かもしれません。世の中にはすでに優れたデザインのサイトがたくさんあります。もちろん盗用はいけませんが，優れたものからテクニックを学ぶのはとても大切です。プログラムと同様に，デザインも先人から学べるものは学ぶべきです。 デザインが優れたサイトに出会っても，漫然と他人が作った物を眺めているだけでは得るものは多くありません。そのページがどんなHTML/CSSで書かれているのか，どういうレイアウト手法を使っているのか，配色としてどんな色を組み合わせているのかを，ちゃんと分析する必要があります。 と言うものの，ブラウザ本体の機能だけでは，表示中のページのソースを見るのがやっとです。デザインに凝っているページを見て，そのHTMLソースを眺めてみても，たいて
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。 このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。 ただし完全にIE7と同じような形にするのではなく、より近い形ということです。 現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。 設置方法 Google コードのie7-jsより直接読み込むことが可能です。 以下の要素をhead要素内などに記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
低スペックPCでも使える！ Webブラウザでサイト作成：どこまでできる？ 無料ツールでWebサイト作成（3）（1/3 ページ） 低スペックPCでも使える！ プレビューが正確！ 突然だが、Webサイト作成、というとアプリケーションベースの開発環境をイメージしていたのは筆者だけだろうか？ コーディングというと、テキストエディタから始まり、FrontPage、Dreamweaver、Expression Web、最近ではAptanaなども使用しているが、いずれもアプリケーションでの開発を行っている私にとって、実はInteｒnet Explorer（以下、IE）やFirefoxなどのWebブラウザでのコーディングは新鮮なものであったりする。 プレビューが正確で動作も軽い！ 結構いけるかも 何しろプレビュー（というかビュー）は正確そのものだし（当たり前か）、そして、意外に動作が軽い。アプリケーション
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く