お問い合わせフォームのメール送信でハマった話。原因はXserverのsendmail制限でした
お問い合わせフォームを本番のエックスサーバーに移行したところ、送信テストで原因不明のエラーが出ました。結論から言うと、Xserverのサーバー仕様が原因だったのですが、原因を突き止めるまでにけっこう回り道をしたので、記録として残しておきます...
アイキャッチ画像をHTML+ヘッドレスChromeで自作した話
このブログの記事アイキャッチ画像は、CanvaやPhotoshopではなく、HTML+CSSで組んだテンプレートをヘッドレスChromeでスクリーンショットして作っています。デザインツールを使わなかった理由と、実際の作り方をまとめます。なぜ...
Cocoonの目次(TOC)デザインをカスタマイズしたら、CSSの詳細度沼にハマった話
このブログはCocoonというWordPressテーマをベースにしているのですが、標準の目次(TOC)デザインがどうも今ひとつだったので、CSSでカスタマイズしました。見た目自体はシンプルに直せると思っていたのですが、実際にはCSSの詳細度...
アフィリエイトはA8.netに登録しました。プログラム選びで意識したこと
このブログのマネタイズ手段のひとつとして、アフィリエイトをA8.netに登録しました。この記事では、なぜA8.netを選んだのか、プログラム選びやリンクの貼り方でどんなことを意識したのかをまとめます。なぜA8.netを選んだのか国内最大手の...
レンタルサーバーは「エックスサーバー」にしました。選んだ理由と設定の流れ
cat's handのサーバーには、エックスサーバーを選びました。web制作を10年近くやってきた中で何度も名前を聞いてきたサーバーですが、実際に個人ブログ用に契約してみて感じたことをまとめます。サーバー選びで最初に整理したことサーバーを選...
ブログのドメインは「お名前.com」で取得しました。選んだ理由とつまずきやすいポイント
cat's handのドメイン(cat'shand.pro)は、お名前.comで取得しました。この記事では、なぜお名前.comを選んだのか、実際に取得してみて感じたことをまとめます。ドメイン取得の前にやったこと取得作業に入る前に、まず屋号「...
ブログとテンプレート販売、副業を二刀流でやってみることにした話
副業として動き出すとき、「何で稼ぐか」を最初にひとつに絞るべきか、複数走らせるべきかで迷いました。今のところ自分は、テンプレート販売とこのブログ(コンテンツ発信)の二刀流でやってみることにしています。その考え方のメモです。そもそも副業として...
flexboxで高さが揃わないときに確認する3つのポイント
flexboxでレイアウトを組んでいるとき、「隣り合う要素の高さが揃わない」という現象にぶつかったことがある人は多いと思います。原因はだいたいパターンが決まっているので、よくあるものをまとめておきます。そもそも高さは自動で揃うのが基本fle...
既存テーマ(Cocoon/SWELL)をベースにオリジナリティを出すカスタマイズ実例
WordPressブログを立ち上げる際、ゼロからオリジナルテーマを組むのではなく、CocoonやSWELLといった既存の人気テーマをベースにする選択をしました。この記事では、既存テーマを使いながらもオリジナリティを出すために意識したポイント...
Figma MCP×Claude Codeでコーディングしてみた実践レポート
本業のweb制作案件で、FigmaデザインをもとにClaude Code + Figma MCPを使ってHTML/CSS/JSのコーディングを進める機会がありました。実際に使ってみて感じたメリットと注意点をまとめます。Figma MCPとは...