MacKeynoteでお絵描き 「相談者」の吹き出しアイコン
ラベルボックスの「人」を吹き出しにできるようにアイコン画像を作りました。↑こんな感じはじめはこのサイズで作りましたが、ちょっと暑苦しい印象。円形でくり抜くとこれぐらいのバランスでちょうどよかったです。作り方まず、Keynoteで大まかに作りました。円と角丸四角形を組み合わせ、ちょっと曲線を編集しました。それから、GIMPでキャンバスサイズを正方形にしました。こちらもどうぞ。
パソコン基礎知識
Mac![[macOS] Launchpadのハテナマーク付きのアイコンを削除する（Logicool G Hub）](https://chiilabo.com/wp-content/uploads/2024/09/image-1-20240928-080628-1024x576.jpg)
Mac[macOS] Launchpadのハテナマーク付きのアイコンを削除する（Logicool G Hub）
macOSのLaunchpadで不要なアイコンが残っていました。まずは、アイコンの長押しで削除を試み、それでも解決しない場合は、Launchpadのデータベースをリセットします。defaults write com.apple.dock ResetLaunchPad -bool true; killall Dock環境macOS Sonoma 14.6.1Launchpadにアイコンが残っていたMacでLogicool G HUB アプリをインストールしていたのですが、不要に...
![[Mac]Microsoft Teamsアプリをインストールしたのに入れなかった](https://chiilabo.com/wp-content/uploads/2024/09/image-1-20240930-012028-1024x576.jpg)
Mac[Mac]Microsoft Teamsアプリをインストールしたのに入れなかった
ウェブ会議に参加するためにMacに Microsoft Teamsアプリをインストールしました。しかし、「Use Teams on the web to join」というエラーで、アプリからは参加できませんでした。結局、ブラウザからのゲスト参加は可能でした。ウェブ会議はデータ通信量も大きいので、アプリからの方が安定すると思って用意しました。ブラウザ版の方がスムーズなこともあるんですね。Microsoft Teamsをインストールしたウェブ会議のために、Macに Microso...
![[macOS] Googleのログイン確認の通知があった（OAuthの再認証）](https://chiilabo.com/wp-content/uploads/2024/09/image-1-20240923-000501-1024x576.jpg)
Mac[macOS] Googleのログイン確認の通知があった（OAuthの再認証）
macOSで「Googleのパスワードが必要です」という通知が表示されることがあります。この通知はセキュリティのために必要な手順で、ブラウザでの認証が求められます。この一連の流れはOAuthという仕組みで行われ、安全なサービス連携を実現しています。「Googleのパスワードが必要です」macOSを使っていたら「Googleのパスワードが必要です」という通知が出てきました。Googleのパスワードが必要です"〜"のパスワードを"インターネットアカウント"で入力。通知をクリックす...
とりあえずのメモブロックエディタを狭い画面で表示するときの文字サイズを小さくした
ブロックエディタを狭い画面で表示する際の文字サイズを小さくしました。画面幅1080px以下の時に、文字や余白を調整するカスタムCSSを追加しました。これにより、AI画面を表示させた狭い画面でも、文章の全体像が見やすくなりました。ブラウザにサイドバーを表示すると「狭い」ブラウザのサイドバーにAI画面などを表示させると作業がスムーズになるものの、表示画面は狭くなります。特に、WordPressのブロックエディタを使っているときに、文章の全体像が見えにくく感じます。一時的にサイドバ...
いろんな周辺機器静電容量方式とタッチ検出の仕組み
スマートフォンは軽いタッチでも反応する一方、爪や手袋では反応しにくいという特徴があります。これは、投影型静電容量方式のタッチパネルを使用しているからです。この方式は人体の導電性を利用し、パネル上に形成された電界の乱れを検知します。投影型静電容量方式現代のスマートフォンのタッチパネルでは、「投影型静電容量方式」が広く使用されています。この仕組みは、「人体が電気を通す」という性質（導電性）を利用しています。タッチパネルの下には透明な電極が縦横に並んでいます。電極にはわずかに電圧が...
とりあえずのメモWordPressにSVG画像をアップロードできるようにした（functions.php）
WordPressではセキュリティ上の理由からSVGファイルのアップロードが制限されています。functions.phpにカスタム関数を追加すれば、ブログエディタでのSVGアップロードを許可できます。ただし、アップロードを許可する場合、リスクも認識しておくことが大事です。「このファイルタイプ（SVG）をアップロードする権限がありません」WordPressにSVGファイルをアップロードしようとしたらエラーになりました。このファイルタイプをアップロードする権限がありません。fun...
AIの話題テキストから図解を生成するNapkin AI
「Napkin AI」は、入力された文章から図解を自動生成するAIツールです。生成された図解は編集可能で、画像やSVGファイルとしても保存したり、クリップボードにコピーしたりできます。現時点ではひな型の数が限られていますが、高機能なSmartArtのような便利なツールとして利用できます。「Napkin AI」と「Auto Spark」ボタン「Napkin AI」は、入力した文章を元に図解を作ってくれる生成AIです。（参考）基本的な編集画面は、「白紙のノート」のような感じです。...
![[Cocoon] ブログカードのHTML構造でCSSを整理した（style.css）](https://chiilabo.com/wp-content/uploads/2024/05/image-13-2-1024x576.jpg)
とりあえずのメモ[Cocoon] ブログカードのHTML構造でCSSを整理した（style.css）
Cocoonテーマのブログカードの追加CSSを整理しました。ブログカードのHTML階層構造とメディアクエリで順序立ててまとめました。スタイルを追加するときは、はじめから構造を意識しておけばよかったね。style.cssに追加コードを整理したいstyle.cssに追加コードが増えて来たので、整理したいと思います。ただし、優先順位の問題があるので、並び順やCSSクラスの重ねた修飾の仕方も重要です。ブログカードの階層構造Cocoonテーマのブログカードは、HTMLの階層構造になって...
![[Excel]表の1行目と1列目には重要な意味がある](https://chiilabo.com/wp-content/uploads/2024/09/image-1-20240918-050503-1024x576.jpg)
Word・Excelなど[Excel]表の1行目と1列目には重要な意味がある
Excelは「表計算ソフト」で、分析しやすい形式で表を作るのがコツ。特に、表の1行目と1列目には重要な意味があり、正しく設定するかどうかで、フィルター機能やVLOOKUP関数、差し込み印刷などその後のデータ処理のしやすさが変わります。反対に、空行やセルの結合で見た目を整えると、データ処理には不向きになってしまうことがあります。YouTube動画でも話しています。表計算処理しやすくする表作りの工夫Excelは自由に表を作ることができます。しかし、「表計算処理」機能を活用するには...
とりあえずのメモエアトリで航空券を探した
エアトリを使って航空券の予約をする方法を説明します。トップページでログインし、国内線の検索条件を入力します。検索結果は価格順や出発時刻順で並べ替えができ、予約変更の可否による価格差も確認できます。エアトリにアクセス航空券の予約で、「エアトリ（airtrip.jp）」を使いました。（参考）格安航空券(国内線)を比較・予約｜【エアトリ】まずは、「エアトリ」で検索し、トップページにアクセスします。画面上部の「ログイン」からIDとパスワードを入力すると、登録済みの顧客情報を呼び起こす...
インターネット小話じゃらんnetでホテルを探す
じゃらんnetでホテルを予約する際は、まずウェブサイトにアクセスして「ログイン」します。チェックイン日、人数、エリアなどの条件を設定して検索を行います。検索結果から希望に合うプランを選び、条件を絞り込んで最適なホテルを見つけます。インターネットでじゃらんnetにアクセスする「じゃらんnet（jalan.net）」で、ホテル予約をしてみました。まずは、インターネットで「じゃらん」と検索し、じゃらんnetにアクセスします。検索結果の上位には、「PR」「スポンサー」など、別の旅行サ...
アカウントOutlookから「アクションが必要」というメールが届いた（OAuth）
Outlookから「アクションが必要です」というメールが届きました。Outlookメールに接続しているメールアプリの設定をOAuthに対応させる必要があります。メールアプリの設定がBasic認証のままだと、2024年9月16日以降 Outlookメールにアクセスできなくなります。YouTube動画でも話しています。「アクションが必要です」？「Outlook」から「アクションが必要です」などというメールが届きました。アクションが必要です:一部のサード パーティのメールおよびカレ...
![[WordPress]ランダムな記事へのボタンを追加した（functions.php）](https://chiilabo.com/wp-content/uploads/2024/09/image-1-2-1024x576.jpg)
とりあえずのメモ[WordPress]ランダムな記事へのボタンを追加した（functions.php）
過去の記事を「掘り起こして」読んでもらう仕掛けとして「ランダムな記事へのボタン」を追加しました。WordPressブログにランダムな記事へのボタンを追加するカスタムウィジェットを作成しました。きっかけは、ブログの「アーカイブ」としての機能を強化したいと思ったからです。カスタムウィジェットを作成するPHPコード前の記事、ランダムな記事、次の記事へのリンクを表示するカスタムウィジェットを作りました。WordPressテーマのfunctions.phpファイルの末尾に追加したら、ウ...
AIの話題Windowsの「Recall」機能とプライバシー（Copilot+ PC）
Microsoftは、Windows 11の新機能「Recall」をCopilot+ PC向けに発表しました。Recallは、AIを使ってPC上の作業画面を記録し、後から簡単に検索・再開できる機能です。データはローカルで処理・保存され、暗号化されますが、まだセキュリティ・プライバシーの懸念が払拭できていません。YouTube動画でも話していますWindows 11の新機能「Recall」2024年5月、Microsoftは 「Copilot+ PC」と呼ばれる新しいタイプのW...
とりあえずのメモMicrosoftの「監視されていないメールボックス」とは？（返信不要の機械翻訳）
Microsoftからの「利用規約の更新」というメールの末尾に「監視されていないメールボックスから送信されています」という文言がありました。「メール」「監視」と聞くとびっくりしますが、これは「この一斉送信メールに返信しても読まれません」という意味です。「monitor」のニュアンスが訳しにくいのはわかるけど、言葉って大切なのにね……。YouTube動画でも話しています「利用規約の更新」というメール突然、Microsoftから「利用規約の更新」というメールが届きました。末尾には...
とりあえずのメモChromeにサイドパネルとマウスジェスチャーを拡張した（Page Sidebar, simpleGestures）
Chromeで面倒な画面切替えをスムーズにするために、「サイドバー」と「マウスジェスチャー」のChrome拡張機能を追加しました。Page Sidebarを使うと、サイドバーで別のウェブサイトを開きながら作業ができ、タブの切り替えが減ります。simpleGesturesは、マウスの動きだけで様々な操作ができるため、ブラウジングがよりスムーズになります。（参考）（chromeウェブストア）Page Sidebar | Open any page in side panel（Ch...
AIの話題検索して要約してくれる AI検索エンジン「Genspark」（Sparkpage）
Gensparkは、AIを活用して検索と要約を行う新しい検索エンジンです。Sparkpageという機能により、複数の情報源からデータを集めて1つのウェブページにまとめます。リアルタイム検索や対話式探索が可能で、個人のニーズに合わせた情報整理ができます。AI検索エンジンGenspark「Genspark」は、AIを活用した新しい検索エンジンです。その特徴は、包括的な情報を一つのウェブページにまとめてくれること。従来の検索エンジンとは異なり、ユーザーが複数のウェブサイトを巡る必要...
いろんな周辺機器アクションカメラにスマートフォンをつないで撮影する（Insta360 X4のWi-Fi Direct）
Insta360 X4は全方向カメラとスマホ連携が特徴で、360度動画を最大8K30fpsで撮影できます。カメラ本体のシャッターボタンだけでなく、スマホアプリからリモート操作で撮影できます。スマホには Wi-Fi Directで接続され、撮影した写真や動画も転送できます。スマホアプリからリモート撮影する（Wi-Fi Direct）スマホからInsta360 X4をリモート撮影するには、「Insta360」アプリを起動します。（アプリ）Insta360（機器制御アプリ） iOS...
![[CSS]Amazonリンクをnote風に画像を大きくした](https://chiilabo.com/wp-content/uploads/2024/08/image-9-20240831-011055-1024x576.jpg)
とりあえずのメモ[CSS]Amazonリンクをnote風に画像を大きくした
Amazonリンクをnoteのデザインを参考に、画像を大きくして説明文を省略しました。CSSを更新して、デスクトップとモバイル両方での表示を変更し、商品名、画像、ボタンのレイアウトを調整しました。Amazonリンクのスタイルを変更Amazonリンクのスタイルを変更しました。今回は noteを参考にして、画像を大きくし、説明文を省略するようにしました。Amazonリンクの例↓更新後のCSS/** amazon リンク * ブログカードに寄せた * * 2024-08-31 no...