Web Programming

Web programming is the technology used to create websites and applications that operate on the internet.

　Webプログラミングは、インターネット上で動作するアプリケーションやウェブサイトを作成するためのプログラミングの分野です。

ASP (Active Server Pages)

サーバー上でプログラムを実行して、動的なウェブページを生成するためのマイクロソフトの技術です。

DOM (Document Object Model)

HTMLを木のような形で整理し、JavaScriptから操作できるようにした仕組みです。

Service Worker

Webサイトの裏側で動き、キャッシュやオフライン対応、通知を実現する仕組みです。

Web Components

ブラウザ標準の仕組みを使って独自のHTML要素を定義・カプセル化し、フレームワークに依存しない再利用可能なUIパーツを作れる技術です。

Shadow DOM

HTML要素の内部に、外部から干渉されない専用の構造とスタイルを作れる仕組みです。

Others

Index

Toggle & Accordion

Webサイトの一部のコンテンツを隠しておき、テキストをクリックすることで表示される技術は「トグル（toggle）」または「アコーディオン（accordion）」と呼ばれます。

必要な技術： HTML, CSS, JavaScript

HTML

• <!-- ～ -->
• button
• details
• id
• p
• script
• summary

CSS

• box-shadow
• cursor
• display
• font-size
• margin
• margin-bottom
• margin-top
• padding

JavaScript

• addEventListener
• const
• document
• forEach()
• function
• getElementById
• onClick
• querySelectorAll
• removeAttribute

DEMO Toggle

クリックしてコンテンツを表示

ここに隠されたコンテンツがあります。

DEMO Accordion

クリックしてコンテンツを表示

ここに隠されたコンテンツがあります。

クリックしてコンテンツを表示

ここに隠されたコンテンツがあります。

クリックしてコンテンツを表示

ここに隠されたコンテンツがあります。