とりあえずのメモ

dアカウントの認証とセキュリティの概要(パスキーの意味) とりあえずのメモ

dアカウントの認証とセキュリティの概要(パスキーの意味)

dアカウントを使っていたら「パスキーを使うように」って表示されたんだけど、これまでのdアカウント設定アプリとかの生体認証とどう違うの? dアカウントは、ドコモのオンライン会員です。しかし、必ずしもドコモの回線契約は必要なく、無料で作れます。 普段の支払いからエンタメまでdアカウント対応のサービスやdポイントなど1つのdアカウントで利用できます ドコモの契約がない方でも無料で作れます dアカウントについて | dアカウント つまり、dアカウントの利用者は2つに分けることができま...
Wineskinでポータブル版プログラムが記憶されない?(exec〜.bat) Mac

Wineskinでポータブル版プログラムが記憶されない?(exec〜.bat)

Wineskinでポータブル版プログラムを使用する際、実行ファイルが見つからないエラーが発生することがあります。 この問題を解決するには、起動スクリプト(exec〜.bat)を作成し、「Advanced」設定で実行ファイルを選択しておく必要があります。 ただし、プログラムの保存場所にASCIIコード以外があると、起動スクリプトの保存がうまくいきません。 実行ファイルが見つからない? ただし、インストーラーではなくポータブル版のプログラムだとエラーになりました。 Warning...
WineryでWindowsプログラムの「器」を作る(Wineskin) Mac

WineryでWindowsプログラムの「器」を作る(Wineskin)

WineryとWineskinは、macOSでWindowsアプリケーションを実行するためのツールです。 これらはWineというソフトウェアを基にしており、Homebrewを使用してインストールできます。 まずWineryでラッパーを作成し、必要な設定を行うことで、多くのWindowsアプリケーションをmacOS上で動作させることができます。 Windows用の小さなフリーソフトをMacでも使いたいときに便利です。Windowsシステムを「模倣」して動作させるので、複雑なプロ...
Apple Accountに「2ファクタ認証」がない場合は?(セキュリティ質問) iPhone

Apple Accountに「2ファクタ認証」がない場合は?(セキュリティ質問)

パスキーを保存するにはiCloudキーチェーンが必要 「Myドコモ」の契約情報を確認しようとしたら、「パスキー認証が必要」というメッセージが表示されました。 パスキーの登録をしようとすると、今度は「iCloudキーチェーンを有効にする必要がある」というメッセージが表示されました。 そこで、iCloudキーチェーンを有効にしようとすると、「2ファクタ認証が必要」というメッセージが表示されました。 パスキーを保存するための準備 これが必要な理由は、近年多くのオンラインサービスで利...
「Apple ID」が「時代遅れ」になっていた(Apple Accountに名称変更) iPhone

「Apple ID」が「時代遅れ」になっていた(Apple Accountに名称変更)

YouTube動画でも話しています。 「Apple Account」に変わっている あれっ? 「Apple ID」じゃなくなってる! iCloud.comなどAppleのサイトでは、「Apple ID」の部分は「Apple Account」に置き換わっています。 「Apple ID」の名称は、iOS 18の公開に合わせて、「Apple Account」に変更されました。 iCloud Mail Upgrades and a More Consistent Sign-In Ex...
「通信料金合算払い」ならコード決済はかんたん とりあえずのメモ

「通信料金合算払い」ならコード決済はかんたん

もしものためのコード決済 多くの方のスマートフォンには、「d払い」や「au Pay」「PayPay」などのコード決済アプリが利用できる状態になっています。 通信会社が提供しているサービスで、スマートフォンの購入時に利用できるように登録してあることが多いからです。 無理にコード決済を使う必要はありませんが、せっかくアプリの登録が済んでいます。選択肢として使えると、タクシー料金が足りないときや入院時など、緊急の時に役に立つかもしれません。 もちろん、コード決済は、通信障害などで使...
「BIOSアップデート」の通知が表示されたら?(富士通のアップデートナビ) Windows

