プログラミング

[WordPress]「子テーマ」の構造と自作する方法

[WordPress]「子テーマ」の構造と自作する方法

WordPressの子テーマは親テーマをもとに作られたカスタマイズ用の追加テーマで、テーマのアップデート時にも自分の変更内容を保持できます。子テーマを作るには主にstyle.cssとfunctions.phpの2つのファイルが必要で、親テーマとの連携にはTemplateの指定が重要です。作成した子テーマはZIP形式に圧縮してWordPressの管理画面からアップロードすると簡単にインストールできます。子テーマとは何か？WordPressの「子テーマ」は、「親テーマ」をもとに作...

2025.03.31 2025.04.03

とりあえずのメモプログラミングホームページ運用

[macOS]バックスラッシュ用のキーが反応しない？

[macOS]バックスラッシュ用のキーが反応しない？

macOSでは「¥」と「\」が区別されており、外付けキーボードで両方を使い分けたいと考えました。Ergodoxにキーマッピングを試みましたが、キーコードの解釈がmacOS側で行われるため意図した挙動になりませんでした。最終的にGoogle日本語入力の設定で「¥」を「\」に変更することで対応しましたが、「¥」の入力が不便になってしまいました。外付けキーボードの「¥ |」「\ _」キーを使い分けたい最近、プログラミングの機会が増え、「\」を入力したいことが増えました。いちいち「¥...

2025.03.31 2025.04.03

Macいろんな周辺機器とりあえずのメモプログラミング作業効率化

[VS Code]関数を丸ごと切り取るには？（折りたたみやアウトライン）

[VS Code]関数を丸ごと切り取るには？（折りたたみやアウトライン）

