「謎」の英語の文字列が並ぶコーディング画面。でもルールーが分かれば楽しい、面白い！？

2024年12月05日

「謎」の英語の文字列が並ぶコーディング画面。でもルールーが分かれば楽しい、面白い！？

無料説明会無料

資料請求無料

ホームぺージ制作に欠かせない「コーディング」

こんにちは！デジタルハリウッドSTUDIO佐賀スタッフです。
12月に入り、一気に寒くなりました。朝、布団から出るのにかなりのHPを消費します。毎年恒例です。冬ですね。

さて、ホームぺージ制作に欠かせない「コーディング」のことを今回は書いてみようと思います。

コーディング。html、css、JavaScript、jQuery…と、普段馴染みのない単語が出てきます。未経験の方が説明会にいらっしゃって、コーディングの画面をお見せした際、なんか難しそう…と大半の方がおっしゃいます（全くの未経験からスタートした私もそうでした。最初見た時「ぎゃっ！」って言いました）

ですがこのコーディング、最初に思った「難しそう…」とは裏腹に、ルールが分かれば意外とすんなり、楽しくできるようになります。コードを書いて、ホームぺージが徐々に出来上がってくると、感動さえ覚えるくらいです。

ちょっと覗いてみようコーディング

スタジオのカリキュラムの中で、上の写真のホームぺージを作る内容があります。動画学習で、動画内のトレーナーと一緒にコーディングを進めていきます。初めてのコーディング作業です。

では、このホームページの裏側、コーディングのコードを見てみます。

スマホでご覧の方はスクロールで全体をご覧いただけます

【html】

【css】

全く意味が…。え、、英語ばっかり…。こんなのできる気が…。と思われる方もいらっしゃると思います（全くの未経験からスタートした私もそうでした。最初見た時「ぎゃっ！」って言いました）

またよくお聞きするのが「英語が苦手で…」「文系or理系だから…」「タイピング苦手…」というお話です。
コーディングは、英語が苦手でも、文系理系でも、タイピングが苦手でも全く関係ありません。

Visual Studio Code

カリキュラムでは、コードを書く際は「Visual Studio Code」という無料のソフトを使用します。無料のソフトですが、使いやすく、機能もばっちり。
このVisual Studio Codeを使って、動画学習や課題、卒業制作のコーディングを進めていきます。

一文字打つと、予測候補がでてきたり（html）

一文字打つと、予測候補がでてきたり（css）

間違っているところを教えてくれたり

...なので、英語が苦手でも、文系or理系でも、タイピング苦手でも大丈夫！一文字一文字書く必要もありませんし、間違っていてもその部分を教えてくれたりもします。

あとは動画学習で、htmlのマーク（タグ）やcssのルール（セレクター、プロパティ）を学ぶだけ。一見複雑そうに見えますが、ルールが分かってくれば、最初は「謎」だった英語の文字列の意味も分かってきます。分かってくると、コーディングがとても楽しくなってきます（全くの未経験からスタートした私も最初は「ぎゃっ！」って言っていましたが、今はコーディング大好きです）

躓いても安心です！

デザインもそうですが、コーディングで躓いた時は、トレーナーにご質問を！解決策はもちろん、解説や参考になる記事が書いてあるホームページを紹介してくれたりします。分からなかったらどんどんトレーナーを頼ってください。