「BIOSアップデート」の通知が表示されたら?(富士通のアップデートナビ)

BIOSは、パソコンの起動時に最初に動作する重要なプログラムです。 BIOSアップデートは、失敗するとパソコンが起動しなくなることもあり、慎重に行う必要があります。 パソコンの性能向上や問題修正のために必要ですが、一般ユーザーにとってはやや難しい作業です。 通知が気になっても、実際にどうすればいいのかわかりにくいですよね。 YouTube動画でも話しています。 「BIOSアップデート」の通知が表示されたら? 富士通のパソコンを使っています。急に画面に「BIOSをアップデートを...
AI生成コンテンツの自家消費と収益化(人間のクリエイターの役割) AIの話題

AI生成コンテンツの自家消費と収益化(人間のクリエイターの役割)

生成AIは、まず個人向けの「自家消費型コンテンツ」の生成での利用が広がりました。 しかし、それをそのまま「収益化型コンテンツ」にしようとすると、多くの人に共感を得ることに課題があります。 クリエイターとしての人間の選別や編集が加わることで初めて感動を与えるコンテンツになるようです。 統計的に処理される AI生成コンテンツは平均的な内容になりがちで、個人の好みとも少しずつずれる可能性がある点で、自家消費型コンテンツとしても課題があります。 誰のための生成? 生成AIでコンテンツ...
Keynoteでお絵描き 「相談者」の吹き出しアイコン Mac

Keynoteでお絵描き 「相談者」の吹き出しアイコン

ラベルボックスの「人」を吹き出しにできるようにアイコン画像を作りました。 ↑こんな感じ はじめはこのサイズで作りましたが、ちょっと暑苦しい印象。 円形でくり抜くとこれぐらいのバランスでちょうどよかったです。 作り方 まず、Keynoteで大まかに作りました。円と角丸四角形を組み合わせ、ちょっと曲線を編集しました。 それから、GIMPでキャンバスサイズを正方形にしました。 こちらもどうぞ。
[macOS] Launchpadのハテナマーク付きのアイコンを削除する(Logicool G Hub) Mac

[macOS] Launchpadのハテナマーク付きのアイコンを削除する(Logicool G Hub)

macOSのLaunchpadで不要なアイコンが残っていました。 まずは、アイコンの長押しで削除を試み、それでも解決しない場合は、Launchpadのデータベースをリセットします。 defaults write com.apple.dock ResetLaunchPad -bool true; killall Dock 環境 macOS Sonoma 14.6.1 Launchpadにアイコンが残っていた MacでLogicool G HUB アプリをインストールしていたので...
[Mac]Microsoft Teamsアプリをインストールしたのに入れなかった Mac

[Mac]Microsoft Teamsアプリをインストールしたのに入れなかった

ウェブ会議に参加するためにMacに Microsoft Teamsアプリをインストールしました。 しかし、「Use Teams on the web to join」というエラーで、アプリからは参加できませんでした。 結局、ブラウザからのゲスト参加は可能でした。 ウェブ会議はデータ通信量も大きいので、アプリからの方が安定すると思って用意しました。ブラウザ版の方がスムーズなこともあるんですね。 Microsoft Teamsをインストールした ウェブ会議のために、Macに Mi...
「+メッセージ」の仕組みを整理する(RCSとIMS) Android

「+メッセージ」の仕組みを整理する(RCSとIMS)

「+メッセージ」は、携帯電話会社が提供するRCS技術を基盤とした新しいメッセージングサービスです。 従来のSMSの使いやすさを保ちながら、LINEのような便利な機能を取り入れています。 主にインターネット通信を使用しつつ必要に応じてSMSにフォールバックする柔軟性を持っています。 ただし、「+メッセージ」独自の技術仕様が盛り込まれているため、現時点では国内の主要キャリア間・MVNOでのみ利用可能で、他のメッセージアプリや海外の通信事業者との相互接続は実現されていません。 +メ...
必要に応じて広告ブロックのオン・オフを切り替える(アドクリーナー) とりあえずのメモ

