アイディア&&テクノロジー

お勧めのソフトやサービス等をご紹介しています。

TECH：：Recomends 目次

サイト設計ツール
レンタル・サーバー
コンピュータ・インターネット用語集サイト
サイト設計に便利なTips集サイト
解説・リファレンスサイト
フリー・シェア CGI スクリプト公開サイト
アクセスアップ

サイト設計ツール

サイト設計ツールとして有名なのは、以下の3本でしょう。いずれのツールもスタイルシートやJavaScript、フレーム・コード自動生成による表現幅は大したものです。HTML コードをダイレクトに書き込める機能もありますので、プロユースとしても問題はないんじゃないでしょうか。書籍もいっぱい出回っているくらい有名なツールばかりです。どれか一つを極めれば文句なし！なんて思います。ただ、スタイルシートのサポートはどれもどんぐりの背比べだなー、と思っています。
結局ダイレクトにソースをいじる羽目になるでしょうねー。

ツール名

個人的な所感

IBM ホームページビルダー

初心者向きと、とても名高いツールです。生成される HTML コードの質もかなり高いと思います。BBSやカウンタ設置までプロバイダおきに自動化しているあたり、初心者向けとして不動の地位を築いていることも納得できます。携帯端末（iMode等）用ページもサポートしています。個人的には、デザイナーツールとして見ても、エンジニアリングツールとして見ても、可も無く不可も無い、と言う印象があります。ソツなくまとまっています。

Macromedia Dreamweaver

プロが最も使っているツール、と名高いです。レイアウトに関する機能、Flash や Fireworks との連携が売りです。3本の中で最も優れた HTML コードを生成すると思います。MS WORD が作る、お世辞にも綺麗でない HTML コードを自動的に修正する機能は圧巻。エンジニアに言わせると『目の覚めるHTML』。ちなみに僕はこればかり使ってます(^^;) GoLive に比べると色機能があまりデザイナーツールっぽくなくて、WEB セーフな色確認といった、エンジニアリングツールっぽさが強いと思います。使いやすい HTML / JavaScript / CSS のリファレンス機能付き。バリバリと直接 HTML / CSS を書く人にはとてもうれしい。このあたりがプロユースなのかな？

Adobe GoLive

Photoshop 等でお馴染みの、パレットと言う概念で統一された使い勝手がすばらしい。色合い等を確認しながら作成できます。 Photoshop や Illustrator をお使いの方であれば、とてもとっつきやすいと思います。ただ、生成される HTML があまりにも酷い感じで、しかもばんばん落ちます(^^;) 一番酷い点は GoLive 固有タグを生成するところ。大体大丈夫ですが、いつかブラウザで見ることができない状況に陥って、はまるかも知れません。設定でオフにできますが、初心者の方にはあまりお勧めできないかなぁ。デザイナー向きです。個人的には今後が楽しみ、と言う感じで、今買うツールじゃないかも。

その他、あるとサイト設計上、便利なツールを列挙してみます。

ツール名

個人的な所感

XENU と言うドイツから発信の Windows 用リンクチェックツール。サイト設計ツールにはローカルファイルのリンクチェックが大抵付いているのですが、このツールの凄いところは外部の他のサイトに張られたリンクを、指定された URL 全ページに渡ってチェックしてくれるところです。Vector 等でもカテゴリーとなっているリンクチェックツールですが、このツール同等性能を持っているものはまだ無いようです。ドイツ発信ですが、ツールは英語です。

↑目次

レンタル・サーバー

プロバイダがサイト設計用のウェブ用サーバー・スペースを提供していないとき、無料・有料のウェブ・スペースを外から借りないと、ですね。無料のものは、一般に広告が入り、動作も若干遅めです。

そうでないものは、個人の趣味による運営や、なんだかの目的（音楽や芸術活動に対する支援等）でスペースを貸与しているもので、審査等がそれなり厳しいものばかりです。

一般には、広告ありの無料か、有料のサービスでしょう。有料の場合、『hogehoge.COM』といった、独自ドメイン込みで取得できるところもあります。なお、ドメイン名が取得できないサービスで、ドメイン名を使いたい場合、ドメイン名の転送サービスを用いますが、相場が 5000円/年と安くありません。ので、どちらにウェイトを置くかでしょうね。

有料で探す場合は、以下のサービスがとても使えますので、活用してみてください。

スーパーサーバーサーチ！

以前、探し回ったときの個人的にお勧めサービスは以下の通りです。値段一万円前後で、容量が大きいもの、と言う条件で探してみました。ご参考まで。

