DXプロジェクトはなぜ頓挫するのか？ まず実施すべき「幹線の抽出」とは何か
DXプロジェクトはなぜ頓挫するのか？ まず実施すべき「幹線の抽出」とは何か：現場から見た「DXの真相」（2） デジタルトランスフォーメーション（DX）の価値を経営層が認め、具体的なプロジェクトとして動きだす。一見、理想的なDXの進み方に思えるが現実は厳しい。せっかくのDXプロジェクトなのに頓挫してしまう、その原因とは何なのだろうか。 第1回の「単なるバズワードではない『DXの正体』とは何か」ではデジタルトランスフォーメーション（DX）の正体について解説しました。第2回は「いざDXプロジェクトを立ち上げたはいいが、いろいろな壁が立ちはだかって前に進まない」といったプロジェクト推進時に発生する問題について解説します。そもそも「なぜいろいろな障壁が発生するのか」という根本的な原因についても触れていきます。 なぜ一貫性のある目的が必要なのか 第1回では本来あるべきDXのゴール、推進する上での前提条
いよいよ完全終了へ。Internet Explorer（IE）サポート終了スケジュール
これまでのWindows OSには、Webブラウザとして「Internet Explorer（IE）」が標準でインストールされてきた。そして、ユーザーが直接使うWebブラウザに限らず、さまざまなアプリケーションがHTMLファイルなどを表示する際のコンポーネントとしても、IEはよく利用されてきた。 そのIEの「寿命」が（一部を除いて）もうすぐ尽きようとしていることはご存じだろうか？ 過去にWindows XPやWindows 7でよく話題に上った「サポート終了時期」が、IEにもやって来るのだ。 本Tech TIPSでは、Windows OSごとに、サポートされているIEのバージョンおよびその終了時期が一目で分かるように図で表してみた。さらにネットサービスによるIEサポート終了の動きや、IEから他のWebブラウザへの移行に関する記事などもまとめている。IEからの「脱出」計画に役立てば幸いだ。
20周年で生まれ変わったというWeb制作ツールDreamweaverを、ユーザー視点で徹底的に検証した一日
20周年で生まれ変わったというWeb制作ツールDreamweaverを、ユーザー視点で徹底的に検証した一日：CSS Nite LP51（1/2 ページ） CSS Nite LP51「Reboot Dreamweaver」が、2017年3月11日に東京・御茶ノ水で開催された。本稿では、20年を振り返る基調講演など3つのセッションの模様をレポートする。 皆さんはご存じだっただろうか。2017年の今年、アドビ システムズ（以下、アドビ）のWeb制作ツール「Dreamweaver」が米国で発売されて20周年になる。これを契機として、2017年3月11日、東京・御茶ノ水でCSS Nite LP51「Reboot Dreamweaver」が開催された。最新版Dreamweaver CC 2017のリリースで「Dreamweaverが生まれ変わったらしい」ことを検証しようというのがこのイベントの趣旨で、
WebページをRetina対応させるテクニック～基礎知識編
メディアクエリ―高精細ディスプレイに対応させるには -webkit-device-pixel-ratioについて 先のデバイスピクセル比（device pixel ratio）の項目でも解説しましたが、高精細ディスプレイ向けにCSSで対応するにはメディアクエリ（Media Queries）を使うわけですが、その際の条件式に用いられるのが、「-webkit-device-pixel-ratio」というものです。Retinaディスプレイ搭載のiOS端末を例に取ってみましょう。 Retinaディスプレイのデバイスピクセル比は「2」です。つまり、デバイスのピクセル密度の最低値が2の場合のみスタイルを適用するというメディアクエリを指定すれば良いわけです。 と、ここまで解説しておいて何ですが、この-webkit-device-pixel-ratioはもともと、アップルがRetinaディスプレイを開発し
CSS3アニメーションの基本
CSS3アニメーションの基本：脱エンジニアっぽさ！ クライアントの笑顔を引き出すCSS3アニメーション（1）（1/3 ページ） エンジニアの立場でデザインまで積み上げていくのは、なにかと難しいもの。脱エンジニアっぽさを演出し、クライアントの笑顔を引き出す、CSS3アニメーションを紹介する。 クライアントさんからのさまざまな難しい要求を解決し、ようやく納品にこぎ着けたのに、クライアントさんから出た言葉は「ちょっとやぼったいね……」というつぶやき。Webエンジニアの方からよく耳にする嘆きの声です。エンジニアの立場でデザインまで積み上げていくのは、やはり難しいですよね。 しかし、いわゆる外観としてのデザインの他に、クライアントさんを「おっ！」と思わせる便利な手法が1つあります。それは「アニメーション」です。 Webサイトでの小気味良いアニメーションは、そのユーザー体験を豊かなものにしてくれます。
これからはじめるフロントエンドJavaScript
これからはじめるフロントエンドJavaScript：はじめまして。JavaScript（1）（1/2 ページ） はじめに 一昔前、リッチなWebサイト、Webサービス のUI構築は、Flashを代表格とするプラグインを利用したUIの構築が一般的でしたが、近年、Flashなどのプラグインを搭載しないモバイル端末の登場により、その情勢が変わってきました。 もともと、2000年代前半からJavaScriptによるリッチなUI構築に関しては注目されてきましたが、ブラウザが搭載するJavaScript実行エンジンのパフォーマンスや、体系的に構築するためのフレームワークがそろっていないこともあり、まだまだ普及するレベルではありませんでした。 2000年代後半から、prototype.jsを皮切りに、JavaScriptを実行する際に頭を悩ませてきたブラウザ間の仕様の違いを吸収してくれるようなライブラリ
Zen-Codingを使いこなして、らくらくマークアップ
Zen-Codingを使いこなす Zen-Codingを利用すると、効率的にHTMLやCSSのマークアップを行えます。前回（もしも10分の1の行数でHTMLが書けたら）はZen-Codingの基本的な機能をご紹介しました。 今回は、さらにZen-Codingを使いこなすために、さまざまなコマンドや省略記法をご紹介します。サンプルはIE 8／Firefox 4／Chrome 12／Safari 5／Opera 11.5で動作確認済みです。 前回の復習 これらの機能について、簡単に復習しておきましょう。 省略形の展開（Expanded Abbreviation） 「Ctrl+E（Macの場合は Command+E）」で省略形を展開できます。 #を付けるとid名、.を付けるとclass名を付けられます。 *は繰り返し、$は連番に展開されます。 +は兄弟関係、>は親子関係、()はグループ化されて展
IE 6で泣かないための、9つのCSSハック（2/3）- ＠IT
「min-height」をIE 6で実装する場合も「インポータントハック」を使用します。 まず、先にモダンブラウザへの記述を書き、その下に「min-height」と同じ値を「height」に記述します。IE 6はボックスが中身に応じて拡張するため、100px以下のときは100px。それ以上のときは、その中身のサイズになります。よって、「min-height」と同じ挙動になるということです。 ■ 構文 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" conte
実はメイリオまだ進化中！ 誕生秘話を河野氏に聞いた － ＠IT
2010/01/07 現在ロンドンの地下鉄の案内図や路線図で全面的に使われているアルファベットフォント「New Johnston」をデザインしたのは実は日本人――。こう言ったら驚くだろうか。その日本人とは、イギリス在住のグラフィック・デザイナー、河野英一氏だ。河野氏はまた、Windows Vistaから標準で添付されているフォント「メイリオ」（Meiryo）をデザインしたことでも知られる。 2009年11月5日、来日中だった河野氏の謦咳（けいがい）に接する機会に恵まれた。訥々（とつとつ）とした中にも、デザインに対する情熱がかいま見える氏の語り口は、集まった出版、印刷、組み版、情報処理の専門家らを魅了した。 ビル・ゲイツがゴーサインを出した偶然 メイリオ――。横書きを前提に欧文・和文が混在するテキストを表示したときに美しく文字が組まれること、ディスプレイで読むことを最優先として液晶ディスプレ
ブラウザを選ばずWebテストを自動化するSelenium
Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat Explorer（以下、IE） 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なぜ、「鍵マークの確認」が必要なの？――「HTTPS通信」のメリットを理解しよう
＠IT