実用的なWebプログラミング

Name: 実用的なWebプログラミング
Rating: 4.5 (22 reviews)

プログラミングは私たちが望む方向を実現する魔法です。私たちの周りのWebサービスの問題を解決し、Webプログラミングを体験してください。

（4.5）受講レビュー 22件

受講生 1,366名

難易度入門

受講期間 無制限

HTML/CSS

JavaScript

HTML/CSS

JavaScript

学習した受講者のレビュー

4.5

5.0

june6411

100% 受講後に作成

彫刻知識が縫われる感じがする講義です。

5.0

이상락

100% 受講後に作成

ご自身でお試しいただける講義ありがとうございます。

5.0

nels

100% 受講後に作成

私がWebを使うときに不快なことを修正し、それをWeb拡張プログラムに分けることができることを学ぶことができた素晴らしい時間でした。

受講後に得られること

私たちの周りのWebサービスのスタイルを直接変える
Webページのフォームとボタン入力を自動化する
マークアップ文書の理解とHTMLの基本概念
WebページスタイルをCSSで表現する方法

軽くて楽しく始めるWebプログラミング！
直接コードに触れながら、必要な知識を学びましょう。

講義の特徴💡

プログラミングに精通していない人を講義の対象とし、必要な知識を最小限にお知らせします。基本的な言語紹介や、簡単な説明をした後、途中で実習を進めながら学習者の理解度を高めたいと思いました。深刻な部分は扱いませんので参考資料の推薦を通じて自己主導的な学習をお勧めします。

なぜ学ばなければならないのか✒️

私たちの周りのWebサービスに触れる入力フィールド、ボタン、チェックボックスなど、Webページの要素にプログラミングでアクセスします。 Webサービスの不快感を感じた部分を直接コードで修正し、同様の経験を持つ人と共有することができます。

詳しく扱っていないもの❌

私たちの周りのWebサービスに従う方法
ECMAScript 2015以降の文法について
他人にダメージを与える悪意のあるスクリプトの書き方

セクション別紹介📖

オリエンテーション

教育紹介、ウェブの背景について

Webサービスのスタイルを変更する

HTMLとCSSを学んでWebサービスの問題を解決したり、自分の好みに合わせてサービスを飾ってみてください。
CSSセレクタについて詳しく知ると、かわいい猫の壁紙を背景に表示できます：D

^{▲背景写真ソース：Florian Olivo}

JavaScriptでWebサービスを自動化する

JavaScriptの機能中にDOM制御に集中し、周辺のWebサービスをプログラミングで代わりに扱う方法をご紹介します。

^{▲簡単決済サービスカカオペイの決済情報をすぐに入力してカカオトークに送る様子}

面倒なテキスト入力とボタンクリックをコンピュータに専任できますか？
1,000個を超えるメールボックスのアイテムを一括処理できますか？

JavaScriptでWebページの構造を再構築する

広告をブロックし、確認したいものだけを表示するWeb拡張機能を作成する方法を紹介します。

ブラウザ開発者コンソール内から戻るコードを書いて、必要な情報だけを表示します。
ユーザースクリプトを使用して永続性を維持します。
他のサイトにもスクリプトを適用して、本文に含まれている広告を削除します。

倫理的使用

プログラミングの道徳的な活用を心配しています。

教育に使用するツール

講義はGoogle Chromeで行われますが、Google Chrome、Safari、Firefoxなどの快適なモダンなWebブラウザを使用しても大丈夫です。

知識共有者の紹介🎓

キム・ムフン

Web UIに関連するすべてのエンジニアリングを行っています。

https://github.com/mu-hun

キム・ジョンイン

開発サークル活動が楽しくて開発を始めました。
現在はロボティクスの勉強をしており、強化学習、サーバーに興味があります。よく書く開発者になりたいです。

全南大学地域バイオシステム工学科在学/コンピュータ情報通信工学複数専攻

パク・セムン

幼い頃、Turbo c、boland c++をはじめ、プログラミングに触れ、開発者として過ごしてから10年余り過ぎました。
Web、アプリ、モバイル、ブラウザエンジンの開発経験があり、現在はバンコクでグローバルOTA企業でフルスタックエンジニアとして働いています。

県）アゴダシニアフルスタックエンジニア

HTML紹介とCSS紹介教育制作を担当しました。個人事情でキム・ジョンイン、ヤン・アルム先生が代わりに講義を進行します。

