ペーパーコーディングのすすめ

2021.03.02

コーディング

卒業制作を頑張っていたSTUDIO札幌受講生さんが面白そうなことをやってたのでご紹介です。

HTMLコーディング

今回の受講生さんは、卒業制作のデザインが完了し、これからコーディングに取りかかります！というところでした。

Web制作におけるコーディングとは、HTMLやCSSなどのマークアップ言語を用いて、デザイン通りの見た目でブラウザ（Edge：エッジやSafari：サファリ、Chrome：クロームなどWebサイトを閲覧するソフト／アプリ）で表示されるようにコードを記述することを指します。

HTMLには100を超える「タグ」というものが存在し、見出し・段落・リンクなど、部分部分で文章や画像をまとめていきます。
デジハリで学ぶ受講生さんは、卒業制作に入る前の４か月で、デザインと合わせて「タグ」の種類や使い方を学んできています。

ただ、みっちりしっかり頑張って勉強している受講生さんでも、作ったデザインをPCに向かって属性だったり要素だったりにまとめていくのは大変です。
そこで、今回トレーナーさんが受講生さんにチャレンジさせたのが「ペーパーコーディング」です。

ペーパーコーディングとは？

ペーパーコーディングとは、いきなりPCに向かってコーディングをするのではなく、
紙に印刷したデザインをある程度ざっくり要素としてまとめること。

実際にコーディングに入る前にこれを行うことによって、動画や課題に取り組むときに意識していなかった「塊」の意識を持つことができ、スムーズにコーディングを進めることができたそうです。
また、自分の目で見て、手を動かしてグルーピングすることにより、感覚的に理解することができたようで、非常によい経験になったとのことでした。

実際に書いていたものをちょっとだけアップします。