どうも！フジグチです！ ブログのカスタマイズを進めていく中で一度は使いたくなるのが、「アイコン」ですよね。 はてなブログではデフォルトで読み込まれている「アイコンフォント」があります。 例えば とか とか。 これをCSSで装飾していくと、フォローボタンやシェアボタンを作ることができます。 はてなブログではこうしたアイコンフォントが125種類用意されています（2021/6/7 時点） カスタマイズを公開している都合上アイコンフォントをよく使うのですが、自分で用意したほうが使い勝手が良さそうなので、今回まとめてみました。 この記事の特徴 アイコンを大きく表示しているので探しやすい アイコンをクリックしてコードをコピーできる 使いたい形式に合わせてコードも付与できる アイコンフォントの使い方 HTMLで使用する方法 大きく表示したい場合 見たまま編集で使用する際の注意点 CSSの疑似要素で表示す

どうも！フジグチです！ 前回はてなブログで使えるアイコンフォントをまとめましたが、今回は早速そのアイコンフォントを使い、サイドバーにアイコンを並べてカテゴリを表示するカスタマイズをしていきます。 記事内では「カテゴリ」として紹介しますが、おすすめ記事やまとめページなど「リンク」として使えるので、使い方は色々アレンジできます。 さらに、はてなブログのアイコンフォントだけでなく、FontAwesomeを使ったカスタマイズ方法も解説していきます。 はてなブログのアイコンフォント125種 ＋ FontAwesomeは1609種、あわせて1734種類のアイコンが使えます！多すぎて困っちゃいますね。 この記事の特徴 入力フォームに入力してコードを編集 記事内でプレビューできる カラーの変更ができる マウスオーバー時の背景色も選択したカラーに合わせて変更される はてなブログのアイコンフォントとFontA

正規分布 正規分布（normal distribution, ガウス分布 Gaussian distributionともいう)は統計学で最もよく用いられる確率分布です。 まずは基本的な表現方法と語句について整理しておきましょう。 今すぐ覚える必要はないですが、なんとなくの理解はしておきましょう。 正規分布の表現方法：　 ここで、は平均値、は分散 標準正規分布： 平均0 分散1の正規分布 → 離散変数：　整数など、とびとびの値をとる変数（例：サイコロの出目) 連続変数：　実数値をとる変数（例：正規分布に従う確率変数） 確率密度: 正規分布の図の縦軸は確率密度 → 確率密度 × 確率変数の範囲 ＝ 確率 確率密度関数: 確率密度を確率変数の値の関数として表したもの 正規分布図上図の青色がの範囲、水色がの範囲、灰色がの範囲です。 正規分布の性質: からの範囲の確率は約0.683 からの範囲の確率

Windowsには『緊急の再起動』オプションがあるのをご存知でしょうか。筆者は知りませんでした。海外メディアのNeowinが報じました。 Windows10やWindows11、あるいはWindows7やWindows XPなど、Windowsにはシャットダウン、再起動、スリープといった複数の電源オプションがあることを多くのユーザーは知っているはずだ。 アプリケーションがフリーズしたり、ハングアップしたときには［CTRL］ + ［ALT］ + ［DEL］キーにお世話になる人も多いだろう。［CTRL］ + ［ALT］ + ［DEL］を押すと、『ロック』や『ユーザーの切り替え』、『タスクマネージャー』などのオプションが表示される。 しかし、この画面の『緊急の再起動』オプションを知っている人は少ない。［CTRL］キーを押しながら、画面右下の電源ボタンをクリックすると、『緊急の再起動』メニューが表

パワポが起動しないのなら、見過ごすことができるが エクセルが起動しないは、致命傷だ！笑 ちなみにこのユーザーが使用しているofficeは、 プリインストールのデスクトップ版と言っていいのだろうか。。 とにかくoffice365でもなく、ストアアプリ版でもない。 （上図はユーザーから送られてきたものであるが、通常コードとは通常モードのことを言っている） office2021と表示されるものである。 どうやら、office2021はoffice365？？扱い笑 突然です！朝、Excelファイルを使おうと思ったらこのメッセージが表示されました。 それがこのスクリーンショット？ はい、そうなんです。特に思いあたるフシはありません。 Excel以外は使えるの？ はい、wordやパワポ、outlookも普通に使えています。 ということで、ここからは一番手間がかからない順序で解決策を探って行きました。

誰しも会社員をしていたら、人事評価なるものがあると思います。 できれば、いい評価を頂き昇進したいと思いますが、良かったり悪かったりいろいろです。この評価、どこでどんな風に決まっているのでしょうか。 私が確認する限り、人事評価の物差しなんて、形式的なものです。人事担当は一生懸命制度設計をしますが、それは、事前に決まった評価を説明するためのツールにしか過ぎません。 ヒューマンスキル、テクニカルスキル、業績による3面評価なんて言っても、それを基礎として評価することはありません。 事前に会社側、経営陣や管理職が、組織戦略を立てます。 組織の中にポストを作り、必要な人材を当て込みます。 そのポストと、人材の評価にギャップがある場合に、昇進させるだけです。昇進に必要な評価を後付けで数値化するという仕組みになっています。 だから、前提として昇進が決まっている人は、数字が良くなるようになっています。いくら

