Q&A
デザイン結構違う気がする
前提・実現したいこと
5年くらいWEBデザインから離れていたため、現在のWEBサイトデザインとコーディングについて勉強しております。
以下の2サイト、グループ会社でデザインもほぼ同じですがソースに違いがあります。
それぞれのサイトで使われている技術とコーディング方法でどちらが良いものなのか
教えていただけないでしょうか？
実現したいこと
この参考サイトを自力ですべてコーディングできるように必要な技術を勉強したい
###補足
5年くらいWEBサイト制作から離れていたため、現在のWEBデザインやサイト構築について、完全に浦島太郎状態です。初心者と変わらない状況ですので、現場での必要スキルなどもご教授いただければ幸いです。
回答3件
0
ベストアンサー
１つの目的を達するためにとれる手段は１つではないので一概に「これが良い」と判断することは出来ません。
プロジェクトの方針によっても違うでしょう。利用するフレームワークによっても違います。
ですので「これが良い」というのを決めてそれだけに注力せず、色んな手法を食わず嫌いせず取り込むことでどのようなケースにも対応可能な技術力が身についてきます。
色々使えるなかから選択できるような状態の方がどのような現場でも通じるのは言うまでもありません。
折角明確にコーディングが違うと感じる２点が目の前にいるのですから、それぞれの要素を解析して自分の身にしては如何でしょうか。
それに、学校の試験と違って覚える必要はなく「これいいな」と思った技術を拝借することは基本的に何にも触れません（そのためのデベロッパーツール）
どんどん参考にしましょう。
投稿2020/01/21 22:30
総合スコア80850
0
私も m.ts10806 さんの意見に賛同ですね。
ケースバイケースで、デザインや使う技術も違います。
欲張りでしょうけど、どちらの技術も習得される方が良いです。
まずは自分がやりやすいと思った方を習得してみてはいかがでしょうか？
投稿2020/01/22 00:41
総合スコア333
0
いい、悪いだけで一概には言えませんが、
比較的に、SEO（アウトラインを考慮って意味で言ってます）を考慮し、文法的に正しくコーディングしているのは、
参考サイトA と言えます。
ただ、参考サイトAは自力、
参考サイトBは、WordPressを使っているようですね。
（改行や、空ブロックが目立つことから、CMSだと睨んでましたが、案の定でした）
なので、自力で手で書くとすれば、参考サイトAの方が、参考になるのかな？と思います。
参考サイトBはWordPressを使っているといえど、その中身の構築は外からは見えませんので、
そういった意味ではあまり参考にならないかと。
（WordPressの参考にとはいかないって意味）
技法に関しては、細かいことはなんもわかりません。
作った人しかわからないでしょう。
スクロールした時、JSでコントロールしてんなーくらいでしょうか。
5年離れていたのであれば、HTML5はもうバリバリ使っていいことと、CSS3を使ってみるとか、
あとは、CSSにもHTMLコーディングにも、フロントエンド（バックエンド）フレームワークが使われることが増えてきたことなどを勉強されるといいでしょう。
あとは、サイト表示スピードがとても重要視されている時代だということも、頭にいれておくといいかと。
（スマホの普及が大きく影響している）
投稿2020/01/22 00:55
総合スコア9528
miyabi_takatsukさん、ご回答ありがとうございます！
なるほど。参考サイトAの方からデベロッパーツールを使って
構造を理解し、勉強しようと思います。
HTML5&CSS3は一通り勉強し、昔に比べ、なんてシンプルで
書きやすくなったんだろうと驚いています。
フロントエンドフレームワークについてもきっちり
勉強しようと思います。
スマホの登場でサイト表示スピードがまた重要視されるように
なったようですね。デザインの段階からそういった必須要素を
きちんと考え、シンプルでわかりやすいコーディングができるよう
頑張ります。
あなたの回答
tips
プレビュー
