PCの上部にモニタを設置するモバイルモニター台を110円でDIY

昨今リモートワークやワーケーションが定着しつつあり、仕事中はチャットやビデオ会議での連絡も多いため、チャット画面は常に出して置く方が仕事がしやすいです。しかし、シングルモニターだとメインのアプリとチャット画面をスイッチしなくてはならず、打ち合わせをしながら作業をするには効率が悪いです。このためマルチモニター環境が必須になります。

マルチモニタ環境を出先で構築するにはモバイルモニターを利用しますが、モバイルモニターはそれなりの大きさがあって荷物にすると嵩張り、壊さないように扱いにも慎重にならなければならず、なによりも横に設置すると机の場所を取るためホテルなどの小さな机では使いにくく、画面を見るのに大きく首を振る必要があり疲れるなどいろいろ不満が多く、持ち運びに悩む日が続いていました。

そんな折、モバイルモニタの縦置き用の台「WING BINDER」がmachi-yaで出資を募っているのを見て、これはいいと思い早速注文したものの、2023年3月時点で出荷が6ヶ月後と入手までにかなり時間がかかるので自作してみました。

WINGBINDERの改善ポイント

はじめにWING BINDERそのものの使い勝手を確認するために、プラダンで同様のものを試作してみたところ、キーボードに適度な角度がついて使い勝手が良くなり、排熱性能も上がる上に、セッティングも簡単で非常に便利であることがわかりました。ここは宣伝文句にあるとおりです。

一方で、私が使用する場合には下記を改善するとより使いやすくなることに気がつきました。

  • モバイルモニタの画面とノートPCの画面の傾斜が緩すぎて、画面と正対できない場面がある
  • モバイルモニタの下部がPCのディスプレイに被ってしまう(MacBook air M2とiPadの場合は特に顕著)
  • ノートPCを滑らせて移動してもWINGBINDERがついてこず、細かな位置決めがしにくい
  • ノートPCを外した時に安定感に不安を覚える
  • 自分の利用シーンに合わせて遠慮なく加工できるようにしたい

WingBinderの大きさを考えるとA4サイズの板で無駄なく切り出せるサイズなので、100均で売っている20cmx30cmサイズの4mm厚のMDF板を利用することにしました。こうすることで安く数を揃えることができ、加工を伴うカスタマイズも躊躇なくできます。

なお、画面の傾斜については、普通に座っている分にはWING BINDERの傾斜で十分です。ただ、プライベートで長時間PCを操作する時は頭の位置を落として画面をできるだけまっすぐ見るように座って作業をするので、正対して画面を見るためには80度くらいまで画面は起こせた方が私には使いやすいです。

制作

使用するPCや環境に合わせて細かな調節ができるように少し余裕を持たせた切り出し寸法が以下の図になります。切断寸法はiPad(ケース付き)と14インチサイズのノートPCをベースとしたサイズになります。

A4サイズの紙の短辺を20cmに切断して以下の赤実線を引き、同じものを板に2枚分転写すれば墨線を引けます。あとはジグソー・糸鋸・ドリルなどを使って切断するだけです。切断の際には墨線から2mmくらい余裕を持って切断すればよく、切断後にノミ・彫刻刀で墨線に合うように調整できます。

2枚の板の接合には蝶番を使う必要はなく、接着力が比較的強い絶縁用ビニールテープを貼り付ければ十分です。

次にモバイルモニターを置いたときに滑り落ちないようにするために(1)を抉ります。抉る深さはモバイルモニターの額縁のサイズによるので、手持ちのモニタに合わせて少しづつ削って調整します。

抉る長さはiPadやモバイルモニターの厚みに合うように、スタンドを60度に広げた状態でもきちんと把持するように下記のように板を削ります。

また、このスタンドとノートPCの底が噛むように(2)を抉り、ノートPCの底面が綺麗に乗るようにします。これにより、ノートPCを滑らせた時に台も一緒に動くようになります。これはPCの底面の形状にもよるので、抉る代わりに滑り止めのゴムを貼るなど、使用環境に応じて対応します。

ノートPCを外した時にスタンドに乗せているiPadが後ろに倒れるのを防ぎたい場合は板サイズの短辺をを22cmくらいに伸ばして、(3)〜(7)の部分のサイズに同じ長さのオフセットをかければ、iPadの重心がスタンドの中心に移動し安定性が増します。

サイズの大きなノートPC用のものを作る場合は、板のサイズと切断寸法を等倍で拡大して印刷して墨線を入れ、切断後に調節すれば対応できます。

iPadをセカンドディスプレイとして利用する

セカンドディスプレイは別途購入する必要がありますが、すでに持っているiPadをセカンドディスプレイにすることもできます。

