プログラミング

Electronで自作したツールを修正できた【Collup】 ニッチな話題

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

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

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

前回は、Electronの環境を作ったのですが、既存のソースからのビルドはうまくいきませんでした。というのも、設定が中途半端で fsやpathのライブラリがうまく読み込めないようです。そこで、原点に帰って、改めてElectronのひな形をビルドしてみました。ElectronクイックスタートElectronの公式ドキュメント「クイックスタート」に沿って、アプリを作成します。クイック スタート | ElectronMacBookでチュートリアル通りにそのままできるか、確認していき...
2021.12.18
ニッチな話題プログラミング
久しぶりに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...
2021.12.18 2021.12.19
ニッチな話題パソコン基礎知識プログラミング
WordPressでのコピペに混ざる<meta charset=″utf-8″>をまとめて削除する【PHPコード】 プログラミング

WordPressでのコピペに混ざる<meta charset=″utf-8″>をまとめて削除する【PHPコード】

MacでWordPressのエディタにコピペをすると、<meta charset="utf-8">というタグが追加されてしまうことがあります。これを放置すると、Google Search Consoleで「AMPエラー」になってしまいます。検索結果にAMPページが除外されてしまうので、「表示の遅いページ」という評価になってしまいます。ビジュアルエディターでは見つけにくいエラーなので、いちいち コードエディタに切り替える必要があります。「utf」で検索して、ちまちま修正していた...
2021.10.24
プログラミングホームページ運用
[WordPress] ブログ記事に印刷用のQRコードを追加する【Google APIs】 プログラミング

[WordPress] ブログ記事に印刷用のQRコードを追加する【Google APIs】

ポイントQRコードはGoogle APIsで自動生成できる。WordPressの記事URLは、<?php the_permalink(); ?>で出力できる。functions.phpでは「get_the_permalink()」で文字列を取得できる。ウィジェットは印刷されないので、関数で本文末尾に追加する。【追記：2024-05-09】Google APIsのQRコード生成は終了したので、代替サービスを利用します。Google APIsでQRコードを生成するウェブページには...
2021.10.23 2024.05.09
プログラミングホームページ運用
【再挑戦】AMPページでクリックURLを記録する【Google タグマネージャーのユーザー定義変数・CSSセレクタ】 インターネット小話

【再挑戦】AMPページでクリックURLを記録する【Google タグマネージャーのユーザー定義変数・CSSセレクタ】

ウェブサイトのアクセス解析に Googleアナリティクス を使っていますが、単体では外部サイトへのクリック数を計測できません。通常ページのクリックは、Googleタグマネージャーを使って計測できましたが、AMPページ用のコンテナにはクリックURLの 組み込み変数がなく、頓挫していました。前回はこちら。約１年前ですね。通常ページだけでも、傾向を掴むことはできるのですが、やはり外部リンクへのクリックの実数を確認しておきたいと思い、改めて挑戦しました。WordPressのfunct...
2021.10.16 2023.07.10
インターネット小話プログラミングホームページ運用
phina.jsで将棋盤ゲームのプログラミングした話 [JavaScript] ニッチな話題

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

先日、スマホで操作できる将棋盤プログラムを作りました。デザイン将棋盤↑ こちらから動かせます。phina.jsライブラリプログラミング言語は JavaScriptで、phina.jsというライブラリを利用しました。公式サイトHome | phina.jsせっかくなので、駒を自分でkeynoteでデザインしました。Keynoteで駒をデザインしたけっこう、図形の結合なんかを組み合わせるだけで、それっぽくできるんだね。すぐにコードを動かせるのが魅力言語にJavaScriptを選ん...
2021.09.23 2023.06.04
ニッチな話題プログラミング
SQLって何？ SELECT文の使い方をまとめた インターネット小話

SQLって何？ SELECT文の使い方をまとめた

