コーディングの経験と、DTMのカリキュラム

コーディングについて全く経験のない学生さんの中には、「コードを書くのは難しそう…」「そもそもよくわからない…」と思う方もいるかもしれません。
私も学生の頃に少し勉強していたものの、最初にWeb制作を学んだ時には、楽しさと同時に壁にぶつかることもありました。そして、入社してはじめて知ったことや難しさを感じることも…

DTMの今年の4月に入社した社員の中には、全く経験のないところからスタートした人もいます。

今回は、そんなコーディングについて、学生時代～社会人になって学んだ経験と、DTMのカリキュラムの内容を書いていきます。

 

コーディングって？

コーディングは、HTMLやCSSなどを使用してWebページを作る作業です。HTMLでページの構造を決め、CSSでそのデザイン（色やレイアウト）を作ります。これにより、ユーザーが見ることができるWebサイトが完成します。

HTMLの記述


CSSの記述


Webサイトの表示

DTMのコーディングカリキュラムについて

〇カリキュラムに取り組む時間
DTMでは、入社後すぐにコーディングカリキュラムに取り組みます。最初の段階では、毎日2～3時間程度の学習時間を確保し、現在（入社8か月時点）は、タスク量に応じて学習時間を調整しながら、毎日30分から2時間程度の学習を継続しています。このカリキュラムを通じて、実践的なコーディングスキルを段階的に身につけています。

〇カリキュラムの流れ
カリキュラムは段階的に進めていきます。

・HTML・CSSの基礎
　書籍を用いてタグやプロパティを学ぶ。

・実践課題
　テキストが中心のシンプルなサイト
　画像を使用したサイト
　要素が多いサイト

・ejs・scssの扱い方
　ejs・scssを使ってサイトコーディング（8か月目時点）。

・jsの練習

 

実務で求められるコーディング技術や視点

初めにも書いた通り、私は学校の授業でコーディングを学んでいました。その経験を踏まえ、学生時代には知らなかった作業や新たに学んだことをまとめてみました！
今まさにコーディングを学んでいる学生さんの参考になればいいなと思います。

・クラス名の命名規則
　他の人が書いたコードを見やすく、また管理しやすくするために、指定の書き方でクラス名をつけます。

・タグを正確に覚える
　タグの使い方を覚えることで、エラーをスムーズに解決できるようになります。正確なタグの使い方が、正しいページ表示に繋がります。

・SEOを意識したコードの組み方
　SEO（Search Engine Optimization）とは、Googleなどの検索エンジンで自社サイトを上位表示させるための施策のことです。コーディングでは、SEOを考慮してコードを書く必要があります。どのタグを使用しても、表示に問題がなくても、適切なタグで記入することにより、優良なサイトと認識されます。

・ejs・scssの理解
　実際の仕事では、テンプレートエンジンのejsやメタ言語のscssといった技術も学び、サイト制作をより効率化していきます。

・数ピクセル単位での調整
　要素のズレを数ピクセル単位で確認し、正確に整える作業が求められます。細かい調整が、完成度の高いWebページに繋がります。

未経験でもできるの？

学生の頃、初めてHTMLやCSSを学んだとき、コードを書くことでWebページが表示されることに驚きました。最初はルールや使い方を覚えることが大変で、思うような表示ができなかったりと壁にぶつかってしまうことも多かったです。

実際に自分で表示崩れを解決できるようになったのは入社してからです。初めは難しいなと感じていても先輩社員の手厚いサポートが成長できた理由です。書籍だけでなく講座も用意されており、わからないことがあればいつでも相談できる環境が整っています。

全くコーディングを触ったことがない同期の子も、1ページ作れるようになっています！その体験談もいつかコラムになるかもしれないです…！

 

まとめ

以上が、コーディングについて私が経験したこととDTMのカリキュラムの内容です。これから学ぶ方も、自分のペースで少しずつ成長していけると思います！
読んでくださりありがとうございました！