陽気

美林女子情報科学高等学校で開発を学び、自然にプログラミングに関心を持つようになりました。
様々な経験をする開発者になりたいです。

みりん女子情報科学高等学校ニューメディアソフトウェア課

イ・ジアン

🙏 事前にベータテスターとして参加していたキム・スヒョン、キム・ユリ、ユン・ヒナ、イ・イェスル、ホ・ユジュンありがとうございます。

こんな方に
おすすめです

学習対象は
誰でしょう？

軽くプログラミングを始めたい方
プログラミング言語と文法を知っていますが、どのように活用するかを心配している人
ソフトウェアプロジェクトを最初から企画することに負担のある方
自分だけのソフトウェアを作ってみるきっかけを探したい方

前提知識、
必要でしょうか？

CSSやJavaScriptの知識があれば良い

こんにちは
meet6879です。

2,999

受講生

受講レビュー

4.5

講座評価

講座

サリバンプロジェクトは 2015年から現在まで、受講生が自発的に技術を活用して社会問題を解決できるよう支援する技術教育ボランティア活動を行っているコミュニティです。高校生、大学生、社会人に至るまで、技術教育に情熱を持つ人々が先生として共に活動しています。

サリバンプロジェクトに関する詳細は、次のホームページをご参照ください。
https://sullivanproject.io/
https://fb.com/sullivanproject.in/

サリバンプロジェクトは、今年の半期に3つのオンライン教育を次のように準備いたしました。

が。勉強への興味を引き出すゲーム制作

나. 階間騒音問題を解決できるアプリを制作すること

です。プログラミング基礎・実習

よろしくお願いします。

共同知識共有者

カリキュラム

全体