VS Codeでは関数の折りたたみと切り取りを特定のショートカットキーで操作できます。関数全体の選択はCtrl+Shift+\で行い、折りたたみはCtrl+Shift+[またはCtrl+K Ctrl+0を使います。コードを整理すると大きなプログラムの編集効率が上がります。関数単位で切り取りたいVS Codeで「関数を切り取り」をスムーズにする方法はある？関数をまとめて閉じる（折りたたむ）には？ text { fill: #333333; font-family: 'Meiry...

とりあえずのメモプログラミング作業効率化

投稿画面が「フォーム型」のWordPressは何が違う？（カスタムフィールドとwp_postmeta）

投稿画面が「フォーム型」のWordPressは何が違う？（カスタムフィールドとwp_postmeta）

WordPressサイトには、通常の投稿形式とカスタムフィールドを使用したフォーム型投稿があります。カスタムフィールドは一貫した情報サイトを作るのに役立ち、データベースの「wp_postmeta」テーブルに保存されます。効率的に使うには、Custom Field Templateプラグインなどで、投稿タイプごとに入力形式・表示形式を設定するのが有効です。フォーム型投稿とシンプルなWordPressの違い設定してもらったWordPressサイトで記事を投稿しようとしたら、フォー...

とりあえずのメモプログラミングホームページ運用

もっとも原始的なWordPressのバックアップ（ダウンロード）

もっとも原始的なWordPressのバックアップ（ダウンロード）

WordPressサイトの手動バックアップは、FTPクライアントを使ったファイルのダウンロードとサーバのphpMyAdminを使ったデータベースのエクスポートの2つの作業が必要です。バックアップしたファイルとデータベースは日付をつけて外付けハードディスクやクラウドストレージに保存し、定期的に更新すると安心です。手動バックアップは技術的知識が必要ですが、プラグイン不要でサーバー負荷が少なく、特に小規模サイト運営者に適しています。手動バックアップの基本知識WordPressサイト...

2025.03.27 2025.03.28

とりあえずのメモプログラミングホームページ運用

プログラミング

「SVG」とは？（Scalable Vector Graphics）

「SVG」は拡大縮小しても画質が変わらないベクター形式の画像です。SVGファイルはテキスト形式でXMLで書かれており、メモ帳などで編集できます。ウェブサイトのロゴやアイコン、様々な画面サイズに対応する必要があるデザインに適しています。SVGは、テキスト形式の画像なので、生成AIとの相性もよいです。SVGとは（拡大できる図形の設計図）スマートフォンで画面を大きく拡大したとき、画像がぼやけてしまうことがあります。だけど、ウェブサイトのロゴやアイコンの中には、どれだけ拡大してもくっ...

プログラミングミニ用語辞典作業効率化

[macOS]ファイル名の先頭に作成日時を追加するBashスクリプトの作り方

[macOS]ファイル名の先頭に作成日時を追加するBashスクリプトの作り方

macOSでファイル名の先頭に作成日時を追加するBashスクリプトを作成しました。このスクリプトは実際のファイル作成時刻を取得し、既にタイムスタンプがついたファイルは処理をスキップします。環境依存はありますが、時系列での文書管理がより簡単になる実用的なツールです。生成AIを使うとスクリプトはすぐに出来上がります。しかし、実際に使うと細かな注意点（境界条件）が出てきます。スクリプト内のコマンドの特徴を知っておくと、補足して仕上げるのがスムーズです。 text { font-fa...

Macとりあえずのメモプログラミング作業効率化操作には要注意

[WordPress]アイキャッチ画像を最適化してページ表示速度を改善しようとした（LCP）

[WordPress]アイキャッチ画像を最適化してページ表示速度を改善しようとした（LCP）

アイキャッチ画像のファイルサイズを小さくしつつ表示サイズを維持することで、WordPressサイトの表示速度を改善できます。子テーマのfunctions.phpに専用コードを追加すると、LCPの値が16,130ミリ秒から15,380ミリ秒へと少し短縮できました。理想的な表示速度にはまだ達していないため、サーバー応答時間の改善やLazy Load設定の見直しなど追加対策も必要です。 .title { font-size: 24px; font-weight: bold; fil...

2025.03.12 2025.03.13

とりあえずのメモプログラミングホームページ運用

[WordPress] ウィジェット構造をMarkdown形式で出力するプラグインを作ってみた

[WordPress] ウィジェット構造をMarkdown形式で出力するプラグインを作ってみた

WordPressのウィジェットは便利ですが、いじっているうちに「前はどうなっていたっけ？」という状況になることがあります。そんな時に役立つ、ウィジェットの構造をわかりやすく記録できるプラグインを作りました。このプラグインを使うと、現在のウィジェット配置とその設定内容をMarkdown形式で出力できます。WordPressのウィジェット構造をメモしたいWordPressでウェブサイトを作っているとき、サイドバーやフッターにあるウィジェットの調整は頻繁に行います。しかし、調整し...

とりあえずのメモプログラミングホームページ運用

WordPressの古いリビジョンをまとめるカスタムプラグインを作った

WordPressの古いリビジョンをまとめるカスタムプラグインを作った

WordPressの古いリビジョンを整理するカスタムプラグインを作成しました。このプラグインは一週間以上前のリビジョンから日ごとに最新の一つだけを残し、データベースの肥大化を防ぎます。管理画面からリアルタイムで進行状況を確認でき、毎日自動実行されるため効率的なサイト管理ができます。WordPressの記事保存の処理は、体感ではそこまで速くはなりませんでした。編集履歴を管理するプラグインを作ったWordPressで記事を保存する処理が遅くなってきた気がします。リビジョン（編集履...

2025.03.05 2025.03.06

とりあえずのメモプログラミングホームページ運用作業効率化操作には要注意

[Windows 11]コマンドプロンプトとWindows Terminal, PowerShell

[Windows 11]コマンドプロンプトとWindows Terminal, PowerShell

コマンドプロンプトとはWindows 11には、テキストベースのコマンドでシステムを操作できるツールがあります。それが「コマンドプロンプト」（cmd.exe）です。コマンドプロンプトは、Windows 11に最初から入っているテキスト入力式の操作画面です。Windows回復環境（Windows RE）でも利用できるので、トラブル時の修復ツールとしても活用されます。普段使っている画面（グラフィカルユーザーインターフェース、略してGUI）とは違い、文字を打ち込んでパソコンに指示を...

Windowsとりあえずのメモプログラミングミニ用語辞典作業効率化

ふつうの文章をAIエディタで書く方法（Cursor）

ふつうの文章をAIエディタで書く方法（Cursor）

Cursorは、「AI連携機能を追加したエディタ」で、文の補完や修正、AIパネルでの対話など便利な機能があります。これは、プログラミングだけでなく文章作成の全般にも役立ちます。無料プランでも「プレミアムAIモデルでの修正や対話は月50回まで」などの回数制限がありますが、基本機能は使えます。Cursorはプログラミングだけじゃない「Cursor」は、AI機能を組み込んだテキストエディタです。Visual Studio Codeをベースに開発されているのでプログラマ向けに見えます...

2025.02.28 2025.03.11

AIの話題とりあえずのメモパソコン基礎知識プログラミング作業効率化

ポメラの代替として「Caret」（Chromebookのオフラインエディタ）

ポメラの代替として「Caret」（Chromebookのオフラインエディタ）

Caret と Caret Mod は、Chromebookで完全オフラインで動作するテキストエディタです。文書作成に特化したポメラの代替デバイスとして、Chromebookを利用できます。Caret Mod は日本語向けに最適化され、メニューの日本語化や日本語フォントの組み込みなど、日本語環境での使いやすさが向上しています。Caret はChromebookで動く「ポメラ」について調べていたら、「ChromeBookにエディタCaret Modを入れる」という手もあることを...

2025.02.27 2025.02.28

いろんな周辺機器とりあえずのメモインターネット小話プログラミング作業効率化

[WordPress]カスタムプラグインで投稿文字数の自動集計機能を追加した

[WordPress]カスタムプラグインで投稿文字数の自動集計機能を追加した

WordPressの投稿文字数を日々集計し、データベースに保存するプラグインを作成しました。従来は集計画面表示時のみ実行されていた処理を、記事保存時に自動実行するように改善しました。下書き保存時の処理は負荷を考慮して省略し、公開・更新・削除時のみ実行する仕様としました。

とりあえずのメモプログラミングホームページ運用作業効率化

AutoHotkeyのかんたんな使い方（Windowsのキー操作で自動処理）

AutoHotkeyのかんたんな使い方（Windowsのキー操作で自動処理）

AutoHotkeyは、スクリプトを作成してキーに処理を割り当てるツールです。カスタムのショートカットキーで、Windowsでの作業効率を向上させることができます。AHKスクリプトには、変数、関数、メッセージボックスなどの機能があり、キー操作で複雑な処理を自動化できます。AutoHotkeyのインストールと設定公式サイト(autohotkey.com)からAutoHotkeyをダウンロードして、インストールします。v2.0以降とそれ以前（v1.1）でスクリプト構文にも違いがあ...

2025.01.29 2025.02.07

Windowsとりあえずのメモプログラミング作業効率化

[WordPress]ウィジェットタイトルを非表示にするCSS

[WordPress]ウィジェットタイトルを非表示にするCSS

WordPressの管理画面で多数のウィジェットを区別しやすくするため、タイトルをつけると便利です。しかし、管理用のタイトルがサイト上で表示されてしまうのは困ります。これは簡単なCSS設定で解決でき、サイト運営の効率が向上しました。ウィジェットタイトルの表示設定についてWordPressサイトでは、多数のウィジェットを配置していると、管理画面での区別が難しくなることがあります。各ウィジェットに管理用のタイトルをつければ楽です。しかし、サイト上でも表示されてしまうため、これまで...

2025.01.16 2025.01.17

とりあえずのメモプログラミングホームページ運用勉強中のメモ

WordPressの編集画面での差し替えた画像が古い状態で表示される？（画像キャッシュ）

WordPressの編集画面での差し替えた画像が古い状態で表示される？（画像キャッシュ）

WordPressの画像キャッシュ問題により、差し替えた画像が古い状態で表示されることがあります。これは、ブラウザのキャッシュと画像URLの仕様が主な原因でした。キャッシュが読み込まれないように、functions.phpに管理者用に JavaScriptのコードを追加して、動的に画像URLにタイムスタンプを付与するようにしました。WordPressの画像キャッシュ問題WordPressでサイトを運営しているのですが、差し替えた画像ファイルをプラグイン（Media Clean...

とりあえずのメモプログラミングホームページ運用

[macOS] Emacsで^Hをバックスペースにする設定

macOSのターミナルでEmacsを使用する際に、バックスペースの設定が必要になりました。global-set-keyコマンドを使用して、C-hキーをバックスペースとして機能するように設定しました。その他にもautocomplete.elの問題があり、さらなるメンテナンスが必要な状況です。^H をバックスペースにする久しぶりに macOSのターミナルで Emacsを起動したら、^H をバックスペースにする設定が違っていました。確か以前はこれで動いていたはずなのですが、(glo...

2024.12.29 2025.01.04

Macとりあえずのメモプログラミング作業効率化追記予定の話

[macOS]シェルスクリプトをFinderから実行するときの注意点（作業フォルダ）

[macOS]シェルスクリプトをFinderから実行するときの注意点（作業フォルダ）

macOSのシェルスクリプトをFinderから実行するためには、拡張子を.commandに変更する必要があります。ただし、実行時のカレントディレクトリはユーザディレクトリになってしまうため、cd $(dirname $0)でスクリプトのあるフォルダに移動する必要があります。この方法を使うことで、Finderから直接シェルスクリプトを実行し、作業フォルダ内にファイルを作成することができます。 text { fill: #333333; font-family: 'Meiryo'...

2024.12.28 2025.03.23

Macプログラミング作業効率化

AIプログラミングでタイピング練習ゲームを作った

AIプログラミングでタイピング練習ゲームを作った

HTMLとCSS、JavaScriptでシンプルなタイピング練習ゲームを作りました。インストール不要でブラウザから動作し、シンプルで読み込みが早いことを目指しました。（公開サイト）AIプログラミングで工夫した点（仕様書とファイル構成）Claude 3.5 Sonnetで作成していったのですが、すぐにチャットの文字数上限になってしまいます。続きをプログラムしようにも、一からやり直しになってしまいます。そこで、チャット上限に近づいたら、「プログラム仕様書とファイル構成」を.md（...

2024.12.17 2025.06.10

AIの話題とりあえずのメモパソコン基礎知識プログラミングホームページ運用追記予定の話

次のページ

1 2 … 8