コード備忘録 CSSで実現する「ぷるん」とした立体感。同系色の影で魅せるボタンの作り方を徹底解説
CSSで「ぷるん」とした立体感を作る方法を解説します。同系色の影（box-shadow）で質感を高めるコツや、斜めグラデーションの設定、滑らかなアニメーションの全プロパティを丁寧に紹介。この記事1つで、おしゃれな丸型ボタンが実装できます。
コード備忘録 
AI活用 話題のAI「Nano Banana（ナノバナナ）」初体験！おっさんのイラストを生成したら凄かった
Googleの話題作「Nano Banana」を初体験！高性能AIを贅沢に使って「部屋でゴロゴロする暇そうなおっさん」を生成してみました。爆速AIの驚愕の表現力をチェック。
AI活用 AIを使って神経衰弱を作ってみた｜プログラミング知識がなくてもOK！
ChatGPTを使って神経衰弱を作ってみました。最初にざっくりと指示を出して、気になる部分を修正していくという作り方です。プログラミング知識がなくても簡単なゲームを作ることができます。
AI活用 自分では1行もコードを書かずにAIにクイズを作ってもらった話
AI時代なので自分では1行もコードを書かずにAIにゼロからクイズを作ってもらいました。ChatGPTが作った有馬記念クイズをチェックしてください。
JavaScriptミニアプリ 【JavaScript】文字数カウントアプリの作り方
JavaScriptのinputイベントを使って、文字数カウントアプリを作ってみましょう。100文字以内など文字数制限のある文章を書くときに便利です。
コード備忘録 【JavaScript】ラジオボタンでデータを抽出するサンプルコード
JavaScriptでラジオボタンの選択値に応じてデータを抽出し、リスト表示するまでの手順を、サンプルコードを使って分かりやすく解説します。DOM操作や配列のfilterを使った基本的な処理の流れを確認できます。
JavaScriptミニアプリ CSSアニメーションを一時停止・再開する方法を初心者向けに解説
CSSアニメーションをボタン操作で一時停止・再開する方法を、初心者向けに分かりやすく解説します。animation-play-state と JavaScript のクラス操作を使ったシンプルな実装例付き。
コード備忘録 【JavaScript】コールバック関数の基礎を学ぶためのサンプルコード
コールバック関数とは「他の関数に引数として渡され、その関数の中で呼び出される関数」です。サンプルコードを見ながらコールバック関数の基礎を理解しましょう。
コード備忘録 【JavaScript】if文を使ったサンプルコード
JavaScriptの条件分岐をマスター！ if文、else if、elseの基本がわかるコードサンプル集です。コピペOKなので、初心者の方の学習・復習にぜひご活用ください。
JavaScriptミニアプリ JavaScript入門：乱数と条件分岐でインチキくじ引きを作ろう
JavaScriptの乱数生成と条件分岐を使って、簡単なインチキくじ引きアプリを作る手順を初心者向けにわかりやすく解説します。基本的なコードの仕組みと動作の流れを丁寧に紹介します。