初めてサイトを作った時を思い出すスレ

編集元：Web制作板より「初めてサイトを作った時を思い出すスレ」

1 Name_Not_Found :04/01/13(火) 18:42 ID:???

漏れが最初にサイトを作った時は、鯖はgoo簡単ホームページでした。
HTMLもロクに書けなくて、その後Naverに移行し、
今となっては恥ずかしいですがTableレイアウトで喜んでました。
んで、Tableレイアウトが駄目だと知ったのは初めてこの板を見たときでした。
ここの住民の皆さんはどんな感じでしたか?

4 Name_Not_Found :04/01/13(火) 18:50 ID:???

GoLiveのレイアウトグリッドモードを神のごとく駆使してますた。。。

今となっては恥ずかすぃ。

8 Name_Not_Found :04/01/13(火) 19:32 ID:???

漏れが最初に作ったｻｲﾄは7年前だな。
初めてPCを買った年で、
ﾌﾟﾛﾊﾞのｳｪﾌﾞｽﾍﾟｰｽにﾜｰﾄﾞで作った1ﾍﾟｰｼﾞのｻｲﾄ。
1ヶ月もしないうちに放置してしまったんだが・・・

3年前、突然また作りたくなり
今まで放置することもなくﾏﾀｰﾘ運営してる。
振り返ってみるとそれなりに懐かしいもんだが・・・

初めてサイトを作った時を思い出すスレ
この記事をTwitterに投稿する

以下、Twitterの反応 ▼

Comments

1001  学名ナナシ  :2007年09月15日 10:47  ID:3yKiN6E40

現在も和塩＋Tカップ使ってるが
HTML+CSSで綺麗に打ってんのに広告で台無しに

1002  学名ナナシ  :2007年09月15日 10:48  ID:owVO9B410

ＵＰした直後なんかは有頂天だが
時間が経つと自然と痛さに気付いてくるんだよね…

1003  学名ナナシ  :2007年09月15日 10:51  ID:IbmwCLVC0

10年前に独学でHTMLかじって、
そこからここに出てる恥ずかしい事一通り全部やったなｗ

そんな俺も、今ではフリーのWeb制作者として、
企業のサイトを何社も請け負うまでになりましたｗ

1004  学名ナナシ  :2007年09月15日 11:11  ID:0zJykKkB0

現在もテーブル使いまくりの俺、参上