Macの場合はOS標準機能のSideCarを利用すれば、追加出費は不要でセカンドディスプレイ化でき、表示遅延もあまりないので、荷物を減らすにはちょうどいいです。

Windowsの場合は「Duet Display」を使うとiPadを拡張ディスプレイとして使うことができます。iPadとの接続方法は、常時ノートPCの上に置いて常時表示することと接続安定性の点から有線接続がいいと思います。

Duet DiplayでWindowsの画面を表示すると表示遅延がありますが、表示するものをTeamsやメールなどの連絡用のアプリに限定し、表示遅延が生産性に影響するようなアプリを表示しないようにすれば、特に問題にはなりません。

iPadスタンドとしての利用

このスタンドは下記のようにiPadのスタンドとしても利用できます。立てかけた時の角度は垂直に近くなるので、新幹線や飛行機などのテーブルに立てかけて動画を見る場合にも便利です。下に隙間が開くので写真のように充電しながらの縦位置視聴もできます。

なおiPadが滑り落ちないように下記のようにいくつかの溝を入れておくといいです。この溝はノートPCを滑らせて移動した際に一緒にスタンドが移動するための引っかかりにもなります。

複数の溝を入れておくと細かい角度調整もできるようになり、より使い勝手がよくなります。

ノートPCを外したときの不安定さが気になる場合は底部に重しを貼るなどして重心を下に移動させるようにすればいいです。

なお、自作したものは切断面が荒れるので、安っぽさが目立ちます。

ですので、客先など見かけを気にする場面で使用するものはWING BINDERを使い、プライベート使用では自作のものを使用するのがいいと思います。

参考になれば幸いです。

賃貸「原状回復ルール」の図解

賃貸住宅を退去する際に求められる現状回復にかかる費用についてまとめられた資料がわかりやすいのでメモしておきます。賃貸契約を結ぶ前にこの資料を見せて同意をとっておくといいかと。

国土交通省:原状回復をめぐるトラブルとガイドライン

参照元:https://www.mlit.go.jp/jutakukentiku/house/jutakukentiku_house_tk3_000020.html

東京都:賃貸住宅トラブル防止ガイドライン

引用元:賃貸住宅トラブル防止ガイドライン

Twitter

引用元

カテゴリー: Tips

ワイシャツの襟汚れシミを落とす方法

シャツの襟汚れを落とすために襟をこすりつけて汚れを落としていますが、シャツ全体はきれいであるにも関わらず襟だけが擦り切れてしまい、シャツを捨てることが度々あります。

捨てるたびにもったいないと思っていましたが、しつこい襟汚れや食べこぼしのシミを簡単に落とす方法があったので試したところ、みるみるうちに落ちたのでメモしておきます。

汚れの落とし方

  1. 酵素系漂白剤と重曹を同量ぬるま湯に混ぜる。ぬるま湯の量は洗剤大さじ1杯につき100cc程度が目安
  2. 汚れのある部分にたっぷり塗りつける
  3. すぐにアイロンスチームを根気よく当て続ける。すると汚れが落ちることが目視でわかる
  4. 汚れが落ちたことを確認したら、洗剤による変色をさけるため、すぐに洗剤を洗い落とす

参考になれば幸いです。

カテゴリー: Tips

見開きの雑誌画像を2分割して再保存する

雑誌などに掲載されている記事をiPadで読む際には、フラットベッドスキャナやスマホを使用して画像として取り込んで読んでいます。

雑誌の電子化にあたってAmazonなどの電子書籍を購入することも考えましたが、DRMによる利用制限やサービス停止などで永続的に使用できる保証もなく、目的の記事以外は不要でノイズになるので却下しました。

ScanSnapなどで自炊する方法もありますが、本を切断しスキャンした後は本として再利用できずゴミになってしまうことと、そもそもスキャン効率を求めるほどにはスキャンする頻度も多くないので、こちらも断念しました。

そこでスマホを使用してスキャンしていますが、片面ごとにスキャンしようとすると位置合わせが面倒です。このため、見開きでスキャンすることになります。

しかし、見開きでスキャンするとスマホやタブレットの画像ビューワーでは常に両開きで表示され画像が縮小表示されてしまい、ページを繰るたびに画像サイズと位置を調節する必要があるため、非常に読みにくいです。

そこで、スキャン直後にMacのAutometerで簡単に左右のページを分割できるようにスクリプトを組みました。スクリプトを無くさないようにここにメモしておきます。

なお、半ページのみをスキャンし縦長の画像となった場合は、画像中心を基準に指定した比率で画像を切り取って縮小する処理をします。

利用の際にはSquooshとImageMagickをインストールする必要がありますので、下記記事を参考にインストールしてください。

#!/bin/zsh