いつもはてなブログをご利用いただきありがとうございます。 TwitterのAPI変更に伴い、以下の2点の機能が変更となります。 編集画面のTwitter貼り付け機能を廃止 記事公開時に表示されるTwitter投稿ボタンの仕様変更 Twitter貼り付け機能の廃止のスケジュール 編集画面のTwitter貼り付け機能の廃止 今後の記事へのツイートの埋め込み手順 記事公開後のTwitter投稿機能の仕様変更 予約投稿の公開時にTwitterに自動投稿する機能 Twitter貼り付け機能の廃止のスケジュール 2023/4/25 (火) から4/27 (木) にかけて順次、機能が変更される予定です。 編集画面のTwitter貼り付け機能の廃止 TwitterのAPI変更に伴い、Twitter貼り付け機能を廃止します。Twitter貼り付け機能は、はてなブログとTwitterアカウントを連携させ、連携

Appleが「Apple Card」の利用者に対して年間利回り4.15％の普通預金サービスを提供することを2023年4月17日に発表しました。Appleによると、普通預金サービスは手数料無料で提供され、最低入金額・最低残高は設定されないとのことです。 Apple Card’s new high-yield Savings account is now available, offering a 4.15 percent APY - Apple https://www.apple.com/newsroom/2023/04/apple-cards-new-high-yield-savings-account-is-now-available-offering-a-4-point-15-percent-apy/ Appleは2019年からゴールドマン・サックスと連係して独自のクレジットカード「A

ある記事を読んだんだ。人口構成上40代以上の比率がどんどん増えていくので、若手の居場所がなくなるよみたいな主張だった。 んなことない。全然違う。 私は今40代後半だが、私が20代のころはまさにそういう図式であり、それが20年続いた。上には強烈な個性を持つ戦後を生き抜いた団塊世代がいて、そして私の世代は団塊ジュニアと呼ばれたまた人数の多い世代だった。その団塊ジュニアがいざ社会に出ようとしたときにアレが起こったんだ。バブル崩壊。世の中が戦後の高度成長モードから急速にシュリンクしていく中、陣取ったのはあの団塊世代たち。新卒採用を急に絞るということをやり始めたわけ。若手は行く場所なくなるわな。それが就職氷河期の始まりよ。 当時は、日本自体が生産するべき量に対して、日本人の数が十分に足りていた。だから若手の出る幕はなくて、今の40代、年齢だけはシニアだけど社内の立場は若手扱いって人も多いよ。これまで

こんにちは。シンプルライフ ナビです。 久しぶりにブログのグローバルメニューのスマホ表示のカスタマイズをしました。 グローバルメニュー（グローバルナビゲーションとも言います）をスライド式に変更しました。*1 今回は、グローバルメニュー（グローバルナビ）の設置方法と、コピペもできるCSSコードやカスタマイズ方法をご紹介します。 使ってみたいと思った人はご自身のブログに設定してみてください！*2 グローバルメニュー（グローバルナビゲーション）の表示とその傾向 スライド式のナビゲーション・メニューバーを設置する HTMLコードの記述 CSSコードの記述 完成！スライド式のグローバルメニュー（グローバルナビゲーション） グローバルメニュー（グローバルナビゲーション）の表示とその傾向 グローバルメニュー（グローバルナビ）とは、WEBサイトの目次やメニュー、カテゴリを表示し、読者がメニュー等の項目を選

このサイトはCocoonを使っています。現在「ミックスブルー [作者: y.hiroaki氏]」スキンを適用中です(^^)/

いつも使うLINEアプリでChatGPTを動かすことができます。アカウント登録も不要、1分でできますので、やり方をご紹介します。 LINEでChatGPTを使う方法 LINEでChatGPTを使う方法 リンクにアクセスする 友達登録する AIに質問してみる ① リンクにアクセスする LINEの友達登録を使います。LINEアプリがインストールされているスマートフォンで、以下のURLにアクセスしてください。 URL https://line.me/R/ti/p/@295aqhjz URLへのアクセスができない場合は、以下のQRコードでアクセスしてください。 ② 友達登録する URLをクリックすると、LINEアプリで以下の画面が表示されます。左の「追加」というボタンをタップしてください。 友達登録されると「トーク」に変わります。 あとはいつものLINEトークと一緒。友達とおしゃべりするように、A

