インターネット小話

いらすとや だけじゃない、権利的に使いやすいイラストサイト 【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
ニッチな話題ホームページ運用
「NHKゴガク」アプリでテレビ講座は見られる？ （NHKをインターネットで見る方法まとめ） インターネット小話

「NHKゴガク」アプリでテレビ講座は見られる？ （NHKをインターネットで見る方法まとめ）

NHKの語学アプリをインストールしてみたんだけど、ラジオの語学講座は聴けるけど、テレビの講座が見られない！？どうして？残念ですが「NHKゴガク」アプリにはテレビ番組はありませんできることを見てみましょう。「NHKゴガク」アプリのできることNHKラジオ第２の語学番組が聞ける英単語クイズ発音練習サービス自分で調べるには「このアプリについて」を読んで見るこれはどうやって調べるかというと、アプリストアをよく見てみます。例えば、Playストアですと、「このアプリについて」という説明があ...
2020.09.17 2023.06.15
インターネット小話スマホ基礎
[PWA] 「ホーム画面に追加」という通知とは？（インストール不要のウェブアプリ） とりあえずのメモ

[PWA] 「ホーム画面に追加」という通知とは？（インストール不要のウェブアプリ）

「プログレッシブウェブアプリ（PWA）」は、スマートフォン上でアプリのように動作するウェブサイトです。PWAはホーム画面に追加でき、ブラウザのUI要素を隠すことでアプリのように見せることができます。PWAの目的は、ユーザーに頻繁にウェブサイトを訪れてもらえるようにすることです。プログレッシブなウェブアプリ？（PWA）インターネットを見ていると「ホーム画面に ちいラボアプリ を追加」などのようなメッセージが表示されることがあります。今回は、「PWA」というキーワードで、ホームペ...
2020.09.16 2024.06.29
とりあえずのメモインターネット小話スマホ基礎
WordPressのログイン画面にパスワードを入れても進まない ～WordPressアプリ・Jetpack ホームページ運用

WordPressのログイン画面にパスワードを入れても進まない ～WordPressアプリ・Jetpack

スマホでブログを書こうと思って、WordPressアプリをインストールしました。ところが、WordPressアプリと連携したら、なぜか通常のブラウザからのログインができなくなってしまいました。WordPressアプリログイン画面でパスワードを入力しても、ぐるぐるまわって先に進みません。後でわかったのですが、どうもロボットチェックの表示でひっかかかっていたようです。思い当たることといえば、WordPressアプリ。WordPress.comWordPressアプリは、WordP...
2020.09.16 2020.09.21
ホームページ運用
AMPエラー HTML タグに必須属性がありません。- formとJavaScript ニッチな話題

AMPエラー HTML タグに必須属性がありません。- formとJavaScript

ブログ記事の中にフォームを入れていたら、AMPエラーになりました。カスタムHTMLを使うとよくAMPエラーになりますね。足りなかったのは、formタグのtarget属性でした。formタグの説明では特に見かけなかったんですが、必須属性なんですね。今回のコードでは、javascriptの関数を動作させるためのボタンを配置するためにフォームを作りました。特にデータをサーバーに送るものでもなかったので、formのプロパティを指定していなかったのが、よくなかったようです。こちらが参考...
2020.09.16 2021.10.24
ニッチな話題ホームページ運用
CSSのクラス指定の空白の意味 知っていますか？子孫結合子と除外の方法 ニッチな話題

CSSのクラス指定の空白の意味 知っていますか？子孫結合子と除外の方法

CSSのクラス指定が複雑になったときの意味を調べてみました。散々、迷って出来上がったCSSのコードは以下です。.article :not(div.toc-content) li { font-size: 115%; font-weight: 600;}意図としては、「記事（.articleクラス）の中のリスト項目のフォントサイズを大きくする、ただし、目次（toc-contentクラス）のリスト項目のフォントサイズは大きくしない」です。これは3つの要素が組み合わせてあります。....
2020.09.16 2020.09.21
ニッチな話題ホームページ運用
デジタル通帳アプリのはじめ方とセキュリティ 【滋賀銀行を例に】 インターネット小話

デジタル通帳アプリのはじめ方とセキュリティ 【滋賀銀行を例に】

ATM に通帳を確認しようと思うと、平日に時間を取らないといけませんよね。相手から振込みをしてもらったかなど、すぐに確認したい取引もあって、「通帳アプリ」を利用しています。紙の通帳もなくなっていくようですし、デジタル通帳の使い方を確認してみたいと思います。 通帳アプリの３つの機能私の使っている通帳アプリ（滋賀銀行と京都信用金庫）には、こんな３つの機能があって、画面下のタブで切替えます。【ホーム】通帳記入を確認できる【お金管理】家計簿として入力したり、集計したりできる【サービス...
2020.09.15 2023.07.06
インターネット小話スマホ基礎セキュリティ
[Cocoon]ブログカードの表示順を変更してみる【functions.phpに追加する方法】 ニッチな話題

[Cocoon]ブログカードの表示順を変更してみる【functions.phpに追加する方法】

Cocoonテーマのブログカードをはてなブログ風のデザインに変更する方法を紹介します。functions.phpファイル内のurl_to_internal_blogcard_tag関数を修正して、ブログカードの要素の表示順を変更します。ブログロゴを上部に移動させ、CSSで抜粋のフォントサイズなどを調整することで、目的のデザインを実現できます。
2020.09.15 2024.08.08
ニッチな話題ホームページ運用
ブログの絵文字のサイズを小さくした【CSSのクラス指定】 ホームページ運用

ブログの絵文字のサイズを小さくした【CSSのクラス指定】

教室のブログを見ていたら、気になる点が……わかりますか？絵文字の部分が不自然に大きいんです。しかも、灰色の枠までついている。ということで、CSSをちょっといじります。デベロッパーツールでCSSを確認するChromeのデベロッパーツールで検証してみると、「.iwe-border-bold img」に該当するようです。絵文字ですが、インライン画像の挿入になっているんですね。ということで、文章中の画像には境界線が表示されないようにする必要があります。ところが、この「.iwe-bor...
2020.09.14 2022.03.27
ホームページ運用
次のページ