<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>SynologyNAS | imakat.com</title>
	<atom:link href="https://imakat.com/tag/synologynas/feed/" rel="self" type="application/rss+xml" />
	<link>https://imakat.com</link>
	<description>工夫と改善で人生をちょっと豊かに</description>
	<lastBuildDate>Tue, 24 Feb 2026 20:53:54 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://i0.wp.com/imakat.com/wp-content/uploads/2023/07/cropped-80d64ecd340db4e2ca3224859b04caed.png?fit=32%2C32&#038;ssl=1</url>
	<title>SynologyNAS | imakat.com</title>
	<link>https://imakat.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">160909258</site>	<item>
		<title>DropboxのデータをGoogleドライブへ同期する〜NASのrsyncの利用〜</title>
		<link>https://imakat.com/2024/11/26/24397/</link>
		
		<dc:creator><![CDATA[imakat]]></dc:creator>
		<pubDate>Tue, 26 Nov 2024 05:42:18 +0000</pubDate>
				<category><![CDATA[デジタル]]></category>
		<category><![CDATA[ものづくり]]></category>
		<category><![CDATA[Dropbox]]></category>
		<category><![CDATA[SynologyNAS]]></category>
		<category><![CDATA[Googleドライブ]]></category>
		<category><![CDATA[rsync]]></category>
		<guid isPermaLink="false">https://imakat.com/?p=24397</guid>

					<description><![CDATA[落とし穴がありそうで、なかなか手をつけられない問題 今回は、以前に後回しにしたテーマでして、SynologyNASを利用してDropboxのデータをGoogleドライブへ同期する方法についての解説になります。 簡単な気が [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h4 class="wp-block-heading">落とし穴がありそうで、なかなか手をつけられない問題<br><span id="docs-internal-guid-0103ffce-7fff-47c4-be1b-e104c5a6f81b" style="white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-weight: normal;"><p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"></p></span></h4>



<p>今回は、以前に後回しにしたテーマでして、SynologyNASを利用してDropboxのデータをGoogleドライブへ同期する方法についての解説になります。</p>



<p>簡単な気がしますが、意外にややこしい、奥が深いのが以下のような話。</p>



<p>それが、Macの中のDropboxにあるAフォルダと同じ内容をGoogleドライブにあるBフォルダへ作ることです。いえ。データをコピー＆ペーストするだけなら簡単なことですが、大量にあるいは自動的にコピーさせようとすると、<strong>さてはデータを移動させてから解約を考えてるんじゃないか</strong>、勝手にさせないぞ、と囲い込みが働き、難しくなります。それもそのはず、クラウドストレージを二つも三つも好きで持っている人などいません。一つで済むのに越したことは無いのです。何度も書いてきているように、Dropbox、Googleドライブそれぞれ欠点があるからやむを得ず、両方持っているわけで、状況次第でいつ解約されてもおかしくないサービスです。</p>



<p>Dropbox内に作ったフォルダのエイリアスをGoogleドライブのフォルダに持ってくるようにすると、デバイスから削除するだの、利用できなくなるだの、Dropbox外に移動するだの、恐ろしい警告が表示されます。</p>



<figure class="wp-block-image size-large is-resized"><a href="https://imakat.com/rd.php?id=6LmCB2gk.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=6LmCB2gk.png" alt="" style="width:416px;height:auto"/></a></figure>



<p>何が起こるのかよくわかりませんが、やってはいけないことをやろうとしているのだろう、そう釘を刺されていると感じます。さすがビジネスに強いDropbox、トラブル時の責任範囲を明確にするということでしょう。上の場面では、キャンセルしました。しかし私は過去、こうした時に、先に進んでしまい、Dropbox全体ごとダウンロードをやり直した、そんな経験もあったような気がします。</p>



<figure class="wp-block-image size-large is-resized"><a href="https://imakat.com/rd.php?id=DdYnpnG8.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=DdYnpnG8.png" alt="" style="width:159px;height:auto"/></a></figure>



<h4 class="wp-block-heading">有料なら、サービスはあります</h4>



<p>クラウドストレージ間のデータ移動や同期ですが、MultiCloudという別のクラウドサービスを使うと実現できます。しかし、無料で使えるのは、月間5GBのデータトラフィックまでです。これは少な過ぎ！有料になると年間1200GBのトラフィックまでで約7,000円年となっていますが、容量ではなくてデータトラフィックと言われても実感が沸かないわけです。私の場合すでに有料会員としてDropboxは2TB、Googleドライブは0.2TBを利用していますので、またNASも持っていますので、クラウドストレージは、今のところ増やしたくありません。</p>



<h4 class="wp-block-heading">まわりくどいが確実な方法を選んでみる</h4>



<p>Mac内で、クラウドストレージ間でフォルダをコピーしたり同期しようとすると、何かと意地悪をされそうなので、<strong>迂回させることにします</strong>。SynologyNAS内で同期させます。１〜２分かかりますが、確実な方法です。</p>



<p><span class="bold-red">❶</span>　MacのDropboxフォルダを変更するとDropboxクラウドが更新される(双方向同期)。</p>



<p><span class="bold-red">❷</span>　SynologyNASのDropboxフォルダを更新する(CloudSyncによる。双方向同期)。</p>



<p><span class="bold-red">❸</span>　<strong>SynologyNASのDropboxフォルダからSynologyNASのGoogleドライブフォルダを更新する(rsyncによる。一方向同期)</strong>。</p>



<p><span class="bold-red">❹</span>　Googleドライブクラウドが更新される(CloudSyncによる。双方向同期)。</p>



<p><span class="bold-red">❺</span>　MacのGoogleドライブフォルダが更新される(双方向同期)。</p>



<p></p>



<a rel="noopener" target="_blank" href="https://docs.google.com/drawings/d/1os09BmZrWsM_C9mxjuAsrilq28pmMeqwXJC4qP4ht-0/edit?usp=sharing" 
>
<img decoding="async" src="https://docs.google.com/drawings/d/e/2PACX-1vRB8sXIxymuZagC8H8l_MHSlGamZvkkuXmhsYKkYz44fSvE8CBcjXfnCjwNOl864k_XXYTYe8B_utWb/pub?w=960&#038;h=720"
></a>



<h4 class="wp-block-heading"><span class="bold-red">❸</span>の存在を知らない人には、何が起こっているか分からない。</h4>



<p>今回私は、確実にデータを移動させかつ便利に使うための仕組みを作っているわけです。しかし、<strong>「確実」「便利」という言葉の背後には、「確実、便利に悪巧みをする方法」ということもあり得る</strong>わけですね。そもそも<span class="bold-red">❸</span>は自由自在にデザインできるわけです。例えば、「元データの中に金額があったら２０％水増しして新たに書き出せ」とか、AIに解読させて、どちらかに有利に変えさせるとか、様々な悪巧みができるわけですね。見方を変えれば、「データ転がし」ですから。データ隠し、マネーロンダリング、不正改ざん、など。ここで重要なのは、そうした危険性があるということを知っておくことでしょう。<br></p>



<h3 class="wp-block-heading">ポイント解説</h3>



<h4 class="wp-block-heading">１　rsyncの設定手順</h4>



<h5 class="wp-block-heading">シェルスクリプトファイルの作成と格納</h5>



<p>dropbox_google_sync.sh</p>



<figure class="wp-block-flexible-table-block-table"><table class="has-fixed-layout"><tbody><tr><td>#!/bin/bash<br>rsync -av &#8211;delete /volume1/dropbox_1/sync_to_google/ /volume1/google_drive_1/sync_from_dropbox/ </td></tr></tbody></table></figure>



<p><br>SynologyNASにはrsyncは最初から入っているので、シェルスクリプトのファイル.shを、Macのテキストエディットなどで作成(例えばdropbox_google_sync.sh)→SynologyNASの共有フォルダに例えばbinフォルダを作る→binフォルダの中にdropbox_google_sync.shを入れる。</p>



<h5 class="wp-block-heading">タスクスケジューラの設定</h5>



<p>SynologyNASのコントロールパネル→タスクスケジューラー<br>「全般」「スケジュール」「タスク設定」を以下のように設定します。</p>



<figure class="wp-block-image size-large is-resized"><a href="https://imakat.com/rd.php?id=UeHN5HkA.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=UeHN5HkA.png" alt="" style="width:405px;height:auto"/></a></figure>



<p>ここでは、<strong>毎分更新</strong>にしています。</p>



<figure class="wp-block-image size-large is-resized"><a href="https://imakat.com/rd.php?id=R19u0h7S.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=R19u0h7S.png" alt="" style="width:400px;height:auto"/></a></figure>



<figure class="wp-block-image size-large is-resized"><a href="https://imakat.com/rd.php?id=kiIBdxXd.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=kiIBdxXd.png" alt="" style="width:404px;height:auto"/></a></figure>



<p></p>



<h4 class="wp-block-heading">２　Macから共有リンクが取得できる</h4>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=yh7EiwO6.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=yh7EiwO6.png" alt=""/></a><figcaption class="wp-element-caption">M1Mac</figcaption></figure>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=ej0EtEkG.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=ej0EtEkG.png" alt=""/></a><figcaption class="wp-element-caption">M1Mac</figcaption></figure>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=5wXyHmSr.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=5wXyHmSr.png" alt=""/></a></figure>



<p>今回のように、送り出し側のフォルダ名を&#8221;sync_to_google&#8221;、受け取り側のフォルダ名を&#8221;sync_from_dropbox&#8221;とわかりやすくするのが賢明です。&#8221;send_&#8221;、&#8221;receive_&#8221;と頭につけるのもわかりやすいです。そうせずに、Aフォルダ、Bフォルダなど無意味な名前ですと、迷子になりそうです。</p>



<p>関係を逆にして、送り出し側をGoogleドライブに設定して、受け取り側をDropboxに設定することも、もちろん可能です。</p>



<h4 class="wp-block-heading">３　その他　まとめ<br></h4>



<p>私が便利に感じているフローは、各種メディアデータの加工はDropboxで行う→メタデータはGoogleドライブへ登録する、実データ(メディアコンテンツ)は配信サーバーへ送り出す→GoogleドライブでAppSheet、GASを使いメタデータを加工する→Xserverなどの外部サーバーへ送り出す。という形です。今回はそのフローの一部でもあります。</p>



<p>以上です。</p>



<p></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">24397</post-id>	</item>
		<item>
		<title>MacからMacを操作する〜画面共有の利用〜</title>
		<link>https://imakat.com/2024/11/17/24259/</link>
		
		<dc:creator><![CDATA[imakat]]></dc:creator>
		<pubDate>Sun, 17 Nov 2024 07:59:09 +0000</pubDate>
				<category><![CDATA[デジタル]]></category>
		<category><![CDATA[ものづくり]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[SynologyNAS]]></category>
		<category><![CDATA[AppleScript]]></category>
		<category><![CDATA[画面共有]]></category>
		<guid isPermaLink="false">https://imakat.com/?p=24259</guid>

					<description><![CDATA[2026.2.22：最近Macminiを常時稼働させてAIエージェントとして使うのがブームになっているようです。というか一家に一台、24時間365日稼働させる、汎用のコンピュータがある時代になったということですね。このM [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>2026.2.22：<br>最近Macminiを常時稼働させてAIエージェントとして使うのがブームになっているようです。というか一家に一台、24時間365日稼働させる、汎用のコンピュータがある時代になったということですね。このMacからMacを操作する方法はとても役にたつと思います。それから裏方のMacminiは、そんなに迅速に動いてくれる必要はありません。24時間365日使って安定して作業してくれればいいわけで、M1のMacminiでも、まだまだ十分に使えます。つまり安いです。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p>SynologyNASとM1 Mac miniによるファイル管理システムを動かすにあたり、前回は、Jump DesktopによるiPad iPhoneからM1 Mac miniのリモート操作を紹介しましたが、それは実は頻度は低く、実際は90%以上は、今回紹介する、画面共有によるM2 Mac miniからM1 Mac miniのリモート操作になると思います。</p>



<p>あと、いつもいつも、M2 Mac miniと書くのも面倒なこともあり、要は、「Mac」と一言で括れる共通事項については、面倒に感じた時はMacと書くようにします。小さい話です。</p>



<p>ただ、モニター、マウス、キーボードといった周辺機器が何もないのがMac miniですし、省電力になり常時稼働が平気になったのがM1以降ですので、M1 Mac miniが裸っぽの原点になります。M1以降ならMacbookなどラップトップも全てavailableなチキチキマシーンです。</p>



<p>それでは中身に入ります。</p>


<div class="sc-dynamic-embed">
  <style>
  /* リンクの見た目を整える */
  .sc-dynamic-embed .sc-link-container { 
      display: flex; 
      margin-bottom: 10px; 
      flex-wrap: wrap; 
      align-items: center; 
  }
  .sc-dynamic-embed .sc-link { margin-bottom: 0; }
  .sc-dynamic-embed .sc-link a {
    font-size: 15px; /* dynamicと合わせた基本サイズ */
    font-weight: normal;
    text-decoration: underline;
    color: #0073aa;
  }
  .sc-dynamic-embed .sc-link a:hover { text-decoration: none; color: #000; }
  
  /* ★スマホ画面（幅500px以下）の時は文字を縮小して統一感を出す */
  @media (max-width: 500px) {
    .sc-dynamic-embed .sc-link a { font-size: 13px; }
  }

  /* 行梱包時の基本スタイル */
  .sc-dynamic-embed .imk-line {
      display: inline-block;
      width: 100%;
      border-radius: 2px;
      transition: background-color 0.1s;
  }

  /* 古い枠内字幕ボックスを強制消去 */
  .sc-dynamic-embed #subtitleOverlay,
  .sc-dynamic-embed #scSubtitleOverlay,
  .sc-dynamic-embed .overlay-cue,
  .sc-dynamic-embed .band {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
  }
  </style>

  <div class="sc-link-container">
    <p class="sc-link">
      <a href="https://imakat.com/ds62/?drid=39" target="_blank"
         onclick="return scStopAndGo(event, this);">
        👉低画質・枠外字幕はこちら
      </a>
    </p>
  </div>

  <style>
            :root{ --dr5emd-max: 1920px; }
            #subtitleOverlay, #scSubtitleOverlay, .overlay-cue, .band { display: none !important; opacity: 0 !important; }
            .imk-line { display: inline-block; width: 100%; border-radius: 2px; transition: background-color 0.1s; }
            .dr5emd-sublist details > p{ height:200px; overflow:auto; background-color:#EDF7FF; padding:2px 6px; margin:0; box-shadow:3px 3px 4px black; position: relative; }
            .dr5emd-sublist details > summary{ padding:2px 6px; width:100%; background-color:#ddd; border:none; box-shadow:3px 3px 4px black; cursor:pointer; list-style:none; }
            
                .video-wrap{position:relative;width:100%;margin:0 auto}
                #myVideo{width:100%;height:auto;min-height:200px;display:block;background:#000;}</style><div class="dr5emd-container"><div class="video-wrap"><video id="myVideo" controls poster="https://www.dropbox.com/scl/fi/w8zqic0a3d8okwp3dfh7t/screenshot_2024-11-17_14.06.30.png?rlkey=mbfmdsofndrvc6cybqhnofdpd&#038;raw=1" playsinline preload="metadata" style="width:100%;height:auto;">  <source src="https://imakat.com/rd.php?id=cnN9m7vL.mp4" type="video/mp4">  <track src="https://imakat.com/rd.php?id=rcVApp2z.vtt" label="日本語" srclang="ja" kind="subtitles" default></video></div><div class="dr5emd-sublist"><details><summary>字幕一覧(クリック)</summary> <p>
(<a href="#" class="imk-cue" data-seek="0:00">00:00:00</a>) 1) 「Macで別のMacを操作する　画面共有の利用」<br>
(<a href="#" class="imk-cue" data-seek="0:07">00:00:07</a>) 2) この図は、MacとSynologyNASの連携システムです。<br>
(<a href="#" class="imk-cue" data-seek="0:11">00:00:11</a>) 3) 今回は、その中から、この部分。M2Macから画面共有でM1Macを操作してみます。<br>
(<a href="#" class="imk-cue" data-seek="0:17">00:00:17</a>) 4) M2MacからSTREAM DECKで、画面共有を起動します。<br>
(<a href="#" class="imk-cue" data-seek="0:23">00:00:23</a>) 5) M1Macが表示されます。<br>
(<a href="#" class="imk-cue" data-seek="0:33">00:00:33</a>) 6) M2Macのメモアプリを立ち上げます。<br>
(<a href="#" class="imk-cue" data-seek="0:41">00:00:41</a>) 7) こちらはM1Macのメモアプリです。<br>
(<a href="#" class="imk-cue" data-seek="0:46">00:00:46</a>) 8) 文字を打ち込んでみます。　<br>
(<a href="#" class="imk-cue" data-seek="1:08">00:01:08</a>) 9) M2Macのメモアプリでも、当然、同期して表示されます。<br>
(<a href="#" class="imk-cue" data-seek="1:20">00:01:20</a>) 10) M1Macで文字を打ち込みます。<br>
(<a href="#" class="imk-cue" data-seek="1:27">00:01:27</a>) 11) M2 Macの表示も同じ。<br>
(<a href="#" class="imk-cue" data-seek="1:31">00:01:31</a>) 12) M2Macの文字を修正します。<br>
(<a href="#" class="imk-cue" data-seek="1:34">00:01:34</a>) 13) M1Macも同じ。<br>
(<a href="#" class="imk-cue" data-seek="1:36">00:01:36</a>) 14) 有線LAN接続ですが、遅延はほとんど感じません。<br>
(<a href="#" class="imk-cue" data-seek="1:39">00:01:39</a>) 15) 画面共有は右端に新たなデスクトップが作られます。<br>
(<a href="#" class="imk-cue" data-seek="1:42">00:01:42</a>) 16) 私の場合は、デスクトップは、一つだけでいいかも知れません。<br>
(<a href="#" class="imk-cue" data-seek="1:47">00:01:47</a>) 17) こんなふうに移動する必要もなくなります。後で削除します。<br>
(<a href="#" class="imk-cue" data-seek="1:54">00:01:54</a>) 18) 画面共有でも、ほとんど違和感なく操作ができます。<br>
(<a href="#" class="imk-cue" data-seek="1:59">00:01:59</a>) 19) 以上です。<br>
</p> </details>
<style>
details { font: 16px "Open Sans", Calibri, sans-serif; width: 100%; }
details > summary { padding: 2px 6px; width: 100%; background-color: #ddd; border: none; box-shadow: 3px 3px 4px black; cursor: pointer; list-style: none; }
details > p { font: 14px "Open Sans", Calibri, sans-serif; height:150px; overflow: scroll; background-color: #EDF7FF; padding: 2px 6px; margin: 0; box-shadow: 3px 3px 4px black; }
</style></div></div>            <script>
            document.addEventListener("DOMContentLoaded", function(){
                var video = document.getElementById("myVideo");
                if(!video) return;

                            });
            </script>
            

  <script>
  (function(){
    var me = document.currentScript;
    var wrapper = me ? me.closest('.sc-dynamic-embed') : null;

    /* -----------------------------------------------
       1. 動画・音声の保護機能（右クリック禁止・DL防止）
       ----------------------------------------------- */
    function protectVideo() {
      var target = wrapper ? wrapper : document;
      // ★修正箇所：videoだけでなくaudioも保護の対象に含めました
      var mediaEls = target.querySelectorAll('video, audio');
      mediaEls.forEach(function(v){
        if(v.dataset.protected === 'true') return;
        v.dataset.protected = 'true';
        v.setAttribute('controlsList', 'nodownload');
        v.oncontextmenu = function() { return false; };
        v.addEventListener('contextmenu', function(e){ e.preventDefault(); return false; }, false);
      });
    }

    /* -----------------------------------------------
       2. 字幕制御＆ハイライト機能
       ----------------------------------------------- */
    function initSubtitles() {
      var target = wrapper ? wrapper : document;
      // ★修正箇所：videoだけでなくaudioも取得できるようにしました
      var video = target.querySelector('video, audio');
      var listContainer = target.querySelector('details > p');
      
      if (!video || !listContainer) return false; 

      if (video.dataset.subInit === 'true') return true; 
      video.dataset.subInit = 'true';

      var oldOverlay = target.querySelector('#subtitleOverlay') || target.querySelector('#scSubtitleOverlay');
      if (oldOverlay) {
          oldOverlay.style.setProperty('display', 'none', 'important');
          oldOverlay.innerHTML = ''; 
      }

      function isSpecialMode() {
        var isFs = !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
        var isPiP = !!(document.pictureInPictureElement && document.pictureInPictureElement === video) || (video.webkitPresentationMode === "picture-in-picture");
        var isIOSFs = !!video.webkitDisplayingFullscreen; 
        return isFs || isPiP || isIOSFs;
      }

      try {
        if(video.textTracks && video.textTracks.length > 0){
          for(var i=0; i<video.textTracks.length; i++){
             if(video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions'){
                 video.textTracks[i].mode = "hidden";
             }
          }
        }
      } catch(e){}

      video.addEventListener("webkitbeginfullscreen", function() {
          try {
              if(video.textTracks && video.textTracks.length > 0) {
                  for(var i=0; i<video.textTracks.length; i++){
                      if(video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions') video.textTracks[i].mode = "showing";
                  }
              }
          } catch(e){}
      });
      video.addEventListener("webkitendfullscreen", function() {
          try {
              if(video.textTracks && video.textTracks.length > 0) {
                  for(var i=0; i<video.textTracks.length; i++){
                      if(video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions') video.textTracks[i].mode = "hidden";
                  }
              }
          } catch(e){}
      });

      var detailsEl = target.querySelector("details");
      if (detailsEl) {
          detailsEl.open = true; 
          var summaryEl = detailsEl.querySelector("summary");
          if (summaryEl) summaryEl.textContent = "字幕(シーン)はここをクリック";
      }

      if (!listContainer.dataset.formatted) {
          var html = listContainer.innerHTML;
          var lines = html.split(/<br\s*\/?>/i);
          var newHtml = "";
          for(var j=0; j<lines.length; j++) {
              if(lines[j].trim() === "") continue;
              newHtml += "<span class='imk-line'>" + lines[j] + "</span><br>";
          }
          listContainer.innerHTML = newHtml;
          listContainer.dataset.formatted = "true";
      }

      function parseTs(ts){
        if(!ts) return null;
        var p = ts.trim().split(":").map(function(x){return parseInt(x,10)||0;});
        if(p.length===2) return p[0]*60 + p[1];
        if(p.length===3) return p[0]*3600 + p[1]*60 + p[2];
        return null;
      }

      var rootSublist = target.querySelector(".dr5-sublist") || listContainer.parentElement;
      if (rootSublist) {
        rootSublist.addEventListener("click", function(e){
          var a = e.target.closest && e.target.closest("a.imk-cue[data-seek]");
          if(!a) return;
          e.preventDefault();
          var sec = parseTs(a.getAttribute("data-seek"));
          if(sec==null) return;
          try{ video.currentTime = sec; if(video.paused) video.play(); }catch(_){}
        });
      }

      video.addEventListener("timeupdate", function(){
        var desiredMode = isSpecialMode() ? "showing" : "hidden";
        try {
            if(video.textTracks && video.textTracks.length > 0){
                for(var i=0; i<video.textTracks.length; i++){
                    if((video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions') && video.textTracks[i].mode !== desiredMode) {
                        video.textTracks[i].mode = desiredMode;
                    }
                }
            }
        } catch(e){}

        var cues = listContainer.querySelectorAll("a.imk-cue");
        if(cues.length === 0) return;
        var cur = video.currentTime;
        var activeA = null;

        for(var i=0; i<cues.length; i++){
            var t = parseTs(cues[i].getAttribute("data-seek"));
            if(t !== null && cur >= t - 0.5){ activeA = cues[i]; } 
            else if(t > cur){ break; }
        }

        if(activeA){
            var activeLine = activeA.closest(".imk-line");
            if(!activeLine) activeLine = activeA;

            if(activeLine.classList.contains("active-hl")) return;

            var allLines = listContainer.querySelectorAll(".imk-line");
            for(var k=0; k<allLines.length; k++) {
                allLines[k].classList.remove("active-hl");
                allLines[k].removeAttribute("style"); 
            }
            var allLinks = listContainer.querySelectorAll("a");
            for(var m=0; m<allLinks.length; m++) {
                allLinks[m].classList.remove("active-hl");
                allLinks[m].removeAttribute("style"); 
            }

            activeLine.classList.add("active-hl");
            activeLine.style.setProperty("background-color", "#ffff00", "important");
            activeLine.style.setProperty("color", "red", "important");
            activeLine.style.setProperty("font-weight", "normal", "important");
            
            var newLinks = activeLine.querySelectorAll("a");
            for(var n=0; n<newLinks.length; n++) {
                newLinks[n].style.setProperty("color", "red", "important");
                newLinks[n].style.setProperty("text-decoration", "none", "important");
            }

            if(listContainer.offsetParent !== null){
                var containerRect = listContainer.getBoundingClientRect();
                var activeRect = activeLine.getBoundingClientRect();
                var targetScroll = listContainer.scrollTop + (activeRect.top - containerRect.top) - (listContainer.clientHeight / 2) + (activeLine.clientHeight / 2);
                listContainer.scrollTo({ top: targetScroll, behavior: "smooth" });
            }
        }
      });

      return true;
    }

    /* -----------------------------------------------
       監視タイマー
       ----------------------------------------------- */
    var checks = 0;
    var checkTimer = setInterval(function(){
      protectVideo();
      var success = initSubtitles();
      checks++;
      if (success || checks > 20) { 
        clearInterval(checkTimer);
      }
    }, 500); 

    /* -----------------------------------------------
       3. 画面遷移時の停止機能
       ----------------------------------------------- */
    if (!window.scStopAndGo) {
      window.scStopAndGo = function(event, link){
        try{
          var mediaEls = document.querySelectorAll('video, audio');
          mediaEls.forEach(function(m){
            try{
              if (!m.paused) m.pause();
              if (document.pictureInPictureElement === m && document.exitPictureInPicture) {
                document.exitPictureInPicture().catch(function(){});
              }
            }catch(e){}
          });
        }finally{
          event.preventDefault();
          setTimeout(function(){
            if (link.target === '_blank') {
              window.open(link.href, '_blank');
            } else {
              window.location.href = link.href;
            }
          }, 50);
        }
        return false;
      };
    }
  })();
  </script>
</div>



<p></p>



<a rel="noopener" target="_blank" href="https://docs.google.com/drawings/d/1sA8k91Rvdzz2lQjwS-qf5Du5m3zMAtIfBgxbU5owDAI/edit?usp=sharing" 
>
<img decoding="async" src="https://docs.google.com/drawings/d/e/2PACX-1vQVadRDz9qxpnB1eSLozgSp1XVvbYXwNJCXf_Zr-P1rLXz7Nj84Fx0aN9yqmG-PEG5usZOnLHQvoshz/pub?w=960&#038;h=720"
></a>



<h3 class="wp-block-heading">ポイント解説</h3>



<p>MacからMacを操作する方法には、Appleが提供するものとしては2つあって、一つは今回の「画面共有」ですが、あと一つは「リモートマネジメント」があります。「リモートマネジメント」は本格的な方法で専用アプリが必要になります。「リモートマネジメント」は大規模な企業ネットワークでIT担当者が使用するような仕組みなので、ちょっと縁遠いです。自宅でDIYできる範囲が、私のテリトリーです。</p>



<h4 class="wp-block-heading">１　STREAM DECKの利用</h4>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=n9E7Emm4.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=n9E7Emm4.png" alt=""/></a></figure>



<figure class="wp-block-flexible-table-block-table"><table class="has-fixed-layout"><tbody><tr><td>スクリプト要約：画面共有アプリを自動操作し、指定Mac（yyyyyyyy-macminim1）へ接続するAppleScript。アプリ起動後3秒待機し、メニューバーから最近接続先を選択。接続確立まで待ち、パスコード「&lt;あなたのパスワード&gt;」を自動入力してEnterを押す。その後、ウィンドウ表示を待ってフルスクリーン化する一連の手順をスクリプト化している。</td></tr><tr><td><a href="https://imakat.com/script_list/?pubtxt=M1Macの画面共有を起動する_pub.txt" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=zrU95MiY.png" alt="" style="width:120px; height:auto;"></a></td></tr></tbody></table></figure>



<p>STREAM DECKに画面共有を立ち上げるスクリプトを登録しています。その理由は、画面をスムーズに立ち上げるために、手順と細かいチューニングを決めておきたいからです。主なものは２点あります。</p>



<p>一つ目は、パスコードを入れる前の待ち時間のチューニングです。パスコードも自動で打ち込むようにしてあるのですが、タイミングが合わないと画面が止まってしまいます。例えて言うと、電車の出発が早すぎると、乗り遅れてホームに置き去りにされたままになってしまいます。そこで電車を遅らせます。一応delay５秒にしておきます。もちろんその、次の電車に乗ればいいわけで、つまり少々待って、もう一度自分でSTREAM DECKのボタンを押せば、大抵OKとは申せますが。</p>



<p>二つ目は、ウインドウをフルスクリーンに設定することです。その理由は、起動した最初は、ウインドウは画面上に浮いたような状態でして、これですとカーソルがウインドウの中と外を行き交うので少々脳細胞が混乱してストレスです。割り切ってウインドウをフルスクリーンにして固定した方がマウスの操作がラクです。画面共有を立ち上げると、画面共有という名のデスクトップが追加されるので他のアプリへの支障はありません。</p>



<p>細かい話になりますが、スクリプトの最後のステップに、ウインドウをフルスクリーンにするアクションがあります。その際、フルスクリーンボタンの番号は、表示場所とは必ずしも一致しない点は、記憶に留めておくと良いでしょう。現状、ウインドウのボタンは3つ並んでいます。そのうちで今回目的のフルスクリーンのボタンは右端にあります。3つあってそのうち右端なので、ふつうは、１または３だな、と思うじゃありませんか。ところが違うのですね。正解は２です。今のところ、そのような仕様になっています。試行錯誤で見つけ出すことになります。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=NGZSTPyE.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=NGZSTPyE.png" alt=""/></a></figure>



<p></p>



<p></p>



<h4 class="wp-block-heading">２　そのまま相手を再起動できる</h4>



<p>M1 Mac miniが重いような気がした時、再起動をしますよね。再起動ができるのです。M1 Mac mini画面の左上から再起動をしますと、なんと画面共有を維持した状態で、そのまま戻ってくれます。これが実に快適です。</p>



<h4 class="wp-block-heading">３　フルスクリーンの分離はマウスで上端を押し上げる</h4>



<figure class="wp-block-image size-large is-resized"><a href="https://imakat.com/rd.php?id=QOCYxUTp.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=QOCYxUTp.png" alt="" style="aspect-ratio:1.7754881826725608;width:800px;height:auto"/></a></figure>



<p>作業性の関係で、この共有画面を分離して、一つのウインドウで表示したい場合があります。その場合に、ちょっとコツが要ります。まず、マウスで画面の上端を持ち上げるようにするとバーが出てきます。そのバーの左にある緑のボタンを押すと、フルスクリーンの解除ができます。</p>



<h4 class="wp-block-heading">４　まとめ</h4>



<p>MacからMacをコントロールするのが、やはり一番相性がいいですね。</p>



<p>以上</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">24259</post-id>	</item>
		<item>
		<title>【STREAM DECK】目的別に作業をしながら〜ブラウザを切り替えて安全に使う</title>
		<link>https://imakat.com/2022/05/01/14886/</link>
		
		<dc:creator><![CDATA[imakat]]></dc:creator>
		<pubDate>Sun, 01 May 2022 01:51:16 +0000</pubDate>
				<category><![CDATA[デジタル]]></category>
		<category><![CDATA[Googleアカウント]]></category>
		<category><![CDATA[高齢者アクセシビリティ]]></category>
		<category><![CDATA[AppleScript]]></category>
		<category><![CDATA[テプラ]]></category>
		<category><![CDATA[SynologyNAS]]></category>
		<category><![CDATA[STREAM DECK]]></category>
		<guid isPermaLink="false">https://imakat.com/?p=14886</guid>

					<description><![CDATA[2022.12.24追記：Macの新OS,Venturaに更新しました。Elgato Stream Deck.appを再インストールしたら、一部、動作しない、ボタンのアイコンが変えられた、という状況になり手作業で修復して [&#8230;]]]></description>
										<content:encoded><![CDATA[
<hr class="wp-block-separator has-text-color has-key-color-color has-css-opacity has-key-color-background-color has-background is-style-wide"/>



<p>2022.12.24追記：Macの新OS,Venturaに更新しました。Elgato Stream Deck.appを再インストールしたら、一部、動作しない、ボタンのアイコンが変えられた、という状況になり手作業で修復しています。これに伴う項目の追加 <a rel="noreferrer noopener" href="#422" target="_blank">&lt;４&gt;-２）-２</a>。</p>



<hr class="wp-block-separator has-text-color has-key-color-color has-alpha-channel-opacity has-key-color-background-color has-background is-style-wide"/>



<p></p>



<p>＜STREAM DECKで目的別に作業を集約する＞<br><span class="fz-12px"><a href="https://imakat.com/page-220501/" target="_blank">別ページで表示</a></span></p>



<img decoding="async" src="https://docs.google.com/drawings/d/e/2PACX-1vSxTB34N8noebSc-TCNfzSEDyDcAU9uwHo-vZS_-y9LSt1Z-xScoTptqaqH-fvOx2k2QDoLTyCqxIq8/pub?w=1440&amp;h=1080">



<hr class="wp-block-separator has-text-color has-key-color-color has-css-opacity has-key-color-background-color has-background is-style-wide"/>



<p>高齢になってくると、次第に細かいことを覚えられなくなってきます。思い出せなくなってきます。</p>



<p>それから高齢になってくると、アクセルとブレーキを踏み間違えるような、重大な判断ミスを起こすリスクが高くなります。</p>



<p>よく言う知恵は「書いて貼っておけ！」。</p>



<p>最近、テプラをよく使うようになりました。</p>



<p>そこへ重なってくるのがIT化の波ですね。</p>



<p>今回は、YouTubeなどで紹介多数、映像や音楽クリエイターの中では大人気の「STREAM DECK」という製品なのですが、これは、まさに<strong>「テプラ」と「IT」の合体です。</strong>「<strong>高齢者のアクセシビリティの向上</strong>」という観点からも役に立つと思えるので、取り上げてみます。</p>



<h3 class="wp-block-heading">ポイント解説</h3>



<h4 class="wp-block-heading">＜1＞ ざっくり、STREAM DECKはどのように便利か</h4>



<p>パソコンで作業をするとき、何らかの操作を選択するのですが、普通は二つの方法があります。一つはアプリの上段か下段にあるメニューバーから「コピー」や「ペースト」を選ぶ、あと一つはキーボードのショートカット「⌘+C」、「⌘+V」を押す、です。ショートカットは慣れると何も意識せず手が動くようになるとはいえ、やはり「<strong>ボタンを押すだけ</strong>」の方が早いと思います。</p>



<p>あまり機会はないと思いますが、例えば、決まった箇所のセルを選択する→数字を入れる→結果のセルへ行く→結果をコピーする→別の箇所へペーストする。この作業を1000回やるとしたら、４つの動作をボタンに設定できたら便利です。</p>



<p>それではCOMさんの紹介ビデオをご覧ください。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="STREAM DECKが便利すぎて全パソコンユーザーにオススメ【elgato | PC周辺機器】" width="1256" height="707" src="https://www.youtube.com/embed/LxUCKS618Xo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>COMさんのビデオは、この製品の機能の魅力に焦点を当てた紹介になっています。他の方には、Zoomを使う、配信する、動画制作、音楽制作、といったある種の作業のカタマリをこの盤面に載せる方法を紹介するビデオになっているものも多いです。</p>



<p>私の紹介も「なるほど」と思ってもらえれば嬉しいです。</p>



<h4 class="wp-block-heading">＜２＞ヤドカリ型業務の置き場所として</h4>



<p>今回私は、業務の塊の一つとして自治会業務を持ってきましたが、PTA、サークル活動、組合、NPOなど何でも同じことです。それで、そうした組織活動において三役・部長など役職になる場合は、任期末に後任に役職の仕事を引き渡すことになります。殆どの組織は小さく、事務員も事務所もありませんので、紙ファイルをドンと手渡しです。この紙ファイルをドンと手渡しされる→作業をする→紙ファイルをドンと次の人へ手渡しする、この基本の流れは変わりませんが。しかし、エコ社会実現に向け、「紙ファイル」の部分は、「データそのものは電子化され、必要に応じて印刷したりパソコンに表示したりする」という形に変化が進んでいます。</p>



<p>仕事の多い役職には、組織からノートパソコンを貸与するのが分かりやすいです。しかし仕事が多いと言っても、パソコン１台となると、そのほんの一部を使っている感じ。エコじゃない。。。壊れたらどうする。</p>



<p>そこで出てくるのが、自分のパソコンを使う、「ヤドカリ型」です。</p>



<h4 class="wp-block-heading">＜３＞STREAM DECKを使おうと思った一番の動機〜<span class="bold-red">個人情報を漏らさないようにすること</span></h4>



<p>「ヤドカリ型業務」の発想に、もう一つ着眼を加えます。</p>



<p>以前からMacを使って、細々と、音楽制作、ブログ作成、IT関連、その他の作業を行っていました。そこへここ数年、自治会の仕事がどどっと入ってきました。自治会の仕事もパソコンやインターネットを使うことが多くなっています。</p>



<p>必要な持ち物は、</p>



<p><span class="marker">「<strong>Googleアカウントと、EXCEL、WORD</strong>」</span></p>



<p>これだけなので、殆どのパソコンで動くことになります。</p>



<p>Googleアカウントとパスワードを後任者へ伝えるだけで移行できるのは、革新です。</p>



<p>しかし、<br>個人のパソコンで自治会の作業をすることになると、</p>



<p>個人のGoogleアカウントと自治会のGoogle<strong><span class="marker">アカウントが複数存在</span></strong>することになります。</p>



<p>その場合に<strong><span class="marker">ウッカリミス</span></strong>が起きやすいです。</p>



<p><strong>自治会のGoogleアカウントで開いたChromeでAmazonのサイトを開き、個人のIDとパスワードを入れて個人の物を注文する、ご丁寧に<span class="fz-16px"><span class="fz-20px"><span class="fz-22px">そのIDとパスワードを保存してしまうというミス</span></span></span>。</strong></p>



<p>そのことに気付かないまま、後任者に引き継ぎしてしまうと、後任者は、なりすまして、買い物ができてしまう(まあ、そんな悪い人は少ないと思いますが）。</p>



<p><br>アクセルとブレーキを踏み間違えるようなミス。</p>



<p>ただ、その間違いを犯すのは自分自身、自分自身で防衛する方策はないのか。</p>



<p>そこで思いついたのが、この機器を使うことによって、</p>



<p><strong><span class="marker">目的別にプロファイルを作ること。<br>個人IDとパスワードを入力するWebサイトは、個人のアカウント(Googleアカウント、iCloudなど）でしか開かないようにすること。</span></strong></p>



<p>です。</p>



<p>そうそう。<strong><span class="marker">それと大事なこと。たとえヤドカリ型の使用にしても、自治会など公的な作業のデータは全て、別のフォルダかデバイスに格納するようにしましょう。</span></strong></p>



<p></p>



<h4 class="wp-block-heading"><strong>＜４＞</strong>AppleScriptをSTREAM DECKへ書き込んで、Googleアカウントの切替を行う</h4>



<p>以下ですが、Automatorでappを作り、STREAM DECKでappを「開く」で起動できれば、それで成功ですが、私の場合、Macの「セキュリティーとプライバシー」でのエラーが解消しないので、以下の方法を取りました。</p>



<h5 class="wp-block-heading">＜４＞-１）AppleScriptを使ってChromeのユーザーを切り替える</h5>



<p>Chromeのユーザーは、現在私の場合、下図の１が個人、２が某目的、３が自治会、４が某目的という使い方になっています。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=UfDdMdzm.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=UfDdMdzm.png" alt=""/></a></figure>



<p>AppleScriptについては、「<a rel="noopener" target="_blank" href="https://waarumstudy.blogspot.com/2020/03/mac-google-chrome-desktop-shortcut.html">IPHONEアプリ個人開発とライフハック<span class="fa fa-external-link external-icon anchor-icon"></span></a>」さんの記事の中の、5,段落に書かれたスクリプトを利用させていただきました。スクリプトの1行目&#8221; set userNumber to 1&#8243;の数字を、例えば自治会用であれば&#8221;set userNumber to 3&#8243;にします。</p>



<p></p>



<h5 class="wp-block-heading">＜４＞-２）-１ AppleScriptをSTREAM DECKへ書き込み実行する方法＜その１＞</h5>



<p>AppleScriptを書き込み実行できるようにするプラグインを入手してインストールします。</p>



<p><a rel="noopener" target="_blank" href="https://github.com/mushoo/streamdeck-applescript">ダウンロードサイト<span class="fa fa-external-link external-icon anchor-icon"></span></a></p>



<p>「Release」をクリックします↓</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=xE19N79z.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=xE19N79z.png" alt=""/></a></figure>



<p>com.mushoo.RunAppleScript.streamDeckPlugin をクリックします↓</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=RLjmc04S.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=RLjmc04S.png" alt=""/></a></figure>



<p>Downloadをクリックします↓</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=DeixYexf.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=DeixYexf.png" alt=""/></a></figure>



<p>ダウンロードされたファイルをクリックします↓</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=JhYPdbsB.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=JhYPdbsB.png" alt=""/></a></figure>



<p>STREAM DECKにRunAppleScriptがインストールされました。これをボタンにドロップします↓</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=42COBsPN.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=42COBsPN.png" alt=""/></a></figure>



<p>AppleScriptを書き込みます↓</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=mhuHTDkD.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=mhuHTDkD.png" alt=""/></a></figure>



<div id="422"></div>



<h5 class="wp-block-heading">＜４＞-２）-２ AppleScriptをSTREAM DECKへ書き込み実行する方法＜その２＞</h5>



<p>最初＜その１＞で作成していたのですが、新OS Venturaへ更新したところ、なぜか、RunAppleScriptが消失してしまいました。再インストールを試みましたが、既存であるとのエラーで、先に進みません。そこで、RunAppleScriptに頼らない、元からある方法、つまり素直に、Appleスクリプトエディタを使って記述することにしました。</p>



<p>Stream Deckへ直接記述(インライン)しない方法は、ちょっと面倒にも感じますが、スクリプトファイルが一つのフォルダで管理できるのは便利で、一長一短です。</p>



<p>新たな発見ですが、<strong>アプリケーションファイルappに変換しなくても、スクリプトファイルscptのままで、それをStream Deckのボタンの場所へドラッグ＆ドロップするだけで動作しました</strong>。以下のような流れです。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=j7WVrJs6.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=j7WVrJs6.png" alt=""/></a></figure>



<p></p>



<h4 class="wp-block-heading">＜5＞ディレクトリ名（フォルダ名、ファイル名）は日本語を使わないこと！</h4>



<p>ちょっと脱線して、NAS上のフォルダを呼び出す場合の注意点を書きます。写真動画の取り込みの流れは、私の例では、下図のようになっています。DropboxとSynologyNASはどちらか一つでいいではないか、そうも言えますが、心配し過ぎかも知れませんが、自宅のSynologyNASがもし災害で破損した時のバックアップの考えです。クラウドサービスの中ではDropboxだけの問題かも知れませんが、スマホから写真動画をアップロードするフォルダ名は日本語で「カメラアップロード」と決まっています。このSTREAM DECKのAppleScriptの記述では、ディレクトリ名に日本語が使えません。そこで、SynologyNAS側の同期フォルダ名を「camera_up」と英小文字にしました。</p>



<p></p>



<figure class="wp-block-image size-large is-style-rounded"><a href="https://imakat.com/rd.php?id=yiwwfhLv.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=yiwwfhLv.png" alt=""/></a></figure>



<p>AppleScriptの記述は以下になります。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=1NpG41ln.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=1NpG41ln.png" alt=""/></a></figure>



<p>AppleScriptは、</p>



<pre class="wp-block-code"><code>tell app "Finder" to open location "smb://<strong><span class="bold-red">aaaaaaa</span></strong>:<span class="bold-red">bbbbbbb</span>@<span class="bold-red">ccccc.ccccc.ccc</span>/<span class="bold-red">ddddd</span>"</code></pre>



<p><strong><span class="bold-red">aaaaaaa</span></strong>は、サーバーアドレスで、SynologyNASの場合、コントロールパネル-&gt;ファイルサービス-&gt;SMBのところに書かれています。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=77wlxKpQ.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=77wlxKpQ.png" alt=""/></a></figure>



<p><span class="bold-red">bbbbbbb</span>は、SynologyNASにMacから接続するときのパスワードです。<span class="bold-red">ccccc.ccccc.ccc</span>は、IPアドレスまたはホスト名、<span class="bold-red">ddddd</span>は、ディレクトリ名です。</p>



<p>なおRunAppleScriptが動作しない場合は、<a href="#422" target="_blank" rel="noreferrer noopener">こちらへ</a>。</p>



<p>それでは、「自治会作業」のプロファイルへ戻って。。。</p>



<h4 class="wp-block-heading">＜６＞出来上がったプロファイルの例</h4>



<p>「自治会作業」プロファイルの例です。関係するアプリやフォルダを一まとめにしています。Webアプリは全て自治会アカウントGoogle内で完結します。</p>



<p>多少脚色もありますが説明します。<br>「自治会作業」：プロファイル切替用ボタン<br>「自治会アカウントGoogle」：自治会アカウントのGoogle Chromeが立ち上がります。<br>「R4自治会」〜「自治会ドライブ」：各種フォルダ<br>「Googleスプレッドシート」〜「Google図形描画」：Googleのアプリです。自治会アカウントで立ち上がります。<br>「Microsoft Excel」〜「Microsoft Word」：そのものです。<br>「メール」：そのものです。<br>「スクショ」：スクリーンショットのショートカット「⌘+↑+4」。<br>「スキャン」：EpsonのScanSnapのアプリ。<br>「Chromeリモート」：自治会アカウントのChromeリモートが立ち上がります。<br>「会員名簿」「AppSheetの作成」：自治会アカウントGoogleで動くAppSheetアプリです。<br>「お知らせ投稿」：自治会アカウントGoogleで動くBloggerです。<br>「自治会ネット掲示板」：自治会アカウントGoogleで動くGoogleサイトです。<br>「公民館カレンダー」：自治会アカウントGoogleで動くGoogleカレンダーです。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=wHMbqUap.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=wHMbqUap.png" alt=""/></a></figure>



<p>「ブラウジング」のプロファイルは以下です。個人アカウントのGoogle Chromeが立ち上がります。「YouTube」「Amazon」などボタンがありますが、ちょっと面倒ですが、<strong>全部、マルチアクションを使っています</strong>。別のプロファイルへコピーしても個人アカウントから起動させるためです。「RunAppleScript」で個人アカウントへ切り替える→「Stream Deck:遅延」→「システム：Webサイト（例えばAmazonのURL)」の順です。YouTubeも個人アカウントで開きますので履歴は個人アカウントにだけ残ります。<strong>自治会アカウントのYouTube履歴に残るようなことはありません</strong>。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=dbam5BTc.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=dbam5BTc.png" alt=""/></a></figure>



<p></p>



<h4 class="wp-block-heading">＜７＞まとめ</h4>



<p>この一連の登録作業ですが、高齢者にとってはまだまだ難しいです。しかしながら、登録さえしてしまえば、あとはワンタッチ。まさに「<strong>高齢者のアクセシビリティの向上</strong>」に貢献する製品です。ここでは触れませんでしたがIFTTTプラグインを入れれば家電製品をコントロールをできるようになります。この製品により、高齢者、障害者にとって役立つ様々な活用が広がりそうな感じがしますが、残念なのは、32ボタンのもので約3万円と高く、私のようなマニアックな人向けの価格帯です。1万円を切れば、かなり広がる気がします。</p>



<p>以上</p>



<iframe sandbox="allow-popups allow-scripts allow-modals allow-forms allow-same-origin" style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&#038;bc1=000000&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=imakat-22&#038;language=ja_JP&#038;o=9&#038;p=8&#038;l=as4&#038;m=amazon&#038;f=ifr&#038;ref=as_ss_li_til&#038;asins=B07RL8H55Z&#038;linkId=5119bb1b6427d4956cc190904692ee25"></iframe>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">14886</post-id>	</item>
		<item>
		<title>【WordPress】高画質で観る必要など本当にあるのか？。。自宅サーバーからの動画発信は、低画質のフレームサイズ480&#215;270まで落とすことにしました。</title>
		<link>https://imakat.com/2021/03/31/12442/</link>
		
		<dc:creator><![CDATA[imakat]]></dc:creator>
		<pubDate>Wed, 31 Mar 2021 01:29:52 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[デジタル]]></category>
		<category><![CDATA[SynologyNAS]]></category>
		<category><![CDATA[Compressor]]></category>
		<category><![CDATA[Web Station]]></category>
		<category><![CDATA[セキュリティアドバイザー]]></category>
		<category><![CDATA[Webホスティング]]></category>
		<guid isPermaLink="false">https://imakat.com/?p=12442</guid>

					<description><![CDATA[＜メディアの種類と今後の方向＞ マス・メディアや民間企業は、当初は、動画を、大手のメディアサーバー或いは自社サーバーから配信するのが主流でしたが、2006年にGoogleが、ミニコミ生まれのYouTubeを買収して以降は [&#8230;]]]></description>
										<content:encoded><![CDATA[
<hr class="wp-block-separator has-text-color has-key-color-color has-css-opacity has-key-color-background-color has-background is-style-wide"/>



<a name="anker_1"> ＜メディアの種類と今後の方向＞</a>



<p></p>



<!—別ページ側の画像図形動画 httpsを挿入—>
<a rel="noopener" target="_blank" href="https://docs.google.com/drawings/d/1uM8vwQD5_NU8dXCp4xXUByzp4ZdfirNkdocT4DhXulA/edit?usp=sharing">
<!—投稿側の画像図形 httpsを挿入—>
<img decoding="async" src="https://docs.google.com/drawings/d/e/2PACX-1vSsEW3XqErs1fdsL-aJS3iPfmC-HL9gX2zac-jaDNFCY6t-slfPKWjWInL2lF3qtOlMzF06QuPp_4ym/pub?w=960&#038;h=720"
>
<span class="fa fa-external-link external-icon anchor-icon"></span></a>



<p></p>



<hr class="wp-block-separator has-text-color has-key-color-color has-css-opacity has-key-color-background-color has-background is-style-wide"/>



<p>マス・メディアや民間企業は、当初は、動画を、大手のメディアサーバー或いは自社サーバーから配信するのが主流でしたが、2006年にGoogleが、ミニコミ生まれのYouTubeを買収して以降は、いつの間にか、民間企業・官公庁問わず、そのホームページにはYouTubeの動画が貼り込まれて当たり前、となりました。</p>



<p>YouTubeは使いにくい。ブログを作ろうとする時、文章は自分で自由に創作できる、写真やデザインも自分のオリジナリティで創作、手直しができる、なのになぜ、動画のYouTubeは、広告が入ってくる、微細な手直しだけ出来て差し替えが出来ない、「再生数いいね」などブログとして無意味なのに入ってくる、などなど作者の自由にならないのか。おそらくそれは、まだ動画を配信するには多額な設備投資、特許などの使用料、運営費がかかる、そこへの応分の負担が伴う、という説明になるでしょう。</p>



<p>手作りメディア側にいる一人として言わせてもらうなら、それは、より高品質の動画配信を追求するから、それだけ投資資金が必要になるわけです。それを利用者全体に負担してもらおうと考えるから、小市民側の不自由が解消されないのでは、そのように感じます。</p>



<p>さて、それでは、<br>昔、個人商店にあったような、穏やかな自由さを、手繰り寄せて行きたいと思います。</p>



<h3 class="wp-block-heading">ポイント解説</h3>



<h4 class="wp-block-heading">&lt;1&gt;  Web配信のプラットフォームを使い分ける。</h4>



<p>私は、WordPressの発信は、安定度を重視して外部業者のXserverから行っています。ただし、Xserverはディスクを増量した時の料金のアップが大きいため動画の収納には躊躇します。</p>



<p>比較自体が、乱暴かも知れませんが、</p>



<table style="border-collapse: collapse; width: 100%;">
<tbody>
<tr>
<td style="width: 33.333333333333336%;">デバイス</td>
<td style="width: 33.333333333333336%;">コスト</td>
<td style="width: 33.333333333333336%;">1GB当たりの単価</td>
</tr>
<tr>
<td style="width: 33.333333333333336%;">ホスティングサーバー(Xserver)</td>
<td style="width: 33.333333333333336%;">200GB : 1,320円/月</td>
<td style="width: 33.333333333333336%;">6.6円.月/GB</td>
</tr>
<tr>
<td style="width: 33.333333333333336%;">クラウド(Dropbox)</td>
<td style="width: 33.333333333333336%;">2TB : 131.87USD/年</td>
<td style="width: 33.333333333333336%;">0.61円.月/GB</td>
</tr>
<tr>
<td style="width: 33.333333333333336%;">NAS(HDD)</td>
<td style="width: 33.333333333333336%;">RAID使用3TBx2 : 21,470円/寿命５年間=60ヶ月</td>
<td style="width: 33.333333333333336%;">0.12円.月/GB</td>
</tr>
</tbody>
</table>



<p>ということになるわけでして。</p>



<p>こうしたこともあって、自宅のSynologyNASへ、別にもう一つ、Webサーバーを立てて、そこから動画や画像を、XserverのWordPressへ、送り出すようにしています。しかしながら、自宅サーバーは非力です。動画や音楽を美しく配信/再生するのは無理です。</p>



<p>YouTubeやVimeoはオートトランスコードが備わっているので、ユーザーのインターネット環境が悪ければ低画質に落として情報量を少なくして送り出すことが出来ます。しかし私のような弱小自宅サーバーは、そこまでの資力能力がありません。</p>



<p>ですから、考え方としては、ふだんブログを作って発信するときは、動画は「個人商店」から発信、（商店と言っても無料ですが）、中に時々、一般向けと思われるものを、Vimeoで発信、という棲み分けです。</p>



<h4 class="wp-block-heading">&lt;2&gt;ネックは、視聴側の4G回線の速度が、不安定なこと。発信側はまずまずの速度。</h4>



<p>ZOOT NEXTを使って自宅サーバー及びガラポンTV、DIGAから外部へ発信していますが、その速度は60〜80Mbps程度です。遅いですね。サーバーとしては。これが自宅サーバーへアクセスする方に対するパイプの太さになります。</p>



<p>話は逸れますが、ガラポンTVはお見事です。頑張っています。<strong><span class="marker">ガラポンTVは、ファイルサイズが、1時間約150MB=0.04Mb/sと非常に小さいにも関わらず、iPadやスマホなら支障なく見られるわけです。この発想がナイスです。</span></strong>さすがにそこまで小さいと、MacやPCで再生すると見辛さを感じますが。</p>



<p>。。どのあたりで、適当に満足できるでしょうか。</p>



<p>半ば諦め気味の方も多いと思うことですが、スマホなどの4G回線で再生すると、なかなか動画か開始しないということが起きやすいです。例えば、OCNモバイルなどの格安MVNOの場合は、昼12時頃はアクセスが集中するせいか、動画の再生は止まりやすいです。</p>



<h4 class="wp-block-heading">&lt;3&gt; 昼12時の4Gは最悪です。</h4>



<p>ZOOT NEXTの配信速度　　ダウンロード46Mbps 　アップロード83Mbps <br>4G回線のダウンロード速度  ダウンロード780Kbps   アップロード　3.4Mbps<br>480&#215;270の視聴可否       　不可<br>ガラポンTVの視聴可否　　不可</p>



<p></p>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://imakat.com/rd.php?id=U2JUNwxE.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=U2JUNwxE.png" alt="" style="width:462px;height:auto"/></a><figcaption class="wp-element-caption">ZOOT NEXTの配信速度</figcaption></figure>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://imakat.com/rd.php?id=aCDBS2so.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=aCDBS2so.png" alt="" style="width:444px;height:auto"/></a><figcaption class="wp-element-caption">4G回線のダウンロード速度</figcaption></figure>



<p>4G回線で昼12時に観ることが出来る動画は、YouTubeなど一部だけです。多くは止まってしまい観ることが出来ず、ガラポンTVすら観れない状況になります。</p>



<p>OCNモバイルだけなのか分かりませんが、昼休みは、YouTubeなど特定の動画サービスを観たい人が集中するため、そちらへの配分を優先させて、午後１時以降は元に戻す、そんな扱いになっているような気がします。</p>



<h4 class="wp-block-heading">&lt;4&gt; 動画のフレームサイズ480&#215;270だと、いくつ同時配信ができそうか。</h4>



<p>この際、昼12時の4Gの視聴は無理と、目を瞑ることにします。</p>



<p>480&#215;270は、QuickTime480x270AAC 760.72MB/1h = 0.21Mb/s、となります。</p>



<p>ZOOT NEXTのアップロード配信速度の落ちた時を60Mbpsとして、その半分を、自宅サーバーが使うとすると、</p>



<p>30Mbps ÷ 0.21  =  <strong>143 個</strong></p>



<p>となります。</p>



<p>Macのフォルダアクションにデフォルトで装備されている、動画のエンコーダーは、最小サイズで640&#215;480となっています。そのため480x270AACを別の方法で作るのですが、私は、Apple純正のCompressorというアプリを使っています。</p>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://imakat.com/rd.php?id=Dj8ojIFZ.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=Dj8ojIFZ.png" alt="" style="width:532px;height:auto"/></a><figcaption class="wp-element-caption">CompressorにQuickTime(movファイル）480x270AACを登録した例</figcaption></figure>



<div id="jump1"></div>



<hr class="wp-block-separator has-text-color has-key-color-color has-css-opacity has-key-color-background-color has-background is-style-wide"/>



<h4 class="wp-block-heading">&lt;5&gt; SynologyNASのメモリーを増設しました。</h4>



<p>SynologyNAS DS218+の購入時のメモリーは2GBでした。公式では6GBまで増設が可能となっていますが、<a rel="noopener" target="_blank" href="https://tabikumo.com/ds218plus-memory/">tabi.comさん<span class="fa fa-external-link external-icon anchor-icon"></span></a>のブログを参考にして、8GB増設して合計10GBにしました。</p>



<h4 class="wp-block-heading">&lt;6&gt;同時アクセス制限数を引き上げました。</h4>



<p>SyNologyNASのメモリー増設は、日常的なNASの活用の安定化に寄与することは確かだと思いますし、自宅サーバーへのアクセス制限数も増加することが出来るようになります。</p>



<p>Web StationのPHP設定-&gt;詳細設定、に入ります。</p>



<p>まず最初に、FPMモードが静的モードの場合は、同時アクセス制限数＝FPM最大プロセス数、と読み替えられるようです。わかりやすい方がいいです。静的モードを選択します。</p>



<p>デフォルトでは、動的モード、FPM最大プロセス数20、です。</p>



<p>8GB増設したので、1プロセス100MB消費すると見積もり、80プロセスを追加して<strong>合計100個</strong>。</p>



<p>上の&lt;4&gt;は143個ですので、<strong>低い方をとって100個</strong>。</p>



<p>といっても現実問題として、そんなにアクセスがあるはずがなく、<strong>半分の50個</strong>にしました。</p>



<div class="wp-block-group is-style-primary-box is-layout-flow wp-block-group-is-layout-flow">
<p>・FPMモード=静的モード</p>



<p>・適用FPM最大プロセス数=同時アクセス制限数=（＜許容低画質同時配信数＞または＜1プロセス100MBのメモリーを消費する場合の許容プロセス数＞の低い方）÷2</p>



<p>=(143または100の低い方)÷2=50個</p>
</div>



<p></p>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://imakat.com/rd.php?id=rcQhtpUs.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=rcQhtpUs.png" alt="" style="width:534px;height:auto"/></a><figcaption class="wp-element-caption">SynologyNAS-&gt;Web Station-&gt;<strong>DSM6.xの場合-</strong>&gt;PHP設定-&gt;詳細設定-&gt;FPM</figcaption></figure>



<p></p>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://imakat.com/rd.php?id=20a0vLS5.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=20a0vLS5.png" alt="" style="width:528px;height:auto"/></a><figcaption class="wp-element-caption">SynologyNAS-&gt;Web Station-&gt;<strong>DSM7.0の場合</strong>-&gt;「Webサービスポータル」-&gt;「デフォルトサーバー PHP」で使用するPHPを選択-&gt;下の画像</figcaption></figure>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://imakat.com/rd.php?id=sZ7uZn5w.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=sZ7uZn5w.png" alt="" style="width:534px;height:auto"/></a><figcaption class="wp-element-caption">上の画像の続き-&gt;スクリプト言語の設定-&gt;「PHP」カスタマイズされたプロファイルから上の画像で選択したPHPを選択して「編集」をクリック-&gt;「FPM」にて同様に設定</figcaption></figure>



<h4 class="wp-block-heading">&lt;7&gt; セキュリティアドバイザーをチェックする。</h4>



<p>SynologyNASのアプリのセキュリティアドバイザーをチェックするようにしています。毎日朝2:00にスキャンを実行しています。その結果、何らかの警告があれば、指示に従って、対応しています。</p>



<p></p>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://imakat.com/rd.php?id=L3bBOWLY.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=L3bBOWLY.png" alt="" style="width:520px;height:auto"/></a><figcaption class="wp-element-caption">SynologyNAS-&gt;セキュリティアドバイザー</figcaption></figure>



<h4 class="wp-block-heading">&lt;8&gt; 5Gになっても、画質を落とせるものは落として使うべし。</h4>



<p>但し、近い将来、5Gが普及すれば、圧倒的にデータ送信スピードが上がりますので、昼12時でもスマホでスムーズになると期待します。しかし、冒頭の図に戻って、<strong><span class="marker">基本的な考え方として、美しく鑑賞する必要のない画像は、画質を落として視聴する</span></strong>のが賢明だと考えます。</p>



<p>TV番組も、同じで、美しく観賞したい番組は4Kを望むにせよ、解ればいいのであればワンセグで十分、ガラポンTVで十分、という使い分けが望まれます。<br></p>



<p>24.4.10追加：<a href="https://imakat.com/2024/01/22/18942/">Dropboxに置いた動画を利用する場合</a>は、圧縮なしでリンクしても何とか再生可能です。</p>



<p>以上。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">12442</post-id>	</item>
		<item>
		<title>【自宅web】SynologyNASから自宅Webサーバーを公開する〜WordPress,Cocoonを無料で活用〜</title>
		<link>https://imakat.com/2020/09/03/10444/</link>
		
		<dc:creator><![CDATA[imakat]]></dc:creator>
		<pubDate>Thu, 03 Sep 2020 09:16:47 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[デジタル]]></category>
		<category><![CDATA[Cocoon]]></category>
		<category><![CDATA[SynologyNAS]]></category>
		<category><![CDATA[Web公開]]></category>
		<category><![CDATA[Aterm]]></category>
		<category><![CDATA[WG2600HP3]]></category>
		<category><![CDATA[Mac mini]]></category>
		<category><![CDATA[オンプレミス]]></category>
		<category><![CDATA[DSM7.0]]></category>
		<category><![CDATA[UPS]]></category>
		<category><![CDATA[Web3.0]]></category>
		<guid isPermaLink="false">https://imakat.com/?p=10444</guid>

					<description><![CDATA[2021.8.26更新 　自宅のSynologyNASからWeb公開することにしてみました。 「野菜や魚」の産直と同じことが、「情報」でも起きる気がする。 　昭和三十〜四十年代、野菜は、八百屋で売っていましたが同時に、農 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>2021.8.26更新</p>



<p>　自宅のSynologyNASからWeb公開することにしてみました。</p>



<h2 class="wp-block-heading" id="野菜や魚-の産直と同じことが-情報-でも起きる気がする">「野菜や魚」の産直と同じことが、「情報」でも起きる気がする。</h2>



<figure class="wp-block-image size-large is-resized"><a href="https://imakat.com/rd.php?id=hG16yHYS.jpg" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=hG16yHYS.jpg" alt="" style="width:358px;height:auto"/></a><figcaption class="wp-element-caption"><a rel="noopener" target="_blank" href="https://dailyportalz.jp/kiji/140929165271">【出典】横付けリアカーの残る街　DailyPortalZ<span class="fa fa-external-link external-icon anchor-icon"></span></a></figcaption></figure>



<p>　昭和三十〜四十年代、野菜は、八百屋で売っていましたが同時に、農家がリヤカーで売りに来ていました。魚は魚屋で売っていましたが同時に、漁師の家のおばちゃんが行商に来ていました。しかし昭和５０年以降は姿を消していきました。それらは大資本や商社が牛耳るようになっていきました。小売店も行商も、そこへ吸い込まれてしまいました。</p>



<p>　ところが平成に入る頃から、高速道路の普及により、野菜や食品の産地直送、農家が消費者へ直接販売する方法（輸送業者を利用しながら）が急速に拡大してきました。農家には昔に行商していたDNAがちゃんと残っていたのでしょう。</p>



<p>　実は約15年前、自宅サーバーが流行しました。自宅からホームページを発信することが流行しました。当時はまだハッカーやウイルス問題の悩みも小さかった、ノートPCなどの古いPCの再活用を考える人が多かった、何より安価で使えるサーバー業者がなかった、そうした背景がありました。当時は、魚の鯖の字をあてて、「自宅鯖」と呼ばれたりしていました。</p>



<p>その後、不幸にも、自宅サーバーの火災が起きたり、自然災害で破壊したり、ウイルスで障害を繰り返す事故が増えてきました。なかなか各家庭でそこへの対策は重荷、趣味の域を超えていると。ちょうどその頃から、安全対策の重要性が意識されるようになり、高速化されたサーバー業者が現れ、クラウドサービスが進みました。それに押されてしまって。やっぱり鯖は日持ちが悪かった。「自宅鯖」はすぐさま腐っていきました。</p>



<p>現在、ITメディアは急速に増大して、それらを結構安易に、クラウドに保存すればいい、という風潮になっています。しかし私は、何でもかんでも、雲の上に放り投げておけばいい、とは思えないのです。</p>



<p>いよいよ、5G、第５世代通信が普及します。つまり情報の超高速道路が出来るということです。企業も庶民もその恩恵を受けることになります。もちろん、巨大情報商社であるGAFA(Google,Apple,Facebook,Amazon)は、その超高速道路を中央集権的に活用し続けることでしょう。GAFAは、ほんの一握りの天才と資本家が、知識と金にものを言わせて巨大に成長したもので、結果、ほんの一握りの人に富が偏在する形になっています。しかし今後は、庶民や小規模な産業も、自分から情報を発信することを、それほど高度な技術を持たなくても出来るようになると思います。そうなれば、中小企業も<strong>オンプレミス</strong>化、個人も自宅サーバーくらい挑戦してもいいのではと思います。野菜の産直と同じ、というか、よく似ています。何か日本の経済のスピードが落ちたため、道端の風景に気付くようになった、そんな感じもします。</p>



<p>この私の思う、ぼんやりとした方向が、ポストGAFAと謳われているWeb3.0の世界なのか。その一部なのかも知れません。以前も音楽制作の投稿で考察しましたが、個人が配信する場合、それが著作権や公序良俗の侵害に抵触しないかをフィルタリングする警察のような役割を、どこかに担ってもらう必要があります。おそらくその役割は、世界的な共通フィルターと、各国の法制度に準拠した強弱のあるフィルターの二層になるものと思います。</p>



<p></p>



<h2 class="wp-block-heading" id="業者サーバーと自宅サーバーを使い分ける">業者サーバーと自宅サーバーを使い分ける。</h2>



<p><br>　iPhoneなどのカメラで撮った写真やMacのスクリーンショットは、Dropboxに保存すると同時にSynologyNASへ同期保存しています。将来、オーバーフローした分を、この同期から外へ移動して、DVDなどへ保存するか又は廃却することにする予定です。そのような目的でSynologyNASを設置したのですが。しかし貯めるだけでは、あまり有効に利用されていない、常時稼働の意味が薄い、と感じていました。</p>



<p>　さて、これらの写真などのメディアをブログで利用する場合、(1)WordPressのメディアフォルダへアップする、(2)Dropboxのリンクを使う、(3)その他メディアサーバーを使う、など複数方法があります。現在、(1)と(2)を併用しています。</p>



<h4 class="wp-block-heading" id="上下の関係">上下の関係</h4>



<p>　以前から思っていたのは、ブログ記事を作っていると、当然、細部に至る部分、マインドマップでいうと下位の部分を付け加えたくなります。つまり、基礎資料、TIPS、小さな工夫、など補助的な情報が多いですが、これらコマゴマとした情報はSynologyNASに蓄えられています。結構、そういう所にこそ、リンクを貼って、発信すれば、役に立つかも知れません。</p>



<p>　このブログは、業者サーバー( X Server )から発信していますが、ここはマインドマップで言うと上位の情報を書き込んで、下位を自宅サーバー( SynologyNAS )から発信すると言う関係でしょうか。ざっくりとしたイメージです。</p>



<h4 class="wp-block-heading" id="リスク補完の関係">リスク補完の関係</h4>



<p>　<strong>自宅サーバーの構築や運用の重要情報が、自宅サーバーにだけ保存されていて、災害で破壊されたら、意味ない</strong>です。自宅サーバーとは別の場所へ置くべきでしょう。逆に、業者サーバーを運営するために重要な情報は、業者サーバーとは別の場所に置くべきです。実は今回、自らそのミスを犯して、本題の自宅サーバー設置も、最初からのやり直しの憂き目に遭っています。まだ入り口段階で助かりました。</p>



<p></p>



<h2 class="wp-block-heading" id="具体的な設定方法">具体的な設定方法</h2>



<p>　具体的には以下のような構造図に表すことができます。</p>



<p><a href="https://imakat.com/page-10490/" target="_blank">図表を別ページで開く</a> &lt;Google図形描画&gt;</p>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow">
<img decoding="async" src="https://docs.google.com/drawings/d/e/2PACX-1vQ1fIg4BKpuVdra_42C6en2cc1E3uEJU4umIfahl1Dz23pzUfh9kF4AnWQx8ylgDdhSJiKu8EAnpcSu/pub?w=1440&amp;h=1080">
</div>



<p>それでは、上の図中の機器ごとに、具体的な作業方法を説明します。</p>



<hr class="wp-block-separator has-css-opacity"/>



<p><a rel="noopener" target="_blank" href="https://docs.google.com/spreadsheets/d/e/2PACX-1vQWkVr93vA_kBjSXGeRbBVmdwPQqRZRRu61VItEv2lh7oOJ43JWFtIFzXt0tlrTo0QUQCWxslYt21db/pubhtml">&lt;手順1&gt; Aterm WG2600HP3(NECのWiFiルーター)の設定方法<span class="fa fa-external-link external-icon anchor-icon"></span></a> &lt;Google スプレッドシート&gt;</p>



<p><a rel="noopener" target="_blank" href="https://docs.google.com/spreadsheets/d/e/2PACX-1vSr2Ks5Y9lDicHDp-WGjhiBgbZz0dtN5q0oKiJQNKg5NStAxpijVzx_ublYjEg-BCjK02FmMKXpNfcj/pubhtml">&lt;手順2&gt; SynologyNASの設定方法<span class="fa fa-external-link external-icon anchor-icon"></span></a> &lt;Google スプレッドシート&gt;<br>※この&lt;手順2&gt;では、一般的な、プロバイダ１つ、ネットワーク１つの環境の中にWebサーバーを立ち上げる形にしており、従って、逆引きDNS設定など、多少複雑になっています。但し21年7月以降、<a href="https://imakat.com/2021/02/13/11515/" target="_blank">私の現状</a>は、複数プロバイダ複数ネットワークの形で運用していますので、面倒な逆引きDNS設定は使用せず、宅内部分も外部レンタルサーバーを使うのと同じ感覚で使えシンプルになっています。その自宅サーバー環境で、無料で、WordPress及び大人気高品質のCocoonが動くようにしています。</p>



<p><a rel="noopener" target="_blank" href="https://docs.google.com/spreadsheets/d/e/2PACX-1vRzoqJ4rByozRNz6X_aOhjSD9ltPOf7JTjZIen3TfIGAtBto4zx3ePJMl_Zw9ESRmtvuXNB9wpgV1CW/pubhtml">&lt;手順3&gt; Mac,iPhoneの設定方法<span class="fa fa-external-link external-icon anchor-icon"></span></a> &lt;Google スプレッドシート&gt;</p>



<p><strong>自宅サーバー、業者サーバー両方が故障しても読めるように</strong>、手順１〜３までについては、Googleスプレッドシートを利用しています。</p>



<p>なお、WiFiルーターの設定を、手順１に持ってきたのは、やはり、最初に、ネットワークをどのような形にするかを描いた後で、個々の機器のアプリ設定に入るべきだろうと考えたからです。</p>



<p>最初に行ったことですが、Webサーバーを公開するために、グローバルIPアドレスを固定にしました。費用が掛かります。短時間の間に、どんどん変更されるグローバルIPアドレスをキャッチして反映させる方法(DDNS)もありますが、まずは確実に作動させてから、その後で、どうするか考えることにします。</p>



<p>次に、私の場合、SynologyNASはDS218+を使っていますが、初期のメモリーは2GBです。基本的にはマニアックな内容でWeb公開しようと考えており、広く興味を持たれそうな情報はVimeoやYouTubeにメディアを掲載します。従ってアクセスが集中して迷惑を掛けることは少ないとは思います。とはいえ、ある程度考慮して、メモリーを許容される最大の10GBとしました。8GB追加しました。その上で、SynologyNASのWeb stationのPHP設定にて、最大プロセスを初期値の20から50へ変更しました。<a href="https://imakat.com/2021/03/31/12442/#jump1" target="_blank">(こちらの記事をご参考）</a>。</p>



<p></p>



<h2 class="wp-block-heading" id="dsm7-0移行に伴う留意点">DSM7.0移行に伴う留意点</h2>



<p>上記＜手順２＞におけるSynologyNASの設定方法は、OSはDSM6.xをベースになっています。DSM7.0へ移行した際、いくつかのアプリが更新エラーになります。</p>



<figure class="wp-block-image aligncenter size-large"><a href="https://imakat.com/rd.php?id=03JTJnje.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=03JTJnje.png" alt=""/></a><figcaption class="wp-element-caption">SynologyNAS DSM7.0の画面</figcaption></figure>



<p>その中で、WordPress、Web Stationなど、Webサーバーに必要なものもエラーになります。</p>



<p>アプリの「修復」を選択すると、そのまま、Webサーバーは問題なく起動します。</p>



<p><br>但し、</p>



<h4 class="wp-block-heading">DSM7.0移行時、DSMパッケージのWordPressを使っていた場合の留意点</h4>



<p>ドキュメントルートは、以下のように変更されて、中身が移動している点に注意ください。</p>



<p><strong><span class="fz-14px"><span class="marker"><span class="fz-20px">web/wordpress  &#8212;&gt;  web_packages/wordpress</span></span></span></strong></p>



<p>通常、URLは、<br><strong><span class="fz-20px"><span class="marker"><span class="fz-18px">https://ホスト名/wordpressフォルダの直下にあるフォルダ名/xxx.mp4などのメディアファイル</span></span></span></strong></p>



<p>とされていると思われます。であれば、何も支障はありません。</p>



<h4 class="wp-block-heading">バックアップのすすめ</h4>



<p>先日もやってしまった失敗ですが、WordPressの更新については、私は、WordPress管理メニュー内にある更新から行うようにしていて、パッケージセンターのWordPressアプリからは行っていません。但し何を勘違いしたのか、<strong>間違って、パッケージセンターのWordPressアプリの更新を行ったせいか</strong>、web_packages/wordpressフォルダ内に作ったメディアフォルダが全て消されてしまいました。が、速やかに復旧しました。</p>



<h4 class="wp-block-heading">「web_packages」フォルダのバックアップ</h4>



<p>こうした時に、日に1回、web_packagesフォルダのバックアップを、Hyper Backupで、Dropboxなどクラウドへ行っておくと、クリック一つで、前回のバックアップの状態に戻せます。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=hKfGlE1p.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=hKfGlE1p.png" alt=""/></a></figure>



<p>復旧後、一旦は、SynologyNAS内のWordPressアプリが停止状態にあるかもしれません。「実行」をクリックして「実行中」にしてください。</p>



<figure class="wp-block-image size-large is-resized"><a href="https://imakat.com/rd.php?id=NTa7Pax2.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=NTa7Pax2.png" alt=""/></a></figure>



<p></p>



<p>「パッケージセンター」「設定」「自動更新」の中で、WordPressを自動更新から外してください。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=lxdWrUKU.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=lxdWrUKU.png" alt=""/></a></figure>



<p>こうしておいたとしても、忘れて、うっかり、WordPressのパッケージ更新を押してしまうこともあります。その場合も、「Hyper Backup」から復元タスクを行なってください。</p>



<p></p>



<h4 class="wp-block-heading">WordPressから直接インストールした方が、更新がラク。</h4>



<p>以上のことを考えると、WordPress.orgから直接インストールしたほうがラクです。</p>



<h2 class="wp-block-heading" id="upsで自動シャットダウン-自動再起動にする">UPSで自動シャットダウン、自動再起動にする。</h2>



<p>NAS自体は大抵、停電の際に自動再起動できるようになっています。但し、停電が起きた時には、パスンと切れてしまい、デバイスやファイルに障害が発生しやすいです。特にWebサーバーは、常時、外部に向け発信しているため、サービスを安定させるために、自動シャットダウンをUPSで行えるようにしておくことを、おすすめします。</p>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://imakat.com/rd.php?id=3G2qWMwk.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=3G2qWMwk.png" alt=""/></a><figcaption class="wp-element-caption">&lt;UPS電源　CyberPower  CP550JP&gt; 比較的安価なUPSです。7,000円程度。SynologyNASとUSB接続すると、自動シャットダウン、自動再起動が連動します。</figcaption></figure>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://imakat.com/rd.php?id=Oj4xiwtH.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=Oj4xiwtH.png" alt=""/></a><figcaption class="wp-element-caption">DSM7.0-&gt;SynologyNASのコントロールパネル→ハードウエアと電源→全般→「電源の問題が修正されたときに自動的に再起動をする」にチェック</figcaption></figure>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://imakat.com/rd.php?id=mCYb8tNY.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=mCYb8tNY.png" alt=""/></a><figcaption class="wp-element-caption">DSM7.0-&gt;UPS→「UPSサポートの利用」にチェック、UPSタイプ 「USB UPS」 を選択、「バッテリー残量が少なくなるまで」を選択</figcaption></figure>



<h2 class="wp-block-heading" id="自宅webサーバーにnasを使う長所">自宅WebサーバーにNASを使う長所</h2>



<p>色々述べてきましたが、最後に、自宅Webサーバーに、パソコンではなく複数ディスク内蔵のNASを使う長所には、</p>



<p>＜1＞NASには最初からRAID機能(※※)が備わっていること。<br>＜2＞常時、システムやデバイスの健康状態をチェックしていて異常があればメール通知があること。<br>＜3＞メール通知に基づいてストレージマネージャーからディスクの修理が行えること。<br>＜4＞修理が困難な場合は、ディスクの交換になるが、ホットスワップ（サーバーを稼働したままで壊れた方のディスクを交換できる）が可能であること（私が利用しているSynology DS218+ は可能）。</p>



<p>などがあります。</p>



<p>それでは、とりあえず導入部分までは以上です。</p>



<p>※※：RAID機能とは、複数のディスクにバックアップを行う機能。一つのハードディスクが破損しても自動的に予備ディスクに切り替わる。飛行機のエンジンが左右の翼についていて片方が故障してももう片方で飛行できるのと同じ。フェイルセーフと呼ばれる仕組み。</p>



<p>参考になれば幸いです。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">10444</post-id>	</item>
	</channel>
</rss>