どうも！フジグチです！ はてなブログには様々なテーマがありますが、トップページがカード型のテーマは意外に少なかったりします。 アイキャッチやタイトルが見やすく、ビューポート内に情報を多く見せられるといったメリットのあるカード型に惹かれる方は多いと思います。 そこで今回は、トップページの記事一覧をカード型にするカスタマイズ方法を紹介します。以下に挙げるものに、当てはまっている方には特におすすめです。 カード型にしたいがテーマは変えたくない アイキャッチの画像の縦横比（アスペクト比）を合わせたい コピペするだけで使いたい このカスタマイズははてなブログPROであることを前提としていますが、無料版であってもカテゴリのアーカイブページであれば、同じようにカード型にカスタマイズすることが可能です。 このカスタマイズは、多くのテーマで調整しなくても使えるようしているため、少しコードが冗長になっています

Google AdSenseのMultiplex広告で収益増 2022年3月1日から、グーグルアドセンス （Google AdSense）を利用している人が選択できる広告の種類が増えました。 グーグルアドセンス （Google AdSense）で新しく選択できるようになった広告ユニットの種類は「Mulitiplex広告」です。 Multiplex広告の利用により、ブログ初心者でもアドセンスからの収益増加が期待できます。 設定方法は簡単です。早速試してみましょう。 Googleアドセンス の広告の種類 Multiplex広告（マルチプレックス広告）とは Multiplex広告の使い方を考えよう！ Googleアドセンス の広告の種類 グーグルアドセンスの広告ユニットには「ディスプレイ広告」「インフィード広告」「記事内広告」「検索エンジン」の４種類が、以前からありました。 ブログ初心者がGoo

こんにちは。シンプルライフ ナビです。 ブログの読者が他の記事を参照してもらえるように、ナビゲーション・バー（ナビゲーションメニュー）を設置している人も多いと思います。*1 便利なのですが、ナビゲーション・バーが常に表示されていると、記事の表示面積が狭くなってしまいます。 そこで、画面の上下のスクロールの動きに合わせて、ナビゲーションバー（グローバルナビ ゲーションやボトムナビゲーション）を自動表示させたり、消したりする方法をご紹介します。*2 画面の動きに合わせて、ナビゲーション・メニューが自動でオン・オフするのでとても便利ですよ。 ナビゲーションバー（ボトムナビ）の表示イメージ ナビゲーションを画面の上下スクロールに合わせて自動的に表示をコントロールする ナビゲーション・バー（メニュー）を自動で、かっこよく出し分け（表示・非表示） ナビゲーションバー（ボトムナビ）の表示イメージ ナビゲ

平岡 | 会社から早く帰るための個人DX推進 @hiraoka_dx @lVIrqaA2r5rvQR4 秘書バージョン、、 熱いですね😊 先輩、秘書、後輩、先生、親、みたいないろんなパターンで遊んでみようと思います！笑 2023-02-26 09:25:51 A-TACKQ@軽く闘病生活 @atackq @hiraoka_dx これはコールセンターシステム需要もありますね。 元がlexなので、Amazon Connectと企業のFAQを連携させると大化けする可能性が、、、。 2023-02-27 02:02:49

こんにちは、シンプルライフ ナビです。 いろんなWEBサイトを見ていると、画面に動きがあるブログに出会うことがあります。 画像がスライドするサイトや、文字が流れて、動いて、横にスクロールしているいるサイトなどです。 ● 動く文字のイメージ ● 自分のブログでも、流れる（動く）文字を取り入れてみたいと思いませんか？ 横に動く文字で、お知らせや、新着情報の通知などに視線の注意を引くことができます。 実は「流れる（動く）文字の実装」は簡単にできるんです。早速ご紹介します。 ブログに流れる文字（横に動くテキスト文字）を実装 流れる文字の表現例（動くテキスト文字） 流れる文字のHTML 流れる文字のスピードを変えたい 流れる文字の向きを変えたい 背景色を変えたい フォントサイズと、文字色を変えたい はてなブログに「動く文字」を設定する方法 まとめ｜ブログに「動くテキスト文字」を設置してみよう ブログ

このブログをご覧いただきありがとうございます。 この記事では、このブログで利用しているサービス、デザイン、カスタマイズの内容などの概略をまとめました。 この記事はこんな方に読んでほしい ブログ運営の全体像の概略を把握したい ブログ初心者でも使えるサービスを知りたい ブログ運営で使える便利なサイトを知りたい もしこのブログの運営で取り入れてみたい内容などがありましたら、それぞれの項目について記事にしているものもあります。 ブログなど カテゴリーの記事一覧 も参考にしてください。 ブログのベースフォーマットは「はてなブログPro」を利用し、独自ドメインで運用 はてなブログProを利用して、デザインをカスタマイズ このブログの運営で参考にしているものや組み合わせて利用しているもの 記事作成やブログをデザインする時に利用しているもの ブログ記事のキャッチ画像の作成時に利用しているサイト ブログ記事