ニッチな話題

このカテゴリーにたどり着いた貴方は、とっても「通」ですね。
教室で教えるにはマニアック(?)だけど、自分が関心があって面白かったことを自由に書いています。
主な話題は、「プログラミング」「スタイルシート」「Mac活用」「dokuwiki」など。

とりあえずのメモ

ErgoDoxのキー配列の変遷

ErgoDoxは自由にキー配列をプログラムできるので、試行錯誤の沼にハマりやすいです。 そのときどきのキー配列の試行錯誤とその理由をまとめておきます。 前提条件 ノートPCのキーボードを使ったときにそんなに差がないこと(なるべく上位互換にしたい) 親指シフトでの日本語入力に適していること(かなキー・英数キーは必須) 矢印キーの配置 配列は、普段使っている MacBookの日本語配列キーボードとなる...
いろんな周辺機器

キーの高さが低いErgoDoxがほしい(ErgoDoxLP Wireless)

ErgoDoxを使っていて、ロープロファイルならもっと入力しやすいのではないか、と思いました。 「ErgoDoxLP Wireless – SliceMK」を元に揃えると、だいたい4万円ぐらいの予算が必要なことがわかりました。 販売パーツ概算価格SliceMKErgoDoxLP Wireless23,000遊舎工房Kailhロープロファイルスイッチ 35*2+105,600遊舎工房Kailhロープ...
とりあえずのメモ

[Cocoon] ソースコードハイライトが反映されない?【CSSセレクタ】

なぜか、Cocoonのテーマ設定のソースコードが反映されませんでした。CSSセレクタを設定し直したら、うまく動きました。 highlight.jsが動作しない Cocoonテーマには、ソースコード ハイライト機能があります。これは、highlight.jsを利用しています。 しかし、Cocoon設定では、ちゃんとハイライト表示にチェックがつけたのですが、記事内のソースコードがそのままでした。 これ...
とりあえずのメモ

[WordPress]記事ごとの平均PVを集計するサブメニューを自作プラグインに追加した

どんな記事が安定して読まれているのか把握するために、平均PVを調べたいと思いました。前回作った月別ページビュー集計の自作プラグインに追加します。 前回はこちら。 管理ページにサブメニューを追加する(add_submenu_page) 最終的に出来上がったのがこちら。 ブログの勢いを将棋の駒でランク付けしています。 書いた記事が、駒得で変換されるのでモチベーションが上がります。 野球が好きなら、ヒッ...
とりあえずのメモ

[CSS] 印刷用のラベルボックスの枠線の色を渋めにした

ラベルボックスなどは、ディスプレイ上では薄い背景色で表示しています。しかし、そのまま印刷するとインクがにじみやすいので、枠線のみにしています。 Cocoonのテーマ色をもとに、グレー、青、緑、黄、赤 に対応する、渋めの色リストを作りました。 灰青緑黄赤鮮やか9494952BAAE23DB471FED900E60033薄い色F7F9F9F3FBFFEAF9F4FFF7CBFEF2F2濃い色CCDAD...
Windows

Tiny 11にアップグレードできない?【boot.wim】

Windows 10(22H2)のパソコンで、Tiny 11のISOからアップグレードしようとしたら、エラーになりました。 ISOは いったんUSBメモリなどに焼き付けて、起動メディアにする必要があります。 Error code: 0x8030002F tiny 11のISOをマウントし、setup.exe を起動したら、エラーになりました。「boot.wimファイルの再設定が必要」と言っています...
Mac

カーソルセンスはmacOS Ventura 13でも使えた

macOSのアップデートで気になるのが、入力関係のツールが正常に動作するかです。 マウスの動作設定で「カーソルセンス」というツールを利用しているので、確認しました。 結論しては、「カーソルセンス」は「システム設定」にちゃんと項目がありました。 システム設定が大きく変わった macOS Ventura 13に更新されて、「システム環境設定」が「システム設定」になりました。 画面構成も大きく変わって、...
とりあえずのメモ

Cocoonで作った注目記事ランキングのショートコードを修正した