必要に応じて広告ブロックのオン・オフを切り替える(アドクリーナー)

「アドクリーナー」は、ドコモなどが提供する広告ブロックアプリです。 適切に利用するには、自分でオン・オフを切り替えることが重要です。 広告ブロックにはデータ通信量の節約などのメリットがありますが、一部のサービスでは閲覧制限がかかる場合があるからです。 広告ブロックの月額契約 ドコモでスマホの利用をしている方で、「アドクリーナー」というアプリが入っていることがあります。 これは、広告ブロックアプリ。設定を有効にすれば、ネット広告を消すことができます。 (参考) 公式|アドクリー...
やっとLinkedInで「会社ページ」を作れた SNS

やっとLinkedInで「会社ページ」を作れた

LinkedInで5か月前に「会社ページ」の作成に失敗しましたが、今回再挑戦して成功しました。 会社ページは個人アカウントに紐づいて管理されます。 アカウントの切り替えはプロフィールアイコンのメニューから行うことができます。 ちなみに「会社ページ」という和訳ですが、必ずしも「法人」である必要はありません。個人事業の選択肢もあり、取得可能になっています。 会社ページを再度作ってみた 以前(5か月ほど前)、LinkedInのアカウントを作成し、「会社ページ」を作成しようとしたとこ...
推論によるスケーリング(OpenAI o1のChain of Thought) AIの話題

推論によるスケーリング(OpenAI o1のChain of Thought)

OpenAIが発表した新しい人工知能「o1(オーワン)」は、「Chain of Thought」という推論の仕組みを使って複雑な問題を解決します。 問題を小さな部分に分けて段階的に解決することで、より正確な答えを導き出すことができます。 モデルサイズではなく推論時間を延長することで性能を向上させるアプローチの登場で、生成AIの世界は大きく変化する可能性があります。 従来の生成AIとは違う「推論」の仕組み 2024年9月12日、OpenAIは新しい人工知能「o1(オーワン)」を...
ブロックエディタを狭い画面で表示するときの文字サイズを小さくした とりあえずのメモ

ブロックエディタを狭い画面で表示するときの文字サイズを小さくした

ブロックエディタを狭い画面で表示する際の文字サイズを小さくしました。 画面幅1080px以下の時に、文字や余白を調整するカスタムCSSを追加しました。 これにより、AI画面を表示させた狭い画面でも、文章の全体像が見やすくなりました。 ブラウザにサイドバーを表示すると「狭い」 ブラウザのサイドバーにAI画面などを表示させると作業がスムーズになるものの、表示画面は狭くなります。 特に、WordPressのブロックエディタを使っているときに、文章の全体像が見えにくく感じます。 一時...
WordPressにSVG画像をアップロードできるようにした(functions.php) とりあえずのメモ

WordPressにSVG画像をアップロードできるようにした(functions.php)

WordPressではセキュリティ上の理由からSVGファイルのアップロードが制限されています。 functions.phpにカスタム関数を追加すれば、ブログエディタでのSVGアップロードを許可できます。 ただし、アップロードを許可する場合、リスクも認識しておくことが大事です。 「このファイルタイプ(SVG)をアップロードする権限がありません」 WordPressにSVGファイルをアップロードしようとしたらエラーになりました。 このファイルタイプをアップロードする権限がありませ...
テキストから図解を生成するNapkin AI AIの話題

テキストから図解を生成するNapkin AI

「Napkin AI」は、入力された文章から図解を自動生成するAIツールです。 生成された図解は編集可能で、画像やSVGファイルとしても保存したり、クリップボードにコピーしたりできます。 現時点ではひな型の数が限られていますが、高機能なSmartArtのような便利なツールとして利用できます。 「Napkin AI」と「Auto Spark」ボタン 「Napkin AI」は、入力した文章を元に図解を作ってくれる生成AIです。 (参考) 基本的な編集画面は、「白紙のノート」のよう...
YouTubeから米国税務フォームの更新を促すメールが届いた とりあえずのメモ

YouTubeから米国税務フォームの更新を促すメールが届いた

