ワードプレス
ウィジェットによるサイト表示項目の設定
未分類 レスポンシブデザインとは？メディアクエリの書き方を初心者向けに解説
draft: true レスポンシブデザインとは？メディアクエリの書き方を初心者向けに解説スマホでWebサイトを見たとき、「なんか使いにくいな」と感じたことはありませんか？文字が小さすぎて読めなかったり、横スクロールが出てしまったり。これはそのサイトがスマホに対応していない可能性があります。現代のWebサイト制作では レスポンシブデザイン が必須と言っても過言ではありません。この記事で
未分類 Flexboxで横並びレイアウトをマスター！よく使うプロパティ5選
draft: true Flexboxで横並びレイアウトをマスター！よく使うプロパティ5選Webサイトでよく見る「ナビゲーションバー」や「カードが横に並んだレイアウト」。あれはどうやって作るんだろう？と思ったことはありませんか？その答えが Flexbox（フレックスボックス） です！CSSの中でもレイアウトに関する機能で、横並びやスペースの調整が驚くほど簡単にできるようになりますよ。こ
未分類 CSSで文字に色をつけよう！セレクタ・プロパティ・値の3点セットを理解する
draft: true CSSで文字に色をつけよう！セレクタ・プロパティ・値の3点セットを理解するHTMLでページの骨格が作れたら、次は CSS で見た目を整えてみましょう！「CSS（Cascading Style Sheets）」と聞くと難しそうに感じるかもしれませんが、仕組みはとてもシンプルです。この記事では「セレクタ・プロパティ・値」という3点セットを覚えるところから始めて、文字
未分類 HTMLの基本構造をやさしく解説！最初の1ページを作ってみよう
draft: true HTMLの基本構造をやさしく解説！最初の1ページを作ってみようWebサイトを作りたい！と思ったとき、最初に触れるのが HTML ですね。でも「HTMLって何だろう？」「どこから始めればいいの？」と迷ってしまう方も多いはずです。この記事では、HTMLの基本的な構造を丁寧に解説し、テキストと見出しだけのシンプルなページを自分の手で作れるところまでサポートします。難し
未分類 Canvas APIで作る「弾避けゲーム」入門
Canvas APIで作る「弾避けゲーム」入門「弾避けゲームを自分で作ってみたい」——そう思ったことはありませんか？キャラクターを操作して次々に飛んでくる弾をよけるシンプルなゲームは、ブラウザゲーム開発の基本要素がぎっしり詰まっています。この記事では、JavaScriptのCanvas APIを使って弾避けゲームを実際に作りながら、ゲーム開発の骨格をわかりやすく解説します。完成したゲ
電脳産物＠しろさと “ゲームは人生の練習か、それとも人生そのものか――「やり直せなさ」が教えてくれること”
コントローラーを置く瞬間がある。 物語が終わったとき、あるいは疲れたとき、あるいはただ現実に引き戻されたとき。 その「切断」の感覚は、私たちに何かを教えてくれる。
プログラミング関連 Claude Codeの「/clear」と「/compact」はどう使い分ける？コンテキストとトークンを図解でわかりやすく解説
Claude Codeを使い始めると、しばらくして「なんか重くなってきたな」「変な返答が増えてきた」と感じる瞬間がやってきます。そのときに役立つのが /clear と /compact という2つのコマンドです。
プログラミング関連 Node.jsでWordPressに記事を投稿する方法
Node.jsのスクリプトからWordPressに記事を投稿する仕組みと使い方について
プログラミング関連 Windows版 Claude Code インストール完全ガイド【実体験レポート】
AnthropicのAIコーディングエージェント「Claude Code」をWindowsにインストールした際の手順と、実際に発生したエラーの対処法をまとめました。同じところで詰まっている方の参考になれば幸いです。