インターネット小話

クレジットカードのWEB明細でセキュリティ警告が表示された 【VISAのVPass】ウェブサイトの信憑性の調べ方 インターネット小話

クレジットカードのWEB明細でセキュリティ警告が表示された 【VISAのVPass】ウェブサイトの信憑性の調べ方

クレジットカードは、一番セキュリティが大事です。そんなクレジットカードに関する手続きで、「セキュリティ警告」が出てくるとびっくりしますよね。今回は「セキュリティ証明書」を通して、ウェブサイトの信憑性の確認の仕方について説明します。QRコードからWEB明細の登録をする毎月届くクレジットカードの明細書。ちょっと前（2020年8月）なんですが、その封筒の中に、「WEB明細」登録のお願いのハガキが入っていました。いろんな紙の明細書が有料になっています。ペーパーレス、デジタル化ですね。...
2020.10.16 2023.04.10
インターネット小話セキュリティ
Google Search Console でURL登録が一時的にできない！？ 【検索エンジンのアップデート】 インターネット小話

Google Search Console でURL登録が一時的にできない！？ 【検索エンジンのアップデート】

Google Search ConsoleでURL登録をしようとしたら、エラーになってしまいました。はじめて経験したので、メモしておきます。【追記：2020年12月24日】復旧しました。「ページの操作が一時的に無効になっています。」Google Search Consoleで記事が検索対象になるように、URL検査をしたところ、「インデックス登録をリクエスト」がグレーになっていました。ページの操作が一時的に無効になっています。原因は「検索のアップデートための準備」オンラインサー...
2020.10.16 2020.12.23
インターネット小話ニッチな話題ホームページ運用
Word・Excelの「アカウントのエラー」 【サブスク時代の基礎知識】 インターネット小話

Word・Excelの「アカウントのエラー」 【サブスク時代の基礎知識】

WordやExcelを使っていると、画面の上に「注意（⚠）」マークが表示されていることがありませんか？以前からWord, Excelを使っている人ほど、疑問に思うエラーですよね。この背景には、インターネット時代のビジネスモデルの変化があるんです。アカウントのエラー画面の上に「注意（⚠）」マークをクリックしてみます。アカウントのエラー申し訳ございません。現在アカウントにアクセスできません。この問題を解決するには、もう一度サインインしてください。自分のパスワードを入力すれば、それ...
2020.10.14
インターネット小話パソコン基礎知識
Amazonプライムを騙る詐欺メールのリンク先は？ 【フィッシングサイトのドメイン情報を調査】 インターネット小話

Amazonプライムを騙る詐欺メールのリンク先は？ 【フィッシングサイトのドメイン情報を調査】

こんにちは。メールの整理をしていたら、「迷惑メール」フォルダに「Amazon」からのお知らせがありました。でも、そのメールがちょっと変なんです。ポイントAmazonプライムの「お支払い方法の情報を更新」は偽メールだった。リンク先のURLアドレスは偽サイトだった。すでに偽サイトは閉鎖されていた。Amazonプライム（？）から「お支払い方法の情報を更新」というメールが来た？まずは、どんなメールか見てみてください。件名は「お支払い方法の情報を更新」で、差出人は「Amazon.co....
2020.10.14 2023.09.15
インターネット小話
Google Search Consoleのスクリーンショットは公開してよいのか？ インターネット小話

Google Search Consoleのスクリーンショットは公開してよいのか？

Google Search Consoleは、自分のサイトを登録して、検索パフォーマンスを集計するためのツールです。この集計されたデータは規約上 公開してよいものなのか、確認してみました。結論としては、サイト管理者の許可があれば大丈夫とのことです。ネットに情報をアップするときに気をつけることデータを公開してよいのかの基準には、以下のようなものがあります。著作権・知的財産権プライバシー・肖像権機密情報・秘密保持義務例えば、Google Adsenseの場合は、利用規約に「秘密保...
2020.10.12 2020.10.14
インターネット小話ニッチな話題ホームページ運用
「国勢調査」の検索行動の推移 【締切間際の偏り具合を調べた】 ちいラボエッセイ

「国勢調査」の検索行動の推移 【締切間際の偏り具合を調べた】