Cocoonテーマのコードを利用して、自前の「注目記事ランキング」を作っていたのですが、更新によってエラーになってしまいました。 改めて、コードを修正して直すことができました。 サイトのPHPにエラーがある 教室ホームページを見たら、ページにエラーが表示されて、レイアウトが崩れていることに気づきました。(2022年10月17日)。 このサイトで重大なエラーが発生しました。 WordPressのトラ...
わかりやすさ重視

e-Taxで源泉所得税の「徴収高計算書」を提出した(個人事業主・非課税パート)

毎月 スタッフの給料を支払ったあとで、源泉徴収の申告があります。これまで徴収高計算書を手書きして、銀行にわざわざ提出しに行っていました。試しに e-Tax から申請してみたら、かなり手間が減りました。 ここでは、スマホでのe-Taxの操作手順を解説しています。 税についての正確な情報は、国税庁などを参照してください。 源泉徴収と徴収高計算書 小規模の個人店でも、従業員を雇用すると、給料を支払うとき...
#PR含む

MacBook AirでUSBハブをつないだら充電できなかった【USB充電器の性能にも注意】

MacBookにUSBポートを増設するために USBハブ を購入しました。ところが、USBハブ経由で充電器に接続したところ、MacBookの充電がうまく進みませんでした。 USBハブも動作には電力が必要で、その分 給電性能の高い充電器・ケーブルにつなぐ必要があったのです。 意外とUSBハブも電力を消費するんだねー。 MacBook Air(13 inch 2018)、Anker PowerExpa...
とりあえずのメモ

Karabiner-Elementsをアップデートしたらアイコンが変わっていた

タイトルがすべてなのですが、macの「レガシー拡張機能」を探している中で、Karabiner-Elementsを起動したら、「Software Update(更新)」の画面が出てきました。 (実際の警告原因は、Soundflowerでした) アプリケーションの中に、自動更新の仕組みがあるので、パスワードを入力すれば、あとは自動的に更新してくれます。 ちなみに「More」を押すと、「Release ...
#PR含む

MacBookとGechic モバイルモニター On-Lap 1303Hをつないだ【HDMI変換アダプタとmicro HDMI】

やや古いモバイルモニターを、MacBook Airにもつなげるようにしました。 USB-CからmicroHDMIにつなぐのために、HDMI変換アダプタとmicro HDMIケーブルを買いました。 Windows PCの外部ディスプレイの片付けが大変だった 作業机には、Gechicのモバイルモニター On-Lap 1303Hを設置しています。2015年に購入したもので、今となってはやや古くなっていま...
ニッチな話題

[mac] ターミナルでOneDrive内にあるスクリプトを呼び出したい【zshのpath】

OneDriveで同期しているコードを、macのターミナルから呼び出せるように設定しました。 .zshrc に 「~/Library/CloudStorage/OneDrive-個人用/」内のフォルダを追加します。
スマホ基礎

電話文字変換アプリ「Rogervoice」を使ってみた【聴覚障害補助】

電話の音声を文字変換するアプリ「Rogervoice」を使ってみました。 いくつか注意すべきポイントがありましたので、実際に試した結果をメモしておきます。 Rogervoiceの残念な点 着信には対応していない。相手に通知される電話番号が変わってしまう(3456)。操作画面が英語で、日本語対応していない。 フランスのアプリなのですが、日本には完全対応していないようです。 ◆ 前回はこちら。 Rog...
ニッチな話題

[Mac] アプリケーションの自動起動の設定【ログイン項目】

Macを起動したときに勝手に立ち上がるアプリを止めるには、「ログイン項目」の設定を確認します。 Windows PCだと、タスクマネージャで管理するよね。 「システム環境設定」の「ユーザとグループ」から「ログイン項目」を選択します。 不要なアプリは、・「非表示」にチェックをしたり、・「ー(削除)」で項目を削除します。 ログイン時にアプリケーションを非表示にしておくには、アプリケーションの横にある"...
ニッチな話題

Electronでレンダラープロセスからメインプロセスに処理を渡して、また戻る【async/await】

レンダラープロセスから、メインプロセスで処理を移した後、レンダラープロセスに処理を戻すには、どうすればよいかハマったのでメモをしておきます。 結果としては、IPC通信とasync, awaitという非同期の関数を利用することで、解決しました。 プロセス間通信と処理の流れ やりたいことは、・UIの実行ボタンが押して、・端末のファイル操作を行い、・終わってからUIに貯めた入力データをクリアする、という...
ニッチな話題