export PATH=$HOME/.nodebrew/current/bin:$PATH
export PATH=/opt/homebrew/bin:/opt/homebrew/opt/coreutils/libexec/gnubin:$PATH
export PATH=/opt/homebrew/Cellar/imagemagick/7.1.0-45/bin:$PATH

### パラメータ設定 ###
#変換後の縦横サイズ
config_convert_width=762
config_convert_height=1200

#右開きか左開きか
config_first_page=right

#Squooshでjpg圧縮する。画像の幅が高さより長い場合は画像の中心で2分割してから保存する
function convert_images(){
	#Fullパスへ変換
	file_fullpath=`ls $1(:a)`

	#ファイル名を取得する
	filename_extention=$(basename "$file_fullpath")
	filename="${filename_extention%.*}"
	extention="${filename_extention##*.}"

	# #PNG/JPEGファイルでなければ処理をせずに終了する
	if [ "$extention" != "jpg" ] && [ "$extention" != "png" ]; then
		return 0
	fi

	#変換ファイル出力先を'Download/Convert/<画像ファイルが格納されているフォルダ名>'に設定する
	output_directory=${HOME}/Downloads/Convert/$(dirname $file_fullpath | sed -e 's/.*\/\([^\/]*\)$/\1/')
	mkdir -p "$output_directory"

	#変換後の長辺サイズを設定する
	if [ $config_convert_width -gt $config_convert_height ]; then
		max_dimension=config_convert_width
	else
		max_dimension=config_convert_height
	fi

	#元画像の縦横サイズを取得
	original_width=`identify -format "%[width]" $file_fullpath`
	original_height=`identify -format "%[height]" $file_fullpath`

	#横幅の方が大きい場合は画像の中心から分割して保存する
	if [ $original_width -gt $original_height ]; then
		file_firstpage="${output_directory}/${filename}_1.jpg"
		file_secondpage="${output_directory}/${filename}_2.jpg"

		#すでに変換済みファイルがある場合は処理をスキップする
		if [ ! -f "$file_firstpage" ]; then
			#中心位置を取得
			center=$original_width/2
			width_divide=$original_height*$config_convert_width/$config_convert_height

			#左右ページの左座標を取得
			if [ "$config_first_page" = "right" ]; then
				left_corner_first_page=$center
				left_corner_second_page=$center-$width_divide
			else
				left_corner_first_page=$center-$width_divide
				left_corner_second_page=$center
			fi

			#画像を分割する
			file_divide_firstpage="${output_directory}/${filename}_1.png"
			file_divide_secondpage="${output_directory}/${filename}_2.png"

			convert "${file_fullpath}" -crop "$(($width_divide))x$(($original_height))+$(($left_corner_first_page))+0" "${file_divide_firstpage}"
			convert "${file_fullpath}" -crop "$(($width_divide))x$(($original_height))+$(($left_corner_second_page))+0" "${file_divide_secondpage}"

			#squooshで画像を変換する
			squoosh-cli --mozjpeg '{}' --resize "{enable:true,height:$(($max_dimension))}" -d "${output_directory}" "${file_divide_firstpage}"
			squoosh-cli --mozjpeg '{}' --resize "{enable:true,height:$(($max_dimension))}" -d "${output_directory}" "${file_divide_secondpage}"
			
			#一時ファイルを削除する
			rm $file_divide_firstpage $file_divide_secondpage
		fi

		/usr/bin/osascript -e 'display notification "'"${filename_extention//\"/\\\"}"'" with title "画像を分割してSquoooshで圧縮しました"'
	else
		file="${output_directory}/${filename}.jpg"

		#すでに変換済みファイルがある場合は処理をスキップする
		if [ ! -f "$file" ]; then

			#中心位置を取得
			center=$original_width/2
			width_crop=$original_height*$config_convert_width/$config_convert_height

			#左座標を取得
			left_corner=$center-$width_crop/2

			#画像をcropする
			file_crop="/tmp/${filename}.jpg"
			convert "${file_fullpath}" -crop "$(($width_crop))x$(($original_height))+$(($left_corner))+0" "${file_crop}"

			#画像を圧縮する
			squoosh-cli --mozjpeg '{}' --resize "{enable:true,height:$(($max_dimension))}" -d "${output_directory}" "${file_crop}"

			#一時ファイルを削除する
			rm "${file_crop}"

			/usr/bin/osascript -e 'display notification "'"${filename_extention//\"/\\\"}"'" with title "Squoooshで圧縮しました"'
		fi
	fi
}


for file_dir in "$@"
do
	#ファイルかフォルダかで処理を分岐
	if [ -d $file_dir ]; then
		#フォルダを指定された場合は格納されているすべてのファイルを変換する
		foreach file (${file_dir}/**/*.*){
			convert_images $file
		}
	else
		#ファイルを指定された場合は対象ファイルを変換する
		convert_images $file_dir
	fi
done

参考になれば幸いです。