わたしのミニマルデスクをご紹介

このブログの2021年の最後を飾る記事として、私のミニマルデスクを紹介したいと思います。

ケーブル嫌いの Go Andoさんの『デスクをすっきりさせるマガジン』や、もっちゃんさんの『デスクスッキリ・作業環境を作るnoteマガジン』に触発され、また例にもれずわたしもテレワークの継続が決まったので、今年は私もデスクスペースをセットアップしました。 

コンセプトは、

• シンプルに、目に触れるモノを出来るだけなくす
• 過剰にこだわらず、リーゾナブルに（手段が目的にすり替わらないように）
• Windows PCとMacをなんとか両立
  

の3つです。

まずは写真をご覧ください。

わたしがこだわって取り入れたモノやコトをつらつら挙げてみます。

• デスクは白い100 x 70cm（サンワサプライ）。床掃除の邪魔にならないシンプルな直立足のものを選びました。奥行70cmは少し贅沢ですが、元はラップトップのディスプレイを平らに広げたい状態で外部ディスプレイを使用するのに十分なサイズを基準として決めました。写真ではサイズ感がちょっとわかりにくいかもしれません。
  [アイテム情報：サンワサプライ 100-DESK077W]
  
• ディスプレイは大きめのものを1枚だけ。ながら作業を避けるためこうしました。少し大きめ32インチ、4K、 USB C対応ディスプレイ。LG 32UL750-W、2019年に購入したものです。このサイズだと、作業時は没入でき、映画やビデオは椅子を少し後ろに下げて観ています。
  [LG 32UL750-W]
  
• ラップトップの縦置きスタンドでデスクスペースの占有面積を最小限に。ラップトップは仕事用の14インチWindows PCとパーソナル用の13インチM1 MacBook Airの2台を立てています。このスタンドはまだ前後にもデバイスを立てかけられる余裕があります。
  [VAYDEER ノートパソコンスタンド 2台収納 アルミ合金]
  
• 一組のキーボードとトラックパッドを差し替え切替で使用。どちらも最高にお気に入りのApple Magic Trackpadと、Logicool MX Keys (for Mac/US配列) をデスク上に1セットのみ置いて、WinとMacで切り替えて使っています。Magic TrackpadはWindowsに接続するため、かつ切替使用のためにUSB接続しています。
  両方同時に使いたいときにはMacからリモートデスクトップでWinを表示しています。ちょうどいい具合にRetina表示されます（10%くらい縮小される）。
  [Apple Magic Trackpad スペースグレーモデルは現在販売終了]
  [Logicool MX Keys for Mac/US]
  
• USB Cケーブル1本でDKMを物理切替（昔Mac miniが出た時にBYODに先駆けてJobsがBYODKM (bring your own display, keyboard and mouse) と言っていましたね）。ディスプレイをUSB C接続し、キーボード（のレシーバ）とトラックパッドをディスプレイのUSB Hubポートに接続することで1本の物理差し替えでの切替を行っています。USB Cケーブルを差し替えるワンアクションだけで切替完了します（ディスプレイやキーボードでの入力切替のための操作は一切必要ないです）。
  従来からUSBやVGAの切替機はありますが、DisplayPort Alt Modeも含めてUSB C対応のものはまだです。
  キーボードとマウスはBluetoothでの接続も考えたのですが、BluetoothレシーバをUSB切替機の先に接続する方式だと、USBを認識した後にBluetoothを認識する2ステップになってしまうためとても時間がかかるらしく不採用としました（Magic Trackpadがマルチペアリング対応だったら考えが変わっていたかも）。なので入力デバイスはBluetooth接続のみのものは私のこの環境ではダメで、Magic TrackpadとMX Keysはこの点をクリアしています。
  この方式ではMacBookは必然的にクラムシェルモードでの利用になり、スリープ解除はMagic Trackpadから行います（不思議なことにMacとの間はBluetoothモードなのでスリープ解除できます、スリープ解除の後にしかUSBが起動しないのでこの順番は重要）。
  切替機の代わりではないですが、USB Cはパソコンに直挿しせず、ポートの劣化対策も兼ねてUSB C 3.2対応の短い延長ケーブルの先で抜き差しするようにしています。
  ところで、ケーブル類は無にこだわらず必要最小限で多少は露出していた方がザクの動力パイプっぽくて良くないですか？ どちらに接続しているかが一目でわかるメリットもあります。
  [Basesailor USB 3.2延長ケーブル0.2m 2本組]
  
• ヘッドホンの切替も3.5mmオーディオケーブルの物理差し替え方式。
  [RIKISOIN 4極イヤホン延長ケーブル1.2m]
  