先日、スマートフォンから国勢調査のインターネット回答をし、レポートしました。そのレポートのアクセス数の変化をGoogleサーチコンソールでみてみると、予想以上にたくさんの人が、締切ギリギリに行動していたことがわかりました。けっこう締切ギリギリの人も多いんですね💡検索パフォーマンスのグラフ国勢調査の書類は、9月中旬ごろに書類が郵送されてきました。10月7日までにオンライン回答をすると、訪問調査がなしになる、ということだったので、実質的に、３週間ぐらいの調査期間でした。この間の検...
2020.10.12 2020.10.27
ちいラボエッセイインターネット小話ニッチな話題ホームページ運用
[Pinterest] RSS Feedがうまく生成されていない 【WordPressのRSSを修正する】 ニッチな話題

[Pinterest] RSS Feedがうまく生成されていない 【WordPressのRSSを修正する】

Pinterestとブログの連携をしていたら、エラーに遭遇したのでメモ書きです。※未解決です。PinterestでRSSを読み込めない（泣）Pinterestにウェブサイトを認証すると、「自動公開する」という選択肢が表示されるようになります。これができると、ブログに投稿すると、自動的にアイキャッチ画像でピンが作成されます。もし、サイトのRSSフィードのURLがわからない場合は、ここで調べられます。ところが、Pinterestにフィードを登録しようとしたら、エラーが出てきました...
2020.10.11 2022.02.28
ニッチな話題ホームページ運用追記予定の話
ウェブ集客のため（？）にPinterestに登録してみた話 【ビジネス向けアカウント】 SNS

ウェブ集客のため（？）にPinterestに登録してみた話 【ビジネス向けアカウント】

Twitterを見ていたら、「ブログのアクセスアップにPinterestが有効」という話題がありました。お店にとってPinterestは有効なのか？Pinterestについては、InstagramみたいなSNSという認識だったので、ちょっと試してみることにしました。へぇー。いろいろがんばるねぇPinterestとInstagramの違いをまとめようPinterestは写真を共有するサービスです。似たようなサービスで有名なInstagramと比較してみましょう。Pinteres...
2020.10.09 2024.04.18
SNSとりあえずのメモインターネット小話ニッチな話題ホームページ運用
「URLはGoogleに登録されていますが問題があります」？ 【AMP動画の必須属性】 ニッチな話題

「URLはGoogleに登録されていますが問題があります」？ 【AMP動画の必須属性】

Googleの検索にブログのURLを登録しようとしたら、こんなエラーに遭遇しました。動画を扱っているページだったので、動画のAMP対応をしました。「URLはGoogleに登録されていますが問題があります」とはブログ記事が出来上がって、Google Search Consoleで、URLをテストしました。インデックス登録の仕方と意味についてはこちら。すると、エラーメッセージが表示されました。URLはGoogleに登録されていますが問題がありますAMP AMPページが無効ですはい...
2020.10.08 2021.10.19
ニッチな話題ホームページ運用
「あなたのクチコミが人気です」の理由は？ 【Googleマップの通知】 インターネット小話

「あなたのクチコミが人気です」の理由は？ 【Googleマップの通知】

ねぇねぇ、こんな通知があったんだけど、ほっといていいの？スマートフォンを使っていると、気になるのが通知ですよね。以前に比べて、いろんなアプリが通知を表示するようになっています。慣れないとびっくりしますよね。Googleマップの通知の見方をみてみましょう。要件BASIO 4, Androidこんな通知がありましたマップあなたのクチコミが人気です！いきなり、「クチコミが人気です」なんて言われても、何のことやら、ですよね。この通知は、マップでクチコミを投稿したことがあると、表示され...
2020.10.08 2021.04.14
インターネット小話スマホ基礎冊子テキスト
インターネットでクレジットカード支払いで入力する３項目 【セキュリティコードの意味】 インターネット小話

インターネットでクレジットカード支払いで入力する３項目 【セキュリティコードの意味】

インターネットでの買い物で、一番便利なのはやはりクレジットカード決済でしょう。注文時に支払いまで完了するのが魅力です。でも、クレジットカード情報を入力することに不安を覚える方も多いと思います。「セキュリティコードだけで、大丈夫なのかな？」と疑問に思って、まとめてみました。支払い方法で入力する主な項目インターネットショッピングだけでなく、アプリやチケットを購入するときなどには、必ず注文前に支払い方法を決めます。逆に言うと、支払い方法を決めないまま「購入」できるウェブサイトはほと...
2020.10.07 2023.02.09
インターネット小話
LINEで年賀状の動画を送りたい！ 【動く年始のご挨拶】 （2021年） インターネット小話

