ニッチな話題

dittoコマンドの進捗状況を知る【-Vオプション】 ニッチな話題

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

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

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

Electronで自作したファイル整理ツール「Collup」の機能を改善しました。ドラッグ&ドロップでファイルをリストに追加し、フォルダ名を入力するだけで効率的にファイルを整理できます。一つ上のフォルダにサブフォルダを作成する仕様に変更し、より使いやすくなりました。こんなツール先日、修正しようと思っていた、自作ツールがなんとか動作するようになりました。プログラムのドラッグ領域にファイルをドラッグ&ドロップすると、リストに追加されます(複数のファイルをまとめてドラッグすることも...
Electronでrequireができない?【プロセスとコンテクストとプリロードスクリプト】 ニッチな話題

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

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

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

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

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

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

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

最近、教室のWi-Fiのインターネット接続が、なにかと調子が悪いです。先日も、急にインターネット接続が初期化されてしまったので、いったん初期設定をして、つながるようになりました。しかし、その後もインターネットを閲覧していると、たびたび「接続が中断」されてしまうことがあります。ポイントネット広告が「ネットワークの変更が検出されました」とたびたび表示された。ウェブページの切替時に「ネットワークの変更が検出されました」とたびたび表示された。ルータの再起動で落ち着いた。前回の回線終端...
画像ごとの個別ページは画像SEOに有効な場合もある【検索とページ構造】 ニッチな話題

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

「検索エンジンに評価される工夫」のことを「SEO:検索エンジン最適化」といいます。現在はキーワード検索だけではなく、地図で表示されるための「MEO(地図エンジン最適化)」など、ひろがっています。今回は、Googleの「画像検索でのSEO」についての話が興味深かったので、メモしておきます。へ〜、「画像SEO」という考え方もあるんだね。画像検索と個別ページ「Google SEO オフィスアワー(2021-11-05)」の25:07ごろからの話題で、画像SEOについての話がありまし...
パーマリンク設定を変更してアクセスURLが切り替わるのにかかった期間【AMPキャッシュ】 インターネット小話

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

先日(2021年11月2日)、サイトのパーマリンク設定を変更して、URLアドレスを変更しました。ページ全体のパーマリンクを変更して、検索順位に悪影響があるか心配だったのですが、今のところ無事に移行できています。今回は、パーマリンクを変更してから、Analyticsで集計されるURLアドレスがどのように変化するか調べてみました。切り替わる期間前回は、WordPressのパーマリンク設定を変更して、「」「」のような形式に変更しました。これは、「月ごとの記事のアクセス数」を集計する...
[WordPress]エディタでうまく表示されない画像のアドレス「画像に alt 属性が指定されていません」 ニッチな話題

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

WordPressのエディタ画面に画像をアップロードすると、たまにうまく表示されないことがあります。ところが、「メディアの選択」で確認すると、画像が表示されます。アップロードはできているようです。ところがこの画像を挿入しても、同じくエディターに表示されません。ブラウザによって表示されたり、しなかったりブラウザからブログエディタでエラーになっているアドレス()に、アクセスしてみます。すると、ChromeとSafariで挙動が異なりました。そこで、アップロードした画像のURLにア...
[CSS]ブログカードの画像のアスペクト比を変更した[object-fit, aspect-ratio] ニッチな話題

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

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

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

ブログのページを高速化したいけど、どこを削ったらよいかわからない💦とりあえず、「使用していないJavaScriptの削減」について、よくわからなかったことを、よくわからなかったなりにメモしておきます。PageSpeed Insightsの使用していないJavaScriptの削減PageSpeed Insightsをみると、「改善できる項目」に「使用していないJavaScriptの削減」があります。PageSpeed Insights項目の詳細をみると、Google Adsen...
ファンがうるさかったので調べたら メモが意外とエネルギーを浪費していた [Mac] ニッチな話題

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

ここ数日、特に重い操作をしているつもりがないのに、MacBookのファンがずっと回っていて気になりました。ポイントきちんと終了していなかった「メモ.app」がエネルギーを消費していた。非表示のアプリでも負荷がかかる場合がある。アプリはメニューから終了する環境Macbook Air(2018)、macOS Big Sur 11.6、メモ 4.8.1メモリに負担がかかってそうな操作を見直したけれどとりあえず、ふだんの作業でメモリに負担のかかってそうなアプリを終了してみました。Ke...
[WordPress] 好きな画像でブログを共有したい【Share This Imageプラグイン】 インターネット小話

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

書いたブログをTwitterにシェアする時に、アイキャッチ画像とは別の画像を選びたいな。説明の図解を共有できたら、便利なはず。今回は、TwitterやFacebookに投稿するときに、Pinterestのように画像(主に図解)を選んで、共有したいと思って、WordPressプラグインを導入することにしました。ブログと画像のSNS共有ブログをSNSに共有するときに好きな画像を表示するには、大きく2つの方法があります。好きな画像でブログを共有するmetaタグでSNSアイキャッチを...
「Device Support Updateが利用可能」という通知が表示された[Mac] ニッチな話題

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

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

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

ふと見たら Keynote のアイコンが変わっているよ。前は、白っぽかったのに。iWorkのアイコンがカラフルになったKeynoteだけでなく、Pages、Numbersも変わっています。iWorkのアイコンの変化色合いでパッと区別できるようにする、というのがデザインの流行りみたいですね。Pages, Numbers, Keynote をまとめて「iWork」といいます。文書作成・表計算・プレゼンテーションのソフトをまとめて、「オフィススイート」といいます。オフィススイートで...
phina.jsで将棋盤ゲームのプログラミングした話 [JavaScript] ニッチな話題

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

先日、スマホで操作できる将棋盤プログラムを作りました。デザイン将棋盤↑ こちらから動かせます。phina.jsライブラリプログラミング言語は JavaScriptで、phina.jsというライブラリを利用しました。公式サイトHome | phina.jsせっかくなので、駒を自分でkeynoteでデザインしました。Keynoteで駒をデザインしたけっこう、図形の結合なんかを組み合わせるだけで、それっぽくできるんだね。すぐにコードを動かせるのが魅力言語にJavaScriptを選ん...
[mac]画像ファイルをプレビューで回転したのに GIMPで開くと元の向きに戻っている? ニッチな話題

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

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

アップデート後に「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」に付随して生じた不具合の修正であることが多いです。一方、「11.6」というのは、新しくセキュリティを更新したことになりま...
[Mac] Apple Eventのメールが特別な色(グレー)になっていた インターネット小話

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

Macのメールを見ると、なぜか色が違って目立つ3通のメールがありました。メールがグレーで強調されているライトモードでもダークモードでも、見慣れないグレーで強調されています。メールアプリでのグレーの強調色これは、Appleから受信した Apple Event(2021年9月15日開催)のお知らせメールです。受信日と件名(2021-09-16)iPhone 13とiPhone 13 Proの予約注文に向けて、今から準備しましょう。(2021-09-15)Appleのイベントで発表...
アンカー広告がパソコンで表示されるので非表示に設定した【enable_page_level_adsプロパティ】 インターネット小話

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

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