-
ID:DJFr7s さんの質問

デザインが優れたサイトは多くありますが、ソースを見るとがっかりする事が多々あります。そこで皆さんが「このサイトのソースは参考になる」と思われる、優れたコーディングをしているサイトを教えて下さい。

みんなの回答 6 件

ID:mjxokM さんの回答

動けばえーねん

ID:xd5OOv

誰かひとつサイト提示しろや。晒されて炎上するかもしれんけどな

ID:kUwDDx さんの回答

BEMのお勉強する時に参考にしてる。あと上野樹里が好きだから。

SHEEN - CASIO

http://sheen.jp/
ID:7xRwUv

こうやって見ると、BEMの書き方って気持ち悪いな。なんか無駄が多く見える。

ID:QwctvK

同意。
慣れたらすごい便利なんだろうけどね…

ID:xd5OOv

BEMだけは完全無視してる。他の方法で十分

ID:SXQvL3

BEMは参考になるかもしれんが、優れたコーディングとは言えんな。
パッと見ただけでも、HTML5あんまりわかってないコーディングだし。
ところで、画像のファイル名もBEMっぽくしてるのは理由があるんだろうか。

ID:Kfvd0d

じゃあ↑が見て優れていると思うサイト教えてよ

ID:SXQvL3

優れているサイト探すのが面倒だから、上記のサイトのコーディングで突っ込みどころを指摘するわ。

  • HTML5なのにアウトライン意識して作ってない。
  • コンテンツモデルを理解してないから、エラー出まくり。
  • <meta name="copyright">いらん。
  • <meta http-equiv="imagetoolbar" content="no">もIE6対応してないんだからいらん。
    他にも細かいところであるんだけど、HTMLはとりあえずこんな感じ。
ID:pPta9R

コーディングの事かと思えば一部のMETAタグにツッコむとか・・・そんな細かい部分までドヤってツッコむ奴はじめて見たわ。

ID:iYJI1f

うーん。BEMの参考にしかならないサイトかな。どちらかと言えばバッドノウハウが詰め込まれてる。

ID:SXQvL3

pPta9RCYJEso
いや、コーディングのことだろw
教えてくれっつーから、わざわざ挙げてるのに
この程度で細かいとか言われちゃ何も書けないじゃん。
.
ちなみに一番言いたいのはmetaタグ前の2つな。
そこさえクリアしてれば、大した指摘もされないと思うよ。

ID:pPta9R

いいや、単なる揚げ足取りにしか見えない。そのmetaタグがあってもなくても業務やサイト運営に支障が起きるとは思えん。問題が起きた具体的な事例出せないだろ?
.
例えば「製品が増えてカテゴリ分けした時、BEMのこの書き方だとクラス名が冗長化してソースが見づらくなり、ミスの誘発に繋がる」とか「divばっか使ってHTML5の意味が無い。せめてsection使って分けろ」とかだったら分かるが、どこが違うか何がどう影響するのか具体的に書かずに揚げ足取って知った気になってドヤしてるだけじゃん。

ID:iYJI1f

ゴールが違うから、たぶんその論争に終わりは来ないよ。
ベストを目指しているのか、ベターを提案しているのか、問題が発生しない最低限のレベルを目指しているのか、そこが両者間でずれてるんだよ。
個人的には、「問題が発生していない」→「正解」っていう考え方は、笑わせんなって思うけどな。

ID:SXQvL3

pPta9RCYJEso
揚げ足取りだと思ってるのに、具体的な事例挙げれば納得するの?
たとえば、例としてあげてるこれだって
>「divばっか使ってHTML5の意味が無い。せめてsection使って分けろ」
HTML5なのにアウトライン意識して作ってないって書いてるじゃん。
あとはHTMLのエラーで意図したレンダリングにならなかったり、JS等の挙動がおかしくなるケースはけっこうあるから、説明するまでもないだろうし。
metaだってHTML5になって非推奨とされてるモノを入れてるわけだから、確実に問題が起きないという保証はないよ。
.
前のコメントの人の言葉を借りるなら、自分は「優れたコーディング=非の打ち所がないベストな状態」だと認識してるから、やっぱり認識がズレてるんだと思うね。

ID:pPta9R

後出しならなんだって言えるな。人に突っ込まれて「真意はこうだった」って言えば世話ない。そんなんでよく他人が作ったサイトを批判するな。
iYJI1f5Mlz12もそうだけど、「笑わせんな」って言いつつ、”なぜいけないのか”を書いてないし。ただ他人のコメントに批判してるだけ。具体的に書かない理由は面倒なんかじゃなくて、知らないから。よしんば知ってたとしても意見を出さないのは批判の矛先が自分に向けられるのが嫌だから。要は卑怯なんだよな、この手の批判しかできない奴って。
.
そもそも「おすすめのサイト教えて」のトピで他人が挙げたサイト批判して自分は出さないほど愚かな事はないな。

ID:iYJI1f

なんかいろいろ書かれましたね。勢いで書いたんですかね。
でも、残念ながら、あなたが書かれたことは全部ご自身のことでもあるんですよ。
.
>具体的に書かない理由は面倒なんかじゃなくて、知らないから。
なぜ、私が知らないことをあなたは知ってるのでしょうか。すごく謎です。あなた流に言うならば、私が知らない理由をなぜ書かないのでしょうか。更にあなた流にまとめるならば、あなたはその理由を知らないから書けないんですよね? オウム返しをされた心境はいかがですか? あなたは大した意味もなく勢いだけで同じ言葉を人に向けてるんですよ。
.
>そもそも「おすすめのサイト教えて」のトピで他人が挙げたサイト批判して自分は出さないほど愚かな事はないな。
トピの趣旨に反して人を批判している点で、あなたはまったく同じ穴のムジナです。そんな人が何を批判できるんだろうか。繰り返しますが、あなたが批判しているのは、全部ご自身のことじゃないですか。愚かです。実に愚か。私と同じくらい。

ID:i3/DKZ

醜い議論が起きてるし、評価の仕方も多岐に渡るから、そんなサイトは存在しないでOK?

ID:SXQvL3

pPta9RCYJEso
最初から同じこと指摘してんだし、真意もクソもないよ。
あとはこれを批判と捉えるか、改善点だと捉えるかだよね。
後者として捉えたほうが、見識を広める意味でもいいと思う。
.
コーディングを総合的に評価するにはCSS設計も評価しないといけないし、それにはディレクトリ構造やサイトの規模だって把握しなきゃならない。
これを何サイトも検証してたら、普通に面倒じゃないか?
個人的にCSS設計にコレという正解はないと捉えてるから(OOCSS、BEM、SMACSSとか色々あるけど、どれが優れてるとか一概には言えない。)、他の人から見ても分かりやすいHTMLに限定して答えてるだけ。

ID:7xRwUv さんの回答

CSS勉強したてのころ、erosite.comだったかそんな名前のサイトがソース綺麗すぎて参考にしてた。
案外アダルト系は技術レベルが高い。DMMとか見てみては。
あ、もちろん一般の方を。

ID:2vmS/E

お金かけてるからなー。

ID:nVQmAv さんの回答

自動生成のソース見ればええよ

ID:CVJvpV さんの回答

有名なレスポンシブサイトだけどここ。いつか真似しようと想います。

NHKスタジオパーク

http://www.nhk.or.jp/studiopark/
ID:9CjBYi さんの回答

ここ参考になるよ
www.xanthir.com

最終更新日:2014-12-21 (5,860 views)

関連するトピックス

ページ上部に戻る