組込制御プログラマー歴３０数年のおっちゃんが、WEB開発の勉強を志したので、 自宅サーバー構築やプログラム開発のお勉強などなど、ほぼほぼメモレベルで書き留めます。
【Laravel】簡単アプリ作製【7】ログイン・会員登録機能の追加
これまで作成してきた商品管理システムに、ユーザー認証（ログイン機能）を追加します。 Laravel公式のスターターキット「Laravel Breeze」を使えば、複雑なログイン処理やセッション管理、会員登録フォームなどの仕組みをあっという間...
【DS224+】メモリ不足を解消！8GB追加で合計10GBにする
高性能なCPUを搭載し、家庭用からビジネスまで幅広くこなせる大人気NAS「Synology DS224+」。しかし、標準搭載されているメモリは2GBしかありません。写真の自動バックアップ（Synology Photos）や動画配信、さらにW...
スマホの容量不足を解決！最新NAS「Synology DS224+」で自分専用のクラウドを作る方法
スマホの写真や動画でストレージがいっぱいになっていませんか？ iCloudやGoogleドライブの容量を追加で購入し続けるのも、毎月の固定費がかさみますよね。 そんな方におすすめなのが、自宅に自分専用のクラウドを作れるNAS（ネットワーク対...
【Laravel】php artisan make: コマンドでコード生成を効率化する（モデル・コントローラー・マイグレーション等）
Laravel開発において避けて通れない「雛形（ボイラープレート）の自動生成」。日々の開発で頻繁に使う php artisan make: コマンドの組み合わせや、便利なオプションを自分用に整理しました。Laravelでアプリケーションを構...
【WordPress】不要なカテゴリーを削除したらSearch Consoleでエラー多発？原因と正しい対処法
ブログを整理していて、「使わなくなった不要なカテゴリー」を削除したことはありませんか？カテゴリーをすっきり削除して整理整頓できたと思いきや、数日後にGoogle Search Console（サーチコンソール）を開いてみると、「インデックス...
Webアプリケーションに必須である「データの削除機能」を実装します。 削除処理はデータを失う操作のため、誤操作を防ぐための確認ダイアログの挟み方や、Laravelでデータを削除するルート（DELETE）の正しい記述方法を分かりやすく解説しま...
【Laravel】機能テスト（Feature Test）でよく使う定番コード＆アサーション
Laravelで機能テストを書く際に、「あれ、ログイン状態をシミュレートするのってどう書くんだっけ？」「リダイレクトの検証は？」と毎回調べる時間を減らすための備忘録です。テストの基本構成（Arrange / Act / Assert）に沿っ...
【Laravel】ミドルウェア（Middleware）の役割を直感的に理解する その2
Laravelのミドルウェアにおける「Before（前処理）」と「After（後処理）」のコード構造の違いを解説します。両者の最大の違いは、「コントローラーなどのメイン処理（$next($request)）を呼び出す前に自分の処理を書くか、...
XAMPPのMySQLは、PCの突然のスリープや強制終了などが原因で、たまにデータベース（データフォルダ）が壊れて起動しなくなることがあります。壊れてから焦って復旧させるよりも、「壊れる前に自動でバックアップが取れている状態」を作っておくの...
【XAMPP】MySQLが起動しなくなった時の復旧手順（データを消さずに直す）
XAMPPを正しく停止せずにPCをシャットダウンしたり、XAMPPコントロールパネルを強制終了したりすると、次回起動時にMySQLが「Error: MySQL shutdown unexpectedly」と赤文字で表示されて起動しなくなるこ...
【Laravel】ミドルウェア（Middleware）の役割を直感的に理解する その1
Laravel開発で避けては通れない「ミドルウェア」。 「なんとなく認証で使っているけれど、具体的にどういう仕組みだっけ？」となりがちな機能について、役割やメリットをシンプルにまとめました。1. ミドルウェアを一言で言うと？ミドルウェアの役...
【Laravel】ミドルウェア（Middleware）の役割を直感的に理解する
Laravel開発で避けては通れない「ミドルウェア」。 「なんとなく認証で使っているけれど、具体的にどういう仕組みだっけ？」となりがちな機能について、役割やメリットをシンプルにまとめました。1. ミドルウェアを一言で言うと？ミドルウェアの役...
すでに実装した商品一覧画面から「編集」ボタンを押し、登録済みのデータ（カテゴリ、商品名、価格、説明文）を修正して保存する機能を実装。1. ルーティングの設定（routes/web.php） 編集画面を表示するルート（GET）と、実際にデータ...
Laravelでアプリケーションを開発するにあたり、堅牢性を保つための「テスト実装」の基本手順をまとめました。未来の自分に向けた備忘録です。1. Laravelのテスト環境の基本Laravelには標準で PHPUnit（または Pest）が...
はじめにWeb制作のスキルアップにおいて、誰もが一度は通る「模写コーディング」。ただ既存のサイトを目で見て真似るだけでなく、プロの現場に近い環境である「デザインカンプ（設計図）」からの模写を行うことで、実戦に直結する多くの気づきがありました...
【Cloudflare】Google AdSense自動広告で「お探しのページが見つかりません(404)」と出る原因と対策
Google AdSense（アドセンス）の自動広告を設定しようとした際、プレビュー画面に「お探しのページが見つかりません」や「404 Not Found」と表示されてサイトが表示されないケースがあります。特に、サイトのフロントにCloud...
【Search Console】「サーバーエラー（5xx）」が出たときの原因と対処法
Google Search Console（サチコ）から「サーバーエラー（5xx）のためインデックスに登録されませんでした」という通知が届いて焦ったことはありませんか？「ブラウザでアクセスすると、ちゃんと『404 NOT FOUND』の画面...
【Laravel】URL生成で超重要！名前付きルートと route() ヘルパー関数の使い方
Laravelで開発していると必ずと言っていいほど頻繁に見かける route() ヘルパー関数。 「なんとなく使っているけれど、改めて仕組みやメリットを整理しておきたい」という自分への備忘録1. route() ヘルパー関数とは？route...
【HTML】いまさら聞けない の action 属性って何？
Webサイトで問い合わせフォームやログイン画面を作る際、必ず目にする <form> タグ。その中でも特に重要な action 属性について、役割や書き方をシンプルにまとめました。1. action 属性の役割とは？action 属性を一言で...
【Laravel】リンク要素で安全にログアウトする（POST送信の実装と理由）
Webアプリケーションでログアウト機能を実装する際、デザインの都合上 <a> タグ（リンク）を使いたい場面は多いと思います。しかし、ログアウト処理を単純なGETリクエストで行うと、セキュリティ上のリスクが生じます。今回は、見た目は「スマート...
【Laravel】{{ … }} によるHTMLエスケープ処理の仕組みと注意点
Laravelでフロントエンドの実装をしていると必ず目にする {{ ... }} という構文。 これは単に変数を表示するだけでなく、セキュリティ上非常に重要な役割を持っています。今回は、この構文の仕組みと注意点について備忘録としてまとめます...
【Laravel】バリデーションをスッキリ綺麗に！フォームリクエスト（Form Request）の使い方まとめ
Laravelのフォームリクエスト（Form Request）は、バリデーションや認可（Authorization）のロジックをコントローラから切り離し、専用のリクエストクラスに集約するための仕組みです。これを利用することで、コントローラを...
【Laravel】マイグレーションファイルの書き方・コマンドまとめ
Laravelの開発において、データベースのバージョン管理を行う「マイグレーション（Migration）」。 今回は、よく使うマイグレーションファイルの作成方法から、カラム定義の書き方、実行コマンドまで、逆引き的に使える備忘録としてまとめま...
これ1本で家中の洗浄が完結！シャボン玉「スノール5L」が究極のオールマイティ洗剤である理由
ミニマルに暮らしたい、肌に優しいものを使いたい、環境に配慮したい……。そんな願いを、たった1本のボトルで全て叶えてくれるアイテムがあるのをご存知ですか？それが、「シャボン玉 無添加石けん 衣料用液体洗剤 スノール」です。「え？衣料用洗剤でし...
【VSCode】Laravelアプリ 「ショップ買い物」 手動開発
前回、VSCodeとClineで自動で開発してショップお買い物アプリを、手動で作成します。1. データベースの準備（XAMPP）XAMPP Control Panelを開き、Apache と MySQL の「Start」ボタンをそれぞれクリ...
【5週間だけでも試す価値あり！】コープデリの紹介特典が超豪華＆50%OFFで家計が大助かりな話
こんにちは！毎日の買い物や料理、少しでもラクに、そしてお得に済ませたいですよね。今回は、生協の宅配「コープデリ」をお得に始められる、最新の「お友だち紹介キャンペーン」が想像以上に豪華だったのでご紹介します！「お試しで少しだけ使ってみたい」「...
【VSCode】Laravelアプリ 「ショップ買い物」 Cline で自動開発
前回TwitterModokiアプリで味をしめたので、今回はショップお買い物アプリを生成AIに作成させてみた。その後、自分でも作成する予定。1. 開発環境の前提ローカルサーバー: XAMPP（Apache, MySQL 起動済み）エディタ:...
【Laravel】actingAsで$userに赤波線（型エラー）が出る時の解決方法
Laravelの開発中、VS Code上で $this->actingAs($user) や Auth::user() から取得した $user に赤波線（型警告）が表示されることがあります。プログラム自体は正常に動作するものの、エディタ上...
【激変】COFO Chair Premiumのキャスター動きが悪い問題は「Sytopia」交換で一発解決！数千円でPremium 2超えのヌルヌル動く足回りへ
コスパ最強の高機能オフィスチェアとして大ヒットした「COFO Chair Premium」。 アルミフレームの高級感や格納式フットレストなど、全体的な満足度は非常に高いのですが……長く使っていると、ある「小さな不満」が出てきませんか？そう、...
せっけん洗髪のきしみ解消！シャボン玉「専用リンス」で叶える、肌と地球に優しいサラツヤ髪
「肌や環境のためにせっけん洗髪を始めたけれど、髪がゴワゴワ・きしんで挫折しそう…」「これ1本で全身洗える洗剤を使っているけれど、お風呂上がりの髪のまとまりが気になる」そんな悩みを抱えていませんか？天然成分のせっけんで髪を洗うと、どうしても特...
【Laravel】キャッシュを一発解決！ビューや設定をクリアするArtisanコマンド
Laravelの開発中や本番環境へのデプロイ時、「Bladeファイルを修正したのに画面に反映されない」「環境変数の設定を変えたのに古いデータのまま動いている」といったトラブルに遭遇したことはありませんか？それは、Laravelが高速化のため...
【初代オーナーが徹底比較】最新COFO Chair Premium 2は何が変わった？進化した6つのポイントと「買い替えは必要か」の本音
こんにちは！自宅のデスク環境で「COFO Chair Premium（初代）」を愛用している筆者です。10万円以下という価格ながら、アルミフレームやフットレスト内蔵という圧倒的コスパで大ヒットした初代COFOですが、ついに待望の正統進化モデ...
黒カビ・汚れがごっそり！シャボン玉「洗たく槽クリーナー」で叶える、本当の無添加洗濯
お気に入りの洗剤で衣類を心地よく洗い上げ、お風呂場やキッチンでも無添加生活を楽しんでいると、ふと気になるのが「洗濯機そのものの汚れ」です。「最近、洗濯ものに黒いワカメのようなゴミがつく…」 「せっかく無添加洗剤を使っているのに、洗濯機からイ...
【本音レビュー】COFO Chair Premiumはなぜ売れた？10万円以下でフットレストも付いた極上オフィスチェアの魅力と注意点
リモートワークや長時間のデスクワークで、腰痛や肩こりに悩まされていませんか？「ハーマンミラーやエルゴヒューマンに憧れるけれど、15万〜20万円は高すぎて手が届かない……」そんなガジェット好きやデスクワーカーの間で、圧倒的な支持を得て大ヒット...
【実機レビュー】日本発のスマートリング「SOXAI RING 2」で睡眠と健康を徹底可視化！実際のデータからわかること
こんにちは！今回は、いまガジェット界隈や健康意識の高い人たちの間で大きな注目を集めているスマートリング、「SOXAI RING 2（ソクサイリング2）」を徹底レビューします。「腕時計型のスマートウォッチは寝るときに邪魔…」「海外製のスマート...
また何となくAIに書かせてみた
【Cloudflare】 Tunnel経由のApacheで、アクセスログを生IPアドレスに書き換える方法（mod_remoteip）
Cloudflare Tunnel（cloudflared）を利用して自宅サーバーを公開すると、セキュリティやIP固定化の面で非常に便利です。 しかし、そのままの設定では、Webサーバー（Apache）が受け取るアクセスIPがすべてローカル...
【HTML】iframe埋め込み：外部コンテンツ表示のポイント
1. iframeとは何か？<iframe>（インラインフレーム）は、Webページの中に別のHTMLドキュメントを表示するための「窓」を作るタグです。役割: 外部の情報を自分のサイトの一部としてシームレスに表示する。メリット: 外部サイトの...
システム開発やデータベース設計で欠かせないER図（実体関連図）。「ツールが多くてどれを使えばいいかわからない」「綺麗に配置するのが難しい」と悩んでいませんか？そこでおすすめなのが、完全無料でアカウント登録なしでも使える高機能作図ツール「dr...
Laravelを使って、データベースに登録された商品の一覧を表示する機能を実装する。 今回は、既存の商品データ（名前、価格、カテゴリ）を一覧表形式で表示するWebページを作成。1. ルートの設定 まず、一覧ページにアクセスするためのルートを...
【HTML5】audioタグとvideoタグでWebサイトにメディアを埋め込もう！
Webサイトに音楽や動画を直接埋め込みたいと思ったことはありませんか？ かつてはFlashなどの外部プラグインが必要でしたが、HTML5の登場により、タグ一つで簡単にメディアを再生できるようになりました。今回は、基本となる <audio> ...
手軽に始められる格安のレンタルサーバーやVPS（仮想専用サーバー）。 しかし、本格的にWebサイトを運営したり、複数のアプリを動かそうとしたりして「メモリ」や「CPUコア数」を増やそうとすると、月額料金が跳ね上がって驚いたことはありませんか...
当ブログは、以下のハードウェアおよび仮想化構成で24時間365日稼働しています。ホストマシン: 富士通 ESPRIMO Q558（省スペース型ビジネスデスクトップPC）CPU: Intel Core i5（第8世代 / 6コア6スレッド）メ...
【HTML】hrタグ（区切り）とbrタグ（改行）の使い分けとマークアップ規則
HTMLで文章のレイアウトを調整する際によく使う <hr> タグと <br> タグ。どちらも「閉じタグ（</hr> や </br>）」を持たない特殊なタグ（空要素）だが、その持つ「意味（セマンティクス）」は全く異なる。後から見返したときに迷...
1. 目的Cloudflare Tunnel（cloudflared）経由のアクセスで、訪問者の生のIPアドレス（IPv4/IPv6）を正しくApacheログに記録する。WordPress特有の内部通信（Heartbeat、疑似Cron）や...
VSCodeの設定・拡張機能を用途別（開発・ブログ・実験用など）に完全分離して管理する方法のメモ。1. 基本の操作ルート ＞ ＞ ※xxxは現在使用しているプロファイル名が表示される2. 目的別の操作手順■ 新しくプロファイルを作る左下...
【WordPress】XML Sitemap Generator for Googleの設定
1. プラグインの推奨設定設定画面（設定 ＞ XML-Sitemap）での変更箇所。① 基本的な設定IndexNow プロトコルを使用して〜 ⇒ チェックを入れるサイトマップの URL を仮想 robots.txt ファイルに追加 ⇒ チェ...
【HTML】知っておくと表現が広がる！特殊・マイナーだけど便利なタグまとめ
HTMLには、普段あまり使わなくても、特定のシーンで抜群の便利さを発揮する「特殊なタグ」や「マイナーなタグ」が数多く存在します。これらを使うことで、JavaScriptに頼らずに機能を実装できたり、アクセシビリティを高めたりすることができま...
【GoAccess】解析レポートに見知らぬIPv6アドレスが！Apacheログから謎のBot「MJ12bot」の正体を暴いて対策するまで
GoAccessでアクセス解析ダッシュボードを眺めていると、見慣れない海外のIPv6アドレス（2a01:4f9:... や 2001:41d0:... など）が上位にランクインしていることがあります。「これって不正アクセス？それとも無害なB...
【少額で大家に】不動産クラウドファンディング「利回り不動産」の評判とメリット
「不動産投資に興味はあるけれど、まとまったお金がない…」「管理の手間やローンの審査がハードル高すぎる…」そんな投資初心者の方に今注目されているのが、1万円から始められる不動産クラウドファンディング「利回り不動産」です。この記事では、利回り不...
【新時代の投資】三井物産の「alterna（オルタナ）」とは？デジタル証券で安定資産に少額投資できる魅力を徹底解説！
「株や仮想通貨は値動きが激しくて怖い…」「でも、銀行に預けておくだけではお金が増えない…」そんな悩みを持つ方におすすめなのが、三井物産グループが手がける新しい投資サービス「alterna（オルタナ）」です。この記事では、今話題の「デジタル証...
【年利8〜14%】TECROWD（テクラウド）は？怪しい?大丈夫？
「新NISAや株式投資以外の選択肢を探している」「ほったらかしで高い利回りを得られる投資がしたい」そんな方におすすめなのが、今投資家の間で大きな注目を集めている不動産クラウドファンディングTECROWD（テクラウド）です。一般的な不動産クラ...
【Laravel】TwitterModokiアプリの自宅サーバーへのデプロイ作業
Windowsのローカル開発環境で作成したLaravelアプリケーション（TwitterModoki）を、自宅サーバー（AlmaLinux）の本番環境へデプロイしました。既存のポートフォリオサイトのサブドメインの動作を邪魔することなく、サブ...
【VSCode】Laravelアプリ 「TwitterModoki」手動開発
1. 雛形作成とローカル起動 コマンドプロンプトやターミナルを立ち上げ、Webサーバーの公開ディレクトリ（htdocs など）へ移動してからプロジェクトを作成し、VS Codeで開いてローカル開発環境を立ち上げる。# ① XAMPP等のWe...
【VSCode】Laravelアプリ 「TwitterModoki」Cline で自動開発
VSCodeにCline組み合わせると、Laravelのアプリも全て自動で作成してくれるらしい。とりあえずやってみたら、本当に指示出ししてから30分程でアプリが完成した、驚き。なので、その手順の備忘録。1．開発環境の前提条件下記の環境が整っ...
Webサイトの「セキュリティ向上」と「高速化」を世界規模で提供している、世界最大手のクラウドサービス（CDN/プロキシ）に関する知識のまとめです。1. 概要と基本的な仕組みCloudflareは、読者（ユーザー）と自分のWebサーバー（自宅...
【Cloudflare】ポート開放不要！Cloudflare Tunnelで安全・簡単に自宅サーバー（AlmaLinux）を公開する方法
自宅サーバー公開の悩み: 「自宅サーバーでブログを公開したいけど、ルーターのポート開放（80/443）が怖い…」「固定IPじゃないからDDNSの設定が面倒…」「ApacheのSSL（Let's Encrypt）設定で躓いた…」この記事で解...
【KVM】virt-installでゲストOSをインストール
仮想マシンにAlmalinuxをインストールします。1. パッケージの追加 仮想マシンのインストールコマンドを実行するため、追加のツールを導入します。# dnf install -y virt-insta...
【KVM】ブリッジネットワーク（Bridge）を設定する方法（CLI編）
NAT接続のままでは「外部のPCから仮想マシンに直接SSH接続する」「仮想マシンをWebサーバーとして一般公開する」といったことができません。 仮想マシンをホストサーバーと同じLANに参加させ、独自のIPアドレスを持たせるには「ブリッジ接続...
自宅サーバーにKVMを導入し仮想環境を構築します。 ちなみに、このブログはゲストOSのAlmalinuxで公開しています。 今回はコマンドラインでの操作になります。GUIで操作出来るCockpitは別記事で掲載します。1. 仮想化機能（CP...
自宅サーバーのWordpressに自宅サーバー構築メモが有るので、自宅サーバーがクラッシュしてしまうと詰んでしまいます。 ですので、静的HTML化してNASにバックアップしてしておきたいと思います。1．WP-CLIの導入データベースから公開...
第弐弾です。女の子が変わってますね
【HTML】ページの正しい区切り方とセマンティックな構造化まとめ
Webサイトをコーディングする際、なんとなく画面のレイアウトに合わせて <div class="box"> ばかり使ってページを区切っていませんか？現在のHTML（HTML5以降）では、ページの各パーツの意味に合わせて正しくタグを使い分ける...
【50代の顔脂対策】テカリ・ベタつきの本当の原因と正しい「引き算・足し算」スキンケア
「最近、夕方になると顔がベタつく…」「若い頃と同じようなあぶらとり紙や洗顔では、テカリが収まらない…」50代になってから、顔の脂（皮脂）に悩まされる方が増えています。実は、50代の顔脂の主な原因は、若い頃のような過剰な皮脂分泌ではなく「肌の...
生成AIで色々遊んでみようと、とりあえずは4コマ漫画を作らせてみました。
Webサイト制作において欠かせないのが、ページ同士を繋ぐaタグ（アンカータグ）です。 今回は、コーディング時に迷いがちなaタグの基本属性から、HTML5以降のマークアップ規則、SEOやアクセシビリティを意識した使い方まで、備忘録としてまとめ...
【HTML】フォーム（Form）の基本構造とコーディング規則まとめ
Webサイトにおけるユーザーとの最大の接点、それがフォーム（form）です。お問い合わせ、会員登録、アンケートなど、用途は多岐にわたりますが、アクセシビリティやユーザーの使いやすさ（EFO）を考慮した正しいマークアップをしないと、離脱の原因...
【実機レビュー】真空パックんシェフ3Plusが優秀すぎる！汁物もOKな進化系真空パック機の魅力を徹底解説
こんにちは！毎日の料理や食材の保存、どうしていますか？「まとめ買いしたお肉が使いきれずに冷凍焼けしてしまった…」 「カレーや煮込み料理をたくさん作ったけど、タッパーだと場所を取るし密閉性が心配…」そんな悩みを一気に解決してくれるのが、今回ご...
【HTML】tableタグ（表）の基本構造と正しいマークアップ規則
HTMLでデータを整理して見やすく表示するための <table> タグ。 要素が縦横に連なるため構造が複雑になりやすく、正しい順番でタグを配置しないと構文エラーや型崩れの原因になる。後からコードをコピペして使い回せるようにするための個人メモ...
【HTML】箇条書きリスト（ul / ol / li）の構文とマークアップ規則
HTMLで箇条書き（リスト構造）を実装する際の基本構文、およびコーディング時の注意点・ルール1. 基本構文と使い分け リストを作成する際は、必ず「親要素（全体を囲むタグ）」と「子要素（各項目を囲むタグ）」の入れ子構造にする。<li>（Lis...
なぜ魚コラーゲンでコーヒーゼリーは固まらなかったのか？リベンジのための徹底分析
今回は、私がやらかした「魚コラーゲンでコーヒーゼリーが全く固まらなかった事件」のドロドロの真相（文字通り液体でした）を、科学的に優しく解説します。私と同じように「良質なフィッシュコラーゲンをおやつで摂取しよう！」と思って失敗する人が一人でも...
作成済みのカテゴリと紐付いた、商品の追加機能（マイグレーション・モデル・コントローラー・ビュー）を実装する手順。1. シーダーの修正（外部キー制約エラー対策）商品テーブル（子）から参照されているため、そのままクリアしようとするとエラーになり...
【Laravel】簡単アプリ作製【2】 データベース接続とカテゴリ追加
環境構築後のステップとして、MySQLデータベースとの連携から、マイグレーションとモデルを使用したカテゴリ追加機能の実装までの手順。1. データベースの作成と接続設定Step 1: XAMPPでデータベース（MySQL）の作成1．XAMPP...
【Laravel】簡単アプリ作製【1】 Laravel12開発環境構築手順
1．セットアップ手順Step 1: VSCodeの準備VSCode公式サイトからインストーラーを取得して導入。効率化のため、以下の拡張機能をプラグイン（Ctrl+Shift+X）から追加する。PHP Intelephense（コード補完・定...
レトロ喫茶風コーヒーゼリーを作るなら牛ゼラチン！弾力と固める力の秘密
豚ゼラチンで大成功を収めた私ですが、調べていくうちに、もう一つのメジャーな原料「牛（ビーフ）ゼラチン」の存在を知りました。「豚と牛で、そんなに仕上がりが変わるの？」と疑問に思い、実際に試してみたところ、驚くほど食感に違いが出たのです。牛ゼラ...
【HTML】「コメント（コメントアウト）」の基本と便利な使い方
HTMLでコードを書いていると、「ここにメモを残しておきたい」「一時的にこの部分を表示させないようにしたい」と思うことがあります。 そんな時に大活躍するのが「コメント（コメントアウト）」です。今回は、コメントの基本的な書き方から、ブログ運営...
【HTML】Webサイトの主役！hタグ（見出し）の基本と使い方のコツ
HTMLを学ぶ上で、文章の「見出し」を作るhタグ（<h1>〜<h6>）は、ブログの読みやすさと検索順位（SEO）を大きく左右する超重要タグです。 今回は、hタグの基本的な書き方から、ブログ運営で絶対に役立つ実践的なTipsまでを分かりやす...
コーヒーゼリーには豚ゼラチンが最強！失敗から学んだ極上口溶けレシピ
魚コラーゲン（ペプチド）を使ってシャバシャバのコーヒー水を錬成してしまった私。「どうしても美味しいコーヒーゼリーが食べたい！」という執念で、近所のスーパーへ走り、最もポピュラーな「豚由来のゼラチン」を買い直してきました。結論から言うと、大・...
一言で言うと、「意味（役割）があるか、ないか」の違いです。&lt;p&gt;タグ： 「Paragraph（段落）」の略。中身が文章（ひとかたまりのテキスト）であることを検索エンジンなどに伝える役割があります。&lt;div&gt;タグ： 「Division（分割・...
コーヒーゼリーが魚コラーゲンで固まらない!? 豚・牛・魚ゼラチンの決定的な違い
「お肌のために、魚コラーゲンを使ってヘルシーなコーヒーゼリーを作ろう！」そう思い立って冷蔵庫で冷やすこと数時間。ワクワクしながら取り出すと……そこにあったのは、冷たいだけのシャバシャバなコーヒーでした。「えっ、なんで!? ゼラチンもコラーゲ...
Almalinuxインストール時にパーティション容量を変更する方法です。1．インストール先を選択2．ストレージ設定の「カスタム」選択し、完了ボタン3．/homeの要求される容量を縮小時の容量に変更し、設定を更新。 注意：単位は「GB」では...
Webサイトを作りたいと思ったとき、最初に触れるのがHTML（エイチ・ティー・エム・エル）です。今回は、HTMLとは何かという基本から、よく使う重要なタグ、ブログですぐに使える具体的な書き方までを分かりやすく解説します。1. HTMLとは？...
必須前提単発ファイルを開いている状態ではデバッグ不可。必ず「フォルダを開く（ワークスペース化）」した状態で作業すること。最短セットアップ手順Ctrl + Shift + D（Mac: Cmd + Shift + D）で「実行とデバッグ」画面...
Windows環境のVSCodeでGitを使用する際、毎回調べがちな初期設定と基本操作、Windows特有の注意点をまとめた。PCの買い替えや、Windowsでの開発環境の再構築時にそのまま使える。1．事前準備：Git for Window...
【WordPress】ネストしたリスト（箇条書き）の不自然な行間をCSSで詰める方法
以下は、ブロックエディタ（Gutenberg）でリストをネスト（入れ子）にした際に、行間や子リストの上下に不自然な空白が空いてしまう問題を解決1．WordPress管理画面にログインします。2．左メニューから 「外観」 ＞ 「カスタマイズ」...
サンスベリアの育て方完全ガイド！驚きの効果や失敗しない植え替えのコツまで徹底解説
お部屋にグリーンを足したいけれど、枯らしてしまわないか不安。そんな植物初心者の方に心からおすすめしたいのが「サンスベリア」です。スタイリッシュな見た目はもちろんのこと、驚くほど手がかからず、私たちの暮らしに嬉しい効果もたくさんもたらしてくれ...
【WordPress】画像アップロード不可時のphp.ini修正メモ
原因：画像のファイルサイズが、PHPで設定されている上限を超えているため。対応：サーバーのphp.iniを書き換えて、許容量を引き上げる1. 修正する3つの項目upload_max_filesize：1ファイルあたりの最大サイズ。post_...
【WordPress】画像アップロード不可時のphp.ini修正メモ
原因：画像のファイルサイズが、PHPで設定されている上限を超えているため。対応：サーバーのphp.iniを書き換えて、許容量を引き上げる1. 修正する3つの項目upload_max_filesize：1ファイルあたりの最大サイズ。post_...
1．概要Windows環境にローカル開発環境（Apache, MariaDB, PHP）を構築するためのXAMPP導入手順メモ。2. インストールXAMPP公式サイトのダウンロードページからWindows向けインストーラー（.exe）をダウ...
【VSCode】Live Server（Go Live）を導入・設定する手順
HTML/CSS/JSのコーディング時に、ファイル保存と同時にブラウザを自動リロードさせるための開発サーバー（Live Server）の構築手順とおすすめ設定のメモ。1. Live Server（Go Live）の概要機能: VSCode上...
【VSCode】複数言語の環境を瞬時に切り替える「プロファイル機能」の設定備忘録
PHP（Laravel）やPython、Javaあたりを並行して触っていると、不要な拡張機能が裏で動いてVS Codeが重くなったり、Linterの設定が他の言語に干渉してイライラすることが増えてきた。解決策として、言語ごとに環境を完全分離...
【VSCode】Project Managerで複数サイトの管理を効率化する
WordPressのテーマ制作や複数サイトのカスタマイズ時、エディタでフォルダを開き直す手間を削減するための設定メモ。拡張機能「Project Manager」を導入し、ワンクリックで環境を切り替えられるようにする。1．導入の目的とメリット...
1. はじめに Cloudflare Tunnel（Dashboard管理型）を使用して、自宅サーバーのメインドメインの下に、新しく自作アプリ用のサブドメインを追加する手順です。 ・メインドメイン：softdev-learn.cc ・サ...
【57歳からのWeb開発】書籍で挫折した30年目の組み込みエンジニアが「侍テラコヤ」を選んだ理由
数年前からWeb開発に興味を持ち、書籍を購入したり、さまざまな学習サイトを利用したりしてみたのですが、そのたびに挫折を繰り返してきました。私は組み込み制御開発を30数年続けてきた現役のエンジニアです（現在57歳になります）。そんな私でも、変...
当自宅サーバーはCloudflareで下記セキュリティー設定している為、Firewallを使用していない。また、CloudFlarは頻繁にUIが変わるので、下記の場所とは限りません。日本以外のアクセスをブロック ドメイン＞概要＞ドメイン選...
データベース作成# mysql -u root -p ※ MariaDBへrootでログインEnter password: ← MariaDBのrootパスワードWelcome to the MariaDB monitor. Comman...
