ブログをnote風のデザインにしてみた(ワンカラムデザイン) ホームページ運用

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

今回はCocoonとCSSを使って、note風のシンプルなブログデザインに変更してみました。note風デザインの記事一覧「note(ノート)」というブログサービスをご存知ですか?ブログサービスといえば、ヤフーブログ、アメブロ、はてなブログといろいろありますが、noteの特徴は簡単にいえば、投稿されたブログにカンパしたり、有料記事として公開することができること。でも、それ以上にnoteの特徴になっているのは、シンプルなデザインだと思います。2カラムのアメブロと比べてみますと…パ...
とりあえず今の追加CSSをバックアップしておく(2020年9月11日現在) ニッチな話題

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

いろいろスタイルを設定したので、ここまでの「追加CSS」の中身をここにメモしておきます。それぞれの機能について、ブログで説明しているページがあればリンクも貼っておきます。ブログのデザインを練り上げている過程が全部わかる!改めてみるとコードの重複があったりするので、ちょっと整理したほうが良さそうですね。追加CSS全体(2020年9月11日現在)長いのでこちら/*** 印刷時のフォント*/@media print { p { font-family: 'Noto Serif JP...
らくらくスマートフォンの電話帳に友だちの電話番号を登録したい スマホ基礎

らくらくスマートフォンの電話帳に友だちの電話番号を登録したい

せっかくのスマートフォンなら、電話番号は手帳から探すのではなく、アプリに登録できるとよいですよね。電話帳から電話することはできても、登録はしたことがない、という方も多いかもしれません。難しく見えますが何を省略してよいかわかると、スムーズにできるようになります。一緒にやってみましょう。らくらくスマートフォンの電話帳に登録する手順「電話帳」アプリをタッチして、「新規登録」ボタンをタッチします。「ここを押して入力」をタッチして、名前を入力し、「次へ」をタッチします。フリガナは電話帳...
[らくらくスマートフォン] 家族に登録してもらったホームページをみる 【インターネットのブックマーク】 スマホはじめて

[らくらくスマートフォン] 家族に登録してもらったホームページをみる 【インターネットのブックマーク】

登録してもらったインターネットのページが見られないよーらくらくスマートフォンの「インターネット」アプリには、「ブックマーク(しおり)」という機能があります。これはよく見るホームページを登録しておく機能です。「メニュー」ボタンをタップします。ブックマーク一覧をタップします。見たいホームページを選びます。こちらもどうぞ。
自分のイラストをgoogleの画像検索のクリエイティブ・コモンズに表示させるには ニッチな話題

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

画像検索の「クリエイティブ・コモンズ」の結果ってあんまりパッとしないよね!(失礼)Googleの画像検索はとても便利ですが、検索されたイラストを利用するためにはライセンスを確認する必要があります。画像検索ではライセンスによる絞り込みができるのですが、画像の数が少ないからか、検索キーワードに関係ない画像ばかりが表示されるのが現状です。逆にいうと、ここはまだブルーオーシャンで、もし有用な画像素材を登録すればひと目につくのではないか、と考えました。さて、いったいどうすれば、「クリエ...
CocoonのSNSフォローボタンが大きかったので小さくした(border-radius)[CSS] ホームページ運用

CocoonのSNSフォローボタンが大きかったので小さくした(border-radius)[CSS]

ちいラボのブログ メンテナンス日記!今日は「フォローボタン」のデザインをおしゃれにしてみました。メモしておきます。環境WordPress 5.5.1 (Cocoon テーマ バージョン: 2.2.3.1)「SNSフォロー」ボタンを見つけたホームページのメンテナンスをしながら「Cocoon設定」を見ていたら、「SNSフォロー」ボタンがありました。さっそく表示させてみたところ、スマホでみると3行とだいぶ「目立ちすぎる」感じです。フォローボタンが5つもあると、ちょっと圧迫感がありま...
ないものは作ってみる、ちいラボで作った公開イラスト(クリエイティブ・コモンズ) インターネット小話

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

インターネットでフリーイラストを探して、なかったのでクリエイティブ・コモンズライセンスで公開します。ご自由にお使いください。銀行の確認番号表 銀行の確認番号表イラスト この 作品 は クリエイティブ・コモンズ 表示 - 継承 4.0 国際 ライセンスの下に提供されています。銀行のワンタイムパスワード生成器銀行のワンタイムパスワード生成器のフリーイラスト この 作品 は クリエイティブ・コモンズ 表示 - 継承 4.0 国際 ライセンスの下に提供されています。Keynoteの図...
パスワード管理の難しさ ひとこと日記

パスワード管理の難しさ

いろんなサービスを利用するようになって、一番やっかいなのがパスワードの管理です。同じパスワードを使い回すと、何かあったら大変!とはいえ、忘れるのも心配。難しいですね。今日も一歩ずつ
「ドコモ口座」のセキュリティと個人で注意できること 【リバースブルートフォースアタック】 インターネット小話

「ドコモ口座」のセキュリティと個人で注意できること 【リバースブルートフォースアタック】

新聞で見たんだけど、やっぱりネット銀行って危ないのかな?今回は、ネット銀行と決済サービス(ドコモ口座)の連携の仕組みを勉強して、個人で注意できることを考えてみましょう。報道によると…(2020年9月9日)勝手に銀行のお金がおろされてしまうなんて怖いなあ。「ドコモ口座」をやめた方がいいのかな。確かに怖いですよね。でも、利用者が「ドコモ口座」をすぐにやめる必要があるかというと、実はそう単純でもありません。「ドコモ口座」を作っていなかった人でも被害にあっているからです。えっ? 被害...
Wordで印刷したら画像がぼやけた!? (「図として保存」の解像度) パソコン基礎知識

Wordで印刷したら画像がぼやけた!? (「図として保存」の解像度)

「図として保存」で作成された画像サイズは解像度と表示サイズで決まります。Word文書が保存されるときに、文書の内の画像は解像度(ppi)とサイズをもとに自動的に圧縮されます。ただし、この自動圧縮は Wordのオプション設定でオフにできます。印刷したときに写真がぼやける?あれー、印刷したら写真がぼやけたWordやExcel、PowerPointに慣れていると、ちょっとした図表やデザインを作るのに重宝します。しかし、画像作成の専門ソフトではないため、印刷時の画質には注意が必要です...
クレジットカードの不正利用に気づくには? 【クレジット明細アプリとセキュリティ】 インターネット小話

クレジットカードの不正利用に気づくには? 【クレジット明細アプリとセキュリティ】

クレジットカードって怖いよねクレジットカードで一番怖いのは不正利用ですよね。ニュースで不正利用事件について見て、クレジット明細アプリの使い方は大切だなぁと思ったので、ご紹介します。利用明細がわかるのが早ければ、詐欺被害は防げるクレジットカード決済の場合、約1ヶ月後にまとめて明細が届くので、知らないうちに悪用されて高額の請求が来るのが心配です。この「知らないうちに悪用される」というのがポイント。逆に言うと、すぐに不正利用が確認できれば、被害を防ぐことができるんですよね。スマホに...
SNSで近況を知る ひとこと日記

SNSで近況を知る

最近多いのが、子どもや孫の写真を見るためにフェイスブックやツィッター、インスタグラムを入れてもらったけれど、うまく見方がわからないというもの。知りたい気持ちが原動力!ゆっくり操作してみましょう。
システムアップデートの通知が出たら【BASIOのアップデートの具体的な方法】 スマホ基礎

システムアップデートの通知が出たら【BASIOのアップデートの具体的な方法】

システムアップデートっていう通知が消えないんだけど……今回は、BASIOを例にシステムのアップデートをしていきます。まず通知を確認してみよう画面上端から通知を表示すると「ソフトウェア更新」という通知が表示されています。システムアップデートソフトウェア更新詳細を確認してダウンロードするには…この通知でわかることは、「システムアップデート」というアプリが更新を教えてくれています。「システムアップデート」はBASIO自体のアプリで、メーカーが管理しています。スマートフォンの機種によ...
TwitterのQRコードは何色あるのか 〜好きな色にする スマホ基礎

TwitterのQRコードは何色あるのか 〜好きな色にする

たまたまTwitterのプロフィールを見ていたら、「QRコード」という項目を見つけました。プロフィールからQRコードを表示できる早速タッチしてみると、カラフルなQRコードが表示されます。QRコードを見せて、フォローをしたりもできるんですね。画像として保存して名刺に印刷したりできるんです。ちいラボカラーのオレンジはないのかな?毎回、「QRコード」をタッチするたびに色が変わるので、何色あるのか調べてみました。全部で5色でした。後で気づいたのですが、実は表示されているQRコードをタ...
ものは試し ひとこと日記

ものは試し

おすすめのアプリはなるべく試してみるようにしています。聞くのとするのは大違い。使ってみてはじめて気づくことは多いです。合わなければやめたら良いのです。今日も一日、がんばりましょう。
チャットアプリ「WhatsApp」で見つかった6つのセキュリティの問題から考える(2020年9月) インターネット小話

チャットアプリ「WhatsApp」で見つかった6つのセキュリティの問題から考える(2020年9月)

世界最大のチャットアプリ「WhatsApp」に、新しく6つの脆弱性(バグとセキュリティの問題に)が見つかったそうです。今回は、チャットアプリのセキュリティの問題を通して、アップデートの意味について考えてみましょう。WhatsAppとは?WhatsAppは世界最大のチャットアプリです。どうやってセキュリティホールは見つかったの?今回のセキュリティの問題は、4つは定期的にプログラムを点検するときに自動システムが発見しました。残りの2つはWhatsApp社のバグ報奨金プログラムで報...
Vivo:背面ガラスの色が変わるスマートフォンのしくみ 〜 OnePlus エレクトロクロミックガラス いろんな周辺機器

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

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

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

なんか変なメッセージが毎回出てて、気になるんだけど。これ、ほっといていいのかな?パソコンの画面下に表示される、セキュリティのメッセージ。どのように対処するのか、具体例でみてみましょう。ポイント無視できるセキュリティ通知もある。OneDriveのバックアップは必須ではない(どっちでもよいが オフの方がよいかも)。ローカルアカウントのパスワードも必須ではない(パスワードは付けた方がオススメ)。無視できる注意もあります画面下のタスクバーにある「Windows セキュリティ」のアイコ...
台風が心配、停電でもテレビの防災ニュースを見たい!〜「NHKニュース・防災」アプリのはじめ方 スマホ基礎

台風が心配、停電でもテレビの防災ニュースを見たい!〜「NHKニュース・防災」アプリのはじめ方

大きな台風は心配よねぇ停電になると、テレビは使えません。今回は、防災アプリの中から「NHKニュース・防災」アプリを使って、河川の情報をみてましょう。停電でもNHKの防災ニュースが見られるまずは、どんなことができるのか、一緒に見てみましょう。イチオシ機能は、アプリの機能に「ニュース同時提供」のライブ配信があります。NHKの番組の中で、防災に関するニュースが配信され、テレビと同じものをみることができます。もし、放送中でない場合は、「関連ニュースが始まりしだい配信を再開します」と表...
はじめてLINEスタンプを購入するなら! (SoftBank決済の場合) スマホ基礎

はじめてLINEスタンプを購入するなら! (SoftBank決済の場合)

友だちとLINEをしているんだけど、わたしもかわいいスタンプが使いたいなーLINEの楽しみの一つは、スタンプ! 今回は、はじめてスタンプを購入するときの詰まるポイントをじっくり説明していきますよ!Androidスマートフォン、SoftBankの場合気になるスタンプをタッチ!まずはトーク画面で友だちの使っているスタンプをタッチしてみましょう。このように、「スタンプ情報」を見ることかできるんです。スタンプ情報は下にスライドすることができます。購入画面…必要コイン、購入ボタンがあり...