• トラックパッドは左置き。キーボードがフルキーボードのため右側にトラックパッドを置くと遠すぎます。それに前々から、キーボード操作はEnterやカーソル操作がある分、右手の負荷が高くて、右肩の方が凝りやすい感覚がありました。トラックパッドやマウスを左手操作にすれば左右の負荷が均等化されて良いのがこの環境での発見です。ひとによりけりとは思いますが、左手でのトラックパッド操作は1～2週間で慣れました。なお、コンパクトキーボードは、カーソルキーが小さい（これも右肩が凝る一因）のと、Page-Up/Dwnキー（ブラウザや読み物でよく使う）が無いものが多いので、あえてフルサイズのMX Keysにしています。
  Magic TrackpadとWindows PCはディスプレイのUSB HUB経由のUSB接続ですが、ケーブルがデスク上に出来るだけ露出しないようにL字のケーブルを選びました。
  Magic TrackpadをWindowsで使用する際のデバイスドライバはgithubに公開されている mac-precision-touchpad を使用しています。
  [UGREEN Lightning USBケーブル L字 2m]
  
• 小物の収納はデスクの左側。お財布やスマホや外付けHDD/SSDなどこまごましがちなものは、視界に入らない左側に、百均のメッシュかごをマグネットフックで張り付けて収納しています。動力パイプもメッシュかごにマジックテープで止めてケーブルマネージメントしています。最初はデスク面の裏面に隠すのが良いと思っていろいろ考えていたのですが、椅子の肘置きや膝がぶつからないようにしようとすると結局制約が多くて、デスクの横の方が良いという事に落ち着きました。
  [Tohoer マグネットフック 水平耐荷重3kg] [アイリスオーヤマ メッシュパネル] [メッシュパネル バスケット] [メタルラック バスケット] (いずれも私の場合は近所のダイソーとキャンドゥで調達)
  
• 会社ケイタイや書類や外付けHDD/SSDやマグカップなどは、必要な時にはデスクの上に置いて作業しますが、出来るだけ速やかに片付けて何も無いクリーンな状態を維持するようにしています。
  [ケンタッキー 冬のマグ 2021 期間限定ww]
  

このブログは歴史的理由からnoteではないので冒頭で紹介したマガジンへの参加はかなわないとは思いますが、いかがでしょう、クリエイティブにはすっきりした環境が必要、ですよねきっと。
お買い物リストはのちのちで追記していきたいと思います。

[2022-01-06] 使用しているそれぞれのアイテムについて、amazonのお買い物リンクを追記しました。

ブログのweb表示のダークモード用のテーマを適用

macOS Mojave 10.14（厳密には10.14.4以降のSafari）やiOS 13 Betaのダークテーマ用に、このブログもダークテーマ用のCSSを追加してみました。

Supporting macOS Mojave’s Dark Mode on the web — Kevin Chen （2018-10-25の記事）を参考に以下のCSSを追加しました。

 @media (prefers-color-scheme: dark) {
    /* Overrides for Dark Mode. */
    body {
        color: white;
        background: #222;
    }
}

いかがでしょうか。

SafariだけでなくてFirefox（こちらも最新の67から）でも適用されますね。

Windows 10 1803/1903のFirefoxでも適用されますね（[個人設定] => [色] => [既定のアプリモードを選択します] の [白/黒] でダークモードに設定）。

iOS 12以下には [アクセシビリティ] => [色を反転] => [反転（スマート）] がありますが、機械的に一律に明暗反転してしまうので、あまり実用的ではなさそうです。

OS、ブラウザ、それにwebサイト側の対応が必要なので、広まるにはなかなか時間がかかりそうですね。

blogspot.jp へのアクセスに障害発生中？

