カテゴリー
ツール

Unblah – ビデオ会議で話し過ぎてますよ、と注意してくれるアプリ

プロダクトマネージャーでソフトウェア開発者である話好きのアレクシスさん(Alexis)が、オンライン会議でひたすら話し倒してしまうというご自身のために開発したのが Unblah というMacOS のアプリケーション。

Unblahアプリで自分の会話が続いている時の表示

Zoomなどで会議している時にこのアプリを起動しておくと、自分が話を続けている間に円グラフのようなタイマーがあなたの話続けている時間を可視化してくれます。

このタイマーは話し続けるほどに赤味を増していきます。一周した時にはもう真っ赤。それを見ることで、「ちょっと話し過ぎたかな」「相手にボールを渡さないと」と気づくことができる、というわけです。

アプリはスタンドアロンで小さく(bloat-free)、マイク入力だけを監視しているそうです。もちろん内容をインターネットに送ったりはせず、どちらが話しているかというアプリの動作に必要な解析を行った数ミリ秒の後にはデータは廃棄しているということ。

「自分のために作った」アプリは無料で使え、別途有料プランがあるとかでもないそう。ユーザー登録等も不要、オンライン会議アプリへの対応も、マイク入力を見ているだけなのでどんな会議アプリでも動くし、なんならMacの近くでオフラインで会議してる時でも使えるのかもしれません。

「一方的に話し過ぎて会議をおかしくしてしまう」ほどの話好きというのもすごいですが、そこまででなくても「話し過ぎる」「話さなさすぎる」という傾向のある人はいるでしょう。このアプリは単機能で完結にまとまっていますが、オンライン会議アプリが補助的な機能としてこういうデータ分析をして教えてくれるのも良さそうですね。

アレクシスさんの開発目的のように、自分の会話状態を自分でチェックする、ぐらいが一番よくて、これを社員の監視とか会議への貢献度の測定とかに使うとかの方向に行かせると怖くなりそうでもありますが。

via Hacker News

カテゴリー
技術

ブログでチャット風の会話を表示するCSS

先日の記事「電話番号間違ってますよ」がどうしても信じてもらえない! 内で、チャットのやりとりを表現したかったので、フキダシ会話っぽく見える CSS を書きました。

WordPress の場合は、[外観]-[カスタマイズ]-[追加CSS]に貼りつけてください。特定のポストでだけ使いたい場合は .post-9067 とかを全部の前につけます。

アイコンの画像はこのCSSの中に URL を書き込んであります。別のアイコンにしたければそこを変えてください。


.akky_conv {
padding-top: 1em;
}
.akky_conv li {
display: flex;
flex-direction: row;
max-width: 95%;
}
.akky_conv li div {
width: 32px;
height: 32px;
box-shadow: 2px 2px 0px #aaa;
flex-shrink: 0;
flex-grow: 0;
z-index: 1;
}
.akky_conv li:not(.me) div {
background:url('/akky/wp-content/uploads/2017/04/user-alt-1_0.png') center no-repeat;
background-color: #fcf;
}
.akky_conv li.me {
justify-content: flex-end;
}
.akky_conv li.me div {
background:url('/akky/wp-content/uploads/2017/04/user-alt-2.png') center no-repeat;
background-color: #cff;
order: 2;

position: relative;
bottom: -3em;
}
.akky_conv li p {
background-color: #ddd;
margin: 1em;
padding: 1em;
position: relative;
text-align: center;
}
.akky_conv li.me p{
order: 1;
}
/* 吹き出し */
.akky_conv li p:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
}
.akky_conv li:not(.me) p:before {
border-right: 12px solid #ddd;
border-bottom: 12px solid transparent;
top: 0px;
left: -12px;
}
.akky_conv li.me p:before {
border-left: 12px solid #ddd;
border-top: 12px solid transparent;
bottom: 0px;
right: -12px;
}

会話の方はこんなかんじ。右の発言の人には、li 要素に me クラスをつけます。


<ul class="akky_conv">
<li>
<div></div>
<p>左の人の発言</p>
</li>
<li class="me">
<div></div>
<p>右の人の発言と思いねえ</p>
</li>
</ul>

その結果

  • 左の人の発言

  • 右の人の発言と思いねえ

カテゴリー
fun

「電話番号間違ってますよ」がどうしても信じてもらえない!

番号間違いがズレつづけていく(Wrong number gone wrong)。スマートフォンのメッセージアプリのスクリーンショットの形で英語で掲載されていたものです。おもしろかったので翻訳させてもらいました。

