今は、AIに「パン教室のランディングページを作って」と頼むと、それらしいページが数分でできあがります。言葉で頼んでAIにコードを書いてもらうこのやり方は「バイブコーディング」と呼ばれ、英国のCollins辞書が2025年の「今年の言葉」に選びました［1］。 ただ、できあがったページが本当に良いかを確認し、直してほしい点を伝えるのは、頼む側の仕事です。ページの裏で動いている基本を知っていると、確認の ...

Webデザインの勉強を始めたばかりで 「HTML？CSS？JavaScript？名前は聞くけど、何がどう違うの？」 と混乱していませんか？ 今回は、この3つの役割を「家づくり」に例えながら、やさしく解説します。 HTML（エイチ・ティー・エム・エル）は、Webページの中身 ...

HTMLに書いた文字をCSSで装飾する際に、1文字ずつ異なる文字色で表示されるよう指定する方法を解説。HTMLの特定の要素内に書かれた文字列を、JavaScript（jQuery）を使って文字単位に分解して個別の要素でマークアップすれば、CSSのnth-child疑似クラスなどを使う ...

こんにちは、 太田です。前々回と前回はHTMLの操作について解説しました。今回は、 CSSの操作を中心に解説していきます。 CSSとJavaScript JavaScriptからCSSを扱うとは、 JavaScriptから要素に適用されているスタイルを変更して見た目を変化させる、 ということを ...

最近では、HTMLとCSSは非常に進化し、強力になってきました。これからの時代はJavaScriptは本来のJavaScriptでしかできないことに使い、HTMLとCSSで可能なものはCSSとHTMLで実装すべきです。 HTMLとCSSだけで実装できる、あるいはごくわずかなJavaScriptで実装できるUI ...

AIキャリアエージェント「Aile（エール）」を運営するスキルブリッジ株式会社は、2026年8月25日、初学者のための無料カリキュラム「Code Trail」を公開しました。公開ページのタイトルは「Code Trail｜無料で学ぶITエンジニア100話」、画面の見出しは「読むだけ ...

HTMLやスタイルシート（CSS）、JavaScriptを使ったアイテムの表示、非表示の切り替え方法について解説しました。 ボタンクリックで後続コンテンツを表示する「続きを読む」ボタンの作り方を解説。ページを読み込んだ時点では冒頭以外のコンテンツは ...

JavaScript(ジャバスクリプト)とは何なのか? 何ができるのか? 今回は入門編として、そんなweb制作初心者さんの疑問に答えるべく、jsの役割や基本や使い方を解説します。今やウェブサイト作成に欠かせない存在であるJavaScript。ホームページやブラウザではどう ...

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ 翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています ...

ウェブブラウザ「Google ...

CSSのattr()関数は、HTMLの属性に記述した値をCSSで使用できる便利な機能です。たとえば、hrefに記述した値をリンクとして表示したり、titleに記述した値を画像のキャプションとして表示したり、data-でさまざまな値を表示することができます。 このattr()関数が ...

動きがなめらかであるにもかかわらず、Flashではなく、JavaScriptとCSSを駆使してぐりんぐりんと動いてくれるなかなかカッコイイ時計です。 詳細は以下から。 以下のページにアクセスすると動いてくれます。実際のコードに加え、jQueryだとどれだけ ...