コーディングを初めて始める方々が、最初のコーディング体験からスタートできるシリーズを作りたいと思いました。
その第一歩として、コンピュータサイエンスの知識がなくても比較的学びやすい HTML & CSSを最初のテーマに選びました。
一方で、参入障壁が低いHTML & CSSですが、これらを深く学習して「適切に」活用している開発者はそう多くありません。そのため、難しい概念や細かな属性まで踏み込み、現役の開発者やパブリッシャーにとっても大きな助けとなるような講座にしたいと考えました。
本当に素晴らしく有益な講義を作ろうという目標を掲げ、長い時間をかけて調査し準備した末に、この講義を制作することになりました。
プログラミングが初めての方
パブリッシングをしたいウェブデザイナー
HTML/CSSをより使いこなしたい開発者
講義の内容を手元でも確認できるように、ぎっしりと詰め込みました。
(ℹ️ この本はJavaScriptについては基礎部分のみを、軽く扱う程度にとどめています。)
無駄のないスピーディーな進行で皆さんの大切な時間を節約します。(受講者によっては話が速く感じられる場合がありますので、あらかじめご了承ください。必ず無料パートの講義を聴いてから受講してください！)
各タグや属性の機能だけでなく、それらの多様な活用方法やウェブ標準に準拠した使い方、理論的な原理まで詳細に説明し、最大限多くのことを学んでいただけるよう準備しました。
各講義ごとに動画の主要ポイントと、コピー＆ペースト可能な実習用コマンドおよびコードがウェブページに整理されているため、これらに沿って応用しながらスムーズに実習を進めることができます。
学生の方々も負担なく勉強できるよう、最初の5時間分をプレビューを通じて無料で公開します。
YouTubeチャンネル浅いコーディング辞書を運営するYouTuberであり、IT書籍を執筆する作家です。フルスタックエンジニアとして働いてきた経験を活かし、難しいプログラミングの概念を初心者が理解しやすいよう、比喩や簡単な例、時にはアニメーションを使って説明するコンテンツを制作しています。
🎬 YouTube 얄팍한 코딩사전（ヤルパクなコーディング辞典）チャンネル (クリック!)
📕 ヤルコの本を見に行く (クリック!)
✅ セクション 1: HTMLの基礎 HTMLタグとそれぞれの適切な活用法
✅ セクション 2: CSS 基礎
✅ セクション 3: HTML 深化
✅ セクション 4: CSS 応用
| 
|
✅ セクション 5：ファイナルプロジェクト
Q. プログラミングは初めてですが、受講できますか？
A. HTMLとCSSは、入門者が始めるのに最も適したテーマです。コーディングが初めての方でもついていけるよう、最初の環境設定からコーディングツールの使い方まで詳しく説明し、実習もできるだけ簡単な用語を使用して進めます。
Q. すでにウェブ開発をある程度していますが、どれくらい役に立ちますか？
A. ウェブ開発者が普段から十分に理解して使っていると思っている基本的なHTMLタグやCSSプロパティも、深く勉強してみると、これまで知らなかったことが多かったと気づかされることがよくあります。これまでなんとなく理解して活用してきた要素や機能をより適切に使いこなせるようになり、見た目だけでなく内部や構造的にも美しいサイトを作るための有用な知識を学ぶことができるでしょう。
Q. 講義のスピードが速くて難しくないでしょうか？
A. 動画の進行は速いですが、各講義ごとに講義ページがリンクされているため、動画の内容を楽に復習し、実習できるようにしてあります。ページのあちこちにある例題やプレイグラウンドを活用して、皆さんの時間効率を最大限に活かした学習を進めることができるはずです！
Youtubeの購読者としてGit講義を頑張り、html/css講義も引き続き購入しました。ヤルコ様の講義の強みは、きちんとしたカリキュラムと伝達力が良く、内容が耳にすっぽり詰まっているという点です。講義を聞くのですが、まるで話を聞くかのように私も知らなくなって聞くことになります。このように講義に従うと、ある瞬間の内容を理解し、習得した自分を見ることができるようになります。お金が全く惜しくない講義だと思われます。悩んでいるなら購入することを強くお勧めします。
詳しく教えてくれて一つ一つ見てくれてよかったです。すべての勉強がそうだが、自分だけの方法を探して勉強するので、はるかに集中が良かったんです。私のような場合には、ソースコードを先に自分で解釈してみて講義を聞いたのですが、この場合に私が解釈したのが正しいか、または分からない文法はどんなことを意味するのかを考え、講義に取り組んでみるともっと頭の中に残りました！
結論から申し上げてとても素敵な講義です。
とても良い講義です。 非専攻者、生初心者で勉強を始めたのですが、他の人は面白くて簡単だというHTML＆CSSパーツなのに私はやはり生初心者なのでかなり難しかったです。 11時間少し以上の講義ですが、ほぼ7週間以上で頑張りましたね。 実は途中で難しくて別の講義に乗り換えたが、またこの講義に移ってきました。 初めての講義なので、もしかしたらレベルが私には合わないと思っていましたが、ただ私がよく理解できない頭を持ったものだと思い、他の講義に比べて圧縮的ですが、多くのことを盛り込んで説明をうまくやると考えて頑張りましたね。 10分～20分くらいに分かれた講義だと思っても、私のように生初心者は頭でだけ理解して渡れば後でファイナルプロジェクトの時にメンブン来ます。まだファイナルプロジェクトちゃんとクローンも全部理解していませんが、もっと時間を投資して復習しなければならないという気がしますね。 結論を申し上げると、全体的に講義の質と内容は最高でなかったかと思います。実はスカンピョンよく残るのに～ こんなゴクオリティの講義は他の方々も見るのがいいと思って残します。 そして個別にお問い合わせをいただいた時もよくお答えいただきありがとうございます。もう一度復習に行きます。
CourseraでJohns Hopkins html / css / jsの講義を聞き、一日を越えてきました。 1. 最初に講義を評価する時、内容の総時間を見るが、時間が短い講義は深く掘り下げられないことがあるので、この講義は12時間で、html/cssだけカバーするのにかなり長い時間だと信じていた。講演者も素早く講義を進めて、事実上1時間30時間を圧縮させたと見られる。 2. 2つ目は講演者の内容伝達力だが、この講義は内容をとても効率的ですっきりとした方法で伝えると感じた。簡単に理解するために多くの努力をしたようです。 3. 3番目はここでしか聞こえないコーディング環境の設定方法と、様々なヒント、そして一人でどのようにさらに進んで勉強できるのかを教えてくれた。 Coursera、Udemyで有名であり、都合のない講義だけを聞いたが、肝臓に失速している講義を見てよかった。
![[ウェブ開発入門] 一人でも開発するHTMLとCSS with ニンジンマーケット講義サムネイル](https://cdn.inflearn.com/public/courses/329537/cover/e58304bd-ac81-4ec4-88c8-479cde58188a/329537-eng.png?w=420)
![ウェブデザイン開発技能士 [2025年] 実技全体 (カカオトーク質問可能)講義サムネイル](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?w=420)
