Webカテゴリーの記事一覧

Google Workspace を解約して、同一ドメインに「さくらのVPS(Webサーバー)」と「さくらのメールボックス(メールサーバー)」を設定する

Web

概要

  • DNSとメールサーバーの知識が追いついていなかった頃、なんとか hi3103.net ドメインでメールを使えるようになるため Google Workspace を個人契約した
  • 数年経ったがメール以外の機能を活用できておらずもったいないので、メールサーバーを「さくらのメールボックス」に移行することにした
  • 参考:年間コスト比較
    • Google Workspace:年 8,160 円 (Business Starterプランかつ割引後価格の場合)
    • さくらのメールボックス:年 1,056 円(36ヶ月一括払い 3,168円の場合)

関連エントリー

Read More

Docker で imapsync を使って Google Workspace から個人の Gmail に過去のメールを転送する

Web

概要

  • メールサーバーがわりに Google Workspace を個人利用していたが、メール機能以外を活用できていないので解約し、さくらのネームサーバーに移行することにした
  • これにあたり、Google Workspace で利用しているユーザーアカウントの Gmail に保管されているメールを、個人の Google アカウントの Gmail に合流させておく

関連エントリー

Read More

さくらVPS上に構築したCentOSサーバーにパスフレーズで ssh 接続できるようにする

Web

概要

自サイトのサーバーへ SSH 接続する際、パスフレーズを使ってログインできるようにする

対象サーバー

  • 接続先(ホスト)
    • hi3103.net: さくらVPSで構築したWebサーバー。OSは CentOS7 を使用(変えなきゃあ…)。
  • 接続元(クライアント)
    1. Windows 11 に構築した WLS2/Ubuntu 環境
    2. Windows 11 環境

参考

Read More

はてな記法で書かれたテキストファイルを Markdown に変換するPHPスクリプト

Web

目的・背景

  • 今まで WordPress の投稿本文で「はてな記法」を使っていたが、今後は「Markdown」で書いていくことにした
  • それにあたり、既存の記事も「Markdown」に変換して中身を置き換えたい
    • が、いい感じのパーサーが見つからず
    • 手作業はイヤなので、自家製ゴリ押し置換スクリプトを作ることにした

Read More

WordPress Classic Editor で Markdown 記法を使えるようにする

Web

背景・目的

  • 仕事で Kibela を、プライベートで Notion を利用しており、Markdown でのドキュメント管理が増えてきた
  • このブログ(WordPress)でも Markdown 記法の文章を扱えるようにしたい

前提

目指すゴール

  • wp_posts テーブルの post_content カラムには、Markdown 記法の文章をそのまま格納する
  • the_content() を通したときに適切なHTMLに変換される

WordPress 内のエディタについて

WordPress 内のエディタは、以下2点を前提条件とする。

  • Classic Editor を使用する
  • ビジュアルリッチエディターは使用しない

Read More

WordPress embed ショートコードで埋め込んだ YouTube 動画のレスポンシブ対応

Web

やりたいこと

  • iframeタグの前後に任意のdivを挿入し、CSSでレスポンシブ対応させる
  • アスペクト比は16:9のみ対応とする
  • 動画の埋め込みには embed ショートコードを使用する
  • post_contentにあたる部分を置換するのではなく、embed機能のなにがしかにフックして書き換たい
  • 個別投稿かつYouTube動画の埋め込みにだけ効かせる

Read More

WordPress でカテゴリーアーカイブのURLに /category を入れたくない問題を力技で解決する

Web

今回解決させること

カテゴリーアーカイブのURLから /category を取り除く

  • WordPressデフォルトのカテゴリーアーカイブのURL形式は以下。
    • /notes/category/カテゴリースラッグ/
  • このサイトでは、個別記事のURLを以下に設定している。
    • /notes/カテゴリースラッグ/記事ID
  • なので、上記にあわせてカテゴリーアーカイブのURLも以下のようにしたい。
    • /notes/カテゴリースラッグ/
  • つまり、カテゴリーアーカイブのURLから /category の部分を削除したい。

/category なしURLにアクセスした際の表示不具合を防ぐ

問題の挙動
  • カテゴリーアーカイブのURL形式は
    • /notes/category/カテゴリースラッグ/
  • なので、以下のURLは「正しくないURL」のはず。
    • /notes/カテゴリースラッグ/
  • が、実際にアクセスすると404にはならず、カテゴリーアーカイブの1ページ目が表示されてしまう。
何が困るのか?
  • カテゴリーアーカイブの2ページ目以降の正しいURLは
    • /notes/category/カテゴリースラッグ/page/2
  • なので、ページネーションのリンク先として生成される以下のURLは「正しくないURL」
    • /notes/カテゴリースラッグ/page/2
  • 実際にアクセスすると、こちらは404が表示される。
つまり

カテゴリーアーカイブURLから /category を抜いたURLにアクセスした場合、「1ページ目は問題なく見れるのに、2ページ目以降には行けないページが見れてしまう」状態になっている。

Read More