20件 ∙ (1時間 39分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．準備

2件 ∙ (5分)

1. オリエンテーション
02:49
2. Webの背景について学びましょう
02:23

セクション 2．HTMLとCSS

4件 ∙ (15分)

セクション 3．ドキュメントで情報を閲覧する

2件 ∙ (7分)

7. 文書の紹介
07:27
8. 前の練習のコードを直接考える

セクション 4．JavaScriptとDOM

1件 ∙ (4分)

セクション 5．JavaScriptでWebサービスの代わりに扱う

4件 ∙ (20分)

セクション 6．JavaScriptでWebページの構造を変更する

5件 ∙ (43分)

セクション 7．倫理的使用

1件 ∙ (1分)

セクション 8．仕上げ

1件 ∙ (1分)

講座掲載日: 2020/08/19

最終更新日: 2025/05/19

受講レビュー

全体

22件

4.5

22件の受講レビュー

june64112078
受講レビュー 17
∙
平均評価 5.0
2021/08/01
5
100% 受講後に作成
彫刻知識が縫われる感じがする講義です。
looroolala2335
受講レビュー 8
∙
平均評価 5.0
2020/12/16
5
100% 受講後に作成
ご自身でお試しいただける講義ありがとうございます。
sniperyi09
受講レビュー 10
∙
平均評価 4.2
2025/12/15
4
100% 受講後に作成
jjhgwx
受講レビュー 728
∙
平均評価 4.9
2025/02/26
5
15% 受講後に作成
良い講義をありがとうございます！
nels1004
受講レビュー 84
∙
平均評価 5.0
2020/10/19
5
100% 受講後に作成
私がWebを使うときに不快なことを修正し、それをWeb拡張プログラムに分けることができることを学ぶことができた素晴らしい時間でした。

meet6879の他の講座

知識共有者の他の講座を見てみましょう！

自動ハンド消毒剤ディスペンサーの作成

meet6879

無料

入門 / Arduino, Embedded

5.0

(4)

400+

アルドイノを活用して実生活の問題を解決してみながら、コーディングにもっと馴染み、考える力を育ててみます。最終成果物を完成するために段階的に問題を解決していく経験ができます。

入門

Arduino, Embedded

自動ハンド消毒剤ディスペンサーの作成

meet6879

無料

入門 / Arduino, Embedded

5.0

(4)

400+

ゲームで勉強します！

meet6879

無料

入門 / C#, Unity

4.4

(16)

1,100+

ゲーム、試してみただけで作ってみなかったら？ゲーム開発しながら勉強も楽しくするのはどうですか？

入門

C#, Unity

ゲームで勉強します！

meet6879

無料

入門 / C#, Unity

4.4

(16)

1,100+

似ている講座

同じ分野の他の講座を見てみましょう！

Web 開発の基本

devinno

￥2,852

初級 / Web Application, HTML/CSS, JavaScript, DOM

5.0

(1)

実践を通じて、Web 開発に不可欠な基本概念と原理を学びます。

初級

Web Application, HTML/CSS, JavaScript

Web 開発の基本

devinno

￥2,852

初級 / Web Application, HTML/CSS, JavaScript, DOM

5.0

(1)

WordPressで手軽に作るレストランホームページ

itconnect

無料

入門 / HTML/CSS, WordPress, product details webpage

5.0

(5)

100+

この講座は、受講して実習することで、WordPressでのElementorテーマの使い方を全体的に理解し、簡単なホームページ作成ができるようになるための実習講座です。

入門

HTML/CSS, WordPress, product details webpage

WordPressで手軽に作るレストランホームページ

itconnect

無料

入門 / HTML/CSS, WordPress, product details webpage

5.0

(5)

100+

[コードキャンプ]ブートキャンプで作られた高濃縮バックエンドコース

codecamp

￥49,372

入門 / NestJS, Node.js, JavaScript, Docker, REST API

4.6

(54)

1,500+

コーディングと恋に落ちた8年目のフルスタック開発者Captainの私心がいっぱいのカリキュラムです。バックエンドのすべてをすべてお知らせしたいCaptainの心が溶けます！このレッスンを聞くと、これまで教えてくれますか？＆＃x27;という考えを震えることができないでしょう。みんなが難しい部分までぜひ噛んで食い込んでくれるこの講義で始めましょうか？

入門

NestJS, Node.js, JavaScript

[コードキャンプ]ブートキャンプで作られた高濃縮バックエンドコース

codecamp

￥49,372

入門 / NestJS, Node.js, JavaScript, Docker, REST API

4.6

(54)

1,500+

コーディングのコーディング基礎とWebフルスタックの開発

jocoding

￥11,407

入門 / HTML/CSS, JavaScript, Node.js, Web API

4.6

(12)

コーディング1位 YouTubeのジョコーディングの本番圧縮！簡単で楽しいWebフルスタック開発講義

入門

HTML/CSS, JavaScript, Node.js

コーディングのコーディング基礎とWebフルスタックの開発

jocoding

￥11,407

入門 / HTML/CSS, JavaScript, Node.js, Web API

4.6

(12)

Reactを上手に扱える開発者になる

nakjasabal0079

￥6,060

初級 / JavaScript, React, Firebase, redux-toolkit, zustand

5.0

(9)

「リアクトが上手な開発者になる」という本が出版されました。この本はリアクト学習前に必要なウェブの基本原理から最新のリアクトフックまで体系的に案内し、しっかりとした基礎知識を提供します。合計40個以上の多彩な実戦プロジェクトと豊富な実習例題を通じて理論を実務にすぐ適用し、問題解決能力を育てることができます。また、リダックスツールキット、Zustand、Firebaseなど現代ウェブ開発に必須の技術を一緒に学び、完成度の高いリアクトアプリケーション開発者として成長できるよう支援します。

初級

JavaScript, React, Firebase

Reactを上手に扱える開発者になる

nakjasabal0079

￥6,060

初級 / JavaScript, React, Firebase, redux-toolkit, zustand

5.0

(9)

根本的なフロントエンドユニットテスト

sowhatcoding

￥5,525

初級 / Software Test, TDD, Jest, TypeScript, JavaScript

5.0

(4)

フロント＆ユニットテストのすべてをマスターできるように、基本概念から状況別テスト作成法、高度なテスト知識まで全て集めてお届けします

初級

Software Test, TDD, Jest

根本的なフロントエンドユニットテスト

sowhatcoding

￥5,525

初級 / Software Test, TDD, Jest, TypeScript, JavaScript

5.0

(4)

[2026年出題基準] Webデザイン開発技能士実技試験完璧ガイド

codingworks

￥20,854

入門 / HTML/CSS, jQuery, Web Design

4.9

(101)

700+

ウェブデザイン開発技能士(旧ウェブデザイン技能士)出題基準(2025.1.1～2027.12.31)まで施行される出題基準に正確に合わせたウェブデザイン技能士実技試験内容に最適化されている実技試験専門講義として、HTML+CSS+JQUERY パブリッシング、コーディングワークスのウェブデザイン開発技能士実技試験講義は違います。 2026年ウェブデザイン開発技能士すべての試験タイプ(A,B,C,D,E,Fタイプ)完璧制作授業映像がすべて反映されています。

入門

HTML/CSS, jQuery, Web Design

[2026年出題基準] Webデザイン開発技能士実技試験完璧ガイド

codingworks

￥20,854

入門 / HTML/CSS, jQuery, Web Design

4.9

(101)

700+

マルチパラダイムプログラミング第1編：イテレータパターン & LISP (with TypeScript, Clojure, Kotlin)

mduniv

￥6,951

中級以上 / multi-paradigm Programming, TypeScript, Functional Programming, oop, software-design, JavaScript

5.0

(30)

300+

中上級開発者として成長するための高度なプログラミング言語活用能力と、関数型、オブジェクト指向、LISPパラダイムを組み合わせたソフトウェアの設計および実装能力を養います。

中級以上

multi-paradigm Programming, TypeScript, Functional Programming

マルチパラダイムプログラミング第1編：イテレータパターン & LISP (with TypeScript, Clojure, Kotlin)

mduniv

￥6,951

中級以上 / multi-paradigm Programming, TypeScript, Functional Programming, oop, software-design, JavaScript

5.0

(30)

300+

解きながら学ぶ情報処理産業技士過程評価型実技完璧整理

Neo

￥4,278

入門 / HTML/CSS, Java, SQL, Oracle, Industrial Engineer Information Processing

5.0

(1)

頻繁な回答

ミッション

解きながら学ぶ情報処理産業技士情報処理産業技士過程評価型実技合格のためにすべてを準備しました。

入門

HTML/CSS, Java, SQL

解きながら学ぶ情報処理産業技士過程評価型実技完璧整理

Neo

￥4,278

入門 / HTML/CSS, Java, SQL, Oracle, Industrial Engineer Information Processing

5.0

(1)

頻繁な回答

ミッション

Do it! Node.jsプログラミング入門

easyspub

無料

初級 / Node.js, JavaScript, Express, MongoDB

4.9

(45)

1,900+

Node.js+JavaScript+Express+モンゴルDBでサーバーの核心に向かって一目で売らずに走る！

初級

Node.js, JavaScript, Express

Do it! Node.jsプログラミング入門

easyspub

無料

初級 / Node.js, JavaScript, Express, MongoDB

4.9

(45)

1,900+

ジェームスコーディングフルスタック開発入門5週間完成

jamescoding

￥5,525

入門 / HTML/CSS, JavaScript, Git, Node.js

5.0

(16)

ジェームスコーディングコースは、フルスタックの深化カリキュラムの開始前に、Web開発の基礎を盛り込むことができるフルスタック開発入門コースです。することができます。

入門

HTML/CSS, JavaScript, Git

ジェームスコーディングフルスタック開発入門5週間完成

jamescoding

￥5,525

入門 / HTML/CSS, JavaScript, Git, Node.js

5.0

(16)

JavaScript機械学習 TensorFlow.js

tonextday

￥16,576

中級以上 / Tensorflow, JavaScript, Machine Learning(ML), Deep Learning(DL)

4.6

(9)

200+

Update

JavaScript環境における機械学習の概念を扱います。 JavaScriptとTensorFlow.jsを用いた機械学習の実装形態とコードを扱います。

中級以上

Tensorflow, JavaScript, Machine Learning(ML)

JavaScript機械学習 TensorFlow.js

tonextday

￥16,576

中級以上 / Tensorflow, JavaScript, Machine Learning(ML), Deep Learning(DL)

4.6

(9)

200+

Update

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

￥1,604

入門 / HTML/CSS, JavaScript, Next.js, claude

4.9

(21)

100+

現職スタートアップCTOが実際のサービスと複数の外注を通じて得たバイブコーディング知識をお伝えします。

入門

HTML/CSS, JavaScript, Next.js

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

￥1,604

入門 / HTML/CSS, JavaScript, Next.js, claude

4.9

(21)

100+

効果的なモバイルUXを作成(デザイン+コーディング)

usefulit

￥9,981

初級 / HTML/CSS, jQuery, XD

4.5

(46)

106,900+

PhotoshopとAdobe XDプログラムを活用して、さまざまなデバイスのWeb、アプリレイアウトを設計した後、簡単なコーディング技術を学習して直接実装してみることができます。

初級

HTML/CSS, jQuery, XD

効果的なモバイルUXを作成(デザイン+コーディング)

usefulit

￥9,981

初級 / HTML/CSS, jQuery, XD

4.5

(46)

106,900+

Do it! HTML+CSS+JavaScript Web 標準の定石

easyspub

無料

入門 / HTML/CSS, JavaScript, DOM

4.8

(46)

2,700+

キーボードを持って実習してみると、Web開発の3大技術が終わる！

入門

HTML/CSS, JavaScript, DOM

Do it! HTML+CSS+JavaScript Web 標準の定石

easyspub

無料

入門 / HTML/CSS, JavaScript, DOM

4.8

(46)

2,700+

Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)

