■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ ┏━┳━┳━┓ ■
■ ┃＠┃Ｉ┃Ｔ┃［＠IT通信 No.419］2009/08/27 ■
■ ┗━┻━┻━┛ ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ C o n t e n t s ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■
■
■今週のテーマ
CSSを見直そう
■今週のキーワード（from ＠IT用語事典）
CSS
■［コラム］営業担当のつぶやき
幸せを見つけた夏
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■
皆さんにとって“小学校の夏休みの終わりの日”というと何日を指しますか？ 多く
の読者にとって、8月31日は宿題の残りに追われた忌まわしい記憶があるのではない
でしょうか。ところが、最近の小学生は8月25日ごろから新学期が始まってしまうよ
うです。ゆとり教育の見直しの影響なんだとか……。
■今週のテーマ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■
■ 「今週のテーマ」は、＠ITで過去に掲載された記事の中から、担当編集者が
■ お勧めの記事をテーマ別に再掲載するものです
【テーマ】CSSを見直そう
●ちょっとサイトをステキにするCSSの基本
いまさら聞けないCSS／スタイルシート入門（1）
CSS（シー・エス・エス）とは、Cascading Style Sheets（カスケーディング・スタ
イル・シート）の頭文字を取った頭字語で、サイトをデザインするための言語として
広く使われているWeb標準技術です。
「スタイルシート」と表記している媒体もあり、少なからず初心者に対し混乱を与え
てしまっているようですが、大体の場合これは「Cascading Style Sheets（カスケー
ディングスタイルシート）」の略語だと解釈してしまっても構わないでしょう。
本連載では、Webデザインに欠かせない、ちょっとサイトをステキにするCSSの基礎に
ついて解説していきたいと思います。
●構造（HTML）とスタイル（CSS）を分けるって？
皆さんが普段見ているWebサイトのページ（文章）はいくつかの文章から構成されて
います。そして、文章を装飾するためのデザインがあり、そのデザインがページを見
やすくさせていますね……
▼続きは「本文」へ
http://www.atmarkit.co.jp/fwcr/design/benkyo/css01/01.html
さらに「CSS」関連記事は……
●CSS Spriteなどブラウザとサーバの通信を減らすテク
WebデザイナのためのHTMLチューニング入門（3） HTTPにおけるリクエストの数を意
識してますか？ デザイナでも、CSSの使い方によって数を減らすことができます
（2009/6/8）
http://www.atmarkit.co.jp/fwcr/design/benkyo/htmltuning03/01.html
●SassでCSSの弱点を克服しよう
Syntactically Awesome StyleSheets Sassはスタイルシートを簡潔に表現するため
のメタ言語。Webアプリケーション開発でプログラマやデザイナを悩ませるCSSを攻略
しよう（2009/5/22）
http://www.atmarkit.co.jp/fcoding/articles/sass/sassa.html
●［柔軟すぎる］IEのCSS解釈で起こるXSS
教科書に載らないWebアプリケーションセキュリティ（3） Unicodeでもいい、コメ
ントでもいい、さらには全角文字ですらも?! CSSのexpressionで起こるIEの悲劇を解
説（2009/6/4）
http://www.atmarkit.co.jp/fcoding/articles/webapp/03/webapp03a.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■
==PR------------------------------------------------------------------------
■■■■ ――― 『タダ』 で始める NGN TV会議 ――― ■■■■
■■ 高品質！ セキュア！ そして コスト削減！ ■■
■■ ■■
◆◆ 〜 簡単NGN TV会議を「パソコン」で 〜 ◆◆
◆◆ 製品説明＆ダウンロードはこちらから ⇒ http://www.supree.jp/ ◆◆
--------------------------------------------------------------------------==
■今週のキーワード（from ＠IT用語事典） ━━━━━━━━━━━━━━━━━━
■
■ CSS
HTML／XHTML文書の視覚表現を定義するための記述形式、またはその記述ファイル。
HTML／XHTMLが文書の論理構造を定義するのに対し、CSSはHTML／XHTML内の要素に対
してフォント、レイアウト、使用画像などのデザインを定義する。
Webページのコンテンツとデザインを切り離して管理できるため、同じHTML／XHTMLに
対してスタイルシートを差し替えるだけで、ユーザーの好みや閲覧環境に応じたデザ
インを適用できる。また、同じ要素に対するデザインを一括定義できるため、開発・
メンテナンス費用の削減、総ファイルサイズの縮小によるサーバとネットワークの負
荷減少が望める……
▼続きは「＠IT リッチクライアント用語辞典」へ
http://www.atmarkit.co.jp/aig/07wcr/css.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■
■［コラム］営業担当のつぶやき━━━━━━━━━━━━━━━━━━━━━━━
■
■ 幸せを見つけた夏
朝夕に涼しさを感じるようになりました。皆さんは今年、どのような夏を過ごされま
したか？
東京に暮らし始めてから3度目の夏を迎えました。
今年の夏は、江ノ島の海に行きました。運悪く、遊泳禁止でした……。
花火大会にも行きました。無計画さゆえに、残り10分間しか見ることができませんで
した……。
念願のコミケにも行きました。会場に向かう途中で、あまりの熱気に貧血を起こしそ
うになりました……。
私はおしゃれな街のマンションに住んでいるはずなのですが、先日、私のゴミがカラ
スに荒らされていました。東京のカラスを侮っていました……。
夜にベランダで物思いにふけっていたら、突如セミに襲われました。遠くふるさとを
思い出しました……。
……私の頭の中の「東京で過ごす夏」は、もっとスマートで、都会的で、きらびやか
なはずなのに。理想と現実はなぜこんなにも違うのでしょうか。
しかし、こんな私にも先日うれしいことがありました。
コンビニで買い物をしたときのこと、お会計が「777円」で、私の財布の中にもちょ
うど「777円」あり、ぴったりと支払うことができたのです。なぜか、幸せな気持ち
になりました。
この日常的な小さな喜びは「東京らしさ」とはまったく何も関係ないところに存在し
ていました。これまでずっと「東京らしさ」さえあれば楽しくて幸せだと思っていた
私は、あらためて田舎者だと痛感しました。
この出来事を境に、私の頭の中の「東京で過ごす秋」がぐっと日常的になったのはい
うまでもありません。
（アカウント営業統括部：寛司絢子）
▼このコラムについてのご意見・ご感想は「＠IT会議室」へ
http://ap.atmarkit.co.jp/bbs/core/club_cafe
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■
（＠IT通信／編集担当：岡田大助）
==＠IT [PR]-----------------------------------------------------------------
現在、企業のITにおける最大の課題とは「コスト削減プレッシャー」への対応です。
ITmediaによる読者調査の結果からもその傾向は見て取れ、今、IT部門や企業データ
センターの体質改善を図る必要があるのです。
──────━━━━━━━━━━━──────
そこでITmediaからエンタープライズ編集部、＠IT編集部、情報マネジメント編集部
さらにF5ネットワークス、サン・マイクロシステムズ、シーティーシー・エスピー、
ノベル、アイ・ビー・エム、シトリックス、リバーベッドテクノロジー各社が集まり
ITのインフラ効率を高めながらサービス向上するための具体的な対応策を探ります。
┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳
第2回 仮想化ソリューションセミナー
〜仮想化からその先へ ― 次世代の企業ITシステムを支える最新技術とは〜
http://www.atmarkit.co.jp/misc/ct.php?id=EV992508
┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻┻
開催：9月25日(金) 10:00〜 東京コンファレンスセンター品川 (無料・事前登録制)
＜ ビジネスとテクニカルの２トラックに分かれて“仮想化の次の手”を徹底分析 ＞
＜ ランチセッションや事例の紹介、編集部セッションなどが開かれる充実の１日 ＞
■ 詳細・申込は …… http://www.atmarkit.co.jp/misc/ct.php?id=EV992508
--------------------------------------------------------------------------==
==PR------------------------------------------------------------------------
┌─────────▼ Web Directions East 09 開催 ▼──────────┐
│【11/11-13 開催】 │
│トップエキスパートが集結、世界で最もハイクオリティな革新的カンファレンス│
│【詳細・お申込み】 http://east.webdirections.org/ │
└■ 【開催場所】ベルサール九段 ホール ルーム４ ■────────────┘
--------------------------------------------------------------------------==
==「＠ITメールマガジン」について--------------------------------------------
＠ITでは、複数のメールマガジンを発行しています。すべて無料です。ご希望のメー
ルマガジンをお選びください。
▼メールマガジンについて
http://www.atmarkit.co.jp/applymember/club/mail_news.html
▼メールマガジン選択変更・確認・停止、配信先メールアドレスの変更は＠ITクラブ
の「メールマガジン配信変更・停止」ページにログインして行ってください。
http://www.atmarkit.co.jp/applymember/profile/optin.php
本メールに記載された内容の著作権は、記事執筆者およびアイティメディア株式会社
が有します。本メールの配布・転載等は自由に行っていただいてかまいませんが、そ
の際に内容の改編等の行為は禁止します。本メールに記載された内容で不明点・疑問
点がありましたら、下記のメールアドレスまでご連絡ください。
info@atmarkit.co.jp （記事やこのメールの内容について）
membership@atmarkit.co.jp （メール配信やメンバー登録について）
aditmedia@ml.itmedia.co.jp （広告について）
発行：アイティメディア株式会社
----------------------------------------------------------------------------
Copyright(C) 2009 アイティメディア株式会社
--------------------------------------------------------------------------==
|