なぜ僕のサイトはこんなに醜いのか 自分で作ったから！
引用元：https://news.ycombinator.com/item?id=44114982
ああ、わかるわ！他の開発者友達はHugoとかJekyllの既製テンプレート使うけど、俺は頑固に全部自作CSSと、親しか愛せないようなバックエンドでブログ続けてる。俺にとってサイトがあること自体が楽しいんじゃなくて、サイトを作ること自体が楽しいんだ。楽しい部分を人に任せるなんてなんで？クラシックカー整備みたいなもんかな。仕事でデザインとか機能について口出しできる機会がどんどん減ってるし、なんで自分のサイトで全部自分でコントロールしたくないって思う？
まさにこれ。俺のサイト全部手作りだし、しかもこの10年で10回近く作り直してる。楽しいし、ほぼ毎年何かしら改良してるよ。全部手作り：homeのmatrix JSコード（https://oxal.org クリックでサプライズ！）、自作Static Site Generatorのgenox（https://github.com/oxalorg/genox）、手作りCSSテーマのsakura（https://github.com/oxalorg/sakura）、blogページ（https://oxal.org/blog/）のサイボーグ（ChatGPTベース手動編集＆アニメ追加）、VPSにmakeで手動デプロイ（C http serverも実験中）、個別のもの上げるシェルスクリプト、大学時代のfavicon、Narutoっぽいフォント（自作フォントは断念）。あと、homeでview-page-sourceしてみて。自分のサイト見て、エンジニアとしての道のりにすごく誇り感じるし、すごく大事にしてるんだ！
違いはね、俺はサイトいじるのに時間かけすぎて書く時間がなくなったってことかな。Jekyllに戻ったのは、単純にもっと書く時間に使いたかったからなんだ。でも同時に、それで他のこと（例えばブログ投稿をBlueskyとかMastodonに連携する方法とか）は制限されちゃうって分かってる。それも自分で作らなきゃいけないからね。だから、きっとそのうちJekyllからもまた引っ越すと思うよ。
これぞまさにLLMのユースケースだね！AIのダメダメなブログ記事を生成してくれるモデルがあれば、コンテンツ書く必要ないし、サイト作る楽しい部分だけに集中できるじゃん
＞ 俺にとってサイトがあること自体が楽しいんじゃなくて、サイトを作ること自体が楽しいんだ。楽しい部分を人に任せるなんてなんで？
これまさにそれ！俺の個人サイト（https://pablo.rauzy.name/）も全部手作りだよ。いくつかのカスタムBashスクリプトとMakefileでビルドしてる（完全にstaticでserver side renderingなし、JSも一行もないんだ）。そしてCSSいじるのがすごく楽しいんだ。例えばresponsiveにするとか、mobile menuとかね。その過程でもしかしたら新しいやり方を発明したかもしれないけど、それが面白いんだ！
SSRに移行した俺の言い分としては、バックエンド調整にたっぷり時間かけたところなんだ。これからは書くこととテーマ調整にもっと時間使えるよ。
Babashkaで自作generator書くのに、実際にcontentをサイトに載せるよりずっと時間かかったよ。完成した時、ちょっとがっかりしたくらい。TSとかElmみたいなのはcompileできないけど、俺のサイトにあるJSは、他のJSは一切ないよってconsole.logだけなんだ。
LLMにお金かける意味なんてある？誰も読まないんだから、lorum ipsumで十分でしょ。
＞ 俺にとってサイトがあること自体が楽しいんじゃなくて、サイトを作ること自体が楽しいんだ。楽しい部分を人に任せるなんてなんで？
それはもう人それぞれだね。俺は機能的なものが欲しかったんだ。ちゃんと整理されてて安定したplatform。もっと書きたいとも思ってたし。まだそこまでできてないけどね。これはart projectっていうより、機能的なprojectなんだ。記事主さんのサイトが悪いってわけじゃないけど、それは俺がサイト作った理由じゃないんだ。でもね、John Ankarstromの「Writing HTML in HTML」（http://john.ankarstrom.se/html/）に触発されて、ああいうのやってみようかなって思ったこともあるんだよ。でもそれは永遠のart projectになるだろうし、俺にとってのinternet上の「リアルな場所」じゃないな。indiewebで違うものを求めても全然良いんだ。それが多様性を作るんだから。
Hugoから始めて自分でサイトジェネレーター作ったんだ！超楽しかったよ。自分で作るって本当に全然違うよね。https://github.com/julien-blanchard/Loulou
https://blanchardjulien.com/
まとめにあるナビのカラーリンクいいアイデアだね！参考になったよ、ありがとう！
「サイト持つより作るのが楽しい。楽しい部分を手放すなんて！」←これ、嵐学の”Journey Before Destination”（目的地より旅路）って理想じゃん！ジョブとかHerculesの12 stepsにも通じるやつね。痛みとか人間らしさを取られちゃダメだよ。もし辛くなったら鳥の音楽サイト（https://birdymusic.com）でも見てみ。最高か最低かだけどw。
「サイト持つより作るのが楽しい」←まあそれはそれでいいけど、単にサクッと終わらせたいだけのサイトもあるんだよ。例えばこのサイト（https://tellconanobrienyourfavoritepizzatoppings.com/）みたいにね。
「サイト持つより作るのが楽しい」←それね！俺はサーバー動かすためにサイトあって、サイトのためにサーバーあるみたいな感じだわ。
昔Guileで作った手作りスクリプトでサイト管理してたけど、今もそうしたい！「サイト持つより作るのが楽しい」←ほんとそれな。会社でAI使わないから評価下がるかもだけど、今は自分でコード全部書いてるんだよね。
めっちゃ分かるわー！俺もサイト作る・直すのは楽しいけど、記事書くのはそうでもないんだ。だから多分、記事の5倍はデプロイしてるね。コード書くのが好きでPC触り始めたから、AIが普通になっても趣味で書き続けると思うよ。
多くの企業のサイトより見た目いいじゃん。すごいね！
技術ブログの静的サイト、書く優先で合理的だよね。でも俺は編集カスタマイズしたくて自分でブログ作ったんだ。Vueとかでコメント機能も。LLM前だけど、使い始めたら開発爆速！特にエージェント。仕事でも役立ってるし、他の人よりAI使いこなせてる気がする。ブログ見てみて（https://ooo-yay.com/blog）。
浮いてるロボット、見てるとニヤけちゃうわ。90年代の馬鹿馬鹿しさ思い出していい感じ！超好き！
君のサイトマジで好きだな。すごい見やすくて操作しやすいのに、ちょっと変わってて面白い。グッジョブ！
ひとつ付け加えるね。2009年4月から俺のサイトのファイルはGitで管理してるんだ。だからいつでも好きな時にその時点の見た目に戻れるんだよね（｀git rev-list –count HEAD｀やると2184コミットもある）。学生たちに自分のサイトが彼らと同じくらいの歳の時どんなだったか見せるのが面白いんだよ！
あのmatrixのサプライズ、結構好きだな！
マジウケる！俺もちょっと前に全然自分でCSS書きたくなくて、作った小さいMVPでSakura使ってたんだよね。良いね！
この人のサイト好きかもよ ー https:／／kdrag0n.dev／（俺じゃないし、個人的に知ってるわけでもないけどね）
でも、modelならサイトの変更点をブログ形式のchangelogとして書くブログ記事書けるかもね（例えば、’今日はpadding変えるのに1時間CSSいじってた’とか’非同期呼び出し増やすためにbackendをrefactoringした’とか）。ブログ自体に関する自己文書化ブログみたいな。
ここで会えて嬉しいな！長いこと君のSakura CSSファイルを使ってサイト全部を綺麗にしてたんだよ。LaTeX.cssと二段組みthemeを組み合わせるようになったけど、なんか手書きでHTMLページ作る時はいつもSakura使うのが好きなんだ。
何年か前にJSを無効にしろってうるさいJSバナーがあったっけな
あの醜いサイトの画像はブログ記事がいっぱいあるみたいだけど、この記事はなぜか違うサイトにあるんだね。マーケティングクッキーとか会員登録ポップアップがないなら、むしろあの醜いサイトに行きたかったな。
スクショ見るとhello@taylor.town宛のメールが見えるよ。最初に思ったのは君と同じだったから、https://taylor.town/行ってみて。追記： これ投稿したらtaylor.townのサイトがめっちゃ遅くなったんだけど、多分またHNのハグ・オブ・デスに掴まれたのかもね。
あのサイトの記事をクリックするとまたHNのリンクに戻っちゃうんだね。たぶん自分で記事を置いてるんじゃなくて、書いた記事へのリンク集みたいなランディングページってことかな？
変なの。斑点背景とちょっと斜めになってるリンクで、今はほんとに醜いね。「新機能見つけたから使わなきゃ！」ってノリなのかな？ PowerPointで変なトランジション使いまくるみたいな。
でもデザインは主観だし、自由にやってるなら楽しめばいいよね！ 醜いもの作るのが楽しいなら、それもいいね（ • ‿ • ）
もっとコメントを表示（1）
背景が昔のGeocitiesのページにそっくりに見えるから、あれはファッション的な選択なんだと思うな。
あと元の記事の最後にリンクがあるね＞Taylor Troeshはtaylor.townの市長で、scrapscriptの作者で、クソの目利きだって。taylor.townには彼が寄稿した雑誌記事へのリンクもあるよ。それぞれのブログのスクショにはこんなキャプションが付いてるんだ＞taylor.town in 202x
こんなものに美しさを見いだせない人がいるってのは、花畑を見て、Disney Landみたいじゃないから醜いって言ってる人みたいに感じるな。
うん、これも例の「クソまみれウェブ」批判かと思った。このサイトは悪いけど、以下が面白いね：
（1） 印刷版バナー
（2） クッキー同意U
（3） 「Good Internet」ヘッダーが「悪いインターネット」の特徴からチラ見え
（4） ポップアップで隠された見出し最初の4単語
（5） バナー消しても常駐する設定・会員ボタン
比べるとtaylor.townはすごく良いサイトだよ。
うん、おそらくあの醜いサイトはひどい背景と変なフォント／色の選び方で、ちょっと読むのが難しいからだろうね。例えば https://taylor.town/wealth-000 とか。
俺も自分でサイト作ったけど、醜くないよ。この人のサイトは、何か勘違いした自己重要感から醜くすることに決めたから醜いんだと思う。
自己重要感かー、まあ、作者自身もそう言ってるんだからそうなんだろうね。でもそれがどうして「勘違いした」になるの？ OPは自分の個人サイトで楽しんでるんでしょ。代わりにどこに導くっていうのさ？
「醜いけど面白い」と「醜くてつまらない」があるけど、これは後者だと思うな。サイトの基本はCMSがMarkdownファイルをループ表示してるだけで、情報設計が全然ないんだ。カテゴリーとかアイコンとか日付もないから、全部同じ重みで表示されてる。デザインを変えようとしてるみたいだけど、結局普通の開発者ブログと大して変わらないと感じるよ。
怖がる必要ないよ。著者は誰かを喜ばせるためじゃなく、自分が楽しむために作ってるんだ。だからあなたの意見は著者にも記事にも関係ないよ。
いや、理解してると思うよ。デザインでユニークなのはホームページだけ。他のページは普通の開発者ブログみたいだよ。白いスペースの真ん中に細いカラムがあるだけ。著者が唯一のユーザーでも、醜くてもナビゲーションしやすく、面白くすることはできるはずだ。
失礼だけど、著者の意図からすると、前のコメントで言われたことは全く関係ないんだ。著者はサイトが好きで、作るのを楽しんでて、自分の desire に合わせて形を変えるのを楽しんでる。著者が”センスのいい人が私のウェブサイトを作れたかもしれないけど、そうなるとそれは私のものじゃなくなる”って言ってるように、これは彼らしいやり方で作った、本物の彼なんだ。彼はそれを愛してるんだよ。画像とかアイコンとかカテゴリとか、ナビゲーションのしやすさとか、見た目がどうとか、そういうのは全然関係ない。彼らに力あれ、と私は思うね。
疑問なんだけど、もしすごく derivative で標準的・ boring なものを作って、それを”これがユニークな自分だ”って言ったら、それって本当かな？自分自身を boring って言ってるなら、そうかもしれないけど。
私たちはみんな経験の寄せ集めだよ。自分が真実だと感じるものを作って、それに満足してるなら、最高だね！ Boring？別に気にしないな。内面の喜びと満足感は、”boring” よりずっと上だよ。
フレームワークを使っても、他のサイトと同じようなのを作るのは全然楽しくないな。ビジネスならわかるけど、自分を見せるなら、 SEO や retention に最適じゃなくても個性がある方がいい。最近のサイト構築ツールが、構造化されて同じようなサイトばかりになったのは嫌だな。 Geocities や Freewebs の時代が懐かしいよ。ごちゃごちゃ背景に読めない文字、自動再生の音楽、追尾カーソル、 crappy な炎の前の回転 skeleton とか。
ハハ、最近は future employer に見られるかもだから、サイトに回転 skeleton 置くのはちょっと risky かもね。でも、 Neocities [1] では、まだすごくクールでユニークなサイト作ってる人たちがいるよ。
[1]： https://neocities.org/browse?sort_by=views＆tag=
この考え方にマジ共感！俺のウェブサイトは俺自身を表現してるんだ。誰かにダサいとか非プロフェッショナルとか言われても（このサイトほど変じゃないけど、俺も両方言われたことある）、俺はこれでいいんだって言えるし。もっとこういう非適合性がネットには必要だよ。っていうか、世の中全般にね。
2023年頃の彼のサイトは醜くなかったよ。ミニマルだった。今”は”醜い。最初、彼のウェブサイトが2023年バージョンと同じだと思ってたときは同意してたから、面白いよね。あの頃のは醜いと思わなかったし。でも、今のが本当に醜いのを見たら、彼のメッセージに対してもっとネガティブな気持ちになっちゃった。
彼の元のデザインはクリーンでミニマルで…まぁ、普通だった。今”のは”意図的にごちゃ混ぜにした混沌。醜いかどうかはともかく、注目されるのは間違いない。だって、俺たち今、その話で盛り上がってるわけだしね。新しいデザインには実用性の問題とか欠点もある。特に、一度サイトを離れて戻ってきたときに、特定のリンクを見つけにくいとかね。でも…そんなことは彼にとってはどうでもいいことなんだろう。彼は”不安定さ”とか”不協和音”とか”面白さ”を求めてる。そしてもっと大事なのは”俺のモノ”であること、なんだと思うよ。
これはポストモダンアートの主張みたいだね。必ずしも美しいわけじゃないけど、感情を呼び起こす。一つ注意点として、”俺のモノ”であることは必ずしも”醜い”を意味しない、ってことかな。
”でも、今のが本当に醜いのを見たら、彼のメッセージに対してもっとネガティブな気持ちになっちゃった。”
なんで？メッセージ全体は、他人が最終的な成果物をどう思おうと関係なく、自分が作りたいものを、自分が作ることを楽しめる方法で、ostensibly自分らしいものを作る喜びについてじゃん。ここでたくさんの人が醜いとか不快とか思ってる事実こそが、このサイトと記事のメッセージを、俺にとってはもっと愛おしいものにしてるんだよ。見た目に文句言ったり、醜さのせいでメッセージが伝わらないと思ってるなら、それはポイントを見失ってるね。
”なんで？メッセージ全体は、他人が最終的な成果物をどう思おうと関係なく、自分が作りたいものを、自分が作ることを楽しめる方法で、ostensibly自分らしいものを作る喜びについてじゃん。”
そこが面白いところだね。同意したつもりだったけど、違ったってこと。彼のウェブサイトの見た目に対する印象がポジティブからネガティブに変わったときにそれに気づいたんだ。俺はシンプルな／ミニマルなバージョンを何らかの形で美しいと思ってたんだよ。彼がそれを好きなのは素晴らしいことだと思うし、それについては全く問題ないよ。俺の結論は、俺なら絶対にそんなものをpublishして幸せにはなれないだろうな、ってことだった。
まだ個人のサイトはないんだ。でも作る時は、HTML+CSS+JS/JQだけで作るつもりだよ。ウェブサーバーはapacheかnginxかな。ホスティングはshared stuffかAWS free tierで。divを中央に配置する方法さえ分かれば、いよいよ開始できるんだ。
AWS free tierね。S3+cloudfrontは去年1年間、0.00ドルだったよ。これは偶然だけど最高の価格だね。俺の（シングルページの）個人サイトはHTML+CSS（JSなし）で、ChatGPTが生成したテンプレートベースだよ。だって、正直どうでもいいんだもん。モバイルデバイスとデスクトップ両方で動くものを作ろうとするなんて、俺の貧弱なスキルでは無理。これで十分だった。
”AWS free tierね。S3+cloudfrontは去年1年間、0.00ドルだったよ。これは偶然だけど最高の価格だね。”
そのセットアップは試したことないけど、俺もCloudflareを使ってstaticサイトを0.00ドルで公開してるよ。ちょっと凝ったことするmini railsアプリは、VPSで月6ドルまで抑えられてて、それで十分満足してる。
それはやりたいけど、CloudflareはDNSも欲しがるから好きじゃないんだ。俺はDNSとCDNを分けてる。そうしないと、すべての卵を一つのカゴに入れすぎるだろ。
divを中央寄せするmemeが全く理解できないんだよね。幅は好きに指定してmargin: 0 auto;ってやればいいじゃん。さあ、ブログ始めなよ！
”divを中央寄せするmeme”を本気で理解できないって言ってるのか分かんないな。君の例は簡単なケースだけど、問題全体を解決してないよ。他の人が言うように垂直方向の中央寄せが問題なんだ。Webアプリ作った人ならみんな要素を中央寄せするのに苦労したはず。
CSS Tricksの記事（https://css-tricks.com/centering-css-complete-guide/）はその複雑さのいい例で、意思決定ツリーとかコメントで議論があるんだ。
CSSはめちゃ複雑で、こうしたいのにできない時はすごくイライラする。だからあのmemeは人気で、CSS使う多くの人が共感できるんだよ。
それは古いハックみたいなやり方だよ。place-contentを使えばもっと簡単になるよ。
さあ、高さが分からないdivを垂直方向に中央寄せしてみて:-)
flexboxは使っちゃダメだよ！
↑のコメント、サドマゾだって通報されそうw
区分を作るための限界が設定されてない軸上でどうやって中央寄せするの。先に限界を置かないと数学的に不可能でしょ。
もっとコメントを表示（2）
＜center＞
＜/center＞
これ、もう20世紀からずっと動いてるじゃん。
短期間だけ見せるページ（メンテ画面とか）なら、今でもこれ（＜center＞タグ）使うよ。
”悪い”って言われるけど、動くし、簡潔だし、HTML/CSSサボっても覚えてられる。
ブラウザでCSSより処理が少ないって言われても驚かないかもね。
俺も同じことやったんだよ： https：//domi.work/
これまたダサいんだけどさ笑
これ最高じゃん！
ーほとんどがCSSで、それ外しても結構機能的なサイトなんだね。
ーCSSのほとんどはコメントアウトされた背景画像1枚だけだし。
ーJSは5行くらいで、メールアドレスを隠してるだけみたいだ。
うわ、あの画像のこと完全に忘れてた！教えてくれてサンキューね（もう消したよ）。
あれは前に実験でやったやつで、全部1ファイルに収めるためにインラインにしてたんだ。
てか、それ気づいたんだけど、俺のサイトって動的なんだな。だって、サーバーでこのHTMLファイルを生で編集して変更してるから、見てる人が俺がやってる間に何度も見に来たらライブで変化が見えるってことじゃん。
GitHubって無料ホスティングあるよ。
GitHubってさ、ブラウザの後方互換性低いんだよね。
Microsoftが持ってること考えると、LinkedInみたいにログイン必須になるまでカウントダウン始めた方がいいかもね。
予算がマジでゼロじゃないなら、AWSはやめてDigital OceanとかLinode、Vultr、OVH、Hetzner Cloudみたいな安いVPS借りた方がいいと思うよ、個人的には。
AWSの問題は、市場価格の50～100倍くらいっていうヤバいegress fee（外部データ転送料）なんだ。
俺のサイトでも似たようなことやってるよ。
ただ静的サイトジェネレーターの11tyをちょっと使って、netlify pagesで公開してるだけだけどね。
OP、記事最高！
「昔のウェブ」が良かったのは、決まった標準がなくてみんな実験してたから。
ちょっとカオスでも、ユニークなサイト見つけるのが楽しかったんだ。
今のウェブは定型的で、同じテンプレートばっか。
探索する場所じゃなくて、コンテンツを消費する場所になっちゃった。
「クッキーに同意」みたいなポップアップがページの半分隠してるからダサいんでしょ。
「クッキーポップアップ」がウザいなら、uBlock Originで消せるよ。
スマホのChrome/Safariなら「Kill Sticky」ブックマークレットも使える［1］。
もしウェブ開発者でクッキーポップアップ作ったやついたら、マジで別の仕事探してくれ。
［1］ https：//www.smokingonabike.com/2024/01/20/take-back-your-web…
それってブログサイトのせいだよ – 本物の Taylor.town はそうじゃないんだ。
てかさ、なんで著者って自分のサイトじゃなくてこのプラットフォームでブログ投稿してんのか謎だわ。
これは雑誌の一部として、この記事だけだよ。
ほとんどは彼の公式サイトに直接載ってる。
マジでこれの３分の２は対立的な感じだわ。https://0x0.st/83AB.png
思わず「無理！」ってなった。
もうさ、自分のサイトで必要なくても意図的にクッキーバナーつけるようにするわ。
なんかこう…ジェネセクワ（形容しがたい魅力）があるじゃん。
どれだけ磨かれたテンプレートも全部同じに見えるけど、手作りのサイトはそれぞれ独自の変さがあるよね。
個人的なプロジェクトなら、もうウンザリな Tailwind のランディングページより、わびさびHTMLの方が断然嬉しい！
＞ それはかゆみ – 何か本当に重要で、それについて何かする必要があって、誰も自分以外にはできないって感じのこと。
信じがたいかもしれないけど、この地球上で俺たちの一人しかやらないことって絶対あるって強く信じてるんだ。
今のデザイン、個人的には結構素敵に見えるよ、もちろん主観だけどね :D
ホームの薄い線はちょっと読みにくいけど、目次じゃなく探検するキャンバスと思えば楽しいし目的は果たしてる。
ページのヘッダーフォントが好きだった、「Austin News」だって Firefox によるとね。でも調べたら350ドルからで高すぎた。
何年も https://zaeem.dev/eye/ をトップページにしてたこともあったよ、全く文字なしで。今年サイト作り直すまではね。
庭付きの近所に住んでた頃、自分の庭を褒められても雑草とか下手な剪定跡しか見えなかった。
一方で、半マイル圏で最高の庭を持つ隣人のは完璧に見えたけど、4年近く住んでやっと彼女の雑草や失敗に気づいたんだ。
他人の欠点は見えるのに自分の欠点は見えないことって多い。
でも何かを作る時は逆になるみたいだね。自分の作ったものは大したことないと感じて、他の人の創造物はすごく良く見えるんだ。
ねえ、俺のサイトも手作りだよ。でも醜い？それは君たちの勝手だけど、俺は美しくしようと努力したんだ！手作りだからって醜いわけじゃないだろ…
でも今は大きくなりすぎて扱いにくくて、リデザインが必要だと感じてる。
デスクトップとモバイルで動くUIデザインを考えなきゃ。JSなしでも動くようにする必要もあるんだ、JSなしで非機能にしたくないからね…
この記事読んで、何か作るのが評価されることや将来の雇い主に印象付けるためじゃなくて、ただ作りたいからやってた頃を思い出したよ。
そういうアプローチが全般的に足りてない気がするね。クライアントや上司のためだけに作る時もあるけど、結局、探求の内なる衝動（inner itch）こそが自分のスキルセットやセンスを形作るんだ。
