Ui on akky@サイボウズラボ・ブログ

Reddit Mailbox - ブラウザで仕事メールを読んでいるかのような、redditリーダー

Mon, 26 Sep 2022 00:00:00 +0000

Reddit Mailbox は、マイクロソフトのブラウザ版Outlook にそっくりな見栄えを持つ、英語圏の巨大掲示板 reddit リーダーです。

Reddit Mailbox のトップページ

なんで Outlook メールかというと、仕事のツールだからでしょうね。つまり職場で隠れて reddit を読む人のためのツール。

自分は職場で reddit (だろうとtwitterだろうと)読むことに問題がないのですが、職場で直接目先の業務に関係のないwebサイトを見るな、といった会社の人がターゲットかと思われます。

メニューの多くはダミーですが、左側のメニューをクリックすると本物のMS Office ツールが開きます。設定ではダークモードの切り替えのみ動くようです。

人気の高いいくつかの掲示板(subreddit)がデフォルトで登録されています。それ以外の掲示板についても最上段の検索ボックスから検索して追加できるそうなのですが、今やってみても動きませんでした。

実際に業務時間に読む人は何でも使って読むでしょうし、技術とデザインの勉強に作ってみた、というところではないでしょうか。メニュー部分は残念ながら英語なので日本語化が必要ですがソースも公開されているので万一常用したい人がいれば。Outlook を名乗ったりそっくりなUIを表示している時点でグレーですが。

via reddit

HTTPie が GitHub 上の誤操作で54000スターを喪失

Fri, 15 Apr 2022 00:00:00 +0000

オープンソースの人気HTTP CLIツール HTTPie の公式ブログで、我々はいかにして5万4千個のスターを失ったか(How we lost 54k GitHub stars)という体験談が公開され、話題を呼んでいます。

公開から10年を経て、5万4000個ものスターを獲得するに至った HTTPie は、人間が読みやすい出力を差別化ポイントとしているツールということ。

そんな人気ツールのGitHub スター(Watches も)が0個にリセットされてしまった原因は結局のところ操作ミスです。

直接の原因は HTTPie のコマンド本体のリポジトリをプライベートにしてしまったこと。プライベートrepository にすると、watches も starts もすべて失われてしまいます。しかし、中の人は HTTPie コマンドのリポジトリではなく、プロジェクト組織ページのトップの httpie/.github をプライベート化するつもりだったよう。

すぐに失敗に気づいてリポジトリをパブリックに戻そうとしたようですが、30分ほども次のコマンドは受け付けられなかったと。内部的には多くのスターの削除処理などが終わっていなかったのだろうということ。

バックアップを持っているであろう GitHub サポートに以前の状態に復元する依頼もされたようですが、作業にかかる費用を払うとしても受けられないと拒絶されたそう。自社のクライアントアプリで同じ失敗をしたときはバックアップから戻したことがあるそうですが、まあ立場も違いますからね。

ブログでは、削除の確認のUIが良くない、という指摘に続きます。「スターや watches がすべて消えます」だけではなく、「54,000 スターが消えます」という警告なら間違って進めなかった、という主張で、確かに一理あります。削除など復元が無理な指示をする際に、削除対象が大事そうなものか、そうでないものかというのはある程度対象の内容から推測できるので、その重大性が警告に含まれるといいでしょうね。

「削除がソフトデリートで、簡単に復元できるといいのに」という提言もされてますが、今からそんな箇所の作りを変える動機が GitHub にあるかな。

まあ、他にできることもないのでこのブログを書かれたのでしょうけれど、この体験談が Hacker News のトップに掲載されたことで、3500ほどのスターは戻ってきています。HTTPie を Watch してた方は、ぜひ Re-watch してあげてください。

via Hacker News

Less-Addictive-YouTube - ユーチューブ再生ページを動画本体のみに集中させるブラウザ拡張

Fri, 02 Jul 2021 00:00:00 +0000

JesseDrain/Less-Addictive-YouTube ブラウザ拡張は、YouTube 動画の再生ページから「不要なもの」を隠すブラウザ拡張(Chrome拡張、 Firefox拡張、他は計画中)です。

