パソコン基礎知識

いらすとや だけじゃない、権利的に使いやすいイラストサイト 【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
ニッチな話題プログラミングホームページ運用
タイトル見出しにアニメーションをつけてみた 【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
ニッチな話題ホームページ運用
見出しに吹き出しをつけるスタイルをやめた ニッチな話題

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

見出しに吹き出しつける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
ニッチな話題ホームページ運用
Windows Defender サマリーってオフにして大丈夫？ 【Windowsセキュリティの通知を減らす】 パソコン基礎知識

Windows Defender サマリーってオフにして大丈夫？ 【Windowsセキュリティの通知を減らす】

パソコンの通知を見るとたくさんたまっていることがあります。Windows セキュリティもその一つです。気になりつつも放置しがちですが、今日はちょっと意味を調べてみましょう。Windows Defender サマリータスクバーの通知ボタンを押してたまっている通知を見ていると、セキュリティの通知を見つけました。Windowsセキュリティウイルスの脅威と防止Windows Defender サマリーWindows Defender ウイルス対策で前回のサマリー以降に脅威は見つかって...
2020.09.17 2021.10.19
パソコン基礎知識
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
ニッチな話題ホームページ運用
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
ニッチな話題ホームページ運用
フチなし印刷で色が薄くなる？ 【顔料インクと染料インク】（Canon G5030の場合） いろんな周辺機器

フチなし印刷で色が薄くなる？ 【顔料インクと染料インク】（Canon G5030の場合）

こんにちは。チラシの印刷でフチなし印刷をしてみたら、おんなじデータなのに全然色が違ってびっくりしました。ポイント「フチなし印刷」にすると、「染料インク」を選択され、黒が薄くなって印刷される。印刷プレビューで比べてみると印刷プレビューの表示を比べてみても、ページレイアウトの設定が違うだけなんですよね。印刷設定は「フチなし」のオン・オフだけしか違いがありません。それが、この色合い差！光の加減ではないんですよね。「フチなし印刷」の方は目視でも、ほとんどグレーです。濃度が70%ぐらい...
2020.09.15 2021.04.08
いろんな周辺機器
[Cocoon]ブログカードの表示順を変更してみる【functions.phpに追加する方法】 ニッチな話題

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

Cocoonテーマのブログカードをはてなブログ風のデザインに変更する方法を紹介します。functions.phpファイル内のurl_to_internal_blogcard_tag関数を修正して、ブログカードの要素の表示順を変更します。ブログロゴを上部に移動させ、CSSで抜粋のフォントサイズなどを調整することで、目的のデザインを実現できます。
2020.09.15 2024.08.08
ニッチな話題ホームページ運用
目で見てわかる、こんな暗証番号がよく使われている 【危険な暗証番号のパターン】 インターネット小話

目で見てわかる、こんな暗証番号がよく使われている 【危険な暗証番号のパターン】

暗証番号に誕生日や生年を使用する人が多いことは、研究でも明らかです。特徴的な数字や2桁の繰り返しパターンも頻繁に使用されており、セキュリティリスクが高いです。安全性を高めるには、ランダムな数字を選ぶことが推奨されます。4桁の時点で何回も挑戦できたら、いずれはわかってしまうよね。まぁ、4桁のPINコードを採用するシステムでは、何度か失敗したら次の試行まで時間が空けられることも多いので、そうそう総当たり攻撃はできないはずですが。11人に1人が誕生日を暗証番号にしている？暗証番号に...
2020.09.14 2024.08.13
インターネット小話ニッチな話題
とりあえず今の追加CSSをバックアップしておく（2020年9月11日現在） ニッチな話題

とりあえず今の追加CSSをバックアップしておく（2020年9月11日現在）