始まりは、娘を持つどこかのお母さんからのメッセージ。

  • 帰りに牛乳とランチを買ってきてくれるかしら

  • 電話番号をお間違えかと。私は既に家にいます。

  • ふざけてないでお店に戻ってくれない?

  • いいでしょう… でも… あなたの番号は間違ってるんです… お店には行きません。

  • ジェス、それを準備しないと、ブラッドとあなたを今夜の映画には連れていきませんよ。

  • 牛乳、ターキーにハム。

  • 牛乳とターキーは美味しそうですが、ハムは気持ち悪いな… 何の映画を見に行くの?

  • いつからハムが嫌いになったの? それはあなた次第でいいけど。確かあなたボスベイビーを観に行きたがってたでしょ?

  • ブラッドのご両親は帰りあなたを乗せてきてくれるの? それとも迎えに行く必要がある?

  • ええ… まあそこそこイケる、と言ってる人も知り合いに何人かいますよその映画… ハムはずっと嫌いですよ。あなたはなんだか私の話を聞いてないんじゃないかと思うんですけど。

  • そうですね。今晩迎えに来てくれるときに、ついでに店によってくださいな?

  • あなた変な子供ね。

  • そこまでわかってるというなら…

  • そういえば… もし誰かから間違いメッセージを貰ったら、知らない誰かのことを混乱させたりできるだろうなあなんて、よく夢見てたものです。

  • 今日がその日だったんですね…

  • OK?

  • その時のためにいろんなアイデアは持ってたんだけど、どれも大人向けのものなんですよね。

  • それでお店には行ったの?

  • まず水を飲んでみて、ああ、あなたはあなたの子供にメッセージしているんだなと少しずつ気づいてきた次第で。

  • あなたのお父さんは30分以内に家に戻ってランチするわよ。

  • 私はウィスコンシンに住む35歳の男です。誓って。あなたにもっとひどいイタズラで返すことだってできたけど、子供が絡んでることなので控えたんですよ。

  • 番号が間違ってます

  • ふざけるのは止めなさい。かわいくないわ。

  • これが私と妻です… あなたの夫はランチが無いことをひどく怒ると思いますよ。

  • ジェス、お父さんのために買い物に行ってきて。本気よ。今夜の映画もキャンセルするわよ

  • 1から10の数字から一つ選んでください

  • 誰これ? ブラッドの家族? これ以上続けるなら彼の両親に電話するわよ。

  • ああ、やめてください。あなたは電話番号を間違ってるんです。

  • 信じられないというなら、私に電話してください。妻や5歳の息子とだって話させますよ。もう一人の息子はまだ8か月なんでね。まだダーダーしか言えないんです。あなたは彼のダーダーじゃないし

  • 今彼の母親と電話で話したところ。映画は無し。今晩は他の姉妹の分のお手伝いも交替すること。

  • ねえ。私はとんでもなく真剣なんです… 電話番号が違うんです

  • ジェスにひどいことしないであげてください。彼女は今何が起こってるか、ほんとうに思いもよらないんですから。

  • 私のことが信じられないなら電話してください。

  • 本当に、このひどい会話は本来私には関係のないことで、今日たまたま休みで時間があって、携帯もフル充電だけど

  • あなたと遊ぶ時間はおしまい。数時間後に会いましょう。

  • 会えっこない。

  • あと… 今夜はブラッドの家に泊まってもいいかな…

  • CC(デート)はキャンセルです。もううんざり。

  • 私のクレジットカード(CC)をキャンセルしたりはしませんよ… それなしでどうやって生活しろっていうのさ?

  • (切れてる)怒ってる。お父さんはあなたが家にいないと言ってるから、店にいた方がいいわね。

  • 私は学校にいるはずじゃないの?

  • あなたどこにいるの?

  • ええ… あなたの言うとおりお店へ行って、ターキーと牛乳はゲットしましたよ。前にも言ったとおり、ハムは嫌いなんで買ってません。

  • パンも必要だったなってことで、今は妻が店へ向かってるところです。彼女に買ってきてもらいたいものありますか?

  • まさかまたドラッグやってるの? 家から追い出すわよ。間違っても妹に渡したりしないでね。

  • ははは。いや、2011年からこのかた、ドラッグはやってませんよ。

  • まあでもそれは、あなたの知ったこっちゃないですよね

  • 私はあなたの母親よ、何ひとつ面白くありません。あなた2011年には11歳だったのよジェス??? 今夜は長い長い話し合いになるわね。

  • 違います。私は2011年からドラッグは止めてて。ドラッグと飲酒がひどかったのは2000年と2001年のこと

  • あと参考までに… 一言申し添えておくと… ちょっと前からこの会話は本物じゃないんじゃないかと思ってて… 私の知ってる誰かが私のことからかってるのかなと… だからこの会話を続けてたというのもあって

  • (切れてる)と食べ物は届いてなかったわ。ファック

  • ろくでなしの嫌な奴。会社から家に帰ったら娘が寝てるのを見つけたわ。なるほど電話番号間違いね。夫は心(切れてる)

  • なんで私がろくでなし? 何度も何度も番号が違うって言ったし、私と妻の写真だって送ったでしょう

  • あなたの言い方は誠実に思えませんでした。あなたは私に電話することだってできたのに、子供っぽく振る舞った。

  • あなたみたいなやつと結婚する人がいるなんて信じられない。

  • 信じられないなら電話してください、って言いましたよ私は

  • 何度もね。どんな種類の親が、子供の電話番号を知らないって言うんです。私のせいじゃないし、間抜けはあなたでしょう

  • なんですって? 覚えてるけど打ち間違えて負け犬に送っちゃっただけよ!

  • なんてこった。すごい体験だな… これ絶対にネットにアップするよ

  • いいわよすれば? 素晴らしいわね。先週は母が亡くなって今日はこれ。エロ動画でも見た後にアップすればいいのよこの異常者

  • あなたみたいなタイプは絶対に変わらないわ。

  • 私は私自身のことは気に入ってますよ。なぜ変わらなきゃならないんだ

  • とにかくそうさせてもらうよ。これはネットで掘りあてた金鉱みたいなものだ

  • あなた自分の母親にもこんな調子なの?

  • うちの母は私の番号を知ってるよ…

  • そういえば… ブラッドとわたしはまだ今夜の映画に行けるの?

  • クソくらえ。

午前11時過ぎに始まったこの会話、午後3時過ぎまで掛かってやっと、「間違い番号だ」と相手に伝わったようです。

Japanese translation permitted by velakskin

icon credit: Defaulticon (under CC)