模写コーディングに「答え合わせ」は必要か

Question

#答え合わせは必要ですか？
webサイトの模写についてですが、完成した模写がモデルのサイトと外見が酷似していた場合、モデルのサイトのソースコードを確認し答え合わせをするべきでしょうか？
##どのように答え合わせを進めますか？
また、すべきである場合、どのように答え合わせを進めるべきか具体的にご教授ください。

Comments

[gentaro]

そもそもここで質問するような内容じゃないと思いますが
https://teratail.com/help/avoid-asking
「teratailは困っている人の質問を解決するサービスです。そのため、漠然とした興味から票を募るような質問や、意見の主張をすることを目的とした投稿は推奨していません。
何か困っている理由があり、最適解を見つける為の知見を得たい場合は、その理由や何が知りたいのかを明確に記述してください。」

「自分で作ったコードは他人のものより優れている」という自信がない限り、参考にしたサイトがどういう作りになっているのか普通は気になると思うんですが…逆に言えば、見なくても良いと思えるほど自分の作ったものに自信があるなら、見る必要ないんじゃないでしょうか。

[jampan02]

ごめんなさい。

[think49]

類似質問をクローズし、本質問がクローズされない理由は何ですか。
https://teratail.com/questions/261145

Answer 1

既にある回答と重複した部分も多くなりますが、
1つのゴールのために取り得る手段は1つではありません。

外見が酷似していたというのは非常に曖昧なものですけど、
デザイナーによっては1pxのズレが気になる人だっています。
カラーコードも1のズレが嫌な人だっています。

ソースコードで答え合わせをするのではなく、
その模写先の要件を正確にくみ取り、再現できているかの方が大事です。

単に見て「それっぽいものを作る」のであれば多少やってきた人なら誰でもできます。
その先にある、「そのサイトで何を達成しようとしているのか」を考えて作れたか？ではないでしょうか。

「How」＝どうやって作るか　　ではなく
「Why」＝なぜ作るか　「What」＝何を作るか
です。

Webサイトに限らず全てのものには意味があります。
何かしらの要件を満たすため、企画され、設計され、作られたものであるはずです。

そこまで考えると、ちょっとした文1つ、ブロック1つ、その幅や色など全てに意味があることに気づけるはずです。

「模写をする」という課題はよく目にするのですが、
単にコーディング技術を磨きたい試したいだけの目的で行って、果たして成長に繋がるでしょうか？

Answer 2

要求仕様

模写コーディングは学習目的かと思いますが、

• 同じデザイン
• 同じ機能

が要求仕様としてあるわけですよね？
では、それが「答え合わせ」になるのではないでしょうか。

ソースコードの答え合わせ

モデルのサイトのソースコードを確認し答え合わせをするべきでしょうか？

モデルサイトのソースコードが絶対的に優れているわけではありません。
より良い実装を目指すのであれば、

• 自分が書いたソースコード
• モデルサイトのソースコード

を比較し、各々の長所/短所をリストアップ。
最良のソースコード(二者択一ではなく、両者を合わせた第三のソースコードも検討候補)を検討する事になると思います。

改善案

更にいえば、モデルサイトのデザイン/機能が最良とは限りません。
モデルサイトよりも優れたデザイン/機能を提案するソースコードを作れば、比較検討できます。

Re: jampan02 さん

Answer 3

以下、個人的な意見です。

見た目が同様に組めているなら、正確な答え合わせまではせず、次にいきましょう。
苦労した部分や、もっとスマートに組めるのかなぁなど気になった箇所のみ、モデルサイトの該当の部分見て、次に生かしていくでいいと思います。