ついにRFCに登場！Webサーバとの双方向通信を実現する「WebSocket」 - builder
次世代のWebアプリケーションの中核を担う技術として「HTML5」に注目が集まっているが、それと並んで期待されている技術に「WebSocket」がある。 IETFとW3Cによって仕様の策定が進められており、最初の提案以来幾度もの改訂を経て、2011年12月11日にそのプロトコル仕様がRFCのProposed Standard（RFC 6455）となった。 AjaxからComet、そしてWebSocketへ WebSocketはウェブサーバとブラウザが直接コネクションを張って双方向通信するための技術規格である。HTTPとは異なる独自の軽量プロトコルによって通信を行うため、オーバーヘッドが小さく、長時間に渡って通信する場合でもHTTPコネクションを占有する必要がないというメリットがある。 WebSocketが生まれた背景には、サーバとブラウザがもっとリアルタイムに通信して情報の配信や更新を行え
よい単体テストの特徴と、書くためのヒント - builder by ZDNet Japan
Alan Cooper氏著の「The Inmates Are Running the Asylum」（邦題「コンピュータは、むずかしすぎて使えない！」）で、同氏は「軍艦にコンピュータが導入されたら何が起こるか」という問いを発している。同氏は、米国のミサイル巡洋艦ヨークタウンが大西洋で艦隊行動を行っていた際に起きた事件を例に挙げた。その時、海軍の技術者は燃料バルブを調整しており、艦上管理コンピュータの1つにゼロを入力した。すると、プログラムは入力されたゼロの値で別の数を割ろうとして（この解は数学では未定義となる）、ドカン！制御システム全体が完全にクラッシュしてしまい、海岸に曳航できるようになるまで、何時間も水上で立ち往生してしまったのだ。 この艦の管理システム全体が、設置前にはまったくテストされず、なんらかの形のテスト運用も行われなかったというのは考えにくいことだ。このシナリオは、「本当に？
ウィンドウサイズによってスタイルシートを変える - builder by ZDNet Japan
ウェブページを表示するブラウザのウィンドウサイズは、閲覧環境によってさまざまだ。特定のウィンドウサイズを想定してウェブページを作成すると、それ以外の大きさのウィンドウではコンテンツが読みづらくなるなどの問題が発生する。最近ではiPhoneのような携帯端末からのアクセスも考慮する必要性が出てきているが、サイズ別にページを用意するのは制作にも管理にも手間がかかってしまう。 こんなとき、CSS3の「Media Query（メディアクエリ）」の機能を利用すれば、ウィンドウサイズに応じて適用するスタイルシートを切り替えて、ユーザーの環境ごとに最適なデザインでページを表示することができる。 現在、Media Queryの規格はW3Cの勧告候補（Candidate Recommendation）となっており、Firefox 3.5以上、Safari、Google Chrome、Operaが対応している。
VirtualBoxを用いてWindows 7をLinux上にインストールする - builder by ZDNet Japan
間もなくWindows 7が発売される。この機会に、新しいオペレーティングシステム（OS）をテストするためのソフトウェアが存在しているということを伝えておくのは良いことだろう。あなたがWindows 7の導入を検討している、あるいは同OSを従業員に対して教育する必要性を感じているのであれば、これはタイムリーな話題となるはずだ。あなたのいる環境によっては、業務で使用していないハードウェアに同OSをインストールし、テストすることもできるだろう。しかし、予備のハードウェアが身近にない、あるいは同OSを複数のユーザーにテストさせたい場合にはどうすればよいのだろうか？ VirtualBoxなどのソフトウェアによって構築された仮想環境は、OS自体をネイティブなハードウェア上で稼働しているかのように動作させるための、カプセル化された環境として機能する。OS自体をネイティブなハードウェア上にインストールさ
CSS 3のアニメーション機能「Animations」 - builder by ZDNet Japan
CSS 3のアニメーション機能には「Transitions」と「Animations」の2種類がある。前回は「Transitions」を紹介したが、今回は「Animations」の機能を紹介したい。 AnimationsはW3Cの草案（Working Draft）「CSS Animations Module」として提案されており、現在のところSafari 4とGoogle Chrome 2以上が対応している。また、Firefoxはバージョン3.5では未対応となっているが、将来的なバージョンでのサポートを予定している。 キーフレームで背景色を細かく変化させる AnimationsではTransitionsと同じように、CSSのプロパティ値を変化させることでアニメーションを作成する。このとき、Transitionsでは始点と終点の値しか指定することができなかったが、Animationsではキー
CSS 3のアニメーション機能「Transitions」 - builder by ZDNet Japan
CSS 3のアニメーション機能を利用すれば、文字や画像を動かしたり、背景色を滑らかに変化させるなど、これまではJavaScriptが必要だった処理をCSSで実現できるようになる。 CSS 3のアニメーション機能には「Transitions」と「Animations」の2種類が用意されており、いずれもCSSのプロパティ値を変化させることで動きを設定する。たとえば、background-colorプロパティの値を変化させれば、背景色が変化するアニメーションを設定できるというわけだ。 このとき、Transitionsでは動きの始点と終点の2つの値だけを指定する仕組みになっているのに対して、Animationsではキーフレームによる細かな指定ができるようになっている。 今回はこれらのうち、Transitionsの機能を利用したアニメーションを紹介したい。 なお、Transitionsの機能はW3C
仮想ハードディスクを使ってWindows 7のマルチブート環境を構築する - builder by ZDNet Japan
本記事では、仮想ハードディスク（Virtual Hard Disk：VHD）を用いることで、Microsoft Windows 7のテスト環境を複数個用意する方法を紹介している。これにより、時間とお金を節約するとともに、イライラを減らすことができるはずである。 Microsoft Windows 7を試用しているうちに、この新OSを複数個用意しておき、さまざまなコンフィギュレーションや設定、アプリケーションの組み合わせをテストしたいと考えるようになる人も多いはずだ。こういったテスト環境を構築するために複数のマシンを用意し、Windows 7をインストールしておくというのもよいが、1台のPC上に複数のOSを簡単に、かつ時間をかけずにインストールしておく方法があれば素晴らしいのではないだろうか？ これを読んで、そんなアイデアは以前からあると考えている方も多いことだろう。確かに、デュアルブートシ
Firefox 3.5のCSS新対応：text-shadow、-moz-box-shadow、-moz-border-image、-moz-column-rule - builder by ZDNet Japan
大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド 注目急上昇中のDaaS最新情報 コロナ禍を背景に利用者と機能を拡大中 Azure Virtual Desktop最新情報 全世界22万以上の企業・組織で採用 DX時代の顧客価値創出に大きな役割を担う CI/CD環境の現実解を紐解く データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある DNSを守り、DNSで守る 高度・巧妙化し危険度を増すサイバーリスク いま考えるべきモダンセキュリティのあり方 今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 コマース広告の大変動
Linux用の優れたバックアップツール10選 - builder by ZDNet Japan
信頼性の高いバックアップツールは贅沢品などではない--誰もが持っていてしかるべきものである。とは言うものの、自らのニーズを満たす機能を手に入れるために大金を投じる必要があるというわけではない。本記事では、マルチプラットフォーム対応のものも含めて、Linux用の優れたバックアップツールを紹介する。 あなたがIT業界に身を置いているか、コンピュータのパワーユーザーであるかにかかわらず、バックアップツールは必携のツールであるはずだ。そしてバックアップツールには、定期的なバックアップや一時的なバックアップ、ローカルバックアップ、リモートバックアップを始めとする多くの機能が必要なのである。 プロプライエタリなソリューションは世の中にたくさん存在している。そしてそれらの中には必要最低限の機能を搭載した、費用対効果の高いものもある一方で、豊富な機能を搭載した、高価なものもあるのである。これに対して、オー
フリーランスのIT技術者を支援するオンラインツール32選 - builder by ZDNet Japan
昨今の厳しい経済情勢の中、数多くのITプロフェッショナルが必要に迫られて、あるいは自身の選択によって、フリーランスの道を選んでいる。そこで本記事では、そういった道を選んだ彼らを支援するオンラインツールを32個選び、紹介する。 雇用情勢の厳しい中、数多くのITプロフェッショナルがフリーランスという道を選んでいる。こういった人たちのなかには、自らの選択でその道に飛び込んだ人もいれば、職を失って仕方なくその道に入ったという人もいる。 フリーランサーとして成功できるかどうかは、当人がどれだけ自分を売り込めるかということにかかっている。とはいうものの、フリーランサーとしての日々を楽にしてくれる素晴らしいオンライツールが数多く存在しているのである。本記事では、便利なオンラインツールを紹介しているhttp://freelancefolder.com/というサイトに掲載されているツールの中から、IT系のフ
OpenOfficeの生産性を上げる拡張機能10選 - builder by ZDNet Japan
OpenOffice 3を使っているのであれば、その機能をさらに充実させるために、拡張機能を追加することを検討しているかもしれない。しかし、OpenOffice.orgのウェブサイトを見れば分かるとおり、利用できる拡張機能は数多くあり、このリストすべてに目を通すのには時間がかかる。この記事では、読者の時間を節約するため、ビジネスの場面で役立つOpenOfficeの拡張機能をリストアップして紹介することにした。 1: Alternative dialog Find & Replace これは、標準的な検索と置換の機能に、次のようなすばらしい機能を追加するものだ。 検索テキスト・置換テキストに1つ以上のパラグラフを含めることができる 複数の検索・置換を1つのインスタンスで行うことができる 巻末注、脚注を検索できる 名前によるオブジェクトの検索 16進数、10進数による検索 あらかじめ設定された
MogileFSで構築する高速スケーラブルな分散ファイルシステム - builder by ZDNet Japan
本連載「オープンソースソフトウェアでクリエイターを支援するmoonlinx」の第1回「ウェブメディア「moonlinx」を支えるオープンソースソフトウェア」ではmoonlinxの概要およびシステム構成を、第2回の「openSUSEの管理ツール「YaST」で作業を効率化：moonlinxを支えるOSS」では使用OSであるopenSUSEについて簡単に説明しました。 今回は、moonlinxで取り扱うメディアファイル（画像、音楽、動画）の保管方法について説明したいと思います。 分散ファイルシステム「MogileFS」 moonlinxでは、各種メディアファイルの保管に、オープンソースの分散ファイルシステム「MogileFS」を利用しています。 分散ファイルシステムを用いることにより、ファイルシステムを構成するノード群の一部がダウンしても、データを失うことなくシステムとして機能し続け、かつ自動レ
IE8で修正されたfloat関連のバグ その1 - builder by ZDNet Japan
Internet Explorer 8（IE8）ではレイアウトに大きな影響を与えるfloat関連のバグが修正され、Firefoxなどのブラウザと同じ形でページを表示できるようになった。ここでは、floatプロパティが適用された要素を「フロート要素」と呼び、どのような問題が修正されたのかを確認していきたい。 なお、サンプルではIE8の互換表示ボタンを利用して、IE8とIE7のStandardsモード（標準準拠モード）で表示を比較していく。Standardsモードや互換表示ボタンについては第2回「IE8のレンダリングモードと互換表示」の記事を参照してほしい。 1. ボックスの高さの算出からフロート要素が除外されない問題 フロート要素を含むボックスの大きさは、フロート要素を除外して算出することになっている。しかし、古いIEではボックスに横幅や高さが指定してあると、フロート要素を含めて算出してしま
Linux上で稼働するオープンソースの開発ツール--見過ごせないもの10選 - builder by ZDNet Japan
Linux開発環境の利点を活かすには、適切なツールが必要となる。本記事では、優れたツールを選び、その概要や機能を紹介する。 Linuxは素晴らしい開発環境である。しかし、適切な開発ツールが無ければ、そのような開発環境も宝の持ち腐れとなる。幸いなことに、Linux上で稼働するオープンソース開発ツールは数多くあるのだ。あなたがLinuxに不慣れである場合、どういったツールが利用可能であるのか判らないかもしれない。だが、心配は無用だ。以下に、あなたの開発をぐっとレベルアップさせる素晴らしいツールを10個紹介するので参考にしてもらいたい。 ＃1：Bluefish 「Bluefish」は、Web開発を行うための統合開発環境（IDE）として最も人気の高いものの1つである。Bluefishはさまざまなプログラミング言語やマークアップ言語を取り扱えるものの、動的で対話的なWebサイトの作成がその主たる目的
あなたのLinuxマシンをセキュアにするために知っておくべきiptablesのルール10選 - builder by ZDNet Japan
iptablesをマスターするには時間がかかるものの、セキュリティに関する基本的なニーズを満たすことのできるいくつかのルールを知っておくだけで、あなたのLinuxシステムのセキュリティを向上させることができる。本記事では、その手始めとなる重要なルールを解説する。 iptablesは、Linuxマシンをセキュアにするための強力なツールだ。とは言うものの、その機能の多さには圧倒されてしまいがちである。そして、コマンドの構造をしっかりと理解し、マシンのどの部分をどのようにセキュアにすべきかを把握した後であっても、ややこしいことに変わりはない。しかし、iptablesの良いところは、極めて広いその適用範囲にある。このため、iptablesのルールのいくつかをスクリプトにまとめておくことで、管理作業をずっと容易にすることができるのだ。 こういったことを念頭に置き、コマンドを10個見ていくことにしよう
CSS 3のセレクタ「:target」でタブメニューをつくる - builder by ZDNet Japan
CSS 3のセレクタ「:target」を利用すれば、リンクをタブメニューの形で表示して、1ページ内に記述したコンテンツを切り替えて表示するように指定することが可能だ。HTMLとCSSだけでタブメニューを作成する場合、これまではコンテンツごとにページをわけて作成する必要があったため、1ページで実現できるメリットは大きいと言える。 ここでは、positionプロパティを指定して「テキスト1」から「テキスト5」を同じ位置に重ねて表示している。その上で、リンクをクリックしてターゲットとして表示されたときにだけz-indexプロパティを適用して、手前に表示するように設定した。 div{ position: absolute; top: 17px; left: 20px; } #text1:target{ z-index: 2; } #text2:target{ z-index: 2; } #text
CSSでトランスフォーム：変形処理「transform」の基礎 - builder by ZDNet Japan
ウェブページに表示した文字や画像を回転したり、歪めたりすることができれば便利なのに――そう考えたことはないだろうか。CSSのトランスフォームの機能を利用すれば、「回転」「拡大・縮小」「スキュー（シアー）」「移動」の4種類の変形処理を簡単に適用することができる。 トランスフォームの機能を利用する トランスフォームの機能を利用するには、transformプロパティを利用する。現時点ではSafari 3.1以上とGoogle Chrome、Firefox 3.1（ベータ版）が対応しており、SafariとGoogle Chromeでは-webkit-transform、Firefoxでは-moz-transformと記述する。 たとえば、次のようなサンプルを用意してトランスフォームの処理を適用してみよう。ここでは、横幅300ピクセルの黄色いバーの中央に文字を表示している（サンプル01）。
オープンソースをライセンス的に正しくつかうための11のチェックポイント - builder by ZDNet Japan
「オープンソースカンファレンス2009 Sendai」が1月24日、宮城県仙台市の東北電子専門学校で開催された。公式サイトのタイトルには「来ないとお仕置きだっちゃ☆」との追記が見えるが、アットホームな雰囲気の中で進行するカンファレンスであった。 本稿では、NEC OSSプラットフォーム開発本部 エキスパートの姉崎章博氏による講演「OSSをライセンス的に正しく使う／プロプラだけの製品とするための11のチェックポイント」を紹介する。なお、特に断りがない限り、全て日本の著作権法について説明している。 オープンソースソフトウェアをライセンス的に正しく使うために 姉崎氏が挙げたチェックポイントは次の11点。 その社製プログラム、すべて自社の著作物ですか？ 商用プログラムを同梱している場合、必要な手続きはお済みですか？ 他人の著作物を使用していないことを確認するためコード検査をしていますか？ OSSの
Apacheの安全を確保するための10の対策 - builder by ZDNet Japan
あなたは自分の会社のウェブサイトをサービスするApacheをインストールしたところだとしよう。Apacheはスムーズに動作しており、万が一の場合にもLinuxのセーフティネットが助けになるはずだと思う。ところが、2週間ほど経ったところで、いろいろとおかしなことが起こり始める。なぜだろう。ApacheとLinuxを使っているのに・・・おかしくなることなどあるだろうか？ もちろん、注意を払わなければ、おかしくなることはいくらでもあり得る。Apacheを安全にする方法はあるが、もちろん何もしなければ安全にはならない。以下に示すのは、Apacheをより安全なウェブサーバにするための簡単な10の方法だ。 #1: とにかくアップデート LinuxでApacheを動かしているからと言って、アップデートが不要だということにはならない。常に新しいセキュリティホールやリスクが登場している。あなたは、最新のパッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS 3のセレクタ解説：属性セレクタ - builder by ZDNet Japan