ちなみに CGI スクリプトを使う場合は Telnet サービスが使えた方が良いって話があるんですが、フリーの CGI スクリプトを使う分にはそれほど目くじら立てて必要、って言うほどのものでもないんじゃないかなぁ、なんて思います。ダイアルアップだと、レスポンス悪すぎて使い物になりませんし(^^;)

有料ウェブサービス	CGI	Telnet	容量	価格/1年	補足
COOL ONLINE	○	×	300MB	9,450円	ドメイン取得なし。2年目以降、6300円。無料20MBあり。
TkCity	○	○	無制限	20,000円	ドメイン取得なし。無料50MBあり。
JAPAN-SIGHT.COM	○	×	500MB	20,000円	初期費用5,000円。10M追加ごとに年額1,200円追加。ドメイン取得の料金がサービス（タダ）！。
KTPlan	○	×	500MB	12,000円	初期費用3,000円。ドメイン取得なし。
sakura.ad.jp	○	○	150MB	10,000円	ドメイン取得・転送サービスは別料金10,000円/2年。
CHAT-JP.COM	○	×	無制限	7,200円	初期費用2,000円。ドメイン取得・転送サービスは別で申請する必要あり。サポート親切・万全。
1-man.net	○	×	50MB	10,000円	ドメイン取得込みの料金。まさに激安。僕はよく利用しています。以前は、非常に良くサーバーが落ちていましたが、2002年現在は落ち着いています。その他、PHP もつかえる。サポートはあまり期待しませぬよう。

その他、個人で運営されている無料ウェブホスティングサービスがあります。下記サイトが無料サービスへのリンク集ですので、必要に応じて参照してみてください。

ただモノではない！

