近頃、めっきりホームページのオーサリングソフトを使わなくなってしまった。
ホームページビルダーは10ヶ月ぐらい、Dreamweaverに至ってはすでに5～6年まともに触っていない。Dreamweaverのリハビリを少々やってみようと思い立ち触ってみたものの、すっかり忘れてしまった。ホームページビルダーさえ、細かなところはかなり忘れかけている。使わないものはとっとと忘れてしまうものだ。

さて近頃は、ホームページを作るのがCMS主体となってしまい、かつてのように何ページものホームページを作ることはほとんどなくなり、CMSやASPを活用すればほとんどがマスターページであるテーマやスキン、あるいはテンプレートを作ることになる。こうした場合、基本的には1点物のデザインなので、テキストエディターとブラウザの組み合わせで十分作れてしまっていた。

TopStyle

ところが、ちょっと気になって、CSSエディターで便利なものが無いか調べてみると「TopStyle」というのが見つかった。みんながすでに知っていて、私だけが最近気が付いたのなら、お笑いの「ナイツ」の「ヤホー」状態だが、まだまだ知られていないツールのようだ。
実はこれ、以前には無料版の「TopStyle lite」というのがあって、ある程度認知されていたようだが、今は有料版とトライアル版が出ているようだ。トライアル版を利用してみているのだが、利用期間に制限があるのか機能に制限があるのかさえわからずに試用している。その内、なんなのかわかってくるだろう、、、。

このTopStyleは起動して見ただけで、なんとなく「優れもの感」が漂っている。
英語版なので詳しい説明はできないが、古いDreamweaverしか高性能オーサリングソフトが無い我が家としては、このTopStyleは最強かもしれない。あるサイトではDreamweaverと比較して、マスターのCSSを使用したページ制作ではTopStyleの方が便利だと書いているサイトもあった。
確かにAptanaなどを利用したことがある方なら、おそらくTopStyleの方を気に入ることだろう。
とにかく、機能豊富でまだまだ開いていない機能だらけで、本当のところは何がどの程度までできるのか、便利なのかさえわかっていない。

この他、CSSだけを簡単に作成したり、変更したい方には今のところ以下の２つのエディターが直感的で便利そうだった。

JustStyle CSS Editor
SimpleCSS

phpspotでおすすめのCSSエディターを紹介しているのでここに紹介する３つのツールで不満の向きはそちらを参考にされたい。
でも、探す時間があったら、まずはここで紹介する３つをいじり倒すことから始めることをおすすめする。私もこうしている場合ではない。TopStyleをいじってみることにする。

WordPressがあれば相当広範囲にさまざまなWEBが作れます。小規模サイトで、あまりホームページ制作のノウハウが無い場合にはWordPressとブログエディターを使ったホームページ制作は大変有効な手段です。しかし、サイトのデザイン制作、いわばWordPressで言うところのテーマ制作となるとやはり「コーディング」のスキルが必要です。

例えば初歩的なホームページを個人で作ろうとすれば、これまで多くの方がホームページビルダーを利用してサイトを作っていたと思います。
一方、ある程度以上の規模で仕事としてホームページ制作を行う場合、多くの方がDreamweaverを使用しているでしょう・・・と思っていたら、そうでもないようで、htmlエディターやIDE、FirefoxのFireBugなど様々なツールを利用して作られているようです。

実は先日、久しぶりにDreamweaverの操作を「リハビリ」していたのですが、以前感じていた感覚と少し異なったイメージを持ちました。それは、かつてはtableを配置してレイアウトする方法が中心でしたが、今はdivを使用してCSSとの連携でデザイン制作することが多くなってしまいました。
特に、WordPressのテーマなどを利用したり、オープンソースのhtmlテンプレートをWordPressに移植したりすると、ほとんどはhtmlとcssの連携でデザインを作成しています。

どうしてもこのような制作方法になってくるとエディター機能が重要になってくるので、デザインに関しては「今時コーディングじゃないよ」とも言っていられず、優れたエディター機能が欲しくなったりします。この場合、必ずしもDreamweverが飛びぬけて便利なソフトだとは言えない気がします。

そこで今日は紹介だけにとどめて起きますが、以下のようなツールが結構おすすめです。
申し訳ないですが、私自身使い込んでいるわけではないので、現時点で詳しくご紹介できませんが、基本的な操作を行っているだけでもかなり使えるツールたちです。

●ホームページ制作
AptanaStudio
Bluefish

●WEB開発 (Firefox+)
Firebug
DOMInspector

Eclipseは大いに有効なツールですし、AptanaStudioも同様ですが、我が家のボロパソコンでは今となっては大変重いツールたちで、動作がかなり鈍くなってきています。
近日中に、これらを活用しつつ、当サイトらしくテーマの制作やカスタマイズの際のこれらツールの働き振りをご紹介できればと思っています。

ＣＭＳやＢｌｏｇのテーマをカスタマイズしようという場合にはどうしてもＣＳＳの書き方を少しばかり学習しなくてはいけません。しかし、通常のhtml書類でホームページを作成している場合と違い、ページ内の見た目をダイレクトに書類に書き込むわけではないので、始めは少し戸惑いますし、特にＣＭＳなどの場合にはサーバー上で動いていないとＣＳＳにリンクした状態ではないので、一般のホームページ制作ソフトでページを開いて修正したり書き加えたりという訳には行きません。一般的にはローカルのサーバー上にＣＭＳなどを表示させておいて、そのスタイルシートをエディターで修正しながら調整していると思います。

(続きを読む…)