Code.016 2003年02月03日発行
■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■
【 Webプログラミング 】
〜 猫的プログラマーとその軌跡 〜
■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■
▼毎週月曜日に配信しています。
▼等幅フォントでご覧いただくとキレイに見えます。
▼登録・解除はこちらから可能です。
< http://www.ichikoro.com/webp/ >
※ぜひお友達にもご紹介ください(^^)/
こんにちは、編集長の勝部です。
週末は何だか疲れてぐったりしていた関係で、
今回は小休止。Q&Aだけお届けします。
うーん、何だろう。
体力不足？不摂生？(^^ゞ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ここが知りたい！ WebプログラミングQ&A
──────────────────────────────────────
ここでは読者の皆様からよせられたギモンをQ&A形式に
編集しなおしてお届けします。
Q. 文章を読みやすくするテクニックはありますか？
A. CSS(スタイルシート)を活用しましょう。
紙と比べてパソコン上に表示される文章を長時間読むのは、かなり
つらい物があります。資源の無駄だと分かっても、ついつい印刷し
てしまいますよね。
※ドキュメントの検索置換やコピー&ペーストが
出来るパソコンの方が、業務上は作業効率いい
んですけどね。
これは色彩感覚などWebページ制作者の「センス」から来る問題と、
紙(印刷物)とディスプレイの違い、この二つが大きな原因でしょう。
今回は後者を取り上げてみたいと思います。
(1)行間の違い
行間とは、行と行の間にある隙間のことです。
パソコンはビシッと詰まっているのに対し、
読みやすい印刷物には適当な行間があるのに
気がつくでしょうか？
→解決法
CSSの line-height を使いましょう。
<DIV style="line-height: 130%">
ここに文章を書いてください。
行間が普段より開いているのが
分かりますよね？
</DIV>
(2)縦書きにしてみる
例えば台本(脚本)など、縦書きにした方が圧倒的に読みやす
い場合があります。もともとマイクロソフトもアップルも横
書き文化であるアメリカで開発されたこともあり、縦書きの
対応は貧弱でした。
→解決法
CSSの writing-mode を使いましょう。
<DIV style="writing-mode:tb-rl">
対応しているブラウザは縦書きに見えます。
やっぱ、日本人はこれですな。
</DIV>
IE5.5以上で有効です。
対応外のブラウザでは横書きの状態で見えます。
・参考
Internet Explorer 5.5 における縦書きレイアウトの使用
http://www.asia.microsoft.com/japan/msdn/web/ie/ie55/verticaltext.asp
これ以外にも、テーブルで無理矢理に縦書き風の文章に
する技がありますが、長文だったりすると修正するとき
に結構大変なのであまりおすすめしません。
最初に述べた制作者のセンスですが、例えば背景と文字はお互いに
輝度の近い色を使わない、ユーザーの目の疲れる事をしない(安っぽ
い広告バナーを張るとか(苦笑))、読みやすい文章になるよう根本的
な部分を努力するといったことも重要です。
本当に読みやすい、高度な編集がしたいのであればPDFにする
という手もあります。またFLASHを使うのも一つの手段です。
他にもみなさんが行っている、読みやすくするテクニックがあったら
教えてくださいね(^^)/
★募集中！
Webプログラミングではこのコーナーで聞いてみたいご質問を
受け付けております。メルマガで取り上げた内容と違っても
OKです。お気軽にお寄せください。
mm-webp@ichikoro.com
(かつべへダイレクトに届きます)
───────
分からない
───────
いまいちよく分からない場合は、以下で聞いてみることも
できます。
・サポートBBS
このメルマガ専用のサポート掲示板です。
勝部が(分かる範囲内で)ギモンにスパッとお答えします。
メールで聞くより高速です。お気軽にお書き込みください(^^)/
http://www.ichikoro.com/webp/bbs/
・CGIプログラミングML
CGIなどWebに関する話題を繰り広げるメーリングリスト。
このメルマガとは関係ありませんので発言時は注意を。
http://www.ichikoro.com/cgi/ml/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
編 集 後 記
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エクセルの本を数冊買ってきて会社でお勉強をしていました。
Perlで100行程度のプログラムが、ほんの数アクション(数秒)で
出来るのはちょっと感動します。ピポットテーブル(グラフ)っ
てすごい！（笑）
業務でアクセスを使ったツールを作成したり、会議の資料をパワー
ポイントでまとめることは良くあるのですが、あまりエクセルの深
いところ、例えば細かいデータ分析などをする機会がそんなに多く
なかったため、いつも力技でやっていました。
優秀なプログラマーほど、過去の資産(ライブラリとかね)やツールを
使いこなすと言われています。自分で作ることが大事なのではなく、
どれだけ早く、確実に実現するかが大切なのです。
マイクロソフトは正直大嫌いなのですが、使える物はしっかりと
利用しましょう。さぁデータに埋もれている方、データの加工に
難儀している方、今すぐエクセルを手にとりましょう！
・超図解 データ分析入門 from Excel & Access
http://www.amazon.co.jp/exec/obidos/ASIN/4872832620/ichikorocom-22
「表計算」を一通り覚えたら次に取り組む本でしょうか。
ピポットの使い方から始まり、Accessとの連携などにつ
いて解説した本。
・Excel関数 逆引きハンドブック
http://www.amazon.co.jp/exec/obidos/ASIN/4883370712/ichikorocom-22
一押しです！
エクセルの関数の説明は、直感的に分かりづらい物が多く、
探すのに一苦労するのですが、こいつが一冊あるだけで
ずいぶん助かります。
また来週お会いしましょう！ (^-^)/~~~
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
【 Webプログラミング Code Sample 】
発 行 ： ichikoro.com
発行責任者 ： 勝部 麻季人
< katsube@ichikoro.com >
Webサイト ： < http://www.ichikoro.com/webp/ >
お問い合わせ先 ： < mm-webp@ichikoro.com >
Powerd by まぐまぐ
All Right Reserved, CopyRight(C) 2001-2003 Webプログラミング Code Sample
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