LINEで年賀状の動画を送りたい！ 【動く年始のご挨拶】 （2021年）

肌寒くなってくると、そろそろ年賀状シーズンの訪れを感じます。一年の経つのは早いものですね。せっかくなので今年は LINE で年賀状動画を送ってみようと思います。【追記】2022年版もできました！LINEで送れる2021年の年賀状動画を作りました夏には暑中見舞い動画が好評で、「年賀状動画もないの？」というお問い合わせをいただきました。そこで、せっかくなので ちいラボ でも年賀状の動画を作ってみました。完成した年賀状動画2021動画のダウンロードこちらのボタンをタップすると、スマ...
2020.10.07 2023.12.26
インターネット小話スマホ基礎
かんたん通帳で「連携できていません」 【デジタル通帳の連携】 インターネット小話

かんたん通帳で「連携できていません」 【デジタル通帳の連携】

最近、世間ではいろいろなシステム障害のニュースを耳にします。 ドコモとか、ゆうちょ銀行とか、東京証券取引所とか……とはいえ、ほとんどのエラーは慌てなくても大丈夫。今回は、通帳アプリの「連携エラー」について、説明します。「連携できていません」というエラーメッセージわたしは京都信用金庫の「かんたん通帳」アプリを使っています。ほかにも滋賀銀行の「デジタル通帳」アプリも使っていますが、開発元が一緒なのでほとんどそっくりです。アプリストアはこちらマネーフォワードのシステムを導入している...
2020.10.05 2021.11.15
インターネット小話スマホ基礎
LiteSpeed Cacheプラグインが使えない場合があるのはなぜ？【レンタルサーバーの種類】 インターネット小話

LiteSpeed Cacheプラグインが使えない場合があるのはなぜ？【レンタルサーバーの種類】

WordPressには有料・無料、さまざまなプラグイン・テーマがあります。LiteSpeed CacheプラグインもWordPressプラグインの一つですが、使える場合とそうでない場合があるということだったので、理由を調べてみました。キャッシュ化の仕組みわたしがLiteSpeed Cacheプラグインを知ったのは、「サイトの接続スピードをあげよう」という調べ物をしていたときです。サイトスピード向上には、いろいろな方法がありますが、そのうちの一つが「キャッシャ化」です。インター...
2020.10.02 2020.10.03
インターネット小話ニッチな話題ホームページ運用
[au]「デジラアプリ」って何のアプリ？【モバイルデータ通信量の確認の仕方】 インターネット小話

[au]「デジラアプリ」って何のアプリ？【モバイルデータ通信量の確認の仕方】

デジラアプリは、auのモバイルデータ通信量を確認するためのアプリです。月のデータ通信の残量を確認するのに使います。
2020.10.01 2022.04.24
インターネット小話スマホ基礎
LiteSpeed CacheがアップデートされてJQueryが遅延読込みされている 【ただしサイトスピードは高速化】 ニッチな話題

LiteSpeed CacheがアップデートされてJQueryが遅延読込みされている 【ただしサイトスピードは高速化】

ほとんどタイトルが全てなんですが、LiteSpeed Cacheプラグインのアップデートについてメモしておきます。プラグインのアップデート一つでこんなに変わるんですね。LiteSpeed Cacheのバージョンが3.5.0.1にアップグレードされたLiteSpeed CacheはWordPressのプラグインで、mixhostサーバーではサイトスピード向上のために利用することができます。最近（2020年9月29日）バージョンが3.4.2→から3.5にアップデートされました。そ...
2020.09.30 2023.07.07
ニッチな話題ホームページ運用
スマートフォンを紛失してしまった！？ その時のために知っておきたい 【Google 端末を探す サービス】 インターネット小話

スマートフォンを紛失してしまった！？ その時のために知っておきたい 【Google 端末を探す サービス】

