インターネット小話

かんたん通帳で「連携できていません」 【デジタル通帳の連携】 インターネット小話

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

最近、世間ではいろいろなシステム障害のニュースを耳にします。 ドコモとか、ゆうちょ銀行とか、東京証券取引所とか……とはいえ、ほとんどのエラーは慌てなくても大丈夫。今回は、通帳アプリの「連携エラー」について、説明します。「連携できていません」というエラーメッセージわたしは京都信用金庫の「かんたん通帳」アプリを使っています。ほかにも滋賀銀行の「デジタル通帳」アプリも使っていますが、開発元が一緒なのでほとんどそっくりです。アプリストアはこちらマネーフォワードのシステムを導入している...
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
ニッチな話題ホームページ運用
「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
ホームページ運用
目で見てわかる、こんな暗証番号がよく使われている 【危険な暗証番号のパターン】 インターネット小話

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

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

ブログをnote風のデザインにしてみた（ワンカラムデザイン）

今回はCocoonとCSSを使って、note風のシンプルなブログデザインに変更してみました。note風デザインの記事一覧「note（ノート）」というブログサービスをご存知ですか？ブログサービスといえば、ヤフーブログ、アメブロ、はてなブログといろいろありますが、noteの特徴は簡単にいえば、投稿されたブログにカンパしたり、有料記事として公開することができること。でも、それ以上にnoteの特徴になっているのは、シンプルなデザインだと思います。２カラムのアメブロと比べてみますと…パ...
2020.09.12 2024.08.29
ホームページ運用
とりあえず今の追加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
ニッチな話題ホームページ運用
次のページ