HDD 容量無制限で CGI の使えるサービスを僕のほうでチョイスしてみました。以下、ご参考まで。なお、広告なし、無料と言うウェブ・サービスの『無制限』は、『特に上限を定めていない』だけで、使用容量が 50MB を超えたりしたら、多分、主催者様からのクレーム対象になっちゃいます。ご注意！ただ、それ以前に入会資格に厳しい条件を課していることが多いですが(^^;;;

無料ウェブサービス	CGI	Telnet	容量	広告	補足
トクトク	○	○	無制限	あり	有名ですね、CGI が使えるので、知る人ぞ知る。若干重い、と言う噂も。
ネットワーク利用技術研究会	○	○	無制限	なし	Linuxカリスマの主催による個人運営。ネットワークを利用した新しい方法論の確立を目指した実験場の模様。審査厳しそう。
麻布屋	○	×	無制限	なし	個人運営。毎月作文を書くことが条件。作文はサイト上にて発表。
クリエイターズネット	○	×	無制限	なし	個人運営。クリエイター限定。20Mぐらいが限界の旨、記載あり。

↑目次

コンピュータ・インターネット用語集サイト

コンピュータやインターネットの世界は、日進月歩の上、とても広大です。その上、英語による略字が多いカルチャーなので、文章読むだけで一苦労するかも知れませんが、この辺りはもはや調べて慣れるしかありません。そうは言っても、検索サイトでいちいち解説を検索するのは、それなり時間がかかってしまいます。餅は餅屋、ってわけで、僕が良く使う用語集サイトをご紹介します。いずれも検索機能付きで、直ぐに必要な用語解説に到達できます。

用語集サイト

個人的な所感

アスキーデジタル用語辞典

多少の知識はもとよりある人向けだと思います。解説は非常に簡潔、明瞭。量が相当に膨大。関連用語へのリンクも充実。大体のことはここで見つけることができると思います。言わずと知れたアスキー社ascii24.com上にて運営。

通信用語の基礎知識

ここで挙げている用語集サイトの中では最も量が豊富で幅も広いと思います。通信用語とありますが、コンピュータ、インターネット果ては2ちゃんねるまでと多岐に渡って解説。関連用語へのリンクも充実しています。多少、書いてある内容が詳しいものと簡単なものとの差が大きいかな？アスカネットワークサービスによる運営。

IT 用語辞典 e-Words

階層を辿ることも出来る用語集サイト。記述内容はそれなり程度？階層別にお勧めの関連書籍が表示される。株式会社インセプトによる運営。

↑目次

サイト設計に便利なTips集サイト

サイト設計で、 HTML 程度であるならば兎も角、CSS とか、JavaScript とかを最初から勉強していたら大変です。勉強はした方が絶対良いと思うのですが、実装までサラからやっていたら、
とてもじゃないけど、時間が足りませんし、一番重要なことである筈の「動くもの」がなかなか出来上がりません。こういうのはコツがあります。

動作は大枠で抑えて、詳しい方のサンプルをパクってしまうのです！正当化するわけではありませんが、ソフトウェア設計もそういった角度があります。ライブラリと言う概念ですが、先人達の苦労をパッケージ化して、その組み合わせとして、更に優れたソフトウェアを開発していくのです。そういうのは何でもそうで、電子回路の設計だって、いちいち電子の流れから考察して設計するわけじゃありません。経営者だって、いちいちお金の起源から考察して経営するわけじゃありませんよね。

それでも根本から考える努力は絶対必要です。何か動かなくなってしまった時、対処ができなくなってしまうし、自分で作れない限り本当にユニークな動作は実装できないからです。パクったサンプルがどういう意味を持つものか、時間を見つけて、ぜひ考えてみてくださいね。

2001/12/29 現在、JavaScript Tips集サイトを主にご紹介していますが、CSS Tips集サイト等も随時更新していく予定です。

サンプル集サイト

個人的な所感

JavaScript basic samples

目から鱗賞ものの、非常に基本的な JavaScript の使用例が豊富にそろっています。データベースでもいじるわけでもない、普通のサイトを設計する程度であれば、世の JavaScript サイトで行っているほとんどの動作を設計可能だと思います。

サイト・デザインをクールにするためのJavaScript / DHTML Tips集です。目的を大きく捕らえているので、パクるには絶好です(^^;)。派生系を作るよりは、そのまま使えるサンプル集ですね。WindowのPopupサンプルを昔頂きました。

200選超簡単JavaScript

ほとんどJavaScript版のフリーウェアと言っても良いぐらい、具体的な設計事例が用意されています。このまま使っても良いし、チューニングして使っても良いですね。内容を理解することで、随分 JavaScript の知識は深まると思います。っていうか、深まりました(^^ゞ

はぎさんちのページ

基本的には個人ページな雰囲気ですが、HTML書法Tips集とJavaScript Tips集があります。各Tips集共にスタイルシート、クロスブラウザの問題について言及されていて凄い。Mac版 Internet Explorer 4.5の問題点記載に目から鱗でした。

↑目次

解説・リファレンスサイト

サイト設計にはHTMLやJavaScript、Perl と言った仕様化された言語を用います。ツールを使えばかなりのところまでをワープロ感覚で自動的に設計してくれますが、最後は上記のような言語を使うことになってきます。そんなとき、やはり言語仕様を知らなければならないのですが、全部覚えている人恐らくなんていません。それらについて解説してくれるサイトや、必要に応じて参照（リファレンス）できる辞典があると便利ですよね。
なお、Dreamweaver は HTML/CSS/Javascript 簡易辞書がついていますが、記述内容が十分でありません。

そんな解説・リファレンスサイトを集めてみました。2002/10/13 現在、あまり量がありませんが、随時更新予定です。

リファレンスサイト

個人的な所感

老舗ですね。超有名リファレンス・サイトです。ふとHTMLのタグや CSS 、JavaScript の使い方を忘れてしまったときにどうぞ。サイト内検索機能もありますので便利です。その他基礎解説もあり、内容とても充実。

Chanchan-World!

懇切丁寧な HTML / CSS / CGI(Perl) /JavaScript に至る基礎講座があります。本当に分かっている人の言葉はいつも尊い。基礎中の基礎をここからゲット！

↑目次

フリー・シェアCGIスクリプト公開サイト

アイディア&&テクノロジーで行ったサイト設計委託で、お世話になったフリー・シェアの CGI スクリプトを公開しているサイトです。どれも一押しです。

CGI スクリプト公開サイト

個人的な所感

アッhan!

恐らく最強の 2ちゃんねるタイプ BBS である、アッhan! BBS を公開されているサイトです。アイディア&&テクノロジーではプロジェクト NORTH-TOWN (TUGARU.ORG) で使用しました。その出来の高さは折り紙付きです。ほぼ 2ちゃんねる(^^;)。本格的なデザイン変更にはそれなりスキルがいるかと思いますが、色等を変更するだけならさくさく。2ちゃんねる BBS を検討されている方へ、ぜひ。

HAKIDAME WEB

プロジェクト MOMO-CHAN にて、メールマガジン CGI を利用しました（ミキコサウンドのメエルページを参照ください）。非常にデザイン的完成度の高い CGI を多数公開されています。BBS や Access Log もお勧め。デザインのカスタマイズは多少しんどいかな？元からデザインは天下一品です。そのまま使いたい方に。

softwarehouse
TAMAYA

ぱっとみ地味ですが、偉いカスタマイズのしやすい CGI （ Perl ）がフリーで提供されています。なんと HTML 言語だけで BBS のスキンが書けてしまうと言う。私は頻繁に使用しております。管理されているのは本職サイト設計エンジニアの方。※ 2002/11 現在 CGI スクリプト公開は停止中です…乞う復活！