パソコン基礎知識

[JavaScript]目次の開閉状態をCookieで記憶させた とりあえずのメモ

[JavaScript]目次の開閉状態をCookieで記憶させた

JavaScriptを使用して目次のチェックボックス状態をCookieに保存するようにしてみました。ページ再読み込み後も状態を維持するためにイベントリスナーで設定しています。ちらつき防止のためのCSSも設定しました。JavaScriptコード前回は、サイドバーに目次を追加しました。チェックボックスの状態をJavaScriptを使ってCookieに保存し、ページを再読み込みした後もその状態を維持するようにしてみました。/** 2024-08-30 チェックボックスの状態を保存す...
[CSS]モバイル版の記事一覧ページを見やすくした(style.css) とりあえずのメモ

[CSS]モバイル版の記事一覧ページを見やすくした(style.css)

記事一覧ページのモバイル表示を改善するためにCSSを調整しました。サムネイル画像を左側に配置し、正方形にすることで視認性を向上させました。記事間の余白を増やし、背景色を変更することで各記事の区切りを明確にしました。記事一覧ページのサムネイルを大きくした記事一覧ページを見やすくしたいと思いました。そこで、サムネイル画像を左にして正方形にしました。記事一つ一つのかたまりを意識できるように余白も増やしました。記事一覧ページのHTMLタグの構造記事一覧ページのHTMLタグの構造は、#...
[WordPress] H2タグの文字の前に番号を追加するカスタムスクリプト(functions.php) とりあえずのメモ

[WordPress] H2タグの文字の前に番号を追加するカスタムスクリプト(functions.php)

H2タグの前に番号を付けるために、WordPressの functions.php にカスタムスクリプトを追加しました。H2タグを検出し文字列を置き換える処理を、フィルターとして 'the_content'に追加します。H3タグでも同様に階層的な番号付けができます。
[WordPress] ウィジェットエリアを転用して左サイドバーにした(CSS) とりあえずのメモ

[WordPress] ウィジェットエリアを転用して左サイドバーにした(CSS)

WordPressサイトで、ワイド画面の左側の空きスペースを活用し、目次を左サイドバーとして表示するカスタマイズを行いました。このカスタマイズは、使っていないウィジェットエリアを、CSSで転用して実現しています。画面幅に応じて表示を切り替える仕組みも導入し、小さな画面では従来の記事内目次を表示するようにしました。すぐに見出しに飛びたいパソコンで記事を読んでいるときに、スムーズに見出しに移動できるように、左サイドに目次を追加しました。従来の目次は、導入文の後(1つ目の見出しの前...
[Excel] 文字列先頭の数字部分を数値化したい(ValueとLeftとIfError) Word・Excelなど

[Excel] 文字列先頭の数字部分を数値化したい(ValueとLeftとIfError)

Excelで文字列先頭の数字部分を数値化するには、Value関数、Left関数、IfError関数を組み合わせます。数字部分がどんな桁数でも対応できるようにするにはVBAを使用したカスタム関数が有効です。=IFERROR(VALUE(LEFT(B4,4)), VALUE(LEFT(B4,3)))文字列先頭の数字を取り出したいIDと名前が組み合わさった文字列があります。そのID部分だけを抽出し、数値として取得したいです。入力: 104田中 → 出力: 104入力: 1234斉藤...
「VPN」とは? まとめ

「VPN」とは?

「VPN」は、ネットワーク通信をいわば「仮想化」する技術で、その用途はとても多彩です。ビジネス用途での拠点間通信やリモートアクセスに留まらず、個人向けにはプライバシー保護やアクセス制限を回避するためなどにも使われます。また、VPNのフィルタリング機能によって、詐欺サイトや広告サイトを遮断するような使い方もあります。YouTube動画(前編・後編)でも話しています。iPhoneに急に出てきた「VPN」のマーク「スマートフォンでウェブページがうまく表示されない」という相談の中で、...
「エクスプローラー」とは?[Windows 11] Windows

「エクスプローラー」とは?[Windows 11]

「エクスプローラー」は、Windowsでファイルやフォルダーを管理するためのアプリケーションです。画面は左側のナビゲーションウィンドウと右側のメインウィンドウに分かれており、フォルダを移動してファイルの閲覧や操作ができます。エクスプローラーとは「エクスプローラー」は、パソコンの中にあるファイルやフォルダーを管理するためのアプリです。写真、文書、音楽など、パソコンの中にあるものを見たり、整理したりするのに使います。パソコンの中にある写真や文書を見たり整理したりするときに使ってい...
[Excel] 数値の切り捨てを行う問題(RoundDown関数) Word・Excelなど

[Excel] 数値の切り捨てを行う問題(RoundDown関数)

Excelでは、Round関数、RoundUp関数、RoundDown関数を使って数値の四捨五入・切り捨て・切り上げを行うことができます。これらの関数は、割引金額や消費税額の計算時に発生する端数の処理に役立ちます。関数の挿入方法には、「fx(関数の挿入)」ボタンを使用する方法や、数式バーに直接入力する方法があります。データ入力と問題Excelを開き、空のブックに以下のA1〜H11までの表データを入力します。割引金額、本体価格、消費税額、表示価格を正しく計算していきます。入力で...
[Excel] Match関数とOffset関数を組合せて表から「検索」する Word・Excelなど

[Excel] Match関数とOffset関数を組合せて表から「検索」する

表の中からIDに該当する値を検索するには、Vlookup関数を使うのが一般的です。しかし、Vlookup関数では、検索列が表の左端にある必要があります。Match関数とOffset関数を組み合わせると、Vlookupよりも柔軟な検索ができます。Match関数とOffset関数のメリット検索列が左端にない場合でも使用可能横方向の検索も簡単に行える表から逆参照したい場合たとえば、以下のような予約データから顧客IDを元に予約時刻を逆算してみます。予約IDなら検索列が左端にあるので、...
フリーメールとプロバイダメールの「信頼感」の逆転現象 とりあえずのメモ

フリーメールとプロバイダメールの「信頼感」の逆転現象

現在では、よく使われるGmailやiCloudメールなどの無料メールサービス。しかし、以前は無料サービスへの「不信感」から、プロバイダやキャリアの提供するメールアドレスが重視されていた時期があります。その後、プロバイダやキャリアのメールアドレスは、生活の変化で使えなくなっていく一方、長期的に安定するメールアドレスとして無料メールサービスが見直されました。社会の価値観ってどんどん変化するんだね。これって電話番号でも似た話があって、以前は「固定電話がないのと信用がない」と言われて...
ネットワークを抽象化する「ドメイン」の役割(DNS) とりあえずのメモ

ネットワークを抽象化する「ドメイン」の役割(DNS)

「ドメイン」は人間にわかりやすい名前だけでなく、ネットワークを柔軟に管理するために「抽象化」する役割を果たしています。「DNS」を活用した仕組みとしては、バーチャルホスティングやCDNなどがあり、インターネットの柔軟性と拡張性を支えています。「そのドメインであれば、どのサーバでもよい」という仕組みのおかげで、効率的に回っているんだね。IPアドレスで指定してしまうと、「〇〇会社の担当の〜〜さんじゃないと話が進まない」ことになるけど、ドメイン名なら「話が通っているなら〇〇会社の誰...
[Excel VBA] ブックの各シートをひとまとめにするVBAコード Word・Excelなど

[Excel VBA] ブックの各シートをひとまとめにするVBAコード

1つのシートにまとめるマクロを作った大きな名簿などは、シートを分けて管理することがあります。しかし、差し込み印刷などでは1つのシートにまとめる必要があります。そこで、エクセルブックを開いて各シートの内容をまとめるマクロブックを作りました。VBAコードマクロを実行すると、指定したブックの全シートのデータがマクロブックのシート1にコピーされます。Sub CombineSheets() Dim wb As Workbook Dim ws As Worksheet Dim destW...
マスターデータベースを作成する意味とそのコツ Word・Excelなど

マスターデータベースを作成する意味とそのコツ

「マスターデータベース」は、企業や組織のシステムで「基本」となる情報を管理するためのデータベースです。マスターデータベースとは?通常のデータベースは日々の業務で発生するデータを蓄積していきますが、マスターデータベースは基本情報を管理します。マスターデータベースの概要マスターデータベース基本情報の管理あらかじめ入力しておく通常のデータベース日々のデータを蓄積頻繁に更新されるあらかじめ基本的な情報をマスターデータとして入力しておき、日々の業務ではこれを参照して処理します。例えば、...
[Cocoon] アイコンリストで二項対立のスライドを作るCSS とりあえずのメモ

[Cocoon] アイコンリストで二項対立のスライドを作るCSS

2つの事柄を対比して説明することが多いです。毎回、Keynoteで図解を作るのは大変。テキスト入力だけでかんたんに作成できると便利です。そこで、Cocoonテーマのアイコンリストを二項対立のスライドにするCSSを作りました。追加CSSクラスにslide dichotomyを入れるアイコンリストの追加 CSS クラスに「slide dichotomy」を入力すると、二項対立(dichotomy)のスライドになります。追加されたCSSポイントは、 display: flex; j...
[Windows]IPv6に整数アンダーフローで不正コード実行の脆弱性があった(CVE-2024-38063) Windows

[Windows]IPv6に整数アンダーフローで不正コード実行の脆弱性があった(CVE-2024-38063)

2024年8月13日、Windowsの通信処理に重大な「脆弱性(バグ)」が見つかりました。ユーザーが何も操作しなくても、悪意のあるデータを受信すると悪意のあるコードを実行されてしまう、「ゼロクリック攻撃」の危険性があります。すでに Windows Updateでセキュリティ更新(KB5041571など)が提供されているので、早めにアップデートしておきましょう。要は「Windowsのセキュリティ面でバグがあったことがわかった」というのを、どうして「脆弱性(vulnerabili...
[Electron]連続コピーアプリを作ってみた(monclip) Mac

[Electron]連続コピーアプリを作ってみた(monclip)

Electronを使用してMac用のクリップボード記録アプリを作成しました。このアプリは、コピーした内容を自動的に記録していき、まとめて編集・利用できるようにします。ネットショッピングやレポート作成時の情報収集に便利で、簡単な操作で使用できます。クリップボード記録アプリを作った自分のMac用に「クリップボード記録ツール(monclip:Monitor Clipboard)」を作りました。パソコンで文字をコピーするたびに、その内容を自動的に記録してくれます。(ダウンロード:動作...
「ドリフト現象」とは?(漂流するAI) AIの話題

「ドリフト現象」とは?(漂流するAI)

AI(人工知能)は、学習量が多くなればどんどん賢くなると思われています。しかし、実際には学習するほど「おかしな回答」をする「ドリフト現象」があります。AIの仕組みはとても複雑です。そのため、AIの一部を良くしようとすると、別の部分の性能が下がってしまうことがあります。学習するほど賢くなる、という単純なものじゃないんだね。「ドリフト」って何?「ドリフト」とは、利用しているうちに AI の回答精度が下がってしまう現象です。例えば、こんな感じです:以前はきちんと答えられていた質問に...
[Excel]個人用マクロブックがロックされないように「読み取り専用」にするマクロのメリット・デメリット(ChangeFileAccess, xlReadOnly) Word・Excelなど

[Excel]個人用マクロブックがロックされないように「読み取り専用」にするマクロのメリット・デメリット(ChangeFileAccess, xlReadOnly)

Excelの個人用マクロブックは自動読み込み時に排他制御の問題が発生し、警告メッセージが表示されることがあります。この問題を解決するために、マクロブックを読み取り専用モードで開くか、自動読み込みを無効にする方法があります。ただし、これらの解決策にはマクロの編集や利用に関して一定の制限があります。この警告ってわずらわしいよね。警告メッセージの原因(自動読み込みと排他制御)Excelを開いて個人用マクロブックが開かれているときに、エクスプローラーのプレビューで表示したり、Altキ...
[WordPress]画像キャプションをalt属性を自動設定するカスタムスクリプト(functions.php) とりあえずのメモ

[WordPress]画像キャプションをalt属性を自動設定するカスタムスクリプト(functions.php)

WordPressの画像ブロックにおいて、キャプションをalt属性に自動設定するカスタムスクリプトを作成しました。このスクリプトは、figcaptionタグ内のテキストを優先的にalt属性に設定します。functions.phpに追加することで、画像のアクセシビリティを向上させることができます。画像のキャプションをalt文字列に活用したいWordPressの画像ブロックには、キャプションを付けることができます。画像にAlt文字列が設定されていないときに、もしキャプションがあれ...
「このデバイスではパスキーを作成できません」?(Googleアカウント) とりあえずのメモ

「このデバイスではパスキーを作成できません」?(Googleアカウント)

Googleアカウントのパスキーを作ろうとしましたが、うまくいきませんでした。このデバイスではパスキーを作成できませんデバイスのオペレーティングシステムが最新バージョンであること、画面ロックとBluetoothが有効になっていること、Chromeなどのサポートされているブラウザを使用していることをご確認ください。(詳細リンク)パスワードの代わりにパスキーでログインする - Google アカウント ヘルプ調べてみると、Chrome(クローム)ブラウザのゲストモードでログインし...