再生中の画面、通常はこんな感じで、

拡張をオンにすると以下のようになります。

動画本体でない箇所がいろいろと表示されなくなりますが、拡張のオプションでどれを隠すかを選ぶこともできます。

オプションは

コメントを消す
サムネイルを消す
関連動画を消す
マウスオーバーでのプレビューを消す

の4つ。最後のはどのプレビューのことを言ってるのか確認できませんでしたが。

Hacker News では、uBlock Origin や Stylebotなど汎用的な拡張で CSS ブロックを指定すれば同様のことはできる(=専用の拡張は要らない)というコメントもありますが、誰もが CSS を理解してブロックを指定できるわけではないのでこれはこれで使いたい人はいるかもしれません。

Pixels - Bluetooth通信するTRPG用電子サイコロ

Fri, 14 May 2021 00:00:00 +0000

Pixels 電子サイコロは、スマートフォンと連動する光るサイコロ。

よくある6面体のサイコロだけでなく、TRPG(ロールプレイングゲーム)などで使われる4面体や20面体などのセットで揃っています。

Bluetooth でつながっているため、出した目の状態はリアルタイムでアプリ側で確認することができます。

充電も専用ケースに置くだけ。

クラウドファンディングサイト Kickstarter で寄付を募っていましたが、短期間で目標を達成したところ。最初からPCやインターネット上でゲームしている人にとっては無駄で無意味に見えるかもしれませんが、ボードゲーム・テーブルゲームからこの世界に入った人たちにとっては、実際にサイコロを振るということに意義も魅力もあるのでしょう。

今後一般販売の計画もあるそう。Kickstarter では1個$39 からの価格でした。

光るサイコロも、結果が通信で受け取れるサイコロもこれまで見たことはありますが、充電やwebサービスとの連携など、機能を増やして完成度を高めたガジェットかなと思います。

オープンソースとカスタマイズ

サイコロ側、PC側の両方のソースコードがGitHubで公開されていて、公式がサポートしていなかったり最悪無くなったりしても、新たに他の製品やサービスと接続するコードを書くこともできるとのこと。

たとえば、このソースコード中にはRoll20というオンラインでロールプレイングゲームを遊べるwebサービスに接続するためのChrome拡張がサンプルとして含まれています。手元で本物のサイコロを振ると、結果がこのRoll20 へ送られてそのまま使われるということですね。

via Hacker News

これが2018年のウェブサイト

Fri, 09 Nov 2018 00:00:00 +0000

Websites in 2018は、最近のウェブサイトのトレンドを忠実に表したサイトです。ただしコンテンツはありません。

「最近のウェブサイトあるある」を再現しているわけですが、新しいサイトを訪れるたびに、いかに色々な注意書きやら何やらを見せられ、それに応じないといけなくなっているか、という問題点が鮮やかに指摘されていていいデモだと思います。これが当たり前になっていくのは残念だと思いますが、今後どうすればいいんでしょうね。

英語のままでもわかりやすいかと思いますが、ソースコードに「ローカライズはご自由に」とあるので、日本語に翻訳しました。2018年のウェブサイト

via Hacker News

iPad のカメラをボタンにするハック

Thu, 19 Oct 2017 00:00:00 +0000

iPad を Mac 用のタッチパッドにするアプリ Astropad が、新しいハックによって iPad にないボタンを増やした、とブログで発表しています。

ホームボタンが廃止されていく中で「アップルのミニマリズムへの追及に備えるため」と、カメラをボタンにする、その名も「カメラボタン」を思いついたということ。

カメラの上に指を置いて隠すと、カメラが隠されたことを持って「押された」ことにする、という仕組みです。

https://labs-staging.31tools.com/blog/akky/wp-content/uploads/2017/10/camera-button.mp4

Astropad のようなお絵かきアプリでは、ボタンを押すとメニューが出てくるボタン、をどこかに置く必要があります。これを画面内に配置することももちろん可能ですが、画面のどこかにあるということは、描いている絵が一部隠れてしまうということになります。画面にボタンを置かずに、メニューボタンを実現したい(ホームボタンが無くなっても)、ということで考えた末に思いついた、とブログでは述べています。

