ゼロから学ぶウェブ制作

NS Web Docsでは、ウェブ制作初心者の方がHTML/CSS/JavaScriptを学ぶための情報を発信しています。

ウェブ制作に興味がある方、コーディングスキルを高めたい方はご活用ください。

JavaScript

【初学者向け】JavaScriptのデータ型の特徴と、文字列や数値の操作方法について解説!

基本的なデータ型を理解することで、文字列の操作や数値の計算など、変数に格納したデータに変更を加えることができるようになります。これらはプログラミングにおいても基本的な処理であり、この記事では、JavaScriptでこれらの処理を行う方法について解します。
JavaScript

【初学者向け】変数の使い方!スコープを理解して安全に扱う方法を学ぼう

変数はJavaScriptの基本要素です。この記事では、変数とその宣言方法に焦点を当て、 let 、 const 、 var の使い方や、変数と密接に関わりのあるスコープという仕組みについて解説します。
JavaScript

【初学者向け】HTML要素を操作する基本的な方法について解説!

DOMはウェブページの構造を表現するためのツリー構造で、HTML要素を親子関係で結びつけます。JavaScriptを使用してDOMを操作することで、テキストの変更や、要素の追加・削除、スタイルの変更など、ウェブページの外観と動作を制御することができます。
JavaScript

JavaScriptの学習に必須!コンソールの使い方と確認方法について解説

コンソールへの出力と確認は JavaScript でプログラミングを行う際の基本的な手法であり、 JavaScript を効率よく学ぶための最初のステップです。 この記事では、 JavaScript を初めて学ぶ方向けに JavaScript コードの実装方法や実行されるタイミングについてと、コンソールへの使い方について解説します。
JavaScript

【入門】JavaScriptとは?本質を理解して効率よく学ぼう

この記事では、 JavaScript を効率よく学ぶための知識として JavaScript の特徴や利用シーン、学習を進めるうえで気を付けるべきポイントについて解説します。JavaScript のプログラミング言語としての特徴を知ることで、コードの読解力の向上や、保守性を意識したコーディングを行う際の助けとなるでしょう。また、ウェブ制作における JavaScript の基本的な役割について知り、 JavaScript の活用シーンをイメージできるようになることも効率の良い学習に貢献します。
チュートリアル

「お問い合わせフォームを作ってみよう」チュートリアルの概要

ウェブフォームを作ることはウェブ制作初心者の方にとって多くの学びを得る良い機会になります。このチュートリアルは、お問い合わせページを制作することでウェブ制作初心者の方にHTMLやCSS、JavaScriptの理解を深めてもらうことを目的としています。
チュートリアル

ウェブフォームとは?目的や種類、基本的なHTML要素ついて解説!【お問い合わせフォームを作ってみよう:基本編】

この記事では、ウェブフォームの概念や利用されるシーン、HTMLでマークアップを行う上での基本構造、ウェブフォームで使用される基本的なHTML要素について解説します。
チュートリアル

ウェブフォームの基本!HTMLでお問い合わせページを作ろう【お問い合わせフォームを作ってみよう:HTMLマークアップ編】

この記事では、お問い合わせフォームでよく使用されるHTML要素を使用してお問い合わせページのマークアップを行い、具体的なフォーム部品の使用方法について学びます。
チュートリアル

フォーム部品のスタイリングは難しい?基本的な方法やポイントについて解説!【お問い合わせフォームを作ってみよう:CSSスタイリング編】

この記事では、「お問い合わせフォームを作ってみよう【HTMLマークアップ編】」で作成したお問い合わせページをCSSでスタイリングし、フォーム部品をスタイリングするための基本的な方法やポイントについて学びます。
チュートリアル

バリデーションチェックとは?HTMLで実装してみよう【お問い合わせフォームを作ってみよう:バリデーションチェック編(HTML)】

この記事では、バリデーションチェックの概要を学び、ここまで作成してきたお問い合わせフォームのHTML要素に属性を追加し、バリデーションチェックの実装を行います。