素敵なサイトをまねてウェブサイトをつくりたい

Question

前提・実現したいこと

Java,HTML,Javascript,css,sqlをを７年実務経験し、WEBアプリケーションを中心に作ってきました。
今自粛中にWebサイトやホームページ作成に興味が出てきております。

以下のサイトすごく素敵だと思い、デザインにおいてエフェクト、アニメーション、フォントなどたくさんの部分が学べると思います。
https://www.crazy.co.jp/

そこで一度このようなサイトを真似て作りたいと思うのですが、みなさんならどのように真似るでしょうか？
ぜひやり方を教えていただけたらと思います。

試したこと

以下のやり方が私の場合思いつきます。

・ ブラウザを保存　→　そこから分析。一部動かないところがある
・ wixを使って真似てみる
・ Wappalyzerで分析
・ codeopenを参考にする

Answer 1

動的サイトであればそのまま再現はかなり困難かと思いますが、
デザインレイアウトだけであれば「とりあえずそれっぽいものを思うように作ってみて、分からないところはデベロッパツールで確認」ですね。

競合サイトのCSSとJavaScriptを丸裸にする方法

Comments

[k499778]

ありがとうございます

[think49]

ローカルで構築するのは私的利用の範疇だと思いますが、まねたサイトを公開するのは…。
https://blog.terudesign.net/webdesign/copyright/

[m.ts10806]

そこは確かに難点ですね。
「こういうところを真似たい」ならまだしも「模写したもの」だとしたらマズい。

[k499778]

はい！もちろん著作権や商標権もあるので模写したものを公開するつもりもないし、お金儲けに使うつもりもないです。
最終的には色んな要素を学んでオリジナルのものを作るつもりです。
学ぶは真似ぶの語源でもあるように、真似をして自分でも作ってみることが大切だと思っています。

Answer 2

WEB APIなどを使って連動するサービスなど何か一つ作ってみると面白いですよね。

私なら最近流行りのVue.jsを使ってシンプルに実現する方法を色々試したいです。