ずっとカメラが動いてると電池の減りが早いのではないか? という疑問に対しては、指で隠されたことを検知するコードを頑張って、CPU使用量を1%以下に収めたそうです。

また、プライバシーの問題についても、オンオフに必要なぼんやりした画像のみを取り込むようにし、またカメラから来たデータがiPadの中に保存されたりすることのない構成にしたということ。まあこのへんはアプリ開発者を信じるかどうかになってしまうと思いますが。

カメラボタン機能自体を、設定でオフにすることもできるので、このUIしか使えないというわけではありません。

いろいろ考えるものだなあ。もちろん Apple が望んだ使い方では無いので、AppStore から消されるなどのリスクもあるかもしれないですね。

https://itunes.apple.com/app/id934510730

via The Verge

ハートになったツイッターのお気に入りを星に戻す Fav Forever

Wed, 04 Nov 2015 00:00:00 +0000

Chromeブラウザ拡張 Fav Forever は、ハートに変わってしまったツイッターのお気に入りマークを、自分のパソコンのブラウザでだけ星に戻すための拡張機能です。(寿司ではなく)

拡張をインストールすると、変わってしまったこれが、

慣れ親しんだこれに戻ります。

ブラウザ拡張なのでソースを(邪悪なものが混じったりしてないか)読んでみましたが、今の ver 1.0 はシンプルで問題のないものでした。

入れて比較してみて改めて気づきましたが、お気に入りを押すときにこんなアニメーションをしてたんですね。

via The Verge

鉄拳ピアノ - ピアノを格闘ゲームのコントローラに。闘いながら音を鳴らす

Fri, 31 Jan 2014 00:00:00 +0000

Geoggrey “McCool” Guterl さんのプロジェクト Tekken Piano は、ビデオゲームのコントローラを電子ピアノに置き換えてしまうというもの。

電子ピアノからのMIDI出力を、arduino 経由でXBOX360 に接続しています。インタラクションデザインのプロジェクトとして一学期掛かって制作したそうです。

ゲーム内のキャラクターを操作するとピアノとしての音も鳴るので、操作の結果が音楽としても聴こえます。音の割り当てを工夫すると、音楽としてももっと聴けるものになったりするかもしれませんね。

via Guy Plays Tekken With Electric Piano For Controller | Geekologie

プログレスバーの面白カスタマイズ

Mon, 16 Dec 2013 00:00:00 +0000

スウェーデン、ストックホルムのビクトル・ハーツ(Viktor Hertz)さんによる、コンピューターの処理待ち状態を知らせるプログレスバーを使ったジョークデザインです。

メールを受信してる感あり。

タバコ吸ってます。「止める」「もう一本」

心理テスト: プログレスバーは「もう半分進んだ」「まだ半分しか進んでない」(参考)

ジェダイになる: 辛抱しなくてはならない、おまえは。「フォースを使う」「ダークサイドに堕ちる」

爪を透明化してスマートフォンの入力をより快適にする研究NailDisplay

Wed, 30 Jan 2013 00:00:00 +0000

障害物の向こう側の景色をリアルタイムに投影することで透明マントなどを実現しようとする光学迷彩という技術がありますが、台湾大学の蘇兆懷氏らがこのアイデアを適用したのは、スマートフォンやタブレットを操作する爪です。

小さなスマートフォンにソフトウェアキーボードを表示し、そこに指を滑らすと、指の下のどのキーを押そうとしているのかわからなくなることもあるでしょう。しかし、このNailDisplay(ネイル=爪・ディスプレイ)をつけていれば、指の部分が透明になったかのように指の下の領域が爪に表示されるため、細かい位置指定ができる、ということですね。

試作品はまだこんな感じですが、

微細化技術の進展や量産化などを考えれば、いずれは十分なバッテリーを持ち、無線で通信できる、爪に貼るNailDisplayが作れるようになるのではないでしょうか。

次の写真のように、小さな画面になるほど、このNailDisplayは効果を発揮しそうです。

さて、近未来の人類は爪にディスプレイをつけるようになっているのでしょうか?

via One Per Cent: Interactive nails give you a screen at your fingertips