codingworks

￥4,278

初級 / JavaScript, jQuery, HTML/CSS

4.7

(13)

100+

ウェブパブリッシャー向けの JS 核心理論および実践例教材および完成版は、PDF で作成された講義教材です。この教材は、ウェブパブリッシャーが必ず知っておくべき JavaScript と jQuery の基本を忠実に習得できる役割を果たします。この教材の特徴は、理論に関連するスモールミッション (Small Mission) を通じて、理論をさらに強化できることです。特に、学習したすべての理論を活用した実践例も、忠実に準備された教材です。この PDF の全ページは、純粋な JavaScript (Vanlila JavaScript) と jQuery ページの数が 320 ページ以上で、CodingWorks が簡単に理解できるように十分な説明が追加されています。特に、パブリッシャーがウェブサイト作成のために必要な jQuery 相互作用の実践例を学習できます。

初級

JavaScript, jQuery, HTML/CSS

Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)

codingworks

￥4,278

初級 / JavaScript, jQuery, HTML/CSS

4.7

(13)

100+

Webデザイン機能士実技問題解決A-1

Dongho Lee

￥1,426

初級 / HTML/CSS, Web Design

4.5

(2)

Webデザイン機能士実技試験を忠実に準備します。さまざまな方法で問題を解決します。

初級

