WEB制作 GridとFlexbox、どちらを使うべき？
どちらも要素を配置するための機能ですが、それぞれ得意なことが違います。例えるなら、Flexboxは「横や縦に一列で並べる」のが得意なスペシャリスト、Gridは「縦横の格子で全体を設計する」のが得意な建築家です
JavaScript
WEB制作 
WEB制作 Flexboxの力を最大限に引き出そう！
Flexboxの「親要素（コンテナ）」と「子要素（アイテム）」それぞれに設定できる、さらに便利なプロパティを紹介します。これらを使いこなせば、Webサイトのデザインの幅がぐっと広がります。
WEB制作 JavaScriptでWebサイトに「命」を吹き込もう
前回の記事で、関数を使って簡単なカウンターアプリを作りましたね。今回は、その応用編です。ユーザーの操作（イベント）に反応して、Webページの要素（DOM）を自由自在に動かす方法を学び、Webサイトをさらに進化させましょう。 まるで、あなたの...
WEB制作 関数を組み合わせて、小さな「Webアプリ」を作ろう！
JavaScriptの関数は、特定の仕事をまとめておく便利な「道具箱」だと学びましたね。今回は、この関数を組み合わせて、より実践的なWebページ、まるで小さなWebアプリのようなものを作ってみましょう。
WEB制作 JavaScriptの「道具箱」を整理しよう！
JavaScriptのイベントリスナーを使ってWebサイトに動きをつける方法を学びましたね。あの時、function() { ... }というカタチでコードをまとめました。これが**「関数」**です。
関数は、特定の仕事をまとめておくための「道具箱」のようなものです。同じ作業を何度も書く手間を省き、コードを整理整頓するのに役立ちます。
WEB制作 Webサイトの「観察者」を雇おう！
まるでWebサイトに「観察者」を雇うように、特定の出来事（イベント）が起こるのをじっと待ち、それが起こったら決まった行動をさせる。これがイベントリスナーの役割です。
今回は、このイベントリスナーを使って、Webサイトにさらに面白い動きをつけてみましょう。
WEB制作 JavaScriptを「動かす」方法を学ぼう！
JavaScriptの基本的な「ことば」（文法）を学びました。しかし、覚えた文法をどこに書けば、Webサイトが動くようになるのでしょうか？
今回は、HTMLとCSSで作ったWebサイトに、JavaScriptを組み込んで実際に動かす方法を、簡単な例を交えながら学んでいきましょう。
WEB制作 Webサイトに「動き」をつける魔法、JavaScript
Webサイトに「動き」や「機能」を追加する魔法の言葉が、JavaScriptです。HTMLとCSSが静的なWebサイトを作るのに対し、JavaScriptはWebサイトをより便利で、インタラクティブ（双方向）なものに変えてくれます。
ゲーム 【初心者向け】ジャグラー風スロットをJavaScriptで作ってみた！ネオンブルーに光るペカリ演出付き🎰✨
こんにちは！今回は、ジャグラーのペカリランプをリアルに再現したスロットゲームを、JavaScript＋HTML＋CSSで作ってみました。 パチスロファンなら誰もがワクワクする、あの「ペカッ」と光る演出。これを青白いネオン調で再現しつつ、20...