Paaspekはじめました

いらないものを削ぎ落とす

ブログが不必要な情報でごちゃごちゃしてきている。あまり必要のない機能と、目障りなバナー。新聞の折り込み広告のごとく目に飛び込んできては、記事に集中できなくて困る。1ページごとにバナーが入った小説を出す人はいないのに…

Movable TypeでCMSというものを知り、もっといいものがあるはずだ!と思い立ち、CMSの旅をして3年。いくつものCMSをインストールしては嘆いた挙句、久しぶりにMTに戻ってきた。

 

なんだかんだで現状ではMTやっぱり一番使いやすいと思った。 たぶん仕様がすばらしいに違いない。 そして今回、 MTで新しくブログをデザインするにあたって、 以下のことを心がけた。

  • できるだけスクロールさせない
  • 上が軽く必要なものを、 下は重くあまり必要のないものを配置
  • 絵で伝えるものを多くする
  • 黄金比によるデザイン
  • 読みやすいカラム

さらに、 裏では次のような工夫をしてみた。

Appleの技をまねて

今回、 AppleのProページを参考にして、 AppleJAX(正式名称は不明)を取り込んでみました。 これを利用してトップページの下に並んでいる過去の記事を表示させています。 MTとjsだけでもできる事かと思いますが、 MTからXMLを書き出して使っています。
さらに、 IEでは透過pngが透けない問題があるが、 これはIE5.5+ PNG Alpha Fix v1.0RC3(http://www.twinhelix.com)を使用(アップルも使っている)。 このサイトは他にも数多くのjsライブラリを提供している。

Multi-Column

一般的なブラウザで読んでいる人は、 このページが分割されているのに気付くと思う。 これはコラムを自動的に分割するMulti-Column(CSS3で実装予定のもの)を利用している。 将来適応される予定のcss3の仕様をjavascriptで強引に先取りしているらしい。 ただ、 そのままでは何故か左少なめ右多めになりバランスがおかしくなる時があるので、 まずその原因を調査した。 英語ではあたりまえに使うホワイトスペース。 日本語だと「。 」「、 」をホワイトスペースのように使うが、 実際にはホワイトスペースはほとんど入らない。 そこでMTプラグインのRegexを使って、 それぞれを「。 」「、 」というよに、 うしろにホワイトスペースがつくように置換している。 あと、 画像やh4を挿入した場合(とくに先頭行)もバランスがおかしくなる。 これはcss3-multi-column.js内のsplitableTags定義に'IMG'や'H4'を追加することで解決できるようだ。
と思ったが、 これらを修正しても、 <img>や<li>を入れたときに高さが合わないときがある。 そういう時はテキストを足したり、 タグを入れる場所を変えながら調整するしかないかも…。 けっこう不具合があるが、 そこは妥協して使ってみることにする。

何と言ってもウェブデザインで一番難しいのは、 見え方の違いをどう解決するかだろう。 まず、 違うブラウザで見れば違う見え方になる(クロスブラウジングの問題)。 それだけならまだいいが、 Macintoshとpcの見え方の違いもある。 そして、 それだけならまだいいが、 モニターはすべて解像度が異なる(つまりキャンバスの大きさが違う)。 大きいモニターでデザインすればノートで見たときに大きすぎると感じ、 逆にノートでデザインすれば、 大きいモニターでは小さく見える。 スクロールという便利な機能のおかげでそれはクリアになったように見えるが、 その部分を切り取る大きさまで合わせられない。

 

ウェブを見るときに感じるデザインの問題、 ウェブを編集するときに感じる技術的な問題。 前者は、 主に後者によって支配されている。 そこで多くの人が自由にデザインできるMacromedia Flashに飛びついた。 HTMLで束縛されることは無くなったかのように見えた。 しかし、 Googleほか検索エンジンの依存度が高まり、 SEO対策が重視されるようになってからは、 検索に引っかからないと意味がないような時代に。 その意味でFlashが遅れをとるなか、 htmlからデザインのデータを分離させようという動き(css)を経て、 AJAXという展開になった。 これは一見進歩しているように見えるが、 いかに簡単にウェブ編集ができるかどうかは依然としてあまり意識されていない。 ウェブデザイナーはAJAXやCSSという、 よりややこしいものを覚えなくてはならなくなってしまった。

もっと簡単にしようという動きがないわけではない。 Movable Typeをはじめ、 オープンソースのCMS(Contents Management System)が山ほどリリースされている。 しかしそれらを駆使したところでPhotoshopやIllustratorのようにはいかない。 最低限、 htmlというものを理解しなければならないし、 やりたい事がうまくいかない時はjava scriptやphpを勉強し、 AJAXもXMLも勉強し、 勉強する事が増えて増えて気づいたらプログラマになっていた! 何を書きたいのかすっかり忘れていた! という状態の人も少なくないと思う。 つまり、 書くことに集中できない(だからやっぱりNOTAは気になる)。 そしてウェブパブリッシングがもっと手軽にできる時代は、 このごった煮なWeb2.0の先の先。

最後に、 このブログで何を書いていきたいのかを簡単に。 毎日17万5000個のブログが作られている(gigazineより)。 それはもとより本屋に並ぶ週刊誌、 月刊誌の多さを見るだけで、 情報が飽和している時代だということは言わずとも手に取るようにわかる。

仏教の教えに、 「足るを知る」という言葉がある。 欲しいものがある。 それを手に入れ、 満足すると次にさらなるものが欲しくなる。 人間の欲望にはきりがないので必ずどこかで破綻してしまう。 そこで、 「これでもう十分じゃないか」「もうこれくらいでいいではないか」と、 定期的に体重計にのるように自分の精神を計る。 でも同じ48kgでも、 ある人は理想的と言い、 ほかの人は痩せすぎと言い、 またほかの人は太りすぎと言う。 つまり人は常に比較している。 だから「人にどう思われようが、 自分は自分に必要な分量をとっているだけ。 」という揺らがない固い信念が必要になる。 ただ、 精神には体重計のように客観的に自分の状態を知る手段がないので、 自力で憶測するしかない。 それが難しい。

ややこしくなってしまったが、 とりあえず本当に伝えたいことがあるときにだけ、 マイペースでゆっくり更新していこうと思う。

 
Paaspek制作で参考にしたURL: Paaspek制作で参考にした書籍:
 

コメント (1)

АГЕНСТВО РЕКЛАМНО-СУВЕНИРНОЕ"ПРЕСТИЖ" - официальный дистрибьютор письменных принадлежностей LECCE PEN на территории России. Всегда в наличии, на складе в Москве, огромный ассортимент всего модельного ряда продукции LECCE PEN. Собственное производство по нанесению фирменной символики. Рекламным агентствам и посредникам – БОЛЬШИЕ СКИДКИ! Для регионов – бесплатная доставка до транспортной компании.
Компания LECCE PEN всегда открыта новому, вкладывает существенный капитал в дизайнерские, технологические и экологические исследования и имеет все необходимое, для того, чтобы войти в третье тысячелетие, в эпоху глобальных коммуникаций . Все виды деловых подарков


“CENTER OF ADVERTISING GIFTS PRESTIGE ”makeall kinds of business gifts for any holidays! All kinds of business gifts wholesale. Own printing and engraving facilities.
“CENTER OF ADVERTISING GIFTS PRESTIGE ” hairbrushes, hairbrush for hair, hairbrush, bottle openers, can`s openers, key holder-bottle opener, lighter bottle openers, Magnets Flappers, Vuppi, Antistress Toys,
mobile phones holders, Computer gifts. Office accessories, Medical gifts PRESTIGE COMPANY. We make and sell wholesale Promogifts. We put on the gifts various kinds of firm symbolics by method stamping . We sell dekole mugs wholesale , lamination. Printing replicate on risograf . We make
all kinds of laser engraving .Gifts fromplastic.We have sets of business gifts for different spheres,for example: Furniture, Woodenworking industry you can order gifts from us for even Deputate! Multichannel phone in Moscow: 8(495)729-57-79

コメントを投稿

 

トラックバック

このエントリーのトラックバックURL:
http://www.kamishimo-records.com/mt/mt-tb.cgi/5

Tag cloud

music (5)
think-piece (1)
travel (1)
web-design (2)
web2.0 (4)
 
© 2006 Utabi Hirokawa. All Rights Reserved.   Powered by Movable Type