2026-07

CloudFlar

【Cloudflare】基本概要と仕組み

Webサイトの「セキュリティ向上」と「高速化」を世界規模で提供している、世界最大手のクラウドサービス(CDN/プロキシ)に関する知識のまとめです。1. 概要と基本的な仕組みCloudflareは、読者(ユーザー)と自分のWebサーバー(自宅...
CloudFlar

【Cloudflare】ポート開放不要!Cloudflare Tunnelで安全・簡単に自宅サーバー(AlmaLinux)を公開する方法

自宅サーバー公開の悩み:  「自宅サーバーでブログを公開したいけど、ルーターのポート開放(80/443)が怖い…」「固定IPじゃないからDDNSの設定が面倒…」「ApacheのSSL(Let's Encrypt)設定で躓いた…」この記事で解...
仮想環境

【KVM】virt-installでゲストOSをインストール

仮想マシンにAlmalinuxをインストールします。1. パッケージの追加 仮想マシンのインストールコマンドを実行するため、追加のツールを導入します。[root@almalinux ~]# dnf install -y virt-insta...
仮想環境

【KVM】ブリッジネットワーク(Bridge)を設定する方法(CLI編)

NAT接続のままでは「外部のPCから仮想マシンに直接SSH接続する」「仮想マシンをWebサーバーとして一般公開する」といったことができません。 仮想マシンをホストサーバーと同じLANに参加させ、独自のIPアドレスを持たせるには「ブリッジ接続...
仮想環境

【KVM】インストールして仮想環境を作る

自宅サーバーにKVMを導入し仮想環境を構築します。 ちなみに、このブログはゲストOSのAlmalinuxで公開しています。 今回はコマンドラインでの操作になります。GUIで操作出来るCockpitは別記事で掲載します。1. 仮想化機能(CP...
HTML

【WordPress】静的HTML化と自動バックアップ

自宅サーバーのWordpressに自宅サーバー構築メモが有るので、自宅サーバーがクラッシュしてしまうと詰んでしまいます。 ですので、静的HTML化してNASにバックアップしてしておきたいと思います。1.WP-CLIの導入データベースから公開...
4コマ漫画

【生成AI】 4コマ漫画 其弐

第弐弾です。女の子が変わってますね
HTML

【HTML】ページの正しい区切り方とセマンティックな構造化まとめ

Webサイトをコーディングする際、なんとなく画面のレイアウトに合わせて <div class="box"> ばかり使ってページを区切っていませんか?現在のHTML(HTML5以降)では、ページの各パーツの意味に合わせて正しくタグを使い分ける...
ボディ・ヘアケア

【50代の顔脂対策】テカリ・ベタつきの本当の原因と正しい「引き算・足し算」スキンケア

「最近、夕方になると顔がベタつく…」「若い頃と同じようなあぶらとり紙や洗顔では、テカリが収まらない…」50代になってから、顔の脂(皮脂)に悩まされる方が増えています。実は、50代の顔脂の主な原因は、若い頃のような過剰な皮脂分泌ではなく「肌の...
HTML

【HTML】フォーム(Form)の基本構造とコーディング規則まとめ

Webサイトにおけるユーザーとの最大の接点、それがフォーム(form)です。お問い合わせ、会員登録、アンケートなど、用途は多岐にわたりますが、アクセシビリティやユーザーの使いやすさ(EFO)を考慮した正しいマークアップをしないと、離脱の原因...