現在(2014-11-08 17:00)、このブログ http://taka8aru.blogspot.jp/ を含め、日本語でアクセスする *.blogspot.jp へのアクセスに障害が発生しているようです。
Google Japan Blog ( http://googlejapan.blogspot.jp/ ) も含みます。
おそらくDNS関連の障害のようです。

回避策として、http://taka8aru.blogspot.com/ へアクセスすればうまく行くと言う訳ではなくて、 http://taka8aru.blogspot.jp/ へリダイレクトされるので、やはりだめです。
アジアの違う国のドメイン、たとえば http://taka8aru.blogspot.sg/ （シンガポール）や http://taka8aru.blogspot.ch/ などを指定すれば、何とかアクセスできるようです。

Domain Health Check http://mxtoolbox.com/domain/ などでチェックしてもやはり http://taka8aru.blogspot.jp はだめですね。

Googleさん、頑張って直してくださいね。

[2014-11-08 22:50] ちゃんと復旧したようです。
なお、ccTDLのヘルプによると、http://taka8aru.blogspot.com/ncr にアクセスすると、一時的に .jp へのリダイレクトを停止できるようです。
HTTPヘッダを見てみると、15時間期限の NCR=1 というcookieが設定されるようです。

BlogThis! とは何ですか？

BlogThis! とは何ですか。 ? - Blogger ヘルプ

Share on Tumblrは、てっきりTumblrのオリジナルの着想と思っていたのですが、Bloggerにはずっと昔（Googleに買収される以前）からBlogThis!があったようです、今日はじめて知りました。
Googleツールバーあるいは、スクリプトレットとして実行することができます。
以前、私もオリジナルと思って記事（2009年）にしたこともありましたが、すでにBlogger自身がちゃんとした機能を提供していたのです。

Googleで期間検索で絞り込んで調べてみると、2001年ころにはBlogThis!が登場していたようです（GoogleによるBloggerの買収が2003年、Tumblrの登場が2007年です。なおGoogleは今日2011-09-27が13歳の誕生日とのこと）。

Google Bloggerの新機能 - ダイナミックビュー (Dynamic View)

このブログが間借りしているGoogle Blogger/Blogspotが新機能、ダイナミックビュー (Dynamic View) の提供をこっそり開始しました。

ヘルプ（まだ英語のみ）にあるように、HTML5を使用した5種類の動的な見た目を実現します。

使い方は、http://taka8aru.blogspot.com/view のように、Blogger/BlogspotのURLの後ろに view を付けるだけです（ただしRSSを有効にしている必要がある）。

イメージ中心のブログのためのデザインが多いので、私のブログではあまりハマるビューはありませんが、今後を期待させる内容です。

似たような機能としてTumblrのアーカイブビュー（私のTumblrでの例）がありますが、それに比べると機能は多彩で派手ですが、まだ荒削りと感じさせる点が多いと思いました。

以下、気になる点です。

• TimeslideはMac OS X Finderのように記事を3列に表示するのですが、どういう基準で左・中央・右の記事が選ばれるのかの統一感がなく、どこにどの記事が表示されるのかが予測できないため、読み手も、書き手も不安になると思います。
• Sidebarは一番すっきりしたビューです。コメント数も表示されます。
• Mosaicは写真中心のブログではとても奇麗かもしれません。記事を選んでクリックするとその場でスムーズにズーム表示されます（一見の価値あり）。ただこちらも面積の大きさがランダムで元の写真の大きさを反映している訳ではないので、今一歩改良の余地ありと思います。
• Snapshotは、とにかく写真の一覧です。ひとつの記事に複数の写真がある場合は全ての写真が並べて表示されますが、写真のない記事は表示されません。他のビューでも同じですが、写真はBlogger/Blogspotにアップロードされたもののみが表示され、他のサイト写真へのリンクは表示されません。
• Flipcardは全ての記事を同じ大きさの小さなタイル上に並べる一覧性の高いビューです。ただしタイトル表示が14文字に丸められるので、私のように長めのタイトルを使っている場合にはよくわからなくなってしまいます。FlipcardにはDate、Label、Authorのグループ化表示機能がありますが、Labelビューでは記事が複数のLabelを持っている場合でもどこかひとつのLabelのグループでしか表示されないので、ちょっと残念です。

Googleは11歳、Bloggerは10歳

Bloggerの10歳の誕生ケーキ・ロゴと、記念のiPhoneアプリ。

Blogspot/Bloggerで、よりお手軽に投稿 その2

以前、Bloggerの投稿ページをブックマークしておくと、Tumblrのブックマークレットと同じようにワンクリックでBloggerに投稿できて便利、という小ネタを書きました。
でも、その方法では、ブラウザの今見ているウインドウが投稿ページに置き換わってしまって、Tumblrと同じように、とはいきませんでした。
単純にURLをブックマークするのではなく、Javascriptで一工夫することで、別ウィンドウでの投稿が出来る方法が分かりました。

1. まず、Bloggerの投稿ページをブックマークします。
2. ブラウザのブックマークの管理ツールを開きます。
3. URLが http://www.blogger.com/post-create.g?blogID=xxxx になっていることを確認します。
4. このURLの前に以下を挿入します（最後のシングルクォートを忘れずに）。
   javascript:void(window.open('
5. URLの最後に以下を挿入します。
   ',null,'width=750,height=700,scrollbars=yes'))
6. 結果として下記となっているかを確認します。
   javascript:void(window.open('http://www.blogger.com/post-create.g?blogID=xxxx',null,'width=750,height=700,scrollbars=yes'))

よろしければ、お試しください。

[2009-08-29] scrollbars=yes を追加

Blogspot/Bloggerで、よりお手軽に投稿

Tumblr が提供する、ブックマーク Scriptlet ブックマークレット "Share on Tumblr" を使うと、ポストをとても手軽に行え、もう他のブログツールに戻れなくなってしまいそうになります。
今見ているページや、選択した文字列を元に、投稿を作成できます。

Blogspot/Blogger でも、少しでもポストの敷居を下げられないか、考えてみたところ、ちょっとした方法を思い付きました。
Blogspot/Blogger の投稿画面の URL (http://www.blogger.com/post-create.g?blogid=xxxx) をブックマークしておけばよさそうです。

今までは、[1] 自分のBlogspotを開いて、[2] ログオンボタンを押して、[3] 投稿ボタン を押す、3ステップの手間が必要でしたが、今日からは一発でポストできます。
小ネタでした。

[2009-08-19] 改良版を紹介しました。

有名ブログサイトの有益な機能

先ほどのFMラジオのAvantiでアメブロの方がお話しされていましたけれど、著名人に対するコメントは24時間体制でチェックして、炎上しないようにしているそうです。

なるほど、そうでもしないとなかなか著名人を集めるのは難しいんですね。

ちょっと調べてみると、当初は「コメントを24時間体制で監視管理していることはタレントブロガーに通達」が徹底されていなかったようで、利用者（読者）にも通達されてしかるべきでは、と思いました。

ちょっとアメブロに興味が出たので、いくつかRSS購読しようとしたのですが、本文の一部しかRSSに公開されません。

http://pipes.yahoo.com/closer_nabeshimaeido/amebloall などを使って、加工してやればよいわけですね。

← 最近やっと手をつけたPipesで作れると思って、まずググったら、先に作った人がすぐ見つかってしまいました。

Pipesも結構なソフトウェア資産・資源になってきたと思います。

ブログ変更メモ；Haloscan、stretchスタイル、Ninja

bloggerの設定を変更したので、メモしておきます。

• いまいち効果の出なかったHaloscanを削除。トラックバックは必ずしも必須のツールではなく、コメントで充分なことが多いことを学んだ。また、Haloscanを使うとコメントの管理がbloggerとHaloscanの別立てになってしまうことにも不便さを感じていた。
• スタイルをMinima Stretchに変更。"Stretch"系のスタイルは数が少ないけれど、ブラウザのウィンドウの幅を有効活用して表示される（左右に大きな背景エリアがないく、Mottainai精神にそぐう）ので、私は好き。iPhone OS (iPod touch)向けにviewportを指定しなくてもきれいに表示される利点もある。
• くりらじテクノロジーニュースでもちょっと前に改めて取り上げられていたNinja Toolsを導入（老舗どころを、今更ながら）。アクセス数はGoogle adsenseでも集計で来ていたけれど、Ninjaの方がより細かく表示できそう。

ところで、このブログではiPod touchのことをしつこくiPhone OS (iPod touch)と表記していますが、その方が業界での検索結果に入りやすいと意識してのことです。"iPod touch"はキーワードとしてすでにstop word的になってしまっていると感じています。

Bloggerテンプレートにviewport指定を追加

このブログをiPhone OS(iPod touch)で見た時にあまりにも小さく縮小されてしまうので、viewport指定をテンプレートに追加しました。
viewport指定がないとMobileSafariは980ドット前提で画面を表示します。今回
　<meta content='width=640' name='viewport'/>
と指定しました。
Travellers Talesさんの記事、「ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法」を参考にさせていただきました。
いかがでしょうか。

トラックバックできるようにHaloscanを導入しました

ここ、Google配下のBlogspotは、ブログシステムとして、なかなかお手軽で良いと思っているのですが（実は他のブログを知っているわけではない；ご推薦のがあればコメントください）、トラックバックできないのをずっと気にしていました。
トラックバックというのは2つのブログコメントを双方に橋渡し、ブログつながりを広げてくれる格好の仕組みです。
今回、Haloscan（こちらも無料）を試してみましたところ、automatic installationという機能ができていて、何も考えずに、トラックバックと、☆評価機能を付けることができました。
まだ試されていない方は是非ともお勧めします。

エントリのリンクは？

Bloggerではエントリへの直リンクのURLはどうなるんでしょうか？
⇒ タイトルから適当なURLを生成してくれるようです。
タイトルにASCII文字があればそれを使用、なければ適当な連番になるようです。
ちなみにこのポストのURLは http://taka8aru.blogspot.com/2007/10/blog-post_11.html になりました。

Bloggerにはトラックバック送信機能がまだない

このブログシステムBloggerにはトラックバック機能がないとのこと。

トラックバックを送りたいときは、コメントに自分のエントリのURLを記入して何とかリンクを保つことになると思います。
トラックバックを受けるときは、バックリンク機能で、Google検索でlink:が引っかかったものが、「投稿へのリンク」として自動的に表示されるようになっているそうです。

人並にブログをば

ブログを持っていないと、他の人にトラックバックできなかったり不便になってきたので、遅ればせながらブログをば始めさせていただきます。