とりあえずのメモ

モバイルディスプレイを縦置きするためにタブレットスタンドを購入した #PR含む

モバイルディスプレイを縦置きするためにタブレットスタンドを購入した

100円ショップで買ったブックスタンド(300円)にモバイルディスプレイを立てかけていたのですが、目線から遠くて見にくいように感じました。そこで、垂直に立てられる 2,000円台のタブレットスタンドを購入しました。角度をほぼ垂直にしても安定感があり、見やすくなりました。高さを地面下までは下げられないのはちょっと誤算でした。モバイルディスプレイ用にスタンドを購入したサブディスプレイとして 14インチのモバイルディスプレイ(MISEDI H01)をつないでいます。ただ、画面がメイ...
Google AdSenseをページごとに分析するには?【アナリティクスとのリンク】 とりあえずのメモ

Google AdSenseをページごとに分析するには?【アナリティクスとのリンク】

Google AdSenseでどのページが成果を上げているか分析するにはアナリティクスと連携する必要があります。Googleアナリティクスの「パブリッシャー広告」で分析するには、AdSense側の設定からリンクしておく必要があります。「パブリッシャー広告」に「データがない」Google Analyticsで AdSenseを分析するには「パブリッシャー広告」の項目を見ます。しかし、初期状態では「データがありません」と表示されています。Google アナリティクス リンクを追加...
[Windows 11] インターネットにつながらない(IPアドレスが169.254.x.x)[DHCP Client] Windows

[Windows 11] インターネットにつながらない(IPアドレスが169.254.x.x)[DHCP Client]

急にWordが起動できなくなりました。どうもインターネットにつながらなくなって、ライセンス認証ができないようです。しかし、「YouTube」や「Instagram」など、つながるサイトもあります。よく確認してみると、IPv4は「インターネットなし」、IPv6は正常に「インターネット」。IPv4のIPアドレスが異常(169.254.x.x)で、DHCPサービスが動いていませんでした。Wi-Fi設定やセキュリティなどでいくつかエラーがあるもののなかなか直せませんでした。結局、「シ...
[Cocoon] サイトのキーカラーを変更した とりあえずのメモ

[Cocoon] サイトのキーカラーを変更した

