CSS ハンバーガーメニューの作り方とスクロール対応｜CSSだけで作るチェックボックス方式
ハンバーガーメニューを開いても中身がスクロールできないときの原因と、CSSでの直し方をまとめました。チェックボックス方式の基本コードと、dvh・overflow・overscroll-behaviorなど1行ずつの意味を解説しています。
HTML
CSS 
CSS CSSで日本語の改行位置を指定する方法｜word-break: keep-all、＜wbr＞タグ、inline-block、nowrap、auto-phrase、text-wrap: balance
HTML・CSSで日本語テキストの折り返し位置を指定する方法をまとめました。私が使ったword-break: keep-allとwbrの組み合わせのほか、br・inline-block・nowrap・auto-phrase・text-wrap: balanceも紹介します。
AI VercelでHTMLサイトにBasic認証を設定する方法｜無料！独自ドメインなしでもOK！Previewでは動くのに本番で効かない原因も解説
VercelでHTMLだけのサイトにBasic認証を設定する方法を解説。独自ドメインなしでも可能です。Previewでは動くのに本番で反映されない原因と、Alias・Deploymentの確認方法、vercel promote による解決方法も紹介します。
HTML 作ったHTMLをスマホで使いたい人へ。Vercelで無料公開する手順をまとめました
作ったHTMLファイルをスマホで使いたくて、Vercelで公開してみました。Vercelとは何かという説明から、フォルダの作り方、ターミナルでのコマンド、URLが発行されるまでの流れを実際の画面の順番どおりにまとめています。
Wordpress WordPressでHTMLファイルをそのまま公開する方法｜FileZillaで簡単アップロード！
WordPressサイトにHTMLファイルをそのままアップロードして公開する方法を初心者向けに解説。FileZillaを使った手順や注意点、活用例も紹介します。
Github 【PHPファイル機密情報管理】他者に見られてしまう情報と見られないもの。AIに機密情報を読み込まれないようにする方法も解説
PHPでデータベースを利用し始めると、データベースのユーザー名やパスワードはどこに書けばいいの？ブラウザの検証ツールで他人に見られないの？CursorやClaudeなどのAIに読み込まれないようにできるの？といった疑問が出てきます。私自身も...
Wordpress 【WordPress】オリジナルのページを作成／作成方法
今回は、Wordpressでオリジナルのページを作成したので、それの共有をさせていただきたいと思います。調べてもあまりオリジナルのページを作成する方法が掲載されていなかったので、誰かのお役に立てれたらいいなと思います。テーマは、「light...
HTML ファビコンが表示されない
表示されないことについて調べると、いろんなところで出てくるのがキャッシュを消せと。キャッシュを消しても、ちゃんと載っているかわからない時、調べるサイトがありました。これで確認すると、パスの誤りや、サーバーのアップロード先の誤りなどが見つかり...
HTML 【HTML】Googleマップ載せる方法
① Googleマップで載せたい場所を検索共有ボタンを押すと、下記の表示が出るので、「地図を埋め込む」を押すとHTMLコードが出てくる。② HTMLに記入小サイズにすると、widthは400とHTMLにでてくる。％しておいた方がコントロール...
HTML 【HTML】div、p、span タグの使い分けメモ
div タグウェブページのセクションやブロックを定義p タグ段落を定義span タグ文中の一部を囲むときに使う特定のテキストを強調するときなど
HTML 【HTML】「article」の使い方メモ／コンテンツをグループ化
articleサイトの中で記事やコンテンツの独立したセクションを定義articleで囲むことで独立した要素になるページの構造を明確にし、コンテンツをグループ化するための重要なものです。<article class="post-item"> ...
はじめての方へ 独学！Web初心者の参考本ご紹介
※ここではアフィリエイト広告（Amazonアソシエイト含む）を掲載しています。こんにちは。看護師から何とか短期間でジョブチェンジするためにがんばって学習しています。私が参考にしている本を紹介します！自分だけでは何がいいのかわかりませんよね。...
JavaScript 【JavaScript】BMIの計算！コード紹介！（簡単すぎる説明）
JavaScriptでBMIの計算をしてみるHTML<p>身長<input type="number" id="shincho">cm</p> <p>体重<input type="number" id="taijuu">kg</p> <p>...