HTML

【上級編】Bootstrapで作る!動きと仕組みをプラスするコンポーネントまとめ

これまでの「初級編」「中級編」では、見た目と構造を整える方法を学びました。今回は 上級編 として、JavaScriptを使ったコンポーネントを中心に「動き」や「仕組み」を追加し、よりインタラクティブなWebサイトを作る方法を紹介します。事前...
HTML

【中級編】Bootstrapで作る!Webサイトらしいレイアウト&UIパーツまとめ

前回の「初心者向け(初級編)」では、コピペだけで見た目を変えられるコンポーネントを紹介しました。今回は、実際にWebサイトらしい構造を作るためのレイアウトやUIパーツを学びます。これをマスターすれば「シンプルなWebサイト」を自分の手で組み...
HTML

【初心者向け】Bootstrapで見た目を変える!簡単コンポーネントまとめ

Webサイトをもっとオシャレにしたい!でもCSSを細かく書くのは大変…。そんな時に便利なのが Bootstrap です。この記事では、初心者でも「コピペだけでサイトの見た目を変えられる」簡単なコンポーネントを紹介します。HTMLが少し書けれ...
HTML

ダウンロード不要!BootstrapをCDNで簡単に読み込む方法

Webサイトを素早くきれいに作りたいときに便利なのが Bootstrap です。デザインの知識がなくても、あらかじめ用意されたスタイルやレイアウトを使って、プロのような見た目を実現できます。今回は最も手軽な CDNを利用した導入方法 を紹介...
HTML

初心者必見!target=”_blank”の脆弱性と正しいセキュリティ対策

Webサイトでリンクを作成する時によく使うのが<a>タグです。実は、このaタグにもセキュリティ上の脆弱性リスクが潜んでいることをご存知でしょうか?今回は特に「target="_blank"」を使う際の注意点と、その対策について紹介します。t...
HTML

ダウンロード不要!jQueryをCDNで簡単に読み込む方法

Web制作を学び始めるとよく耳にするのが jQuery です。jQueryはJavaScriptをより簡単に扱える便利なライブラリで、アニメーションやフォーム操作などをシンプルに書けるのが魅力です。今回は、初心者でもすぐに使える「CDNを利...