濃いめのキーカラーの候補を出して、それに合う補助の色を組合せてみました。サイトの配色を試行錯誤元の配色です。臙脂色を基調した配色。焦げ茶色をメインにした配色。それをさらに濃くした配色です。「ユーザー補助」「ユーザー補助」の面で、十分なカラーコントラストになるように調整しました。パッと見でも、文字が読みやすくなったと思います。CSSでのカスタムカラー追加CSSの中でサイトのキーカラーは 直接 値を指定するより、var(--wp--preset--color--key-color...
Zoomの無料プランでは連続ミーティングができなくなった「〜分後に次のミーティングを開始します」 とりあえずのメモ

Zoomの無料プランでは連続ミーティングができなくなった「〜分後に次のミーティングを開始します」

Zoomの無料ミーティングで40分の制限時間後にすぐにミーティングを立ち上げる、という「節約術」が使えなくなっていました。10分のダウンタイムが追加されています。Zoomも「収益化」のフェーズみたいですね。確かに、無料プランの利用者だけだと、経営は成り立ちませんから。〜 分後に次のミーティングを開始します久しぶりに Zoom ミーティングをしたら、40分で切れたあと10分待たないと再開できなくなっていました。つまり、10分のダウンタイムです。利用規約かポリシーが変わったようで...
フォームの要素にラベルが関連付けられていません(input#focus_retriever, iframeTracker)[PSI] とりあえずのメモ

フォームの要素にラベルが関連付けられていません(input#focus_retriever, iframeTracker)[PSI]

PageSpeed Insightsで「フォームの要素にラベルが関連付けられていません」として、「input#focus_retriever」が問題になっていました。js-iframe-trackerを無効したら解決しました。iframeTrackerは、リンククリックを計測するためのjQueryプラグインです。フォームの要素にラベルが関連付けられていませんPSIで「input#focus_retriever」にラベルがない、と表示される。フォームの要素にラベルが関連付けられ...
「ゆうちょ通帳」アプリで送金もできる とりあえずのメモ

「ゆうちょ通帳」アプリで送金もできる

以前は、銀行アプリは明細確認だけで、振込などはサイトにアクセスする必要がありました。オンラインバンキングでの送金は、セキュリティが厳重でややこしいです。しかし、最近は、銀行サイトにログインしなくても、スマホアプリからできる取引が増えました。「ゆうちょ通帳」アプリにも送金機能があります。アプリなら設定さえ済ませておけば、セキュリティを保護しながら操作が簡単になります。設定されたスマホ本体そのものが本人確認を補っているからです。いつの間にか、かつてのオンラインバンキングより、手軽...
Threadsは Instagramでログインする(ログインリクエストと承認) SNS

Threadsは Instagramでログインする(ログインリクエストと承認)

Threadsにはアカウント作成がない。既存のInstagramアカウントでログインする。新しい端末からログインする時にはInstagramアプリで承認する。Instagramの中の追加機能みたいな感じなんだね。Threadsのログイン画面Androidスマートフォンにも、Threadsをインストールしました。Threadsのログイン画面は、Instagramアカウントのログイン画面です。新しい端末からログインすると、Instagramアプリへ「ログインリクエスト」が送信され...
今日のGoogleロゴは「七夕」(2023年7月7日) とりあえずのメモ

今日のGoogleロゴは「七夕」(2023年7月7日)

今日の Googleロゴ(Doodle)は、「七夕」。「たなばた」または「しちせき」とも読みます。「七夕」を「たなばた」と読むのは、乙女が着物を織って棚にそなえる禊ぎ行事、「棚機(たなばた)」に由来するそうです。◆最新のDoodleはこちら 七夕の節句七夕は、古くから行われているお祭りで、五節句のひとつ。五節句人日(1月7日)上巳(3月3日)端午(5月5日)七夕(7月7日)重陽(9月9日)乙女が着物を織って棚にそなえ、神さまを迎えて秋の豊作を祈り人々のけがれをはらうという古来...
ホモグラフ攻撃とトップレベルドメインの意味を考える とりあえずのメモ

ホモグラフ攻撃とトップレベルドメインの意味を考える

URLって単純なようで、意外と奥が深いんだね。ホモグラフ攻撃とは?ニュース番組でのネット・セキュリティについての解説で誤りが含まれていた、と話題になっていました。URLの理解が深まる きっかけになるので、取り上げたいと思います。下のスライドの解説に、「誤り」があるそうです。「ホモグラフ攻撃」の解説自体は合っています。実態にそぐわないのは「例」の方です。本物のサイトと似た別の文字に置き換えたURLを使い偽サイトに誘導するフィッシング手法ホモグラフ「ホモグラフ(homograph...
銀行振込をスマホからするには?(京銀アプリの口座登録) とりあえずのメモ

銀行振込をスマホからするには?(京銀アプリの口座登録)

オンラインバンキングのサービスや登録は、いろいろ重なっていて どこから手を付けたらよいのか混乱します。スマホで銀行振込みをする方法を、京都銀行の場合で整理してみました。選択肢京銀ダイレクトバンキング京銀インターネットEBサービス京銀アプリことら送金結論から言うと、個人利用なら「京銀アプリ」を登録するのが一番スムーズでした。(参考)京銀アプリ 公式サイト(Google Play / App Store)「オンラインバンキング」とは?「スマホから銀行振込をする」というと、まず「オ...
Threadsを始めるには?(「Instagram製のTwitter」) Android

Threadsを始めるには?(「Instagram製のTwitter」)

Twitterが閲覧数制限で混乱しているさなか、Metaの新SNS「Threads」がスタートしました。まさに 「Instagram製のTwitter」という感じです。ただ、見た目は Twitterそっくりでも、アカウントの仕組みなどはだいぶ違うので要注意です。(公式アプリ)Threads(Instagram, Inc.)(Google Play / App Store)Threadsは「Instagram製のTwitter」アプリを開いてみると、「Instargamのデザイ...
iPhoneからPCにファイル転送中の2MBほどの画像が一瞬 6GBと表示されている?(不安定な転送) iPhone

iPhoneからPCにファイル転送中の2MBほどの画像が一瞬 6GBと表示されている?(不安定な転送)

iPhone からWindows PCに写真をまとめて転送していたら、一瞬 異常に大きなファイルサイズ(6GB)が表示されていることに気づきました。PCのストレージ容量が90%を超えていたり、Lightningケーブルが古かったこともあり、転送が不安定だったのかもしれません。環境iPhone SE 2,Linghtning-Type CケーブルWindows 11ファイル転送中に大きな数字が見えるファイル転送中の画面を見ていたら、ちらっと大きな数字が目に止まりました。スロー(...
LINEで「ノート」が届いたけど何が違うの? SNS

LINEで「ノート」が届いたけど何が違うの?

LINEの「ノート」は、大事なお知らせを後で探しやすくする機能です。届いたノートは、トークルームの右上「メニュー」から一覧できます。ノートを見る(ノート一覧)トークに届いたメッセージの下に、「ノート」と書かれている場合があります。LINEの「ノート」は、文章や画像などをひとまとめにしたものです。押すと詳しく見られます。ノートが便利なのは、後から探しやすいこと。トークルームの右上にある「メニュー(≡)」から「ノート」を開くと、これまで投稿されたノート一覧を確認できます。よく日程...
[CSS] AdSense広告のCLSを改善した とりあえずのメモ

[CSS] AdSense広告のCLSを改善した

AdSense広告の読込み途中で画面ズレが生じるので、あらかじめ高さを設定するようにしました。/** 広告のCLS 改善 * */.ad-auto .ad-wrap, .ad-area .ad-wrap{ min-height:280px;}@media screen and (max-width: 480px){ .ad-auto .ad-wrap, .ad-area .ad-wrap{ min-height:calc(83vw); }}このCSSコードでは、ウェブサイト上...
[Cocoon] カルーセル使用時のCLSを改善するために高さを計算した(calc, vw) とりあえずのメモ

[Cocoon] カルーセル使用時のCLSを改善するために高さを計算した(calc, vw)

PageSpeed Insightsで計測したときに、CLS(Cumulative Layout Shift)が「0.33(不良)」になるのが気になっていました。主な原因は、トップページで表示しているカルーセルです。CSSの calc() を使って、画面の幅からカルーセルの高さを計算することで、CLSを 0 に改善できました。カルーセルがCLSに悪影響しているCLS(画面ズレ)が起こるのは、トップページにある「カルーセル」が原因です。確かに、サイトの表示を見てみると、一度 広...
とりあえずのメモ

[PSI] サイトロゴの画像サイズを最適化した 「画像要素で width と height が明示的に指定されていない」(片方だけでは暗黙)

PageSpeed Insights(PSI)の減点項目に「画像要素で width と height が明示的に指定されていない」としてヘッダーのサイトロゴがありました。これまで ヘッダーのロゴとモバイルヘッダーメニューのロゴは、高さだけを指定していました。高さだけでも表示サイズは計算できていましたが、PageSpeed Insightによると「ユーザー補助」の面で減点になるようです。ヘッダーロゴのサイズヘッダーロゴのサイズは、Cocoon設定の「ヘッダー」で修正しました。「...
【検討中】 jquery-migrateを減らしてみたけど、戻した [WordPress] とりあえずのメモ

【検討中】 jquery-migrateを減らしてみたけど、戻した [WordPress]

PageSpeed Insightsで「レンダリングを妨げるリソースの除外」を見てみると、jqueryに関する2つのスクリプトが目につきました。(Google CDN)jquery.min.js?ver=3.6.1(Cloudflare CDN)jquery-migrate.min.js?ver=3.0.1これを除外できないか試みてみました。jQueryスクリプトを入れ替えjQueryのスクリプトを入れ替えてみます。(参考)jQuery CDNfunction refresh...
とりあえずのメモ

スクリプトとスタイルの遅延読込みのしかた[PSI](WordPress)

CSSは、とりあえずCocoonの「CSS縮小化」で除外できました。jqueryは、wp_enqueue_script でフッター読込みに変更しました。レンダリングを妨げるリソース久々に PageSpeed Insights(PSI)のスコアを見て、サイト設定をメンテナンスしています。「レンダリングを妨げるスクリプト」がちょっと残っているのが気になりました。画像と同じようにスクリプト も 遅延読み込みすることができます。script deferJavaScriptはscrip...
[Cocoon]「pinit_main.js」を削除するには?(Pinterest) SNS

[Cocoon]「pinit_main.js」を削除するには?(Pinterest)

Lighthouse Treemapで読み込まれている JavaScriptを見ていると、「」というコードが目に留まりました。これは、Pinterestでシェアするため画像選択処理を記述したスクリプトです。CocoonのSNSシェアの Pinterestが有効だと、フッターに「」の読込みが挿入されていました。 <?php //Pinterestシェアボタン用のスクリプト if (is_singular() && (is_top_pinterest_share_button_v...