dittoコマンドの進捗状況を知る【-Vオプション】

dittoコマンドで、ファイルをコピーするときに、時間がかかることがあります。動作中なのか、なにか引っかかってループになっているのかわからないと、途中でターミナルを閉じてよいのか不安です。 プログレスバーでも表示できればよいのですが……。とはいえ、簡易的に進捗状況を知るには、-Vオプションで十分かもしれません。 ditto [options] Source Destination_folder -...
ニッチな話題

Electronで自作したツールを修正できた【Collup】

先日、修正しようと思っていた、自作ツールがなんとか動作するようになりました。 こんなツール プログラムのドラッグ領域にファイルをドラッグ&ドロップすると、リストに追加されます(複数のファイルをまとめてドラッグすることもできる)。 フォルダ名を入力すると、一つ上位のフォルダ内に新しくフォルダを作って、リストのファイルをすべて移動します(このとき、すでにフォルダがあれば、そのフォルダ内に移動する)。 ...
ニッチな話題

Electronでrequireができない?【プロセスとコンテクストとプリロードスクリプト】

Electronでスクリプトを書いていたところ、Node.jsのAPIとDOM要素を結びつけるのに迷いました。 main.jsではDOM要素にアクセスできず、HTMLから読み込んだスクリプト(renderer.js)ではNode.jsのAPIにアクセスできないからです。 「プロセスモデル | Electron」をもとに、それぞれの役割の違いを見てみましょう。 ポイント main.jsは、メインプロ...
ニッチな話題

「Electronクイックスタート」をMacでたどってみた【Electron Forgeのビルド】

前回は、Electronの環境を作ったのですが、既存のソースからのビルドはうまくいきませんでした。 というのも、設定が中途半端で fsやpathのライブラリがうまく読み込めないようです。 そこで、原点に帰って、改めてElectronのひな形をビルドしてみました。 Electronクイックスタート Electronの公式ドキュメント「クイックスタート」に沿って、アプリを作成します。 クイック スター...
ニッチな話題

久しぶりにMacでElectronを使えるようにした【node.jsでアプリ自作】

Macで動く自作ツールをJavaScriptでプログラムするために、Electronを使っていました。 久しぶりにプログラムを修正しようとしたら、electronコマンドが通りません。 改めて環境を構築しました。 ポイント electronのインストールで「sudo npm install -g electron --unsafe-perm=true --allow-root」でオプションを付加し...
インターネット小話

「ネットワークの変更が検出されました」【ERR_NETWORK_CHANGED】

最近、教室のWi-Fiのインターネット接続が、なにかと調子が悪いです。 先日も、急にインターネット接続が初期化されてしまったので、いったん初期設定をして、つながるようになりました。 しかし、その後もインターネットを閲覧していると、たびたび「接続が中断」されてしまうことがあります。 ポイント ネット広告が「ネットワークの変更が検出されました」とたびたび表示された。ウェブページの切替時に「ネットワーク...
ニッチな話題

画像ごとの個別ページは画像SEOに有効な場合もある【検索とページ構造】

「検索エンジンに評価される工夫」のことを「SEO:検索エンジン最適化」といいます。 現在はキーワード検索だけではなく、地図で表示されるための「MEO(地図エンジン最適化)」など、ひろがっています。 今回は、Googleの「画像検索でのSEO」についての話が興味深かったので、メモしておきます。 へ〜、「画像SEO」という考え方もあるんだね。 画像検索と個別ページ 「Google SEO オフィスアワ...
インターネット小話

パーマリンク設定を変更してアクセスURLが切り替わるのにかかった期間【AMPキャッシュ】

先日(2021年11月2日)、サイトのパーマリンク設定を変更して、URLアドレスを変更しました。 ページ全体のパーマリンクを変更して、検索順位に悪影響があるか心配だったのですが、今のところ無事に移行できています。 今回は、パーマリンクを変更してから、Analyticsで集計されるURLアドレスがどのように変化するか調べてみました。 切り替わる期間 前回は、WordPressのパーマリンク設定を変更...
ニッチな話題