YouTubeから米国税務フォームの更新を促すメールが届きました。 これは、日本で活動し税金を支払っていることを証明するための手続きです。 AdSenseの管理ページから税務情報を更新しないと、過剰な源泉徴収をされたり、支払いを保留されてしまうおそれがあります。 「米国税務フォームはまもなく有効期限切れになります」? YouTubeから米国税務フォームの更新を促すメールが届きました(2024年9月17日)。 件名: お客様の米国税務フォームはまもなく有効期限切れになります 差...
CSVをShift-JISにするためのオンラインツールを作った(sjis-csv) とりあえずのメモ

CSVをShift-JISにするためのオンラインツールを作った(sjis-csv)

生成AIで作成したCSVファイルをExcel(オンライン版)で開いたら、文字化けしてしまいました。 そこで、文字列をShift-JISにエンコードして sjis.csvとしてダウンロードし直すためだけのオンラインツールを作りました。 ExcelはCSVの文字コードをShift-JISと過程する 生成AI(Claude)が出力した csvファイルをそのまま オンライン版のExcelで開いたら、文字化けしてしまいました。 これは、UTF-8のテキストファイルをShift-JISと...
[Cocoon] ブログカードのHTML構造でCSSを整理した(style.css) とりあえずのメモ

[Cocoon] ブログカードのHTML構造でCSSを整理した(style.css)

Cocoonテーマのブログカードの追加CSSを整理しました。 ブログカードのHTML階層構造とメディアクエリで順序立ててまとめました。 スタイルを追加するときは、はじめから構造を意識しておけばよかったね。 style.cssに追加コードを整理したい style.cssに追加コードが増えて来たので、整理したいと思います。ただし、優先順位の問題があるので、並び順やCSSクラスの重ねた修飾の仕方も重要です。 ブログカードの階層構造 Cocoonテーマのブログカードは、HTMLの階層...
Google Workspaceで独自ドメインのメールを作るには?(DNS) とりあえずのメモ

Google Workspaceで独自ドメインのメールを作るには?(DNS)

Google Workspaceは、Googleのビジネス向けサービスです。 このサービスを利用すると、独自ドメインのメールアドレスでもGmailの便利な機能が使えます。 ただし、ドメインのDNSレコードの設定、ユーザーアカウントの作成などの手順が必要です。 Google Workspaceの管理者になって、Google Workspaceアカウントを作成する、とも言えます。 独自ドメインでGmailを使う 「独自ドメイン(カスタムドメイン)」とは、独自のウェブサイトのアドレ...
エアトリで航空券を探した とりあえずのメモ

エアトリで航空券を探した

エアトリを使って航空券の予約をする方法を説明します。 トップページでログインし、国内線の検索条件を入力します。 検索結果は価格順や出発時刻順で並べ替えができ、予約変更の可否による価格差も確認できます。 エアトリにアクセス 航空券の予約で、「エアトリ(airtrip.jp)」を使いました。 (参考) 格安航空券(国内線)を比較・予約|【エアトリ】 まずは、「エアトリ」で検索し、トップページにアクセスします。 画面上部の「ログイン」からIDとパスワードを入力すると、登録済みの顧客...
Playストアで「購入確認」が必須になった Android

Playストアで「購入確認」が必須になった

Google Playでは、購入確認の設定を全ユーザーに求めるようになりました。 設定は後回しにできず、パスワードか生体認証のいずれかを選ぶ必要があります。 スマートフォンを共用している場合などに、所有者以外によるGoogle Playでの不正購入を防ぐためです。 「購入確認が設定されていません」メッセージの意味 「Playストア」アプリを開いたら、「購入確認が設定されていません」というメッセージが表示されました。 購入確認が設定されていません 生体認証(指紋または顔)データ...
Basic認証とOAuth(iPhoneのメールアプリ) iPhone

Basic認証とOAuth(iPhoneのメールアプリ)

