インターネット小話

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

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

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

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

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

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

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

LINEで年賀状の動画を送りたい! 【動く年始のご挨拶】 (2021年)

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

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

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

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

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

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

デジラアプリは、auのモバイルデータ通信量を確認するためのアプリです。月のデータ通信の残量を確認するのに使います。
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にアップデートされました。そ...
スマートフォンを紛失してしまった!? その時のために知っておきたい 【Google 端末を探す サービス】 インターネット小話

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

「にほんブログ村」というサイトをご存知ですか?にほんブログ村は、ブログのランキング・交流サイトです。(参考)にほんブログ村ちいラボも登録してみたので、その理由を整理しておこうと思います。登録サービスの利用これまでは、ちいラボでは登録サービスをあまり使って来なかった気がします。振り返ってみると、何があるかな……ジモティーに登録したらSNS以外では、ジモティーぐらいかもしれません。ジモティーは、一番はじめに教室の内装を安く手に入らないかな、という下心で登録したんですが、結局取りに...