[WordPress]エディタでうまく表示されない画像のアドレス「画像に alt 属性が指定されていません」

WordPressのエディタ画面に画像をアップロードすると、たまにうまく表示されないことがあります。 ところが、「メディアの選択」で確認すると、画像が表示されます。 アップロードはできているようです。 ところがこの画像を挿入しても、同じくエディターに表示されません。 ブラウザによって表示されたり、しなかったり ブラウザからブログエディタでエラーになっているアドレス()に、アクセスしてみます。 する...
ニッチな話題

[CSS]ブログカードの画像のアスペクト比を変更した[object-fit, aspect-ratio]

これまで一行で表示できるタイトル文字数が少なくて、タイトルが長くなると読みにくいことが気になっていました。 ブログカードのデザインを少し変更しました。 そこで、まず画像のアスペクト比を変更したり、文字のサイズを少し小さくして、タイトルを長めに取れるようにしました。 CSSで自動的に画像のアスペクト比を変えて、トリミングすることができました。 img{ object-fit:cover; aspec...
インターネット小話

使用していないスクリプト・スタイルを減らしたい [PageSpeed Insights]

ブログのページを高速化したいけど、どこを削ったらよいかわからない💦 とりあえず、「使用していないJavaScriptの削減」について、よくわからなかったことを、よくわからなかったなりにメモしておきます。 PageSpeed Insightsの使用していないJavaScriptの削減 PageSpeed Insightsをみると、「改善できる項目」に「使用していないJavaScriptの削減」があり...
ニッチな話題

ファンがうるさかったので調べたら メモが意外とエネルギーを浪費していた [Mac]

ここ数日、特に重い操作をしているつもりがないのに、MacBookのファンがずっと回っていて気になりました。 ポイント きちんと終了していなかった「メモ.app」がエネルギーを消費していた。非表示のアプリでも負荷がかかる場合がある。アプリはメニューから終了する 環境 Macbook Air(2018)、macOS Big Sur 11.6、メモ 4.8.1 メモリに負担がかかってそうな操作を見直した...
インターネット小話

[WordPress] 好きな画像でブログを共有したい【Share This Imageプラグイン】

書いたブログをTwitterにシェアする時に、アイキャッチ画像とは別の画像を選びたいな。 説明の図解を共有できたら、便利なはず。 今回は、TwitterやFacebookに投稿するときに、Pinterestのように画像(主に図解)を選んで、共有したいと思って、WordPressプラグインを導入することにしました。 ブログと画像のSNS共有 ブログをSNSに共有するときに好きな画像を表示するには、大...
ニッチな話題

「Device Support Updateが利用可能」という通知が表示された[Mac]

Device Support Updateという通知が表示されたよ。 ポイント Device Support Updateは、iPhone/iPadの更新・復元の不具合の修正。195.6MBと小さく、再起動なしで更新できた。 Device Support Updateの通知 ソフトウェア・アップデートDevice Support Updateが利用可能で、夜間にインストールされます。 通知から「詳...
ニッチな話題

あれ? Keynoteのアイコンが変わった?【iWorkのアップデート】

ふと見たら Keynote のアイコンが変わっているよ。 前は、白っぽかったのに。 iWorkのアイコンがカラフルになった Keynoteだけでなく、Pages、Numbersも変わっています。 iWorkのアイコンの変化 色合いでパッと区別できるようにする、というのがデザインの流行りみたいですね。 Pages, Numbers, Keynote をまとめて「iWork」といいます。 文書作成・表...
ニッチな話題

phina.jsで将棋盤ゲームのプログラミングした話 [JavaScript]

先日、スマホで操作できる将棋盤プログラムを作りました。 デザイン将棋盤 ↑ こちらから動かせます。 phina.jsライブラリ プログラミング言語は JavaScriptで、phina.jsというライブラリを利用しました。 公式サイト Home | phina.js せっかくなので、駒を自分でkeynoteでデザインしました。 Keynoteで駒をデザインした けっこう、図形の結合なんかを組み合わ...
ニッチな話題

[mac]画像ファイルをプレビューで回転したのに GIMPで開くと元の向きに戻っている?

「プレビュー」の画像の回転は、画像ファイルのデータ自体を回転処理しているわけではないのかな? GIMPに限らず、他のプログラムで画像ファイルを開くと、向きが変わっていないことがあります。 Macのプレビューでの回転が反映されるか? GIMP…×Google Chrome … ×Safari … ○Keynote … ○ GIMPのメニュー「画像」ー「変形」ー「180度回転」を選択して、上書きエクス...
インターネット小話

アップデート後に「Macを最適化中」(macOS Big Sur 11.6)(2.65GB)

macOS Big Sur 11.6へのアップデートは、特に問題なくできました。一応、メモしておきます。 アップデートがあります また、macOSのアップデート通知がありました。 今回は、macOS Big Sur 11.6へのアップデートです。 いまのバージョンを確認してみると、11.5.1なので、11.6 は一歩前進です。 「11.5.1」というのは、「11.5」に付随して生じた不具合の修正で...
インターネット小話

[Mac] Apple Eventのメールが特別な色(グレー)になっていた

Macのメールを見ると、なぜか色が違って目立つ3通のメールがありました。 メールがグレーで強調されている ライトモードでもダークモードでも、見慣れないグレーで強調されています。 メールアプリでのグレーの強調色 これは、Appleから受信した Apple Event(2021年9月15日開催)のお知らせメールです。 受信日と件名 (2021-09-16)iPhone 13とiPhone 13 Pro...
インターネット小話

アンカー広告がパソコンで表示されるので非表示に設定した【enable_page_level_adsプロパティ】

パソコンで「記事一覧ページ」にアクセスすると、下部にアンカー広告が表示されました。 2021年7月から、Google Adsenseで「自動広告」を表示すると、パソコンなどの横長画面でも、アンカー広告が表示されるようになりました。 パソコンからページを印刷するときにも表示されるので、気になります。 記事一覧ページの「自動広告」を表示しているスクリプトを探してみると、ウィジェットの「カスタムHTML...
ニッチな話題

[mac] ホームフォルダに十分な空きがないため、メールボックスの情報は保存できません。

mac PCを起動したら、メールアプリのエラーメッセージが表示されました。 ホームフォルダに十分な空きがないため、メールボックスの情報は保存できません。"メール"を終了して、必要でないファイルを削除してください。それから再度"メール"を起動してください。 確かに、ファインダーでHDD空き容量を確認したところ、1.32 GBに減っていました。 不要なファイルをゴミ箱に入れて、空にしたところ、"メール...
ニッチな話題

現在のデバイス構成とインストール先は、現在の状態でのインストールでは無効です。【macOS Big Sur 11.5.1】

思い出したころのmac OSのソフトウェア・アップデートです。 アップデートでのメッセージより、だいぶ大きく空き容量を取っておく必要があったので、メモしておきます。 ポイント macOSのソフトウェア・アップデートで、必要な空き容量を満たしていたのに、「現在のデバイス構成とインストール先は、現在の状態でのインストールでは無効です。」というエラーになった。さらに空き容量を増やして、再起動して、アップ...
ニッチな話題

[AMP] 「ドキュメント ヘッドの外側で、直接の子としてのみ許可されているタグが検出」【コピペでのmetaタグ挿入】

WordPressエディタでコピー・ペーストしたら、文字列前にmetaタグが付くようになっていました。放置すると、AMPエラーになるので、ご注意ください。 ポイント WordPressの段落内に不要なmetaタグが混ざってAMPエラーになっていた。WordPressエディタでコピー・ペーストすると、文字列前にmetaタグが付くようになっているので注意。 環境 WordPress 5.8、Cocoo...
ニッチな話題

Google検索のリンク先がAMPページじゃなくなった?【2021年7月】

2021年7月11日、Google Analyticsを見ていたら、不思議なことに気づきました。 アクセスページが、AMPページではなく、通常ページになっているのです。 検索数の増減については、誤差の範囲でした。 一瞬、AMPページ自動生成の設定がオフになってしまったのか、と思いましたが、確認すると、ちゃんと表示されます。 chiilabo.com/?amp=1 AMPページは、ページの装飾を減ら...