「OAuth」は、従来のBasic認証と比べて安全にアカウントにアクセスできます。 OAuthでは、ログインページでの認証の後にユーザーがアプリに与える権限を細かく設定します。 その後は、アプリにアクセストークンが記録されるので、直接のパスワード情報は記憶しません。 Basic認証とOAuthの違い 「OAuth」って何なの?これまでのメール設定と何が違うの? 「OAuth(オー・オース)」は、アカウントのデータを範囲を限定してアクセスさせるための仕組みです。 Basic認証...
Amazonのアカウントロックの仕組み とりあえずのメモ

Amazonのアカウントロックの仕組み

Amazonから「アカウントがロックされた」などというメールが届いた場合、パスワードなどを盗み取ろうと騙っている詐欺メールも多いです。 しかし、Amazonには、本物の「セキュリティ警告」のメールもあり、区別が難しいです。 不正アクセスや通常と異なる使用が検出されると、アカウントが一時的にロックする仕組みで、ロックを解除するには本人確認が必要です。 差出人のメールアドレスやリンク先のログインページのドメインが間違いがないか慎重に確認して操作しましょう。 安全な使用のためには、...
LINE CameraがLINEからSNOWに譲渡されていた とりあえずのメモ

LINE CameraがLINEからSNOWに譲渡されていた

LINE Cameraアプリを開いたら、利用規約の同意画面が出てきました。 平素より本サービスをご利用いただき、誠にありがとうございます。 LINE Cameraです。LINE CameraサービスがLINEヤフー株式会社からSNOW株式会社へ事業譲渡されましたので、ご案内いたします。これまで通りにサービスをご利用いただく場合、下記の新しい利用規約、個人情報処理方針と個人情報の移転に関してご確認の上、同意してください。 LINE Cameraの運営会社が LINEヤフーからS...
[WordPress]ランダムな記事へのボタンを追加した(functions.php) とりあえずのメモ

[WordPress]ランダムな記事へのボタンを追加した(functions.php)

過去の記事を「掘り起こして」読んでもらう仕掛けとして「ランダムな記事へのボタン」を追加しました。 WordPressブログにランダムな記事へのボタンを追加するカスタムウィジェットを作成しました。 きっかけは、ブログの「アーカイブ」としての機能を強化したいと思ったからです。 カスタムウィジェットを作成するPHPコード 前の記事、ランダムな記事、次の記事へのリンクを表示するカスタムウィジェットを作りました。 WordPressテーマのfunctions.phpファイルの末尾に追加...
Windowsの「Recall」機能とプライバシー(Copilot+ PC) AIの話題

Windowsの「Recall」機能とプライバシー(Copilot+ PC)

Microsoftは、Windows 11の新機能「Recall」をCopilot+ PC向けに発表しました。 Recallは、AIを使ってPC上の作業画面を記録し、後から簡単に検索・再開できる機能です。 データはローカルで処理・保存され、暗号化されますが、まだセキュリティ・プライバシーの懸念が払拭できていません。 YouTube動画でも話しています Windows 11の新機能「Recall」 2024年5月、Microsoftは 「Copilot+ PC」と呼ばれる新しい...
Microsoftの「監視されていないメールボックス」とは?(返信不要の機械翻訳) とりあえずのメモ

Microsoftの「監視されていないメールボックス」とは?(返信不要の機械翻訳)

Microsoftからの「利用規約の更新」というメールの末尾に「監視されていないメールボックスから送信されています」という文言がありました。 「メール」「監視」と聞くとびっくりしますが、これは「この一斉送信メールに返信しても読まれません」という意味です。 「monitor」のニュアンスが訳しにくいのはわかるけど、言葉って大切なのにね……。 YouTube動画でも話しています 「利用規約の更新」というメール 突然、Microsoftから「利用規約の更新」というメールが届きました...
Chromeにサイドパネルとマウスジェスチャーを拡張した(Page Sidebar, simpleGestures) とりあえずのメモ

Chromeにサイドパネルとマウスジェスチャーを拡張した(Page Sidebar, simpleGestures)

