ウェブやブログ

ウェブやブログ

エックスサーバーからConoHa WINGにブログを移行してみたら……!

表示が十数秒かかるほど重くなったエックスサーバーからConoHa WINGへブログを移行し、1秒台レスポンスを実現した背景と手順をエクスポート・インポート、DNS切替など具体的に解説します。 
ウェブやブログ

アドセンスから警告!税務情報の提出に居住者証明書が必要だった件

AdSense管理画面で税務情報アラートが表示され、マイナンバーが認められず居住者証明書が必要と判明。税務署で発行・撮影した写真を提出し、無事アラートを解消した手順を具体的にまとめています。 
ウェブやブログ

Cocoonカスタマイズ|記事内のカテゴリにアイキャッチを表示する【WordPress】

WordPressのCocoonで記事内にカテゴリアイキャッチを表示するカスタマイズ手順を、子テーマのfunctions.phpとCSSコード例を交えて具体的に解説します。 
ウェブやブログ

アドセンス関連コンテンツが終了していたことに今頃気付いた…

2022年3月から関連コンテンツユニットがMultiplex広告に切替わり、自サイト記事が一切表示されず広告のみになっていた事実に今頃気付いた経緯と影響を具体的に振り返ります。 
ウェブやブログ

CSSのanimationがiOSのChromeで動かない…transitionで対応

ページスクロールに合わせた要素のフェードインにCSSのanimationを使ったらiOS版Chromeでtranslateが動かず、animationをtransitionに書き換え、delay設定を併用して解消した方法を具体的に解説します。 
ウェブやブログ

税務情報提出手順|YouTube(アドセンス)収益で提出が必須に

YouTube収益化クリエイター向けに2021年5月31日までに必須となった税務情報提出の流れを、AdSense管理画面のフォームアクセスからW-8BEN選択、各項目入力、プレビュー確認、署名、送信までを事例に即して具体的手順で解説しています。 
ウェブやブログ

jQuery is not defined|WordPress5.6でJSエラー(Autoptimize)

WordPress5.6への更新後、AutoptimizeでjQuery(jquery.min.js)が圧縮対象に含まれたことで“jQuery is not defined”エラーが発生した原因と、Autoptimize設定でjquery.min.jsを除外して解消する手順を解説しています。 
ウェブやブログ

注意!LINE Messaging API プッシュメッセージ通数のカウント方法にお気をつけを

LINE Messaging APIでプッシュメッセージをグループ送信すると参加ユーザー数×送信回数で通数が消費される仕様により、無料1,000通制限を意外に超過した事例をもとに注意点と検証方法を具体的にまとめています。 
ウェブやブログ

inputのtype=file選択時にjsでバリデーションする【vue.js】

Vue.jsでinputのtype=file選択時にファイルサイズ(3MB上限)と拡張子(.jpg/.gif/.png/.pdf)のバリデーションを行い、違反時はアラート表示とinput値リセットでUXを守る手順を具体例付きで解説しています。 
ウェブやブログ

Chromeで「データ侵害によりパスワード情報が漏洩」と警告が!対応方法は?

Google ChromeのPassword Checkup機能で“データ侵害によるパスワード漏洩”警告が表示された体験から、警告画面へのアクセス、本人確認、影響アカウントの一覧表示、パスワード変更・保存情報更新までの対応手順を具体的にまとめています。 
ウェブやブログ

WordPressでRSSが検出されないのはプラグインが原因かも

WordPressでRSSフィードが外部サービスに認識されない原因を探り、Autoptimizeの「HTMLコード最適化」機能でタグの引用符が削除されていたことを発見。設定を解除してRSSが自動検出されるようになる手順を具体的に解説しました。 
ウェブやブログ

refを複数に設定したい…$refsで取得した要素のスタイル操作|Vue.js

Vue.jsで同じref名を複数設置すると最後の要素しか取得できない問題を、ループID付きのユニークrefに変更し、$refsで個別要素を操作する具体手順をまとめました。 
ウェブやブログ

MySQLの外部キー追加時にエラー…ERROR 1215 (HY000): Cannot add foreign key constraint

ERROR 1215発生時にSHOW ENGINE INNODB STATUSで最新Foreign Keyエラーを確認し、参照先カラムのPRIMARY KEY化とFOREIGN_KEY_CHECKS無効化で解消する手順を具体的にまとめました。 
ウェブやブログ

Vue.jsでtoggle機能実装!多箇所で使いたい時の実装方法

Vue.jsでshow_contents配列とtoggleメソッドを使い、複数箇所の開閉を個別管理。キーを引数に渡すだけで簡単に多用可能なtoggle機能を解説します。 
ウェブやブログ

ローカル環境でのメールテストはMailtrapが簡単&便利

MailtrapのSMTP情報をローカル開発環境に設定し、テストメールを実際のユーザへ送信せずMailtrap上で安全に確認できる手順をPHPMailer例と共に紹介。煩雑な後処理から解放される便利サービスです。 
ウェブやブログ

なりすましメール多すぎ…AmazonやLINEを装ったメールに注意!対策は?

頻発するAmazonやLINEを装ったフィッシングメールを実例付きで提示。送信元アドレスの確認方法やリンクをクリックしない対策を解説し、年配の方への注意喚起も含めた安全策を紹介します。 
ウェブやブログ

人工知能API「A3RT」の文章誤字脱字検知機能を試してみた|Proofreading API

リクルート提供のProofreading APIをPHPのcURLで実装し、ブログ記事の誤字脱字を自動検知する仕組みを作成。求人系学習モデルゆえ固有名詞誤検知や脱字見落としもあり、現状の課題感をレポートします。 
ウェブやブログ

VSCodeにMacVimから乗り換え!基本設定して使ったら快適だ…

MacVimからVSCodeへ乗り換え、Vim拡張導入やファイルツリー移動、統合ターミナル、設定カスタマイズで快適化した実体験と設定手順を紹介しています。 
ウェブやブログ

AMP-タグ「style amp-custom」のCSS構文エラーの修正方法

Search ConsoleのAMPエラー通知からstyle amp-customの構文ミス箇所をバリデーターで特定→Search RegexでインラインCSSを修正する方法をまとめています。 
ウェブやブログ

chrome拡張機能を自作してウェブストアで公開する手順

公式ドキュメントのサンプルからmanifest.jsonとpopup.htmlを作成し、ローカルで動作確認→Chromeウェブストアへ公開する手順を具体的にまとめています。