ウェブ制作

ウェブ制作 ウェブ制作
ウェブ制作

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

ブログの記事をアップして確認していたら、ページが表示されるまでにやけに時間がかかっていることに気付く。体感で表示されるまで十数秒。 おや、ネットワークかな?とルーターを再起動してみたりしても変わらず。他のサイトは通常通り見れるので、当ブログ...
ウェブ制作

ブログを始めて10年。運営方法を変えることにしました。

ブログを始めて10年。 その間に色々とブログの運営方法を変えてきましたが、今年10年の節目ということで再度見直し。いくつかに分けていたブログを、当ブログに統合しました。 10年経って、開始当初と同じ雑記ブログに戻ります(笑) 特化ブログ→雑...
Google AdSense

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

ある日、Google AdSense(グーグルアドセンス)を見てみたら。ページ上に緊急性のありそうな赤帯のアラート表示が……。 「要ご対応:AdSenseお支払いアカウントをご確認ください」とのこと。税務情報を確認するために追加書類が必要…...
WordPress

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

WordPressテーマのCocoon。使いやすくて大変お世話になっております。 さて、Cocoonを使っていて概ねそのまま使えるわけですが、細かい部分は自分でカスタマイズして使っています。 先日、自分の記事を見直していた時に、カテゴリへの...
Google AdSense

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

今年2022年3月からGoogle Adsense(グーグルアドセンス)での収益が激減。前年の半分以下という悲しい状況です……。 見直しが必要かなということで色々調べていたのですが、途中で衝撃の事実に気付きました。関連コンテンツが終了。 な...
HTML・CSS・プログラミング

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

CSSのanimation。 昔は要素を動かすにはjQueryのanimateばかり使っている時期がありましたが、jsは多用しすぎると動作が重くなってしまう。CSSのanimationを使えばそれが改善されるということで、知った時には感動し...
Google AdSense

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

YouTube StudioやGoogleアドセンス(Adsense)の画面にいつものようにアクセスすると、「重要」と書かれたアナウンスが表示されるようになりました。 居住地を問わず、YouTube で収益化を行っている世界中のすべてのクリ...
WordPress

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

WordPress5.6にアップグレード。するとおやおや、javascriptのエラーが発生。 コンソールに出力されているエラーは「jQuery is not defined」。jQuery本体が読み込まれていない様子です。 WordPre...
HTML・CSS・プログラミング

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

LINE Messaging APIのプッシュメッセージ通数のカウント方法には気をつけよう、という話。 LINEを利用しているクライアントが結構多いのです。ウェブサイトやシステムの制作とあわせて、ウェブサイト・システムからのアクションをLI...
ウェブ制作

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

input要素のtype=fileでのファイルアップロード。頻繁に使うわけですが。 通常だと、submitされた値をPHPだと$_FILESなんかで受け取って、ファイルサイズや拡張子なんかのバリデーションをしたり、問題無ければファイルアップ...
ウェブ制作

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

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

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

人気ブログランキングなどのサービスにはRSSで新着記事を伝えるわけですが……。当ブログを含めた、私が運用しているブログではなぜかそういったサービスにRSSが読んでもらえていませんでした。 RSS自体は出力されており、エラーチェックをしても正...
ウェブ制作

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

Vue.jsでDOM要素を参照して、スタイルやプロパティを取得・操作したい……。なんて時に使うのがvm.$refs。 要素または子コンポーネントに参照を登録するためにrefを設定。refを設定しておけば$refsから取得できるようになります...
ウェブ制作

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

MySQLの外部キー制約を追加する際にエラー。「ERROR 1215 (HY000): Cannot add foreign key constraint」とな。 実際はどうにも初歩的なミスなのですが、MySQL関連は忘れがちなので備忘録。...
ウェブ制作

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

Vue.jsでtoggle機能を実装したい!勢い始めてみたけれど、単体の1セットなら簡単ですが、多箇所で使いたい場合が意外とすんなりいかない。 設置するのはtoggleを着火するボタンと、それに対応するコンテンツ。toggle機能を使う箇所...
当サイトに関して

記事数1000記事になったので雑記ブログを特化ブログに分けてみた

2014年末にスタートした当ブログ、isLog 〜イズログ〜。もう5年近くやってるんですね。時間が経つのは早いものです。 最近は、ブログの執筆も半ば日課に近いような感じ。ただモチベーションが高いかと言えばそうでもなく、低空飛行で目的地は霞ん...
HTML・CSS・プログラミング

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

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

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

いやほんと、なりすましメールってうっとおしい。フィルターで大抵は迷惑メールとして扱われますが、時折そこをかいくぐってくる奴が現れます。偽装だと薄っすら気付きつつも、利用している大手サービスの名を語っているものだから一瞬ドキッとするわけで。「...
HTML・CSS・プログラミング

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

ブログ書いてます。もう4年ほどになります。ブログ記事を1つ作るにも割と時間がかかるので、忙しくなるとブログの更新が滞ります。写真撮って加工して文章を書いて、記事の形にしたらチェックして……。そう、このチェックが面倒!特に文章。誤字脱字。稚拙...
HTML・CSS・プログラミング

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

ソースコードエディタをMacVimからVisual Studio Code(以下、VSCode)に乗り換えてみました。MacVimを使って数年…VSCodeが気になって浮気してみました。すぐにMacVimに戻ってしまうんだろうな…と内心思っ...