いろいろスタイルを設定したので、ここまでの「追加CSS」の中身をここにメモしておきます。それぞれの機能について、ブログで説明しているページがあればリンクも貼っておきます。ブログのデザインを練り上げている過程が全部わかる！改めてみるとコードの重複があったりするので、ちょっと整理したほうが良さそうですね。追加CSS全体（2020年9月11日現在）長いのでこちら/*** 印刷時のフォント*/@media print { p { font-family: 'Noto Serif JP...
2020.09.11 2024.08.08
ニッチな話題ホームページ運用
自分のイラストをgoogleの画像検索のクリエイティブ・コモンズに表示させるには ニッチな話題

自分のイラストをgoogleの画像検索のクリエイティブ・コモンズに表示させるには

画像検索の「クリエイティブ・コモンズ」の結果ってあんまりパッとしないよね！（失礼）Googleの画像検索はとても便利ですが、検索されたイラストを利用するためにはライセンスを確認する必要があります。画像検索ではライセンスによる絞り込みができるのですが、画像の数が少ないからか、検索キーワードに関係ない画像ばかりが表示されるのが現状です。逆にいうと、ここはまだブルーオーシャンで、もし有用な画像素材を登録すればひと目につくのではないか、と考えました。さて、いったいどうすれば、「クリエ...
2020.09.10 2020.09.23
ニッチな話題ホームページ運用
ないものは作ってみる、ちいラボで作った公開イラスト（クリエイティブ・コモンズ） インターネット小話

ないものは作ってみる、ちいラボで作った公開イラスト（クリエイティブ・コモンズ）

インターネットでフリーイラストを探して、なかったのでクリエイティブ・コモンズライセンスで公開します。ご自由にお使いください。銀行の確認番号表 銀行の確認番号表イラスト この 作品 は クリエイティブ・コモンズ 表示 - 継承 4.0 国際 ライセンスの下に提供されています。銀行のワンタイムパスワード生成器銀行のワンタイムパスワード生成器のフリーイラスト この 作品 は クリエイティブ・コモンズ 表示 - 継承 4.0 国際 ライセンスの下に提供されています。Keynoteの図...
2020.09.09 2020.09.25
インターネット小話ニッチな話題ホームページ運用
Wordで印刷したら画像がぼやけた！？ （「図として保存」の解像度） パソコン基礎知識

Wordで印刷したら画像がぼやけた！？ （「図として保存」の解像度）

「図として保存」で作成された画像サイズは解像度と表示サイズで決まります。Word文書が保存されるときに、文書の内の画像は解像度（ppi）とサイズをもとに自動的に圧縮されます。ただし、この自動圧縮は Wordのオプション設定でオフにできます。印刷したときに写真がぼやける？あれー、印刷したら写真がぼやけたWordやExcel、PowerPointに慣れていると、ちょっとした図表やデザインを作るのに重宝します。しかし、画像作成の専門ソフトではないため、印刷時の画質には注意が必要です...
2020.09.08 2025.02.20
パソコン基礎知識
Vivo：背面ガラスの色が変わるスマートフォンのしくみ 〜 OnePlus エレクトロクロミックガラス いろんな周辺機器

Vivo：背面ガラスの色が変わるスマートフォンのしくみ 〜 OnePlus エレクトロクロミックガラス

海外のニュースを見ていたら、こんなスマートフォンを見つけました。わかりますか？スマートフォンの背面の色が変わるんです。へぇー。面白いね電気で色が変わるガラス（エレクトロクロミック）このスマートフォンは、中国の Vivoというスマートフォンメーカーが作ったもので、バックパネルの色が変わるという点が特徴です。これは、エレクトロクロミックガラス（Electrochromic glass）という技術を使っていて、電圧によって色が変わるガラスです。エレクトロクロミズム とは、化学物質に...
2020.09.06
いろんな周辺機器
Windowsセキュリティの通知 – 処置をお勧めします？ 【無視できるセキュリティ】 パソコン基礎知識

Windowsセキュリティの通知 – 処置をお勧めします？ 【無視できるセキュリティ】

なんか変なメッセージが毎回出てて、気になるんだけど。これ、ほっといていいのかな？パソコンの画面下に表示される、セキュリティのメッセージ。どのように対処するのか、具体例でみてみましょう。ポイント無視できるセキュリティ通知もある。OneDriveのバックアップは必須ではない（どっちでもよいが オフの方がよいかも）。ローカルアカウントのパスワードも必須ではない（パスワードは付けた方がオススメ）。無視できる注意もあります画面下のタスクバーにある「Windows セキュリティ」のアイコ...
2020.09.05 2022.07.09
パソコン基礎知識
次のページ