フリーランスウェブエンジニアがウェブ全般について綴るブログ|いしかわろぐ

ウェブ制作・運用

「ウェブ制作・運用」に関連したディレクションやデザインなどについて綴った記事のまとめ。会社やショップなどのウェブサイトの制作・運用に役立つTIPSから、ブログの制作・運用や収益化に役立つ方法を解説。資格を取得しているGoogle AnalyticsやGoogle AdSenseなどのGoogle関連ツールなどについても、長らくウェブ業界に携わっている経験から綴っています。

アドセンス関連コンテンツが終了していたことに今頃気付いた…ウェブ制作・運用

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

今年2022年3月からGoogle Adsense(グーグルアドセンス)での収益が激減。 前年の半分以下という悲しい状況です……。 見直しが必要かなということで色々調べていたのですが、途中で衝撃の事実に気付きました。 関連コンテンツが終了。...
CSSのanimationがiOSのChromeで動かない…transitionで対応ウェブ制作・運用

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

CSSのanimation。 昔は要素を動かすにはjQueryのanimateばかり使っている時期がありましたが、jsは多用しすぎると動作が重くなってしまう。 CSSのanimationを使えばそれが改善されるということで、知った時には感動...
税務情報提出手順|YouTube(アドセンス)収益で提出が必須にウェブ制作・運用

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

YouTube StudioやGoogleアドセンス(Adsense)の画面にいつものようにアクセスすると、「重要」と書かれたアナウンスが表示されるようになりました。 居住地を問わず、YouTube で収益化を行っている世界中のすべてのクリ...
jQuery is not defined|WordPress5.6でJSエラー(Autoptimize)ウェブ制作・運用

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

WordPress5.6にアップグレード。 するとおやおや、javascriptのエラーが発生。 コンソールに出力されているエラーは「jQuery is not defined」。 jQuery本体が読み込まれていない様子です。 WordP...
注意!LINE Messaging API プッシュメッセージ通数のカウント方法にお気をつけをウェブ制作・運用

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

LINE Messaging APIのプッシュメッセージ通数のカウント方法には気をつけよう、という話。 LINEを利用しているクライアントが結構多いのです。 ウェブサイトやシステムの制作とあわせて、ウェブサイト・システムからのアクションをL...
inputのtype=file選択時にjsでバリデーションする【vue.js】Vue.js

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

input要素のtype=fileでのファイルアップロード。 頻繁に使うわけですが。 通常だと、submitされた値をPHPだと$_FILESなんかで受け取って、ファイルサイズや拡張子なんかのバリデーションをしたり、問題無ければファイルアッ...
Chromeで「データ侵害によりパスワード情報が漏洩」と警告が!対応方法は?ウェブ制作・運用

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

普段jのデフォルトブラウザはGoogle Chrome(グーグル クローム)。 そのChromeであるウェブサイトにログインしたところ、「データ侵害によりパスワード情報が漏洩」といった内容のアラート文が表示されました。 サイトまたはアプリで...
WordPressでRSSが検出されないのはプラグインが原因かもウェブ制作・運用

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

人気ブログランキングなどのサービスにはRSSで新着記事を伝えるわけですが……。 当ブログを含めた、私が運用しているブログではなぜかそういったサービスにRSSが読んでもらえていませんでした。 RSS自体は出力されており、エラーチェックをしても...
refを複数に設定したい…$refsで取得した要素のスタイル操作|Vue.jsVue.js

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

Vue.jsでDOM要素を参照して、スタイルやプロパティを取得・操作したい……。 なんて時に使うのがvm.$refs。 要素または子コンポーネントに参照を登録するためにrefを設定。 refを設定しておけば$refsから取得できるようになり...
MySQLの外部キー追加時にエラー…ERROR 1215 (HY000): Cannot add foreign key constraintMySQL

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

MySQLの外部キー制約を追加する際にエラー。 「ERROR 1215 (HY000): Cannot add foreign key constraint」とな。 実際はどうにも初歩的なミスなのですが、MySQL関連は忘れがちなので備忘録...
Vue.jsでtoggle機能実装!多箇所で使いたい時の実装方法Vue.js

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

