水色（仮） – ページ 2 – 私的メモと日常

2024年10月22日2024年11月18日

gnome, ubuntu 24.04 LTS 走り書き

ファイルマネージャーで画像や動画のサムネイル表示に必要

sudo apt install ffmpegthumbnailer

vlc, brasero

sudo apt install libdvdread4

sudo apt install libdvdnav4 gstreamer1.0-plugins-bad gstreamer1.0-plugins-ugly libdvd-pkg
sudo dpkg-reconfigure libdvd-pkg
sudo apt install ubuntu-restricted-extras

## Install

$ sudo apt install ruby $ sudo apt install ruby-sass $ sudo apt install ruby-listen $ sudo gem install sass-listen $ sass -v Ruby Sass 3.7.4

$ sass --watch style.scss:style.css


$ sass --watch ディレクトリ名

$ sass --watch sass:css

$ sass --watch --style compressed .
# mozc

/usr/lib/mozc/mozc_tool –mode=dictionary_tool

# vlc

– vlcrc

~/.config/vlc/vlcrc
or
~/snap/vlc/common/vlcrc

—

意味なかった
sudo apt install fcitx5-mozc

# Ubuntu Windows デュアルブートの為

$ sudo timedatectl set-local-rtc 1

0: ハードウェアクロック UTC
1: ハードウェアクロックローカルタイム

2024年10月21日2024年10月24日

Windows 11 で NAS にアクセスできなくなった。多分、アップデート後？ / Can no longer access The NAS on Windows 11. Maybe after an update?

注意、以下の操作を行うとPCの動作に影響が出る場合がります。事前に復元ポイントの作成やバックアップしましょう。

まず、資格情報マネージャー (control keymgr.dll) を開き、該当するNASのユーザー名とパスワードが記憶されているか確認して、記憶されている場合には削除した。

※パスワードを設定している場合は覚えておくこと

続いて、ローカルグループポリシーエディター (gpedit.msc) を開いて

コンピューターの構成 > 管理用テンプレート > ネットワーク > Lanman ワークステーション

「安全ではないゲストログオンを有効にする」を開いて「未構成(C)」から「有効(E)」に変更して「適用」「OK」とし、ローカルグループポリシーエディターは終了させる。

PCを再起動してNASにアクセスすると、今まで通りに共有を開くことができた。

再び、ローカルグループポリシーエディターを開いて設定を確認したところ「未構成(C)」に戻っていたが、その後は共有へのアクセスには問題は起きていない。

その他

Windows11 で「\\PC名」で共有にアクセスできない場合、ショートカットの作成で「\\PC名」とすると、そこからは問題なくアクセスすることができる場合があった。
共有ファイルに「\\IPアドレス」でアクセスしていると、Officeアプリで保護ビュー（インターネットから入手したファイルは、ウイルスに感染している可能性があります…の様なの）が表示されてしまう。

Windows 10 Pro 64bit でローカルグループポリシーエディターを実行するとエラー

2024年10月16日

Website へ mp4 Video 埋め込み。video tag の場合 / Embed mp4 video on your website. In case of video tag

<video muted="true" autoplay="true" loop="true" playsinline="true" controls width="100%">
<source src="https://example.com/data/movie.mp4" type="video/mp4"/>
Sorry, your browser doesn't support embedded videos.
</video>

Sorry, your browser doesn't support embedded videos.

</video>

2024年10月15日2024年10月15日

WordPressで画像をアップロードした際に、画像ファイル名を自動的に説明、ALT、タイトル、キャプションに設定する / Automatically set image filename to description, ALT, title, and caption when uploading images in WordPress

/**
 * WordPressで画像をアップロードした際に、画像ファイル名を自動的に説明、ALT、タイトル、キャプションに設定する
 *
 * - タイトル：画像のファイル名は自動的に画像のタイトルになります（WordPressの標準動作）。
 * - キャプション：キャプションが空の場合、画像のファイル名をキャプションに設定します。
 * - 説明：説明が空の場合、画像のファイル名を説明に設定します。
 * - Altテキスト：Altテキストが空の場合、画像のファイル名をAltテキストに設定します。
 */
add_action('add_attachment', function ($post_ID) {
    $image = \get_post($post_ID);
    $image_title = $image->post_title;

    // If there is no caption, set the filename as caption
    if (empty($image->post_excerpt)) {
        $image->post_excerpt = $image_title; // Caption
    }

    // If there is no description, set the filename as description
    if (empty($image->post_content)) {
        $image->post_content = $image_title; // Description
    }

    // Update Alt text if it’s empty
    if (!\get_post_meta($post_ID, '_wp_attachment_image_alt', true)) {
        \update_post_meta($post_ID, '_wp_attachment_image_alt', $image_title); // Alt text
    }

    // Update the image post
    \wp_update_post($image);
});

