ホームページ・ビルダーの歴史
時間や社会にとらわれず、雑談をするとき、
つかのま、おっさんたちは自分勝手になり、
自由になる。
誰にも邪魔されず、気を使わず物を語るという行為、
この行為こそが、現代人に平等に与えられた最高の癒しと言えるのである。
場末のラジオ
シーズン3
はい、場末のラジオでございまーす。今回もこの3人でお送りいたします。
橋です。
はい、佐藤さんです。
はい、小蔵さんです。みんなよろしくね。
はい、よろしくお願いしまーす。
はい、お願いしまーす。
はい、今回はですね、あのー、まあ、
Web 1.0を支えた伝説の、
伝説というわけではないですが、
ホームページビルダーについてですね。
ビルダーについてですね。
語っていきたいというふうに思います。
語りたいね。
古くは、古くは IBM ホームページビルダーと。
そうね。
今はジャストシステムでしたっけね。
かな?
はい。
一時期ソースネクストの子も預かってましたね。
ブラウザの特徴とフォントの問題
調べたらば、現在も最新版が発売中と。
えらいよね。
ということで、23かな?
23というのが発売になっておりますね。
ということで、まあ、
いわゆる、
ワープの感覚でホームページを作りたいという人のための
エディターでございますね。
Web 1.0の頃ですから、
なんていうんでしょうね。
ホームページビルダーを作りたいという人のための
エディターでございますね。
ウェブ1.0の頃ですから、
作成することに意義があるみたいな。
そうね。その通り。
時代のホームページですよね。
いわゆる、
安倍博士。
ホームページとかね。
それから、
あえてのシンプルさみたいなね。
シンプルだよ。
その当時の技術というと、やっぱりいろいろ思い出が出てきますよね。
あるね。
自負アニメとかね。
あと、カウンターとかね。
カウンターとかね。
カウンターはあれなんだっけ?
ホームページビルダーは何を使ってましたっけ?
何だろう。
なんか提携してましたよね。ティーカップだっけ?
そうそうそうそう。ティーカップだ。
ティーカップって掲示板?
掲示板か。
なんか提携してましたよね。
なんかでも、そう。
あったあった。
ライブCGIを埋め込んでってやつだったっけ?
そうですね。
そうだよね。
まあね、なかなか自前のCGIってのはパールとかいろいろ、一般の人には難しい感じだった。
難しかったもんね。
カウンター、ぬか喜びするカウンター。
全部俺だったってやつ。
全部俺だった。
昨日ジュウも来てるよ。
全部俺だった。
そうね。
まあ、えっと、
まあ、
Windows版なんですね。
結局Macにはなかったんですけど、
うん。
まあ、Windows版ですよね。
Macの方だと、
AdobeのPageMirrorってのが、
あ、そっか。
最初出てて、
あと、GoLiveっていうのがその後出てきて、
あ、懐かしい。
GoLive Cyber Studioっていうのを、
Adobeがまた買収して、
Adobe GoLiveってなったと思えば、
マクロメディアからもDreamweaverを買っちゃったもんだから、
GoLiveはどうなるの?みたいな感じで、
あっという間になくなりましたってさっていうね。
で、このGoLiveの特徴が、
イラストレーター感覚、
イラストレーター感覚、
レイアウトソフト感覚で
ホームページが作れますってことなんですよ。
はいはいはい。
そこで思い出すのが、
どこでも配置モードですね。
どこでも配置モード。
あれね。
ホームページみたいなのね。
いや、本当はね、だからその、
GoLiveを使ってた経験があるので、
来たって思ったんですよ、
どこでも配置モード。
素晴らしいと。
これで自由なレイアウトができるぞと。
そうだね。
ブラウザで見てみてびっくりって感じですよね。
うん。
そうなんだよ、本当に。
そう。
見てびっくり。
ソース見…
ソース開いてまたびっくりですよね。
うん。
なんじゃこりゃ。
タグで閉じやがってみたいな感じ。
タグで閉じて?
タグでみんな閉じて。
タグね、そうそう。
うちゃくちゃタグが多かったんですよね。
うん。
CSSの概念がなかったんだよね、確かね。
そう、CSSがまだ
普及する前だったからね。
ね。
で、その後の
要するに
Googleの
SEOなんていうのが出てきたときにね、
とても不利だということで
タグの数が多すぎて
パーセンテージが下がっちゃうっていう。
そう。
よく考えたらページの呼び声も
かかっちゃうもんね、タグが多いとね。
そうです。
一個一個全部読んでるわけですかね、コンピューターはね。
うん。
あるんですよね。
で、当時はブラウザ独自の
タグみたいなのがあってね。
うん。
当時はインターネットエクスプローラーと
ネットスケープかまたね。
うん。
ネットスケープ、インターネットエクスプローラー、
あとは
ファイアフォックス。
ファイアフォックスはまだだった?
まあまあね、
ファイアフォックスもその後出てきましたけど。
で、ファイアフォックスで
ネスケのいわゆる
後継ワークみたいな。
だから
オペラが出始めた。
オペラか。
あとはMacのほうだと
まだサファリはなかった。
サファリの前だと
Mac1のインターネットエクスプローラーはあったけど
スレープニルとか
ドルフィンとかもあったような気がする。
それはもっと後か。
ドルフィンはあったかな。
まあとにかく
それぞれね、独自の
タグがあったから
IEでは開けるけどネスケでは
崩れますとかね。
ね。
どっちに合わせればいいんだっけ。
基本的には
自分はIEに合わせてた。
まあそうですね。
一番多かったからね。
それしかないですよね。
あとピクセルの
考え方も
ブラウザで違ってたような
気がするな。
違ってた。
なんか違ってたよね。
あと色もちょっと。
この色で出したいのに。
あと一番は
フォントですよね。
フォントね。
マックで見ると
大阪ってゴシックのフォントでちゃんと綺麗に出てるのに
え、なにこの民調帯。
みたいな。
ネスケで開いたら
民調帯になってるような。
びっくりするよね。
ウェブで開いて民調ってね。
激渋のホームページになってたみたいな感じ。
いやー。
ホームページビルダーってね。
ホントの視点は覚えてきたっけ。
ホントの視点。
覚えてないな。
あとどうだったっけ。
ホントお目込みができないんだよね。
確かね。
ホント最近ですよね。
それができるんだったらね。
Googleが推奨したっけ。
Googleがここにあるから
読みに行ってね。
みたいなやつ。
画像になってたよね。
画像です。
自分の使いたいフォントは
全て画像にするしかない。
なんだこのページは。
テキストが
コピペできないぞみたいな感じ。
画像か。
そこに
ウェブアートデザイナーという
うさまじいやつが。
あれね。
ホームページ・ビルダーの特徴
ワードアートと匹敵する
双剣ですよね。
そうだよね。
当時のデザインの。
もこもこした。
バナーを作るぞみたいな。
3Dのね。
あれなんだよね。
ビルダーですね。
ボタンを作るのは
やりやすかったのはやりやすかったですけどね。
そうだね。
だけど
あれも
オーバー
オーバーじゃないんだっけ。
重ねると変わるんだった。
はいはいはい。
マウスオーバーか。
マウスオーバーか。
勝手に色を変えてくれたり
乗せるとね。
あたるね。
追いかけてくるとかね。
確かに便利な機能はあったけど。
ウェーブアートデザイナーだな。
最初さ
HTMLをメモ帳とかテキストエディターで
ペチペチペチペチ売ってるときってさ
文字がメインじゃん。
はい。
でも世の中進んでいくと
画像でボタンを作りましょう
とかさ
写真乗っけましょうになってくると
配置が出てきてさ
テーブルとかで配置するんだけど
そうそう。
それをさもうHTMLを
チマチマ売ってらんねえみたいな感じになってきてさ
それでやっぱビルダーの出番なんだよ
そういうところがね。
いやビルダーで
表を使った
デザインっていうのはやりましたよね。
うん。
綺麗にやるにはもう表です。
みたいな。
じゃないと崩れます。
やってたもんね。
必ずポイントも指定してね。
何ピクセル何ピクセルみたいなやつ。
そうそうそう。
あの時ってさ
PCの画面が確か800、600とかさ
まだ混在してたんだよね
1024とかで。
そうそうそう。
開くと文字破滅してるんですけど
ちっちゃいんですけど
みたいな。
っていうのもあったよな。
懐かしい。
妙に横に
広くないんだよね。
あの時のページってね。
今はもう
ワイドがメインだから
横に広がっちゃってるけど。
そうね。
違和感があったもんな。
4対3でしたよね。
うん。4対3で作ってるページを
ワイド画面で映すと
なんだこの左右の余りは
どうしたらいいんだ。
だからあんまり余ってるもんだから
Yahooがその広告をいつかっちゃってね。
ね。
全面広告みたいになっちゃって
すごいよね。
あれもまだあれなんだよね。
あのー
画面によって
デザインを変えるみたいな動きが
なかったからなんだよね。
手で作っちゃってるから。
そうそうそう。
でその時にはビルダー
ビルダーもその時あれか。
違うか。
対応しきらかったんだよね確か。
えーっと
スマートフォン用
違う違う。
あの時は携帯電話用
そうそうそう。モバイル用
パソコン用みたいな感じだったよね。
そうそう。
モバイルも
ロコモ用みたいな。
そうそう。
easy web 用
easy web 用とかさ。
JSかい用。
やってないのかー。
やってたけど。
いやーでもCHTMLで
それはHTMLの方ですけど
自分でホームページ作って
自分の作ったホームページを
CHTML版を作ってね。
JSかいの
あのちっちゃいSH06
とかそういうので
開けてみた時は結構感動しましたけどね。
そうそう感動はするんだよ。
おー出た出た出た。
大体あそこで文字流すんだよなー。
くるくるくるくる。
本日の更新みたいなやつ。
そうそうそう。
あれねー。
あの時まだあれかー
フィードとかもなかったのか。
ブログサービスないもんね。
まだね。
ブログない。
自分で全部作ってたんだよ確かね。
日記みたいな感じだよね。
そう日記みたいな。
更新履歴みたいなやつとかね。
ロッカーのページが工事中だったりしてね。
なんだよ工事中って。
必ずポエムの部屋を作ってね。
なんでポエムを作りたがるんだろうね。
ポエムを作ったことはないんだけど。
作ってなかった?
俺だけか。
エコ像心の俳句とかやってたら。
何その友像みたいな。
友像みたいな。
ビルダーでもやってたか。
自分のページに個性を出したくてって前も話したか。
結構張り切ってやってたよ。
仕事終わって帰ってきて。
今日はこれやるぞー。
生活に張りがあったな。
ビルダーねー。
ビルダーだねー。
ポエムの生活で張りがあったな。
結構ビルダーは使い込んでた方ですね?
仕事でだよね。
そのポエムじゃなくて。
ポエムはhtmlをちまちま持ってた。
あーそうか。
携帯電話ごとに代わったときに
あと小林が やってたような覚えがある
レスポンシブとかが出てきたからね そうなんだよね
だからテンプレートがあって目的に合わせたものを作りやすくなったなっていう実感はあったんだよね
業種別みたいなやつとか分かれてて テンプレートありましたねいっぱいね
テンプレートが使えるのがすごいなと思ったんだよね
でもなかなかこれだっていうのが見つからなかったような記憶もあるな
テンプレート100個あるけど1個も使わずみたいなやつもザラだもんね
なんかそのテンプレートの数によってバージョンが違ったりとかしたんでしたっけ?エディションが違ったりとか
だったと思う
なんかビルダープロとかね
そうそうそうそう
増えるのかね 素材が増えるとかね
機能が増えるとかね
素材もさーバタ臭い素材があってさーみたいな
ねえ なんか歌舞伎町みたいな感じのデザインが多かったような記憶がある
歌舞伎町
非常にキラキラしてるみたいな
そうそう
ギラギラか
ギラギラしてるやつね
ギラギラかね
そうなの ネオンサインみたいな感じがあったね
ドギツー色のね
そうなんだよね あれ作ろうと思ったらフォトショップを使ってねとか
そういう世界だったよりまだね 確か
手軽に作れるものってなかったような気がするんだよな
付属でのウェブアートデザイナーとか図の編集とかね
あとは他にもウェブアニメーターとか
あーはいはいはい
いろいろありましたけど
じゃあちょっと前半はこの辺にして後半はその辺の付属のソフトとですね
あとはCMSの波に飲まれていくところなんかも
ウェブデザインの進化
大波が来たからね
していきたいと思います
はい ということで前半はこの辺で
ありがとうございました
ありがとうございました
最新エピソードはポッドキャストで毎週木曜日配信しています
またYouTubeでも過去エピソードと切り抜きを毎週火曜日と金曜日に配信しています
チャンネル登録よろしくお願いします
抜粋のラジオ
シーズン3