……何がいけないのか未だに分かりません(´・ω・`)

1005  学名ナナシ  :2007年09月15日 11:59  ID:abmaxA7z0

画像のパスがローカルフォルダ(C:\My Documents\)。



経験が無いとは言わせない

1006  学名ナナシ  :2007年09月15日 12:13  ID:xzl9Zd.H0

>>125
Σ(ﾟДﾟ；≡；ﾟдﾟ)
トップ画像がｂｍｐってダメなの？

1007  学名ナナシ  :2007年09月15日 12:16  ID:Crmf6LR30

※1005
ありすぎて困るｗ初めて作った時は画像をアップする概念が無かった。

初めて作ったサイトは全部フォントサイズ5で背景もきつい色だったな・・・。
フレーム5個でそれぞれにバナー広告入ってるページを公開したり。

そんなんでも今は学生の傍ら制作会社でアルバイトさせてもらってまつ。

1008  学名ナナシ  :2007年09月15日 12:23  ID:c8Kx30.J0

※1005
ありすぎて困るｗ
自分はちゃんと表示されてるから苦情が来るまで分からなかった

1009  学名ナナシ  :2007年09月15日 12:37  ID:p3374niq0

フォントを拡大して、中央に揃えてリンクを貼ったものをメニューにして、テキストは画面端から端までごちゃごちゃしたページだったな…

1010  ななし  :2007年09月15日 12:44  ID:X51rGyX7O

なんでｊｐｇやｂｍｐがだめなの？

1011  学名ナナシ  :2007年09月15日 12:46  ID:B4WYdlYr0

何で攻略サイトなんて作っていたんだろう。
あの頃の情熱を他に回してたら…。

1012  学名ナナシ  :2007年09月15日 13:29  ID:ujUYu0mX0

※1006
同じ画像をBMPとPNGにそれぞれ保存してファイル容量を見比べてみろ

1013  学名ナナシ  :2007年09月15日 14:22  ID:PLJERV4d0

※1004
table要素は、あくまで年表や一覧表といった表を組むためのもの。
これを単なるレイアウト目的で使うのは、
見出しでもないのにh1要素でフォントを大きくしたり、
省略語でもないのにacronymで単語説明をしたりするのと同じことだ。
「結果的に自分のブラウザで上手く表示される」だけであって、論理的には間違った構造をしている。

1014  学名ナナシ  :2007年09月15日 14:33  ID:sOE.XWeS0

俺なんて楽天で（ｒｙ

1015  学名ナナシ  :2007年09月15日 14:55  ID:PLJERV4d0

※1006 ※1010
bmpはwindows用の生データの規格。そもそもブラウザで表示するためのものではない。

jpgは綺麗だが重い。絵画や写真用ぐらいに留めておくのが妥当。
アイコンやボタンまで全部jpg、適材適所を知らなかった、というのが>>244の発言だよ。

1016  学名ナナシ  :2007年09月15日 15:33  ID:wwbPqVSB0

いまだにとほほがブックマークされてる
あとAnother HTML-lintも

1017  学名ナナシ  :2007年09月15日 16:02  ID:ZB21ZswK0

他人のソース見てみよう見真似で書いたなー。
woody-rinn氏のhtmlリファレンスを見つけたときはうれしかった。

1018  学名ナナシ  :2007年09月15日 16:15  ID:I.YiC58.0

CSSが読み込まれなかった時のページ
って初めて作ったHPそのものだな

1019  学名ナナシ  :2007年09月15日 16:43  ID:fP03ifEJ0

jpgは凡例的には汚い軽いでしょ
例外としてアイコンやボタンみたいな色の少ないものはjpgでノイズ出して圧縮するよりは
pngやgifなんかでしっかり減色したほうが綺麗に容量を抑えられる
ってわけ

bmpは重いうえにブラウザで読むようなものじゃない
ユーザ側の関連付け次第では迷惑にすらなり得るから避けるべき

1020  学名ナナシ  :2007年09月15日 16:52  ID:fP03ifEJ0

正直、tableレイアウトはそれこそプロとかでもなければ言われるほど気にする必要は無い
tableは読み込みが遅いというのもあったが、それも回線が太くなった今の時代では過去の話

米1013の言うとおり、論理的には変な使い方なのは確かだが
ソースでも見られない限り気にされることはまず無い要素

あとソースがえらい見難くなるという事実もある

1021  学名ナナシ  :2007年09月15日 17:13  ID:Vw.Jwoaq0

米1020
>tableは読み込みが遅いというのもあったが、それも回線が太くなった今の時代では過去の話
それもあるが、もう一つ読み込みの遅い理由が。
widthをブラウザが決めるのに時間がかかって、致命的にレンダリングが遅くなる。
1つならともかく、tableの入れ子とかは見てられん。

1022  学名ナナシ  :2007年09月15日 17:19  ID:GtvKn1Tr0

米1005
自分のＰＣだと見れるんだよなｗｗ
どっかで同じことして叩かれてる奴見て初めて気がついたんだよ。なつかしいな。
米1008は苦情が来るだけうらやましい。

1023  学名ナナシ  :2007年09月15日 17:49  ID:Ps7iNnrl0

とりあえずPasoって雑誌読みながら悪戦苦闘しつつhtml弄ってたのは今となっては良い思い出。

1024  学名ナナシ  :2007年09月15日 17:55  ID:5pOhP7bY0

>>1019
し、知らんかった……ショック

1025  学名ナナシ  :2007年09月15日 18:11  ID:I.YiC58.0

jpegだかgifは8pxの集合体な

1026  学名ナナシ  :2007年09月15日 18:13  ID:JkJNNvU20

意外と米にも初心者多いな…昔の2chみたいだｗ　今じゃ馬鹿げた事聞いたら即叩きだからな

1027  学名ナナシ  :2007年09月15日 18:35  ID:Cd1quG.b0

>>1013
ボーダー10で写真囲って額縁にするのがオシャレなのにwwww


インターレスGIFが職場で通じなくて寂しいよ。

1028  学名ナナシ  :2007年09月15日 19:48  ID:3nciJkng0

昔のサイトのURLを入れて、はずかしい気分になろうぜ!!
ttp://www.archive.org/

1029  学名ナナシ  :2007年09月15日 20:45  ID:XGqaKja.0

>>1013
その論理的とやらをブラウザがキチンと理解してくれればいいのだが、
シェアトップのIEが糞なんで困る。
論理云々より、あくまで表示最優先。

それと、cssのレイアウト指定は、
・tableの機能を完全に補完するわけでもなく、柔軟性にも乏しい。
・ブラウザ間のデフォ解釈違いが激しくて、気軽に使えない。
・データ量の差で「歯抜け状」の表示になる。
等のデメリットもあるので、
サイトの目的によって使い分けるのがベターですよ。

1030  学名ナナシ  :2007年09月15日 21:08  ID:Crmf6LR30

※1028
うわああああああああああ！！！！！

っていうかこれ凄いな。なんか感心してしまった。

1031  学名ナナシ  :2007年09月15日 21:27  ID:iyp9kqRd0

*1028
死にたくなったｗｗｗｗｗ
なんという黒歴史…_no

1032  学名ナナシ  :2007年09月15日 22:42  ID:es7juk6S0

JPGは相似色が多い写真や絵なら向いてるけど、
少なければ圧縮率が低いからGIFやPNGの方がデータの大きさを抑えられる。
パソコンのSSなんかはネトゲやデスクトップの壁紙が写ってなければGIFかPNGの方がいい。

1033  学名ナナシ  :2007年09月16日 01:54  ID:2PR5DZYs0

入り口に意味もなく
「あなたは１８歳以上ですか？」
とか書いてたな。
もちろん行き先はダミーページ。

1034  学名ナナシ  :2007年09月16日 09:23  ID:KHuvA3qw0

CSSに装飾任せる理由は規格とかがどうとかじゃなくて、管理しやすいんだよ。
Tableでやると全てのHTMLファイル弄らなきゃいけないけど、CSSなら1ファイル変更するだけで良いから。

Tableレイアウトで駄目な典型例が、模様替えするたびに内容が減っていくサイト。
そう、過去の自分です。
いや、でも昔の残ってても痛いだけだし、良かったのかもorz

1035  学名ナナシ  :2007年09月16日 11:17  ID:HXFqxY3B0

いやはや全てが懐かしい思い出のようだったｗ
あの頃のネットは和気藹々としていて良かったとか浸っちゃう懐古房だな俺は

1036  学名ナナシ  :2007年09月16日 15:42  ID:llcECHCq0

米1032
たぶん逆
jpgは相似色の多い少ないというか、ごちゃごちゃした画像に向いてる
圧縮ノイズが目立ちにくくなるから、見た目綺麗なまま軽く出来る
pngやgifの圧縮は基本的に色を減らすことが第一だから
容量という点で見れば、相似色の多い画像に向いた形式

米1034
なんか微妙に違う
tableでレイアウトしてもcssでパラメータ管理すればひとつのファイルで一括処理はできるよ
tableレイアウトの管理性がよくないっていわれるのはそこじゃない
基本的にタグが死ぬほど見づらい構造になるのが第一

個人サイト程度の規模ならcssの恩恵って多いようで案外少ないのも事実

1037  学名ナナシ  :2007年09月16日 16:30  ID:diQK1cqh0

もう10年以上ウェブに関わっている。
おかげで色んなデザイナーと話ができたけど、必ず一度はテーブルの話題になったな。

で、結論としては、テーブルもCSSも適材適所。大枠のレイアウトはCSSで、フォームパーツはテーブルで、とか。
テーブルを頭っから否定するヤツがまだいるみたいだけど、ユーザビリティの面から見れば、まだまだテーブルは必要。ユーザーにすれば、きちんと見えさえすれば（あるいは聞こえさえすれば）いいわけで。CSSは環境によって崩れる可能性が大きいし、テーブルはその点だいぶ安定している。

テーブル不要論は欧米からの輸入品だけど、その欧米ではテーブルを見直す運動が始まってるらしい。真偽はともかく、みんな疑問に思っているのは確か。
理論だけでユーザーおいてけぼりの頭でっかちは面接で落とされるから気を付けろ。少なくともオレは5人落としてる。

（一番大切なのはユーザビリティ、っていう話。）

1038  学名ナナシ  :2007年09月16日 22:31  ID:S6wjaWvp0

CSSが当たり前のように出てくるって
今から個人サイト始める人は大変だな。

…ブログの時代だからそうでもないのか。

1039  学名ナナシ  :2007年09月16日 22:53  ID:bRyjiGG60

※1006
TOP は

18歳以上　　18歳未満

　　　　Enter

だろ…常考

1040  、  :2007年09月18日 09:54  ID:iZwc.M97O

楽天で作ったのが初めてだな

1041  学名ナナシ  :2007年09月18日 10:00  ID:BAeGN2Lj0

文字を点滅させたりスクロールさせたりは誰でもやったよな？


orz

1042  学名ナナシ  :2007年09月22日 15:58  ID:edtECtbL0

米1028で死んだ・・・。
明らかに厨サイトだったのに、分別のある社会人の常連が多かったのにも驚きだ。