/**

* WordPressで画像をアップロードした際に、画像ファイル名を自動的に説明、ALT、タイトル、キャプションに設定する

* - タイトル：画像のファイル名は自動的に画像のタイトルになります（WordPressの標準動作）。

* - キャプション：キャプションが空の場合、画像のファイル名をキャプションに設定します。

* - 説明：説明が空の場合、画像のファイル名を説明に設定します。

* - Altテキスト：Altテキストが空の場合、画像のファイル名をAltテキストに設定します。

add_action('add_attachment', function ($post_ID) {

$image = \get_post($post_ID);

$image_title = $image->post_title;

// If there is no caption, set the filename as caption

if (empty($image->post_excerpt)) {

$image->post_excerpt = $image_title; // Caption

}

// If there is no description, set the filename as description

if (empty($image->post_content)) {

$image->post_content = $image_title; // Description

}

// Update Alt text if it’s empty

if (!\get_post_meta($post_ID, '_wp_attachment_image_alt', true)) {

\update_post_meta($post_ID, '_wp_attachment_image_alt', $image_title); // Alt text

}

// Update the image post

\wp_update_post($image);

});

2024年10月15日2024年10月15日

WordPress メディアライブラリグリッド表示にタイトル追加 / Adding titles to the WordPress Media Library grid

// WordPress メディアライブラリ グリッド表示にタイトル追加
add_action('admin_footer', function () {
    ?>
<script type="text/javascript">
    var timerID_wmg123;
    document.addEventListener("DOMContentLoaded", () => {

        const targetNode = document.getElementById('wp-media-grid'); // 監視対象の要素を指定
		if (!targetNode) {
			return;
		}
        const config = { attributes: true, childList: true, subtree: true };

        const callback = function(mutationsList, observer) {
            clearTimeout(timerID_wmg123);
            timerID_wmg123 = setTimeout(() => {
                const li = document.querySelectorAll('.media-frame.mode-grid li.attachment.save-ready');

                for (const mutation of mutationsList) {
                    if (mutation.type !== 'childList') {
                        continue;
                    }

                    console.log('A child node has been added or removed.');

                    for (let i = 0; i < li.length; i++) {
                        let ariaLabel = li[i].getAttribute('aria-label');

                        // 既にタイトルが存在するか確認
                        if (!li[i].querySelector('.title-div')) {
                            // 新しい div 要素を作成してタイトルを追加
                            let titleDiv = document.createElement('div');
                            titleDiv.classList.add('title-div');  // クラス名を追加して一度処理したことを識別
                            titleDiv.style.textAlign = 'center';
                            titleDiv.style.marginTop = '5px';
                            titleDiv.style.fontSize = '12px';
                            titleDiv.style.lineHeight = '1';
                            titleDiv.style.color = '#333';
                            titleDiv.style.height = '26px';
                            titleDiv.style.overflowY = 'hidden';
                            titleDiv.textContent = ariaLabel;
                            li[i].appendChild(titleDiv);  // タイトルをサムネイルに追加
                        }
                    }
                }
            }, 200);
        };

        const observer = new MutationObserver(callback);
        observer.observe(targetNode, config);

    });
</script>
    <?php
});

// WordPress メディアライブラリグリッド表示にタイトル追加

add_action('admin_footer', function () {

var timerID_wmg123;

document.addEventListener("DOMContentLoaded", () => {

const targetNode = document.getElementById('wp-media-grid'); // 監視対象の要素を指定

if (!targetNode) {

return;

}

const config = { attributes: true, childList: true, subtree: true };

const callback = function(mutationsList, observer) {

clearTimeout(timerID_wmg123);

timerID_wmg123 = setTimeout(() => {

const li = document.querySelectorAll('.media-frame.mode-grid li.attachment.save-ready');

for (const mutation of mutationsList) {

if (mutation.type !== 'childList') {

continue;

}

console.log('A child node has been added or removed.');

for (let i = 0; i < li.length; i++) {

let ariaLabel = li[i].getAttribute('aria-label');

// 既にタイトルが存在するか確認

if (!li[i].querySelector('.title-div')) {

// 新しい div 要素を作成してタイトルを追加

let titleDiv = document.createElement('div');

titleDiv.classList.add('title-div'); // クラス名を追加して一度処理したことを識別

titleDiv.style.textAlign = 'center';

titleDiv.style.marginTop = '5px';

titleDiv.style.fontSize = '12px';

titleDiv.style.lineHeight = '1';

titleDiv.style.color = '#333';

titleDiv.style.height = '26px';

titleDiv.style.overflowY = 'hidden';

titleDiv.textContent = ariaLabel;

li[i].appendChild(titleDiv); // タイトルをサムネイルに追加

}

}, 200);

};

const observer = new MutationObserver(callback);

observer.observe(targetNode, config);

});

</script>

<?php

});