Webサイト模写の重要性

date_range 2024/04/16
日々の活動日記
松木 智哉
模写の重要性

こんにちは!

京都開発研究所、Webプログラマーコースの長期インターン生、松木智哉です!!


⚪︎はじめに

4月に入り、大学院の新学期が始まり、授業が本格的にスタートしました!講義の予習と課題と研究で忙しくなりつつあります。時間管理をしっかりすることがとても大事だと改めて感じてます。


⚪︎最近の業務

ガーディアンの長期インターンの業務として、Webサイト模写を行ってます!

HTMLとCSSにまだ慣れていない私は、苦戦しながらも業務を進めていっています。


・Webサイトの模写の重要性

なぜ模写をする必要があるのか私は少し疑問に思っていました!

そこで実際の先人たちが行ってきたことを調べ、模写の意味を考えてみました!


私のとても大好きな漫画である「ONE PIECE」の作者、尾田栄一郎さんも模写をしていたそうです。題材は、漫画作品やアニメーション作品にとどまらず、実際の人の顔も含まれていたそうです!そのような絵に関する幅広い基礎を固めていたからこそ、今の絵があるのだと思います。


Webサイトでも同じことが言えると思います!!


Webサイトの模写を通して、様々なサイトから共通する法則やポイントを発見することができます!ヘッダーのデザインがどうあるべきか、コンテンツ量に応じた最適なフォントサイズとは、画面サイズによってレイアウトをどう変更するか…こうしたことはもちろん座学で学ぶことができます。しかし、実際に手を動かしながら模写することで、リアルな疑問点が出てきて、試行錯誤することで自身のスキルとして身につくのだと思います。


時間はかかるかも知れませんが、そのような疑問点を大事にWebサイトの模写をすることで基礎が固まり、自分なりのセオリーを作り上げることができると思いました。


-----------------------------------------------

G!FIT公式Instagram:https://www.instagram.com/gfit_gdn/

G!FIT公式Twitter:https://twitter.com/gfit_gdn

メンバー紹介ページ:https://guardian.jpn.com/member/tomoya_matsuki/