Vue.jsでtoggle機能を実装したい! 勢い始めてみたけれど、単体の1セットなら簡単ですが、多箇所で使いたい場合が意外とすんなりいかない。 設置するのはtoggleを着火するボタンと、それに対応するコンテンツ。 toggle機能を使う...
ローカル環境でのメールテストはMailtrapが簡単&便利ウェブ制作・運用

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

ローカル環境でテスト開発をしている際、テストが面倒なのがお申し込み・お問い合わせフォームなどのメール送信。 ローカル環境でメール送信できるようにするには設定が必要ですし、テストメールの送信先に実際のユーザが含まれていたりすると問題に発生する...
なりすましメール多すぎ…AmazonやLINEを装ったメールに注意!対策は?ウェブ制作・運用

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

いやほんと、なりすましメールってうっとおしい。 フィルターで大抵は迷惑メールとして扱われますが、時折そこをかいくぐってくる奴が現れます。 偽装だと薄っすら気付きつつも、利用している大手サービスの名を語っているものだから一瞬ドキッとするわけで...
人工知能API「A3RT」の文章誤字脱字検知機能を試してみた|Proofreading APIウェブ制作・運用

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

ブログ書いてます。もう4年ほどになります。 ブログ記事を1つ作るにも割と時間がかかるので、忙しくなるとブログの更新が滞ります。 写真撮って加工して文章を書いて、記事の形にしたらチェックして……。 そう、このチェックが面倒!特に文章。誤字脱字...
VSCodeにMacVimから乗り換え!基本設定して使ったら快適だ…ウェブ制作・運用

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

ソースコードエディタをMacVimからVisual Studio Code(以下、VSCode)に乗り換えてみました。 MacVimを使って数年…VSCodeが気になって浮気してみました。すぐにMacVimに戻ってしまうんだろうな…と内心思...
AMP-タグ「style amp-custom」のCSS構文エラーの修正方法ウェブ制作・運用

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

Search Consoleから届いたエラーを知らせるメール。 メールによるとAMPでのエラーのようで、「Google検索結果で悪影響を受ける可能性がございます」と書かれていたりして放ってはおけない感じ。これまでは大丈夫だったのに、なんじゃ...
chrome拡張機能を自作してウェブストアで公開する手順HTML・CSS・プログラミング

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

初めてchrome拡張機能を自作しました。 あわせてchromeウェブストアで公開もしてみたので、手順をまとめてみようかと。 chrome拡張機能を作ることにしたきっかけになったのは先日リリースしたサービス、clink(クリンク)。 リンク...
【WordPress】テキストモードエディタに自作クイックタグを追加する方法ウェブ制作・運用

【WordPress】テキストモードエディタに自作クイックタグを追加する方法

ウェブサイトで記事を日々更新したい……。 そんな要望に応えるのに利用頻度が多くなるのがWordPress。 もとより機能が備わっていて便利なWordPressですが、実際に更新作業を始めると色々と要望がでてきたりするもの。 管理画面こんな感...
LineのMessaging APIでグループトークの内容をデータベースに保存してみたウェブ制作・運用

LineのMessaging APIでグループトークの内容をデータベースに保存してみた

タイトルに書いたとおり、LINEのMessaging APIを触ってみました。 タイトルが長い。けど、やったことはタイトルに書いたとおり。 LINEは友人との連絡に使っていたのですが、最近多くなってきたのが仕事での利用。 簡単で便利なLIN...
wp_dropdown_categoriesでカテゴリー絞り込み検索を作る方法ウェブ制作・運用

wp_dropdown_categoriesでカテゴリー絞り込み検索を作る方法

WordPressでウェブサイト制作する際、要望によくでてくるのが検索機能。 検索対象は、クライアントが更新するブログ記事です。 WordPressの機能で簡単にベーシックな検索はさくっと作れるものの、カスタマイズするとなるとそうもいかず。...