スマートフォンをなくしたら心配よね💦今回は、Androidスマートフォンをなくしても焦らないで済むように、事前に設定しておくアプリを説明します。「端末を探す」アプリでできる２つのことスマートフォンをなくして、「絶対にあのレストランで忘れた！」と思って探してもらったのになくて……、あとあと自宅から出てきた、そんな経験は誰しもあるのではないでしょうか？自慢じゃないけど、物忘れなら任せて！（笑）せっかくスマートフォンには位置情報があるので、自分でも活用したいですよね。Android...
2020.09.29 2024.10.29
インターネット小話クラウドスマホ基礎
[mixhost] 自分のサイトにアクセスできない【データベース接続確立エラー】 #PR含む

[mixhost] 自分のサイトにアクセスできない【データベース接続確立エラー】

ブログの編集をしていたら、いきなりアクセスできなくなりました。どうもレンタルサーバの一時的なエラーで、1時間ほど待つと無事に復旧されました。はじめてのことでびっくりしましたので、その顛末を記録しておきます。Error establishing a database connectionとは？自分のサイトにアクセスしたら、こんなメッセージが表示されました（2020-09-26 17:33）。Error establishing a database connectionThis...
2020.09.26 2023.03.28
#PR含むニッチな話題ホームページ運用
[Cocoon]外部ブログカードのサイトアイコンを上に移動した【CSSのposition:absolute】 ニッチな話題

[Cocoon]外部ブログカードのサイトアイコンを上に移動した【CSSのposition:absolute】

以前、funtions.phpでテンプレートを変更することで、ブログカードのデザインを変更しました。しかし、「デザインを変更するならCSS」ということで、改めて挑戦してみました。こんなふうに変えましたいつものようにビフォー・アフターをお見せします。↓こうなりました。HTML要素を変更せずにちゃんとCSSでデザインを変えられました。CSSコードはこちらポイントはblogcard-footer要素の位置をabsolute（絶対配置）にして、移動することです。親要素内に自由に配置で...
2020.09.26 2024.08.08
ニッチな話題ホームページ運用
[Cocoon] 引用ブロックをすっきりさせた ニッチな話題

[Cocoon] 引用ブロックをすっきりさせた