*COMMENT*

  • 芹原 まなみ

    芹原 まなみ

    更新日:2024-04-16 17:47

    *コメント*

    私も苦戦しながら模写課題取り組み中です!
    高校の美術の授業で模写を何回かしたことがあります。こういう順番で筆を動かしたのかな、とかここは結構荒いタッチだなとか勉強になりとても楽しかった記憶があります!
    誰かが作ったものの筆跡(痕跡?)はすばらしい参考書だと信じて私も課題に取り組みます。

    *コメント*

  • 井坂 かなこ

    井坂 かなこ

    更新日:2024-04-16 18:01

    *コメント*

    模写って大切な作業の一つですよね!「まずはやってみる」という気持ちで作業の仕方やコーディングを実践的に覚えていくということが大事になるのではと思います。私も模写をはじめ、様々な用語を覚えて頑張っている最中です。一緒に頑張りましょう!!

    *コメント*

  • 西峯 なお

    西峯 なお

    更新日:2024-04-16 18:04

    *コメント*

    模写がんばってください!
    やはりこれが一番技術が身につくと思います。

    *コメント*

  • 大橋 秀一郎

    大橋 秀一郎

    更新日:2024-04-16 18:39

    *コメント*

    知識の単なるインプットだけでは、いざ実践で使えないことがよくあります。使える知識を身につけられる効率的な方法は、やはり実践的訓練だと思います。模写コーディングは、一連の制作を通して、様々な知識を使える形で身につけられる効率的な訓練方法だと思います。
    お忙しいとは思いますが、継続的に頑張って下さい。

    *コメント*

  • 奥村 優

    奥村 優

    更新日:2024-04-16 19:12

    *コメント*

    模写はとても勉強になるのでいいですよね。
    自分が書いたコードと検証ツールでどのような記述をしているのか見比べたりしてもとてもいい勉強になると思うので引き続き頑張ってください!

    *コメント*

  • 中澤 めぐみ

    中澤 めぐみ

    更新日:2024-04-16 19:21

    *コメント*

    私も ガーディアンの課題でサイト模写に挑戦していますが、
    やはり 動画や本で学ぶだけよりも、実際に手を動かしたときの記憶のほうが断然頭に残りやすい気がします。
    あとから思い出すときに、「あのサイトの、あの部分を表現するのに使った」という風にサッと出てきやすいです😊

    *コメント*

  • 菅谷 たかの

    菅谷 たかの

    更新日:2024-04-16 21:18

    *コメント*

    模写って大変ですけど、実践的なスキルを身に着けるためには大事なスキルですよね!私も模写課題をクリアできるように頑張ります!

    *コメント*

  • 石川 航

    石川 航

    更新日:2024-04-16 21:50

    *コメント*

    お疲れ様です
    Webサイトの模写は簡単にできるかと思いきや、そうでもなく
    インプット内容を正確にアウトプットできるかを問われます

    技術の向上は模倣からとも言われているので
    どんどん経験を積んでいこう

    *コメント*

  • 星 翼

    星 翼

    更新日:2024-04-16 22:14

    *コメント*

    模写というのは、自分の想像以上に様々な業種で活用していそうですね!驚きです!
    実際に手を動かすことはとても重要ですね✨

    *コメント*

  • 水落 えり

    水落 えり

    更新日:2024-04-16 23:03

    *コメント*

    智哉くん、大学院での抗議の予習や課題と研究で忙しくなりつつあるんですね!!
    忙しくなればなるほど、時間管理が確かに大事ですね✨

    ウェブサイトの模写については、座学では学べない部分もたくさんあるので、実際に手を動かすことの大切さを感じ取っていらっしゃるのがることが素晴らしいですね👏

    デザインの要素や最適なレイアウトなど、実践的な経験を重ねることで、確実に基礎が固めていけますね!!

    継続してしっかり取り組んでいけば、きっとその努力が実を結ぶはずです✨
    この調子で頑張ってくださいね。応援しています!!

    *コメント*

  • 寺田 ゆり

    寺田 ゆり

    更新日:2024-04-17 07:04

    *コメント*

    お疲れ様です。
    どの業種についても最初は模写をしてきた気がします。
    とても技術が身につくと思うのでお互い頑張りましょう。

    *コメント*

  • 野村 健人

    野村 健人

    更新日:2024-04-17 08:04

    *コメント*

    何事も上達の近道は模写・模倣だと考えています。
    同じWEBサイトを再現するのにも、違うcssを使って模写することもできるので、色々な手法を学べるのも模写のメリットですよね。

    多くのサイトに触れて、力を蓄えていってください!

    *コメント*

  • 恩田 かおり

    恩田 かおり

    更新日:2024-04-17 08:06

    *コメント*

    尾田先生も模写をされていたんですね!
    ワンピースも佳境に入って面白くなってきました。

    技術的な職場に限ったことではなく、
    サービスやセールスなどのサービス業おいてもまずは人の真似から、模写と同じですね。
    それができた後に、自分なりの工夫を行ってオリジナリティが生まれると思います。

    お互い知識を深めていきましょう。

    *コメント*

  • 池田 つづみ

    池田 つづみ

    更新日:2024-04-17 08:08

    *コメント*

    模写頑張ってください!
    私もデザイン模写頑張ります!

    *コメント*

  • 福田 純大

    福田 純大

    更新日:2024-04-17 08:53

    *コメント*

    自分も模写課題に最近取り組んだのですが、実践してみないと見えないことがありますよね。html/cssに限らずリアルの疑問点を試行錯誤で解決するということが成長につながりますので、継続して一緒に頑張っていきましょう。

    *コメント*

  • 山嵜 まい

    山嵜 まい

    更新日:2024-04-17 09:29

    *コメント*

    サイト模写楽しいですよね♪
    全く同じものができると少し悪いことをしている気分になりますよね 笑
    最近サイト模写する時間を作れてなかったので、時間作ってやりたいと思います!

    *コメント*

  • 岡田 のりこ

    岡田 のりこ

    更新日:2024-04-17 09:29

    *コメント*

    座学だけではやはり理解しきれないので
    実際手を動かして学ぶことが大事ですよね!
    模写は調べながらやったりすると時間がかかりますが、
    お互い頑張りましょう!

    *コメント*

  • 菅谷 将司

    菅谷 将司

    更新日:2024-04-17 09:32

    *コメント*

    真似るの大事ですね。
    前職の内装工では目で見て真似て、それから道具や自分に合ったやり方を見つけたりという感じでしたが、コツを掴むとすごく伸びます。
    僕もまだまだ模写課題に取り組めていませんが、頑張ろうと思います!

    *コメント*

  • 田中 敦史

    田中 敦史

    更新日:2024-04-17 09:42

    *コメント*

    試行錯誤、大事ですよね!!
    自分の知識として落とし込むには、
    自分で実践するのが一番早いと思います。
    壁にぶつかって何度もやり直して試して
    ようやく答えにたどり着くと、少しだけ成長している
    自分がいます。
    模写課題、私もがんばります!!

    *コメント*

  • 阿部 はるか

    阿部 はるか

    更新日:2024-04-17 09:52

    *コメント*

    お疲れ様です!
    漫画家も模写から始まるのですね!まずは真似ること、守破離が大切だと私も教わりました!お互いに頑張りましょう!!

    *コメント*

  • 樋口 ななこ

    樋口 ななこ

    更新日:2024-04-17 12:08

    *コメント*

    Webサイト模写、お疲れ様です!
    模写することによって、知らなかった表現方法に気づいたり、たくさん発見もありますよね。それに、実際に手を動かして作業することで着実に身につくように感じます!
    尾田先生のような方でも模写からスタートされていたんですね。自分の引き出しをどんどん増やして活かしていきたいですね!お互いにがんばりましょう!!

    *コメント*

  • 阪口 純平

    阪口 純平

    更新日:2024-04-19 18:11

    *コメント*

    知っているだけではなく、
    実際に模写してみて理解できることもありますよ。
    自分もどんどん模写をしていってみます!

    *コメント*

*コメント*

*ログイン*

メールアドレス
パスワード

NEW