HTML/CSS, Web Design

Webデザイン機能士実技問題解決A-1

Dongho Lee

￥1,426

初級 / HTML/CSS, Web Design

4.5

(2)

ウェブブラウザ Javascript (JavaScript)

Egoing Lee

無料

初級 / JavaScript

4.9

(183)

9,700+

生活コーディングのJavaScript講座です。Webブラウザを直接制御できるJavaScriptリファレンスを勉強します。

初級

JavaScript

ウェブブラウザ Javascript (JavaScript)

Egoing Lee

無料

初級 / JavaScript

4.9

(183)

9,700+

実務中心のHTML5可視化プログラミング

antfellow77251

￥4,278

初級 / HTML/CSS

3.5

(2)

データを加工して表の形で表現することもできますが、最も重要なのは、データを人間が一目で分かるように表現することです。

初級

HTML/CSS

実務中心のHTML5可視化プログラミング

antfellow77251

￥4,278

初級 / HTML/CSS

3.5

(2)

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

webstoryboy

￥5,525

初級 / HTML/CSS, jQuery, JavaScript, Web Design

ウェブデザイン機能社出題基準 2023年バージョンに合わせて誰でも合格できるように製作しました。 5種類を学び、素早く合格しましょう！

初級

HTML/CSS, jQuery, JavaScript

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

webstoryboy

￥5,525

初級 / HTML/CSS, jQuery, JavaScript, Web Design

実用的なWebプログラミング

学習した受講者のレビュー

4.5

受講後に得られること

講義の特徴💡

なぜ学ばなければならないのか✒️

詳しく扱っていないもの❌

セクション別紹介📖

オリエンテーション

Webサービスのスタイルを変更する

JavaScriptでWebサービスを自動化する

JavaScriptでWebページの構造を再構築する

倫理的使用

教育に使用するツール

知識共有者の紹介🎓

キム・ムフン

キム・ジョンイン

パク・セムン

陽気

イ・ジアン

こんな方に おすすめです

こんにちは meet6879です。

カリキュラム

受講レビュー

meet6879の他の講座

似ている講座

こんな方に
おすすめです

こんにちは
meet6879です。