引用ブロックのデザインをすっきりさせました。前後のデザインの比較もとはこんな感じでこうしました。引用符を枠線の外に出すことで、ちょっとすっきりしてませんか？CSSコードはこちら/** * 引用をすっきりさせた * */.entry-content blockquote:before, .entry-content blockquote:after { position: absolute; width: 0.5em; color: #a08010; background: w...
2020.09.26
ニッチな話題ホームページ運用
[Cocoon]アイコンリストのデザインをラベルボックスみたく余白をつめた ニッチな話題

[Cocoon]アイコンリストのデザインをラベルボックスみたく余白をつめた

Cocoonのアイコンリストのデザインが、ラベルボックスに比べて余白が多すぎる感じがしたので、修正しました。ビフォー・アフターを比べる元のデザインがこれでちょっとラベルボックスに比べると間延びしている気がします。こんなふうにしました。ほんとはさらにリストタイトルをラベルのようにしたかったんですが、ボーダーをつけるdiv要素を変えるのは大変だったので、やめました。Cocoonのラベルボックスのいいところ記事の中のポイントが目立って、読みやすいことです。Cocoonのアイコンリス...
2020.09.26
ニッチな話題ホームページ運用
スムーズにフリーイラストの配布する【ショートコードでクリエイティブコモンズ登録】 インターネット小話

スムーズにフリーイラストの配布する【ショートコードでクリエイティブコモンズ登録】

こないだは自作の画像ファイルをクリエイティブ・コモンズ・ライセンスで公開する方法を調べました。せっかく作った図案のうち、再利用できそうなものは、ほかの方も使えるようにすると便利なはずです。しかし、ライセンス情報をHTMLで記述するのは大変です。そこで、ショートコードで省力化できないか、と考えました。それが今回のお題です。ショートコードで実現したい目標ショートコードは[cc_img url=画像のURL name=表示名]という書き方にします。つまり、こんなふうに入力したらこん...
2020.09.25 2021.10.19
インターネット小話ニッチな話題ホームページ運用
OneDriveのバックアップが終わらない？ カメラアップロードから古い写真を除外したい インターネット小話

OneDriveのバックアップが終わらない？ カメラアップロードから古い写真を除外したい

先日、OneDriveが調子が悪かったので、何度か再インストールしました。そこで問題になるのがカメラアップデート。スマホの中の全部の写真を延々と、OneDriveにアップロードしだすのです。今回は、OneDriveを再インストールしたときのちょっとしたコツについて説明します。カメラアップロードの基本的な仕組み「カメラアップロード」は、スマホで撮影した写真をOneDriveというクラウド・ストレージに自動でバックアップする機能です。スマホ内の写真がなくなってしまっても、OneD...
2020.09.25 2020.09.28
インターネット小話スマホ基礎
まずはSkypeの３つの基本機能から覚えよう【ビデオ通話の基礎知識】 インターネット小話

まずはSkypeの３つの基本機能から覚えよう【ビデオ通話の基礎知識】

仕事などでビデオ通話をするとなると、Skypeが有名です。今でこそ たくさんのビデオ通話サービスがありますが、Skypeはその草分け的な存在です。名前は聞いたことはある、という人も多いですよね。もともとはパソコン用ソフトでしたが、今はスマホにもアプリがあります。今回は、そんなSkypeに一歩近づく、一番かんたんな使い方をおさえておきましょう。要件・Androidスマートフォン・Skype ver. 8.64.0.83Skypeの画面構成まずはスマホのSkypeアプリの画面を見...
2020.09.24 2021.01.07
インターネット小話スマホ基礎
Amazon商品紹介リンクをショートコードで入れられるようにした #PR含む

Amazon商品紹介リンクをショートコードで入れられるようにした

Cocoonには商品紹介のショートコードがあります。これまでは手動でAmazonアソシエイトツールバーでリンクを取得していたんですが、これがまぁ大変。ショートコードを利用するとISDNなどの商品コードだけで画像や商品名を表示することできることに気づきました。これまでのやり方は大変だった見出しやボタンを組み合わせて、作っていました。画像リンクやテキストリンクなどをコピーしてくるのに、かなり時間がかかります。それを、こんなふうにしました。見た目にもコンパクトだし、何よりも気軽に使...
2020.09.24 2024.08.31
#PR含むニッチな話題ホームページ運用
遅延読込みでコードハイライトが機能しない【LiteSpeed Cache】 ニッチな話題

遅延読込みでコードハイライトが機能しない【LiteSpeed Cache】

cocoonには「ソースコード設定」をしておいて「コードブロック」を挿入すると、コードをカラフルにハイライト表示する機能があります。なんか見た目にカラフルでいいですよね。cocoonでコードがハイライトしないところが何故かうまく表示されません。まずは、表示されたコードブロックを見てみてください。このように、コードブロックがあるのにjavascriptの色分けがされていません。まずはHTMLを検証してクラスを確認する検証でHTMLを見てみると、ちゃんとjavascriptのクラ...
2020.09.24 2023.04.23
ニッチな話題ホームページ運用
リンクを表示するとスタンプが押されるCSSアニメーション ニッチな話題

リンクを表示するとスタンプが押されるCSSアニメーション

今回は「押すのが心地よいリンク」というのを考えてみました。それが、画面に表示すると、スタンプが押されるアニメーションです。枠の中にマウスをポイントしてみてください。 どうでしょうか？　押したくなります？HTMLコードポイントは、my-stampとstamp2というクラスです。my-stampが枠全体、stamp2が中のイラストを指しています。<figure class="wp-block-image size-large is-resized my-stamp"> 読んだよ ...
2020.09.23 2024.12.16
ニッチな話題ホームページ運用
「にほんブログ村」をはじめた理由 ちいラボエッセイ

「にほんブログ村」をはじめた理由

「にほんブログ村」というサイトをご存知ですか？にほんブログ村は、ブログのランキング・交流サイトです。（参考）にほんブログ村ちいラボも登録してみたので、その理由を整理しておこうと思います。登録サービスの利用これまでは、ちいラボでは登録サービスをあまり使って来なかった気がします。振り返ってみると、何があるかな……ジモティーに登録したらSNS以外では、ジモティーぐらいかもしれません。ジモティーは、一番はじめに教室の内装を安く手に入らないかな、という下心で登録したんですが、結局取りに...
2020.09.22 2024.07.25
ちいラボエッセイインターネット小話ホームページ運用
いらすとや だけじゃない、権利的に使いやすいイラストサイト 【PixabayやTopeconHeroes】 パソコン基礎知識

いらすとや だけじゃない、権利的に使いやすいイラストサイト 【PixabayやTopeconHeroes】

チラシやブログなどの資料作成では、イラストがあると伝わりやすくなります。今回は、イラストサイトについてまとめておきます。個人的オススメ度運営特徴いらすとや★★☆個人使いやすく、誰でも見たことのあるイラストpixabay★★★投稿フリーライセンスで、ダウンロードも速いTopeconHeroes★★★個人いろんなサイトがあるAC Illust★☆☆投稿ダウンロードに手間がかかるのが難点イラストくん★☆☆個人学校や地域活動で使いやすい雰囲気ストックイラストのPIXTAもちろん有料の...
2020.09.22 2024.06.15
パソコン基礎知識ホームページ運用
どうする？期限切れのウイルスバスタークラウドがそのままになっているよ【アンインストール】 インターネット小話

どうする？期限切れのウイルスバスタークラウドがそのままになっているよ【アンインストール】

パソコンのメンテナンスをすると、よくあるのが期限切れのセキュリティソフトがそのままになっているものです。期限切れのセキュリティソフトは、ただ広告（あるいは警告）を表示するだけで、何も保護してくれません。パソコンにとっては無駄な動作になるので、更新するのでなければ、ちゃんと削除しておきましょう。ということで、ウイルスバスタークラウドをアンインストールした話です。本製品の有効期間が終了しましたパソコンのタスクバーにこんな通知がありました。このグレーの丸いマークはウイルスバスターの...
2020.09.22 2021.10.19
インターネット小話パソコン基礎知識
WordPressのテンプレートをいじらずにPHPコードで遊びたい【テキストウィジェットで評価】 ニッチな話題

WordPressのテンプレートをいじらずにPHPコードで遊びたい【テキストウィジェットで評価】

WordPressのカスタマイズにはPHPコードを利用しますが、テンプレートをいじるのはなんか不安です。ウィジェットとしてPHPコードを実行したいと思います。追記（2024-07-20）任意のPHPコードを評価する機能は、セキュリティリスクが大きいので削除しました。カスタムHTMLではPHPコードは実行できないまず試したのがウィジェットの「カスタムHTML」です。しかし、「<?」で始まるタグはエラーになってしまいます。Special characters must be es...
2020.09.22 2024.07.20
ニッチな話題プログラミングホームページ運用
OneDriveアプリのファイル一覧が更新できない[Android] インターネット小話

OneDriveアプリのファイル一覧が更新できない[Android]

パソコンからスマホにデータを移すときに、よくOneDriveを使っています。しかし、今日いつものようにスマホにデータをダウンロードしようとしたら、うまくいきませんでした。数時間格闘したので、書いておきますね。OneDriveアプリのファイル一覧が更新されないまず、状況を整理すると、使っているのはAndroidのOneDriveアプリです。OneDriveアプリのファイルリストの表示を更新しようとしても、いつまでもぐるぐる回って、更新が完了しません。何かに詰まっていて更新が進ま...
2020.09.20 2020.09.28
インターネット小話スマホ基礎
タイトル見出しにアニメーションをつけてみた 【CSS animation】 ニッチな話題

タイトル見出しにアニメーションをつけてみた 【CSS animation】

タイトル見出しを大きく表示するようにしたので、アニメーションで表示するようにしてみました。基本的なアニメーション部分の構造をみる見出し全体のフェードインと、上下の線の伸びるエフェクトの２つが組み合わせています。CSSの中でフェードインの部分だけを抜き出してみます。/* 見出しをフェードイン */h1.entry-title { animation: title-fade-in 0.5s ease 0.8s 1 normal running forwards;}@keyfram...
2020.09.19 2020.11.09
ニッチな話題ホームページ運用
【一部市町村は11月20日まで！】 スマホから国勢調査のインターネット回答してみた （2020年9月） 【ログインIDとアクセスキー】 インターネット小話

【一部市町村は11月20日まで！】 スマホから国勢調査のインターネット回答してみた （2020年9月） 【ログインIDとアクセスキー】

国勢調査の案内が届きました。デジタル化の流れもありますし、せっかくなのでインターネットで回答してみました。10分かからずにできましたよ。調査期間は10月20日（火）までですが、一部地域で引き続きインターネットでも受け付けていますよ。【追記】市町村によって1ヶ月の期限延長（2020年10月21日時点）国勢調査は10月20日まででしたが、一部の市町村では調査期間が11月20日まで1ヶ月間 延長されています。調査期間が延長された市町村（153市町村）はこちら（PDF）です。【追記】...
2020.09.19 2021.06.10
インターネット小話スマホ基礎
[CSS] 目次のデザインをすっきりさせた ホームページ運用

[CSS] 目次のデザインをすっきりさせた

style.cssに目次のデザインを追加しました。こんなふうに変更しました。違いがわかりますか？スタイルを変更したのは主に３箇所目次のアイコンを追加した見出し3のフォントサイズを小さくした余白を狭くした/*目次のデザイン*/.article .toc { border-color: #a08010 ; padding: 10px; width: 95%;}.article .toc-title { text-align: left;}.article .toc-title::...
2020.09.19 2020.11.10
ホームページ運用
見出しに吹き出しをつけるスタイルをやめた ニッチな話題

見出しに吹き出しをつけるスタイルをやめた

見出しに吹き出しつけるCSSを入れていたんですが、やめることにしました。こんな見た目でした/** 見出しに吹き出しをつける */@media screen { #container h2 { position: relative; padding: 0.6em 1em !IMPORTANT; } #container h2:not(.entry-card-title):not(.related-entry-heading):after { position: absolute...
2020.09.19 2021.10.24
ニッチな話題ホームページ運用
最近のインターネットはあまり「匿名の空間」ではなくなっている【電話番号が必須】 ちいラボエッセイ

最近のインターネットはあまり「匿名の空間」ではなくなっている【電話番号が必須】

とりとめもない話ですが、最近のセキュリティとプライバシーについて感じたことがあります。Yahoo IDの登録で携帯電話番号が必要たまたま TポイントをPayPayと連携するためにYahoo IDの登録をしたんですが、アカウントの作成に「電話番号」が必須になっていました。「電話番号」は、大事な個人情報なので、なるべくなら入力したくない気がします。Yahoo IDといえば、以前はフリーメールのYahooメールを作るために取得した記憶があります。そのときは、特に何の個人情報も出さず...
2020.09.17 2023.05.11
ちいラボエッセイアカウントインターネット小話
WP ULikeプラグインがAMPページでうまく表示されない [WordPress] ニッチな話題

WP ULikeプラグインがAMPページでうまく表示されない [WordPress]

WP ULikeプラグインは、WordPressに「いいね」ボタンを設置するプラグインです。通常ページではこのようにハートマークのいいねボタンが表示されます。ところが、AMPページだと……0の隣の小さな白い丸になってしまっています。このハートマークは、CSSの:after 擬似クラスで背景画像として表示されています。ところが、AMPページでは:after擬似クラスが使えないため、何も表示されていないのです。いったんWP ULikeプラグインは無効にしました。残念。こちらもどう...
2020.09.17 2021.10.24
ニッチな話題ホームページ運用
WordPressで効率的にブロックを挿入したい！ 【スラッシュ挿入を活用】 （Change Block Keywordsプラグイン） ホームページ運用

WordPressで効率的にブロックを挿入したい！ 【スラッシュ挿入を活用】 （Change Block Keywordsプラグイン）

WordPressのブロックエディタには、スラッシュでブロックを挿入する機能があります。これを「slash inserter（スラッシュ挿入）」といいます。「slash inserter」で検索すると、英語の記事がいくつか出てきます。「change-block-keywords」プラグインを使うと、スラッシュ挿入のキーワードを自分で設定できるようになります。追記：2024-04-26ChangeBlockKeywordsプラグインのメンテナンスは、2021年5月を最後に止まっ...
2020.09.17 2024.08.08
ホームページ運用作業効率化
「:not()」で複数のclassを指定するには 〜 擬似クラス[CSS] ニッチな話題

「:not()」で複数のclassを指定するには 〜 擬似クラス[CSS]

プログラミングには論理演算というのがあって、条件を組み合わせることがよくあります。条件を組み合わせたい（論理積）ことは多い例えば、擬似コードですが、if(day ≠ "日" ∧ day ≠ "土") return 営業else return 休日このような２つの条件、Aでもなく、Bでもない、という書き方をすることがあります。CSSではどうすればよいのでしょうか？否定擬似クラス:notを組み合わせる否定擬似クラス:notがありますが、複数組み合わせる場合は実はつなげて書きます。...
2020.09.17 2024.06.12
ニッチな話題ホームページ運用
次のページ