「ウェブ制作・運用」に関連したディレクションやデザインなどについて綴った記事のまとめ。会社やショップなどのウェブサイトの制作・運用に役立つTIPSから、ブログの制作・運用や収益化に役立つ方法を解説。資格を取得しているGoogle AnalyticsやGoogle AdSenseなどのGoogle関連ツールなどについても、長らくウェブ業界に携わっている経験から綴っています。
ウェブ制作・運用アドセンス関連コンテンツが終了していたことに今頃気付いた…
今年2022年3月からGoogle Adsense（グーグルアドセンス）での収益が激減。 前年の半分以下という悲しい状況です……。 見直しが必要かなということで色々調べていたのですが、途中で衝撃の事実に気付きました。 関連コンテンツが終了。...
HTML・CSS・プログラミングCSSのanimationがiOSのChromeで動かない…transitionで対応
CSSのanimation。 昔は要素を動かすにはjQueryのanimateばかり使っている時期がありましたが、jsは多用しすぎると動作が重くなってしまう。 CSSのanimationを使えばそれが改善されるということで、知った時には感動...
ウェブ制作・運用税務情報提出手順｜YouTube(アドセンス)収益で提出が必須に
YouTube StudioやGoogleアドセンス（Adsense）の画面にいつものようにアクセスすると、「重要」と書かれたアナウンスが表示されるようになりました。 居住地を問わず、YouTube で収益化を行っている世界中のすべてのクリ...
ウェブ制作・運用jQuery is not defined｜WordPress5.6でJSエラー（Autoptimize）
WordPress5.6にアップグレード。 するとおやおや、javascriptのエラーが発生。 コンソールに出力されているエラーは「jQuery is not defined」。 jQuery本体が読み込まれていない様子です。 WordP...
ウェブ制作・運用注意！LINE Messaging API プッシュメッセージ通数のカウント方法にお気をつけを
LINE Messaging APIのプッシュメッセージ通数のカウント方法には気をつけよう、という話。 LINEを利用しているクライアントが結構多いのです。 ウェブサイトやシステムの制作とあわせて、ウェブサイト・システムからのアクションをL...
Vue.jsinputのtype=file選択時にjsでバリデーションする【vue.js】
input要素のtype=fileでのファイルアップロード。 頻繁に使うわけですが。 通常だと、submitされた値をPHPだと$_FILESなんかで受け取って、ファイルサイズや拡張子なんかのバリデーションをしたり、問題無ければファイルアッ...
ウェブ制作・運用Chromeで「データ侵害によりパスワード情報が漏洩」と警告が！対応方法は？
普段jのデフォルトブラウザはGoogle Chrome（グーグル クローム）。 そのChromeであるウェブサイトにログインしたところ、「データ侵害によりパスワード情報が漏洩」といった内容のアラート文が表示されました。 サイトまたはアプリで...
ウェブ制作・運用WordPressでRSSが検出されないのはプラグインが原因かも
人気ブログランキングなどのサービスにはRSSで新着記事を伝えるわけですが……。 当ブログを含めた、私が運用しているブログではなぜかそういったサービスにRSSが読んでもらえていませんでした。 RSS自体は出力されており、エラーチェックをしても...
Vue.jsrefを複数に設定したい…$refsで取得した要素のスタイル操作｜Vue.js
Vue.jsでDOM要素を参照して、スタイルやプロパティを取得・操作したい……。 なんて時に使うのがvm.$refs。 要素または子コンポーネントに参照を登録するためにrefを設定。 refを設定しておけば$refsから取得できるようになり...
MySQLMySQLの外部キー追加時にエラー…ERROR 1215 (HY000): Cannot add foreign key constraint
MySQLの外部キー制約を追加する際にエラー。 「ERROR 1215 (HY000): Cannot add foreign key constraint」とな。 実際はどうにも初歩的なミスなのですが、MySQL関連は忘れがちなので備忘録...
Vue.jsVue.jsでtoggle機能実装！多箇所で使いたい時の実装方法
Vue.jsでtoggle機能を実装したい！ 勢い始めてみたけれど、単体の1セットなら簡単ですが、多箇所で使いたい場合が意外とすんなりいかない。 設置するのはtoggleを着火するボタンと、それに対応するコンテンツ。 toggle機能を使う...
ウェブ制作・運用ローカル環境でのメールテストはMailtrapが簡単&便利
ローカル環境でテスト開発をしている際、テストが面倒なのがお申し込み・お問い合わせフォームなどのメール送信。 ローカル環境でメール送信できるようにするには設定が必要ですし、テストメールの送信先に実際のユーザが含まれていたりすると問題に発生する...
ウェブ制作・運用なりすましメール多すぎ…AmazonやLINEを装ったメールに注意！対策は？
いやほんと、なりすましメールってうっとおしい。 フィルターで大抵は迷惑メールとして扱われますが、時折そこをかいくぐってくる奴が現れます。 偽装だと薄っすら気付きつつも、利用している大手サービスの名を語っているものだから一瞬ドキッとするわけで...
ウェブ制作・運用人工知能API「A3RT」の文章誤字脱字検知機能を試してみた｜Proofreading API
ブログ書いてます。もう4年ほどになります。 ブログ記事を1つ作るにも割と時間がかかるので、忙しくなるとブログの更新が滞ります。 写真撮って加工して文章を書いて、記事の形にしたらチェックして……。 そう、このチェックが面倒！特に文章。誤字脱字...
ウェブ制作・運用VSCodeにMacVimから乗り換え！基本設定して使ったら快適だ…
ソースコードエディタをMacVimからVisual Studio Code（以下、VSCode）に乗り換えてみました。 MacVimを使って数年…VSCodeが気になって浮気してみました。すぐにMacVimに戻ってしまうんだろうな…と内心思...
ウェブ制作・運用AMP-タグ「style amp-custom」のCSS構文エラーの修正方法
Search Consoleから届いたエラーを知らせるメール。 メールによるとAMPでのエラーのようで、「Google検索結果で悪影響を受ける可能性がございます」と書かれていたりして放ってはおけない感じ。これまでは大丈夫だったのに、なんじゃ...
HTML・CSS・プログラミングchrome拡張機能を自作してウェブストアで公開する手順
初めてchrome拡張機能を自作しました。 あわせてchromeウェブストアで公開もしてみたので、手順をまとめてみようかと。 chrome拡張機能を作ることにしたきっかけになったのは先日リリースしたサービス、clink（クリンク）。 リンク...
ウェブ制作・運用【WordPress】テキストモードエディタに自作クイックタグを追加する方法
ウェブサイトで記事を日々更新したい……。 そんな要望に応えるのに利用頻度が多くなるのがWordPress。 もとより機能が備わっていて便利なWordPressですが、実際に更新作業を始めると色々と要望がでてきたりするもの。 管理画面こんな感...
ウェブ制作・運用LineのMessaging APIでグループトークの内容をデータベースに保存してみた
タイトルに書いたとおり、LINEのMessaging APIを触ってみました。 タイトルが長い。けど、やったことはタイトルに書いたとおり。 LINEは友人との連絡に使っていたのですが、最近多くなってきたのが仕事での利用。 簡単で便利なLIN...
ウェブ制作・運用wp_dropdown_categoriesでカテゴリー絞り込み検索を作る方法
WordPressでウェブサイト制作する際、要望によくでてくるのが検索機能。 検索対象は、クライアントが更新するブログ記事です。 WordPressの機能で簡単にベーシックな検索はさくっと作れるものの、カスタマイズするとなるとそうもいかず。...