SQLは、関係データベースの定義・操作をおこなう言語です。SQL ＝ Structured Query Language・Structured … 構造化・Query … 問合せ・Language … 言語「データベース」とは、データを一定のルールで蓄積し、必要に応じて取り出せるようにしたものです。SQLで扱う、関係データベース(Relational Data Base）は、データを行と列の表で表します。データベースの分類階層型データベース網型データベース関係データベース…デ...
2021.04.11
インターネット小話プログラミング
Cocoonで注目記事ランキングのショートコードを作成した【SQLって何？からのデータベース操作】 ニッチな話題

Cocoonで注目記事ランキングのショートコードを作成した【SQLって何？からのデータベース操作】

記事のアクセスランキング（人気記事）は、なかなか上位の記事が変わらない傾向があります。そこで、WordPressの記事のアクセス数の前週比のランキング（急上昇の記事）を作りたいと思いました。Cocoonのコードを読んでみるとアクセスランキングは、SQLクエリで生成されていました。完成したものCocoonのget_access_ranking_recordsのSQLクエリCocoonのアクセスランキングは、「lib/page-access/access-func.php」の「f...
2021.04.11 2024.07.20
ニッチな話題プログラミングホームページ運用
「ループ」で問題解決をする？ 【ライトボットのプログラミング教育】 ニッチな話題

「ループ」で問題解決をする？ 【ライトボットのプログラミング教育】

プログラミングで重要な 「 ループ 」 という話をしてみたいと思います。 「 ループ 」 というのは、「 繰り返し 」 のことです。ちなみに、前回はこちら。ちょっと問題を見てみましょう。「 プロシージャー1 」 の中で、「 P1 」 コマンドを使って、「 ループ 」 を作ることができます。先ほどのプロシージャにある、プログラムを入れる領域の中に、「 P1 」 プロシージャ自身を呼び出すコマンドを入れることで、「繰り返し処理」にすることができます。「 プロシージャ1 」 の中で...
2020.10.05 2021.12.18
ニッチな話題パソコン基礎知識プログラミング
[Mac] サブフォルダ内のファイルを親フォルダに集める【フラット化のコマンド】 ニッチな話題

[Mac] サブフォルダ内のファイルを親フォルダに集める【フラット化のコマンド】

資料用の画像ファイルを、Mac内にフォルダ分けして管理していると、「似たようなフォルダに分かれてしまった中身を一箇所に集めたい」ということがけっこうあります。いちいちファイルをマウス操作で移動したり、不要になったフォルダを削除するのは大変で、ついつい後回しになってしまいます。そこで、今回は フォルダに小分けしすぎたファイルをまとめるコマンドライン を見ていきましょう。フォルダのフラット化下位フォルダのすべてのファイルを、一箇所のフォルダに移動する操作のことを、「ディレクトリ構...
2020.09.27 2022.04.10
ニッチな話題パソコン基礎知識プログラミング
WordPressのテンプレートをいじらずにPHPコードで遊びたい【テキストウィジェットで評価】 ニッチな話題

WordPressのテンプレートをいじらずにPHPコードで遊びたい【テキストウィジェットで評価】

WordPressのカスタマイズにはPHPコードを利用しますが、テンプレートをいじるのはなんか不安です。ウィジェットとしてPHPコードを実行したいと思います。追記（2024-07-20）任意のPHPコードを評価する機能は、セキュリティリスクが大きいので削除しました。カスタムHTMLではPHPコードは実行できないまず試したのがウィジェットの「カスタムHTML」です。しかし、「<?」で始まるタグはエラーになってしまいます。Special characters must be es...
2020.09.22 2024.07.20
ニッチな話題プログラミングホームページ運用
MacからInstagramに投稿したい（Safariのユーザーエージェントを固定する設定 defaults write） Mac

MacからInstagramに投稿したい（Safariのユーザーエージェントを固定する設定 defaults write）

Safariのユーザーエージェントを固定するには、ターミナルでdefaultsコマンドを実行します。defaults write com.apple.Safari CustomUserAgent 'ユーザーエージェントの正式名'元に戻すには、defaults delete com.apple.Safari CustomUserAgent追記：2021-10-28Instagramのアップデートで、PCからも投稿できるようになりました。スマートフォンかパソコンかでウェブページが...
2020.09.04 2024.09.28
Macとりあえずのメモインターネット小話プログラミング
JavaScriptでウェブページのタブを閉じたい 【できる場合、できない場合】 ニッチな話題

JavaScriptでウェブページのタブを閉じたい 【できる場合、できない場合】

JavaScriptでウェブページのタブを閉じるコードは、ブラウザ（あるいはバージョン）によって挙動が違います。ここで検証できます。ネットで調べると「できる」と書いてあったのに、バージョンの関係なのか、うまくいかないことがあるのよね。結局、実際にコードを試して、実験するしかなさそうね。そもそもセキュリティによる制約があるまず、基本的にはJavaScriptでは、コードから開いたウィンドウは閉じることができるものの、ユーザーが開いたウィンドウは閉じられません。これは、セキュリテ...
2020.06.23 2022.06.17
ニッチな話題プログラミング
とりあえずのメモ

Javascriptでmac用のツールを作ってみる【Electron】

簡単なファイル整理用のMacツールを作ってみたので、メモをしておきます。ElectronとAtomとクロスプラットフォームElectronというアプリ開発環境があります。もともとAtomというエディタソフトを開発するときに生まれました。ちょうどGIMPを作るときに生まれたGTKみたいですね。Atomエディタは、WindowsだけでなくMac, Linuxそれぞれで動くエディタです。クロスプラットフォームなわけです。ElectronはAtomエディタを作るときに作ったフレームを...
2020.06.18 2022.05.18
とりあえずのメモプログラミング
ブログでJavaScriptプログラムを動かしてみよう【カスタムHTMLとscriptタグ】 ニッチな話題

ブログでJavaScriptプログラムを動かしてみよう【カスタムHTMLとscriptタグ】

ブログの中でJavaScriptを動かして遊ぶ方法をご紹介します。WordPressサイトに直接HTMLコードを入力するために「カスタムHTML」というブロックを挿入します。JavaScriptのコードは最初と最後をのタグで囲んだ中に入力します。
2020.05.14 2021.12.18
ニッチな話題プログラミングホームページ運用