Chromeで面倒な画面切替えをスムーズにするために、「サイドバー」と「マウスジェスチャー」のChrome拡張機能を追加しました。 Page Sidebarを使うと、サイドバーで別のウェブサイトを開きながら作業ができ、タブの切り替えが減ります。 simpleGesturesは、マウスの動きだけで様々な操作ができるため、ブラウジングがよりスムーズになります。 (参考) (chromeウェブストア)Page Sidebar | Open any page in side pane...
検索して要約してくれる AI検索エンジン「Genspark」(Sparkpage) AIの話題

検索して要約してくれる AI検索エンジン「Genspark」(Sparkpage)

Gensparkは、AIを活用して検索と要約を行う新しい検索エンジンです。 Sparkpageという機能により、複数の情報源からデータを集めて1つのウェブページにまとめます。 リアルタイム検索や対話式探索が可能で、個人のニーズに合わせた情報整理ができます。 AI検索エンジンGenspark 「Genspark」は、AIを活用した新しい検索エンジンです。その特徴は、包括的な情報を一つのウェブページにまとめてくれること。 従来の検索エンジンとは異なり、ユーザーが複数のウェブサイト...
アクションカメラにスマートフォンをつないで撮影する(Insta360 X4のWi-Fi Direct) いろんな周辺機器

アクションカメラにスマートフォンをつないで撮影する(Insta360 X4のWi-Fi Direct)

Insta360 X4は全方向カメラとスマホ連携が特徴で、360度動画を最大8K30fpsで撮影できます。 カメラ本体のシャッターボタンだけでなく、スマホアプリからリモート操作で撮影できます。 スマホには Wi-Fi Directで接続され、撮影した写真や動画も転送できます。 スマホアプリからリモート撮影する(Wi-Fi Direct) スマホからInsta360 X4をリモート撮影するには、「Insta360」アプリを起動します。 (アプリ) Insta360(機器制御アプ...
LINEビジネスIDが自動的に2段階認証に切り替わる(LINE公式アカウント) とりあえずのメモ

LINEビジネスIDが自動的に2段階認証に切り替わる(LINE公式アカウント)

「もうすぐ LINE ビジネスIDが2段階認証でないとログインできなくなる」という通知が表示されました。 2024年9月3日に、メールアドレスを登録しているすべてのLINEビジネスIDで2段階認証が有効に切り替わります。 あらかじめ2段階認証に変更しておくと、ログインコードが届くか確認できます。 今日が 8月31日だから4日後。かなり急なお知らせだね。 「LINEビジネスIDの2段階認証の有効化」 LINE公式アプリを開いたら、「LINE ビジネスIDが2段階認証でないとログ...
[CSS]Amazonリンクをnote風に画像を大きくした とりあえずのメモ

[CSS]Amazonリンクをnote風に画像を大きくした

Amazonリンクをnoteのデザインを参考に、画像を大きくして説明文を省略しました。 CSSを更新して、デスクトップとモバイル両方での表示を変更し、商品名、画像、ボタンのレイアウトを調整しました。 Amazonリンクのスタイルを変更 Amazonリンクのスタイルを変更しました。今回は noteを参考にして、画像を大きくし、説明文を省略するようにしました。 Amazonリンクの例↓ 更新後のCSS /** amazon リンク * ブログカードに寄せた * * 2024-08...
[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タグでも同様に階層的な番号付けができます。
生成AIだけでは「創れない」問題 AIの話題

生成AIだけでは「創れない」問題

生成AIが生み出す大量のコンテンツは、「創作」としての品質を伴わないものも多いです。 そのため、まだまだ指示を出す側である人間の経験や能力も重要で、AIを活用するには役割を分担するのがコツ。 あるいは、既存の表現形式から脱却した、「AIに最適化された新しい創作表現」に可能性があるのかもしれません。 生成AIを使った「創作」と「手直し」 現時点では、生成AIを使ってコンテンツを生み出す「創作」には大きな「課題」があります。高速・大量に作品を生み出せても、品質が低いものが多いこと...
[WordPress] ウィジェットエリアを転用して左サイドバーにした(CSS) とりあえずのメモ

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

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