「iPhone4が初めてのiPhoneです」という一般人がとりあえずやっておいた方がいいと思う12項目 - ネットナナメ読み - 山田井ユウキ - builder by ZDNet Japan
builder読者の皆さん、こんにちは。 金曜日担当の山田井ユウキです。 とうとうiPhone4が発売になりましたね！ 何やら行列もすごかったようですが、皆さん無事に購入できたでしょうか。 僕はまだ3GSを使っていますが、OSはアップデートしたのでとりあえず気分だけはiPhone4になってます！ ということで、たぶん今回の新型発売をきっかけに初めてiPhoneを買ったという方も多いと思いますので、以前書いた「今さらだけど、一般人がiPhone買ったらとりあえずやっといた方がいいと思う10項目」をアップデートしておこうと思います。なんか、ちょこちょこ変わった点もあるみたいなので。 前と同じで、対象は一般人です。 なので詳しい方からすれば「何を当然のことを」と思われるかもしれませんが、まぁそれはそれということで。 もし周りにiPhone4が初めてのiPhoneです、という方がいたら手っ取り早く
CSS 3のアニメーション機能を使ったロールオーバーやフェードインの設定 - builder by ZDNet Japan
CSS 3のアニメーションの機能を利用すると、これまではJavaScriptやFlashを使わないと設定できなかった効果をスタイルシートだけで設定できるようになる。そこで今回は、アニメーションを利用したロールオーバーボタンの作成やフェードインの設定を行いながら、アニメーション関連プロパティの細かな機能を見ていきたい。 なお、現在のところアニメーションの機能に対応しているのはSafari 4とGoogle Chrome 2以上となっているので、これらのブラウザでサンプルの表示を確認してみてほしい。また、アニメーションの基本的な仕組みについては前回までの記事にまとめている。 アニメーションの基本機能について： CSS 3のアニメーション機能「Transitions」 CSS 3のアニメーション機能「Animations」 画像が少しずつ表示されるロールオーバーボタン まずは、カーソルを重ねると
くずHTMLが健在な5つの理由 - builder by ZDNet Japan
2年強前、私は開発者たちにひどいHTMLを書くのをやめて欲しいとお願いする記事を書いた。しかし、その後この問題はさらに悪化している。 何週間か前、私はTech Republicのこのブログの読者に対して、自分のHTMLの品質について聞いた。読者の約25％が自分のHTMLはすべての標準に準拠しているという主張だった。私はこのブログの読者についてよく知っているので、この数字は正しいと信じている。しかし、私はこのブログの読者がかなりの少数派であることも知っている。残念ながら、くずHTMLは健在だ。 ここに悲しいニュースがある。AlexaのTop 500のサイトのページで正しいものは7％以下だというのだ。これは、これらのページだけの問題なのだろうか。残念ながら違う。研究者によれば、「これははるかに大きなMAMAの分析対象全体よりも少しよい結果となっているが、サンプル数と差分が小さく、差があるとはっ
テキストをスタイルシート適用前の状態に戻す方法 - builder by ZDNet Japan
これまで、さまざまなデザインをスタイルシートで設定する方法を紹介してきたが、今回はスタイルシートでデザインされたテキストを、スタイルシート適用前の状態に戻す方法を紹介したい。 そのため、プロパティの設定を初期値に戻す「initial」という値を利用する。「initial」はCSS 3で提案されている値で、FirefoxではFirefox 3以降が対応。SafariとGoogle Chromeも対応している。 テキストなどをスタイルシート適用前の状態に戻すには、適用したスタイルシートの設定を削除するのが一番簡単な方法だ。しかし、現在のウェブページ制作ではスタイルシートの設定を複数のページで共有していることも多く、不用意に削除したり適用先を変えたりすると不具合が発生しかねない。 そこで、既存のスタイルシートの設定には手を加えずに、設定を上書きすることを考える。 たとえば、次のサンプルでは でマ
Movable Typeの魅力はコミュニティにあり--「参加するイベント」に意気込み - builder by ZDNet Japan
日本のブログブームを準備したMovable Type Movable Typeは2003年12月にSix Apartの日本法人が設立される前から、多くのブロガーに愛されてきたプラットフォームです。「ブログブーム」と呼ばれて大きな流行を生み出す前に日本のブログ界を支えていたのは、Movable Type（MT）周辺で開発やデザインを試行錯誤した多くのMTユーザーだったといっても過言ではありません。 当時はMTのユーザーインタフェースだけでなく、リファレンスなどのドキュメントもすべて英語で表記されていました。有志はこれらの日本語化に取り組んだり、自らのブログで構築方法やTipsを共有していたのです。 もちろん、現在でもこうした情報共有は続いているのですが、情報が少なかった数年前のほうが活発に行われていたという感もあるでしょう。 参加できるカンファレンス 当時からMTでブログを構築し、自作テンプ
contentプロパティでコンテンツを追加する（1）--FirefoxとSafariのCSS - builder by ZDNet Japan
スタイルシートのcontentプロパティと:beforeや:afterセレクタを利用すれば、指定した位置に文字や画像を追加することができる。CSS 2で定義されたもので、基本的な機能にはFirefox、Safari、Operaが対応している。Internet Explorerはずっと未対応のままだったが、バージョン8（ベータ版）で対応した。 今回はCSS 2.1で追加されたcontentプロパティの「none」という値にFirefox 3が対応したので、それがどのように機能するのかを確認していきたい。 スタイルシートでコンテンツを追加する まずは、スタイルシートでコンテンツを追加する方法を確認しておく。コンテンツを追加するには、contentプロパティでコンテンツの内容を、:before／:afterセレクタで追加する位置を指定する。 たとえば、コンテンツの内容を「COLUMN」、追加する
displayプロパティの値と各ブラウザの対応をまとめる - builder by ZDNet Japan
ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 仮想デスクトップサービスの最新事情 複数の選択肢のあるMSのVDIサービス どう違うのかをわかりやすく解説 膨大なアクセスを支える屋台骨 高い安定性とパフォーマンスを両立 ZOZOTOWNが選んだストレージ基盤を解説 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 サービスを止めない！ サイバーエージェントに聞く高可用性の実現 そこにピュア・ストレージが選ばれた理由 大事
Firefox 3が対応したdisplayプロパティの値（2） - builder by ZDNet Japan
今回はinline-blockボックスを利用して段組みのレイアウトと横組みのメニューを作成してみたい。なお、displayプロパティやinline-blockボックスについては、前回の記事を参照して欲しい。 inline-blockボックスを利用した段組みのレイアウト 「display: inline-block」と指定すると、HTML/XHTMLタグでマークアップした部分をinline-blockボックスで表示することができる。inline-blockボックスを利用すれば、floatやpositionプロパティを利用せずに段組みのレイアウトを作ることが可能だ。 段組みのレイアウトは、一般的には で構成したblockボックスを横に並べて作成する。しかし、blockボックスはそのままでは横に並べて表示することができないので、floatプロパティで回り込みを指定したり、positionプロパテ
Safari 3.1でWebフォントを利用する--SafariのCSS対応 - builder by ZDNet Japan
現在、Webページで利用できるフォントはユーザーの環境にインストールされたものだけで、文字の表現の幅は非常に限られている。しかし、Webフォントの機能を利用できるようになれば、制作者がサーバー上に用意したフォントでWebページを表示できるようになる。 3月18日から提供されているSafari 3.1では、CSS 3やHTML 5で提案されている機能への対応がさらに進んだ。そこで、新しく対応したスタイルシートの機能の中から、CSS 3の「Webフォント」について2回に分けて紹介していきたい。 サーバー上に用意したフォントでWebページを表示する ユーザーの環境にないフォントでWebページを表示するため、まずは、利用したいフォントをサーバー上に用意する。OpenTypeやTrueType形式のフォントファイルを利用することが可能だ。 ここでは、exljbrisのFontin Sansというフォ
超簡単：Ubuntu 8.04ベータをインストールしてみた - builder by ZDNet Japan
EDRトップランナー対談：後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために 中小企業のひとり情シスの現実 夢か幻か、はたまた現実か？ ヘルプデスク業務の週休4日制を考える ものづくり現場の情報セキュリティ インダストリー4.0は製造業の変革期 工場のデジタル化によるリスクへの対応 日清食品グループのDX（後編） 内製化とローコードで実現？ビジネス部門 によるアプリ開発のリアルボイス！ オラクルスペシャリストが語る！ 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 日清食品グループのDX（前編） 現場が主役のDXのススメ トップの強い意思で変革に弾み 特集：セキュリティトレンド-秋- つながる世界で問われる対応 サ
いろんな矢印を簡単に作る方法 - builder by ZDNet Japan
「次ページへ→」や「○○はこちら→」……などなど、ページジャンプを促すボタンや作業の流れを示す図版など、文字だけではなく「→（矢印）」を組み合せると判りやすくなるグラフィックは意外に多い。 「進む」「戻る」という結果を感覚的に把握できることから、ボタンを「クリックする」動作にも繋がりやすいようだ。一口に「矢印」といっても、さまざまな表現・形状がある。 「やじるし」と入力して変換したような何の変哲もない単純なグラフィックでは、アイコンとしての効果も半減してしまうかも。今回はいろいろな場面で便利に使える「→」の、簡単な描画法と表現のバリエーションを紹介したい。 一口に「矢印」といっても、その形状だけでいろいろなバリエーションがある。直線を組み合わせたシンプルなもの、矢の先端部だけを抽象化した形状などさまざまな「矢印」表現が考えられる。しかしどれも簡単に描くのは難しい？ いやいや、Photosh
XML DBだからできること：HTMLをDBにそのまま保存 - builder by ZDNet Japan
xhtmlで記述されたhtmlファイルを用意 最初に登録用htmlファイル(test.html)を用意する <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>テストページ</title> </head> <body> <div> <h1>テストページ</h1> <div>htmlをそのままストアする</div> </div> </body> </html> 以下の点に注意すること。 文字コードのコンバートを省くためUTF-8で記述 meta情報のcharsetは最初の日本語より前にないとPHPのloadHTMLFile関数で読み込んだ際に文字化けする。 通常のhtmlで記述されている場合、PHPのxmlパーサーの仕様でXML文書化されるので予期しない結果になる
Firefoxアドオンで機能拡張--アドオン一覧を出力するExtension List Dumper - builder by ZDNet Japan
今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 注目急上昇中のDaaS最新情報 コロナ禍を背景に利用者と機能を拡大中 Azure Virtual Desktop最新情報 仮想デスクトップサービスの最新事情 複数の選択肢のあるMSのVDIサービス どう違うのかをわかりやすく解説 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM RPA見直される”業務”と”人”の関係 人的リソースを単純作業から解放！ 高付加価値業務への転換のために リモートワークを成功させる方法 必須となるセキュリティをどう強化するか 必要な対策5つを紹介 DNSを守り、DNSで守る 高度・巧妙化し危険度を増すサイバーリスク いま考えるべきモダンセキュリティのあり方 クラウド導入が進まない
CSS 3のbackground-sizeとbackground-break：FirefoxとSafariのCSS対応 - builder by ZDNet Japan
前回に続いて、CSS 3で追加された背景に関するプロパティを確認していきたい。 今回は、背景画像の大きさを指定するbackground-sizeと、インライン要素の背景画像の繰り返し方法を指定するbackground-breakを取り上げる。background-sizeにはSafari 3とOpera 9.5が、background-breakにはFirefoxが対応している。 なお、背景に関する規格については、CSS 3の草案CSS3 Backgrounds and Borders Moduleを参考にする。 背景画像の大きさを指定するbackground-size background-sizeは、背景画像の大きさを指定するプロパティだ。現在、Safari 3が対応しており、-webkit-background-sizeというプロパティ名で利用することができる。また、Opera 9.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
