2022-08 on akky@サイボウズラボ・ブログ

Parsnip - 料理サイト+技術ツリー

Wed, 31 Aug 2022 00:00:00 +0000

Parsnip という料理アプリは、料理の作り方を「学習」できる点で他の料理レシピサービスと差別化している、と主張しています。

スマートフォンに入れて使ってみると、料理のレベルを訊かれ、作りたい料理を選ばさせられ、その料理の食材の店頭での選び方や部位の名前、生産方式や輸送方式、保管方法や評判の良い産地、切り方や捨て方、もちろん調理方法も、などなどについてクイズが始まりました。

Parsnipアプリでは食材に関する知識クイズなどを通して料理の学習ができる

料理に必要な知識をクイズに答えて確認しないと先に進めないようで、確かに学習アプリでありただのレシピサイトではありません。答えを間違えた時にも間違いに応じた説明文や写真が出てくるため、一つの料理、それに使われる材料や手法、に問題と解答、解説があるなら大量のコンテンツとなり、あらゆる料理のレシピではなくアプリが提示してきた料理から学びたいものを選ぶ方式だったのは、レシピの数が限定されているのかもしれません。

また、最終的な知りたい「レシピ」はクイズを全部解かないとロックされて出てこないようです。これレシピを見る前に小一時間クイズを解かないといけないのかしら。

料理の技術ツリー

その Parsnip が、まだ実装できてはいないけど現在開発中、と公式ブログで紹介しているのが、いわゆる「技術ツリー」を料理の世界に適用するというアイデア。

技術ツリーの元ネタは名作シミュレーションゲーム「シビライゼーション」ではないかと思われますが、このゲームでプレイヤーは文明を古代から現代・未来まで進化させていく中で、技術を獲得していきます。その時に、「内燃機関と鉄鋼の技術を持っていると自動車を発明できる」「神秘主義と数学を持っていると天文学を獲得できる」と言った風に、ある技術の実現のために必要な前提技術をすべて所有している必要があります。

この必要条件を矢印でつなげ合わせることで、高度で複雑な技術のために必要な前提技術が枝分かれしていき、多数の基本的な技術の組み合わせに分解できる、という図を作れます。これが技術ツリー。

[ ](https://commons.wikimedia.org/wiki/File:Freeciv-2.1.8_technology_tree_(cropped)

.png) シビライゼーションのオープンソース・クローン Freeciv の技術ツリー (GPL)

そして、ソフトウェアエンジニアが自分のキャリアプランを立てたり、「フルスタックエンジニアになりたい」など多数の分野を知っていないと成れない目標を立てたりする際に何をどういう順番に勉強していくと目標へたどり着けるか、という道程を示すものとして、技術や知識の依存関係が技術ツリーとしてまとめられ、いくつも公開されています。

たとえば、この手の技術ツリーをバックエンド開発者になるためのロードマップなどで見つけることができます。

roadmap.sh では様々なソフトウェア分野の技術ツリーが公開され、オープンソースで作者と貢献者たちによって更新されています。

Parsnip のアイデアはこの要素技術の依存関係のツリーを料理の学習に適用しようというもの。

Parsnip が開発中の料理の「技術ツリー」のグラフ

この例だと、スクランブルエッグを作るには「卵の知識」「コンロの知識」「食材の安全性」の知識が必要で、シュリンプ・タコスを作るには「エビの知識」「エビの調理法」「食材の安全性」の知識が必要。「食材の安全性」はどちらの料理にも必要。ということでしょう。

学びたい料理に対してそれに必要な要素技術が何かが分解されていて、ある技術や知識にはさらにそれらの前提となる技術や知識が必要というツリーになっていれば、目標となる料理に対して何をどんな順番で勉強していけばいいかがわかるわけですね。

あるいは、個別の要素技術をある程度学んだ状態で、「今の自分の調理技術の組み合わせで作れるレシピを検索」とかもできるようになりそうです。

また、現在の Parsnip は料理の種類がサービス提供のものに限定されていますが、料理と必要な技術のツリーが作れれば、自前でレシピデータを全部揃えなくても、外部のレシピに対して(自然言語の解析によって)必要な技術ツリーを作って提案することもできるだろう、と公式ブログでは述べています。

技術ツリーをIT技術の取得以外に使うというアイデアは外国語学習アプリの Duolingo を見て思いついたそうです。他にも技術ツリーの考えを持ち込めるサービスの分野があるかもしれないですね。

Show HN: Parsnip – Duolingo for Cooking | Hacker News

Polygonle - 同じ文字の出現箇所で当てる Wordle インスパイア英単語ゲーム

Wed, 24 Aug 2022 00:00:00 +0000

Polygonle は、英単語当てクイズとして大ヒットした Wordle を真似た新たな英単語クイズゲームです。

Polygonleのトップ画面

英単語を入力するところや、文字の存在が当たったら黄色、存在も位置も当たったら緑、というのは Wordle と同じです。6回以内に正解にたどり着かないといけないのも同じ。

単語の長さは5文字とは限らず、出題ごとに変わります。その日の問題が7文字、8文字と長い時には、同じ文字になるところが合うような単語を思い浮かべるだけでも大変で、これは Wordle に対して敷居が高いかなと思います。

同じ文字になるかは無視して長さだけ合っている単語で取り合えずチャレンジし当たった文字をヒントにとにかく進むことで、どのみち文字は26個しかないことから絞り込みは早くなるというので挽回できるかもしれません。いやどうかなあ。やはり難しい。

自分が解いた経過を twitter 等で共有しやすくコピーできるところも Wordle と同じ。

Polygonle 4 2/6

◆◢▪◆■◢
🟨🟨⬜🟨⬜⬜
🟩🟩🟩🟩🟩🟩
— Akky (@akky) August 4, 2022

これはたまたまうまくいったときのもの。いつもこういう風にはなかなか。

Googleと通信する度に音を鳴らすツール

Tue, 23 Aug 2022 00:00:00 +0000

berthubert/googerteller は、Googleとの通信を可視化(可聴化?)するオープンソースのツールです。

ツールは tcpdump で出力した通信先のIPアドレスを、既知の Google サーバー群の IPアドレスとパターンマッチし、オーディオライブラリのespeak-ng/pcaudiolib で音を鳴らすという仕組みで動いています。

作者の Bert Hubert さん自身が、オランダ政府サイトの求職ページを開いた時にどれだけの通信が Google との間で発生しているかを twitter で見せてくれています。

ブラウザのアドレスバーでの文字入力時の音はキーワード予測、Google検索の時の音はもちろん、ボタン上でホバーした時やページ遷移した時の音は Google Analytics でしょうか。

便利な機能を提供するために必要な通信ですし、サービス提供側や広告ネットワークからユーザーの属性を知るために集められる通信もあるでしょう。多数の通信が発生していることは多くの人が知っているでしょうけれど、その頻度が音という形に変換されると、多いなとか意外に少ないなとかは人によって異なるでしょうが、通信があるということ自体は意識させられます。

via Hacker News

キー操作でブラウザ操作できるSurfingkeys Chrome拡張の新バージョンが、検索を謎のsmartwebfindersに変えようとする

Fri, 19 Aug 2022 00:00:00 +0000

Surfingkeys というオープンソースのブラウザ拡張ツールの新バージョン1.0.7が、キー操作でブラウジングできるという本来機能と無関係に既定の検索エンジンを謎の smartwebfinders に変えようとするというバグ報告が上がっています。

Chromeウェブストアで新規インストールする際も、「smartwebfinders.com に変更するよ」と出てきます。出てくるだけ昔よりは安全で避けられるとは言えますが、誰もがここを読んで考えるかというと…

Ultrasurf という別の Chrome拡張でも同様の切り替えが要求されていたということですが、この切り替えられる smartwebfinders.com は、ブラウザからアクセスしてみても Google に転送されるだけの謎のサイトです。

GitHub のソースコード上ではバージョン 1.0.6 が最新で 1.0.7 は無いため、第三者によって勝手に改造されたものが Chrome Store に上がったのかとも思われました。しかし、GitHub issues で拡張作者の brookhong 氏が「smartwebfinder は Bing のプロモーションで、強制的に検索エンジンを変えさせるわけではないので安心してほしい」と回答したため、作者が関知しているのかと騒ぎになっています。

# smartwebfinder が Bing のプロモーションだという他の主張は見つかっていません。Microsoftはたぶんこんなことしないと思うんですが。

Google 検索に転送されていることから、この変更を accept しても当座はこれまでと同じように Google 検索が呼び出されるのでしょう。しかし設定自体がこの別ドメインになっているのだから、いつ自由に別のところに飛ばされるようになるかわかりませんよね。

作者のこの回答を見て、GitHub の brookhong 氏のアカウント自体が乗っ取られたのかもしれない、と brookhong 氏にプログラマー向けの質問をする作者の知人らしき人もいますが、今のところそれ以上の返信は来ていません。

JSONの正しい発音 by ダグラス・クロックフォード氏

Wed, 17 Aug 2022 00:00:00 +0000

JSONの「発見者」ダグラス・クロックフォード氏に、「JSONってどう発音するんです?」と尋ねたショート動画。

# たとえ氏が「わしがJSONを作った」と言っても文句を言う人は少なそうですが、氏はJSONを「見出した」と言います。

仲間のチップ・モーニングスター氏と最初に検討した名前は JSML (Javascript Message Language, ジズムル)。これはサン・マイクロシステムが既に使っていたとわかり断念、その後2分の熟考を経て JSON (JavaScript Object Notation)に決まったそう。

後半は"JSON"をどう発音するか、ですが、クロックフォード氏らは当初、人名のJasonと同じ「ジェイソン」と呼んでいたそう。しかし、数年後に誰もが「ジェイソーン(Jay-Sahn)」と呼んでいることに気づいたけど、どう呼ぼうと自由だから気にしなかったと。

でも、『正しい発音があるとしたらそれは(フランス語風に)「ジョ・ソン」だろうね』と結んでいます。

表情がまじめなままなので冗談とわかりにくいですが、お墨付きも出てるし「ジョ・ソン」を使って誰かを担いでみますかね。

via reddit

バスケットボール中継のハイライト動画をPythonで作る

Wed, 17 Aug 2022 00:00:00 +0000

Python で NBAハイライト動画を自動生成するという記事が面白かったのでご紹介。

ゲームをまるごと観戦する暇がない時、ハイライト動画を見て済ますスポーツファンは多いでしょう。ハイライト動画は球団やテレビ局などが編集して出してきますが、必ず見られるわけでも、自分が見たい粒度のハイライト動画が必ずあるわけでもないかもしれません。

ノーム・エフラットさん(Noam Ephrat)が自分だけのハイライト動画を自動で作るために使ったのは、Python、NBA公式のAPI、録画したゲーム動画、OCRライブラリ。

NBAのAPI(参考) では何分何秒にどちらのチームの誰がどういうプレイをして、シュートが入ったとか外れたとかいうプレイバイプレイ(play-by-play, PBP)の情報が公開されています。日付、ゲームID、ピリオド(クオーター)を指定するとJSONが返ってきます。これが一つ目の要素。

https://data.nba.net/data/10s/prod/v1/20220201/0022100784_pbp_1.json

そして、録画した動画をフレームごとに切り出して、中継中に表示されたゲーム時計の部分を OCR ライブラリの Tesseract でピリオドやゲーム時間を抽出します。これが二つ目の要素

あとは、プレイバイプレイの重要シーンの発生した時刻に合わせて、動画のフレームを切り出し、切り出したところをつなげていくと、ゲームが動いたところだけがまとまったハイライト動画を作ることができたということ。

ざっと見てみて、プレイバイプレイのデータにあるところだけだと、どうしても点が増えたシュート成功の場面が多くなるのかな、とも思いましたが、人間が編集したハイライト動画でも成功シーンが多いので気のせいかもしれません。

作ったハイライト動画を公開するのは著作権的にだめだと思いますが、個人でハイライトを作って観るのは問題なさそうでは。

自分の基準で抜き出すところを選べるからには、

ひいきチームの得点シーンばかりを集めたり
応援する特定の選手の絡むシーンだけを集めたり
点差や時間を考えて、より劇的にゲームが動いたシーンだけを集めたり(これは人が編集する時と似た結果になるかも)
自分の使える時間に応じてハイライト動画の長さを指定して変えたり

など、よりパーソナライズされたハイライト動画を作れる可能性もありますね。

バスケットボールという競技が特に時計が重要で、常時正確な時刻が中継に表示されていることや、APIで提供されるゲームログにも時刻情報がふんだんに含まれているという点も、うまく自動生成にマッチしているというのもありそうですね。

pixelguesser - あなたのwebデザインのサイズ感に挑戦するクイズ

Fri, 12 Aug 2022 00:00:00 +0000

Pixel Guesser(ピクセル当て)は、ブラウザ上でピクセル(px)指定されたサイズの矩形を答えるクイズサイトです。

幅と高さのpx がお題として出るので、マウスでそのサイズと自分が思う領域を指定します。

あなたが描いたサイズと正しいサイズがオーバーレイで示され、どれぐらい正解に近かったかに応じて点数が加算されます。10問解くと合計が出て終了。

ブラウザ上での矩形領域を勘で指定してうまく当てられると、デザインの速度にいい影響があったりしますかね? 日常的にデザインしてる人はやはりいい点数出るんでしょうか。

via Hacker News

IMDb映画データベースで映画の出演者に自分を登録する素人たち

Mon, 08 Aug 2022 00:00:00 +0000

1990年から存在する、インターネット上の映画データベース IMDb。映画の出演者を調べたり、俳優が出演した映画の一覧を調べたりと便利なサービスです。

IMDb にまだ残る、怪しい若手俳優のページ

Pee Bee さんはIMDb で 2023年(公開予定)の映画 Animal を調べようと開いたところ、出演俳優の一覧の中に見かけない若者を見つけました。

I was on the IMDb page for an upcoming Ranbir Kapoor movie Animal. In the cast details, I found a name I didn’t recognize.

Finding out about this guy led me to the world of how young Indian men from small towns are gaming the system to manufacture their fake online clout 👇 pic.twitter.com/zrg2rvHXLJ
— pea bee (@prstb) August 7, 2022

「誰だこれ?」とクリックすると、この Subhankar Bagchi なる俳優は昨年2021年から来年2023年の3年間にかけて、26本の映画に出演してると出てきたそう。(今は消えています)

GitHub Copilot は"gender"など特定用語を含むコードで動かなくなる

Fri, 05 Aug 2022 00:00:00 +0000

書いているプログラムコードから次に必要そうなコードを提案してくれる GitHub の Copilot サービスで、「このコードに対して Copilot が何も提案してくれない」というバグが報告されました。

これに対するコミュニティの識者からの回答は、「おそらく、コードの中に “gender” という単語が入ってるからでしょう。」というもの。

Copilot には内蔵されたコンテンツフィルターがあり、フィルターに反応するとコードの提案をしないという作りなのだそう。そして “gender” もそのリストに含まれているらしいのです。

コードの提案が止まる、と言われたコードをCopilotで書いてみた

実際にCopilotで該当部分のコードを書いてみたところ、サジェストされた内容は文にならず途中で止まりました。元のコメント者と同じ結果なのかどうかはわかりませんが。

これを受けてのHacker News の議論では、

ジェンダーという名前の変数があったとして、その変数を boolean 型として提案コードを出せば「ジェンダーは(男女の)2通りじゃない」と怒る人が来てしまい、多値にすれば「ジェンダーは2通りだ」と怒る人が来るからでは、

という推測がトップコメントになっています。この推測が正しい理由かは不明ですが、議論になりそうな単語が含まれていると Copilot が動かなくなるというのは知ってる人は以前から知っていたようです。

今はクライアント側に禁止ワードのリストは無いそうですが、昔ベータだった際にクライアント側に埋め込まれていたリストを保存してた人がいたようで、rot13を掛けるとどんな単語が引っ掛かるかわかります。(このリストが本物として、リストが見えていた時期から変わっていないとして)

人種差別的な単語や罵倒後、卑猥な単語らがたくさん登録されていますが、“gender” も確かに含まれています。それどころか、“boy”, “girl”, “male”, “female” とかも入っているので、人を管理するデータクラスとかを作っただけでも引っ掛かることはありそう。

リストには英単語しか入っていないため、変数を日本語やローマ字で書く分には回避できそうですけどね。Hacker News では、“gender” をラテン語の"genus"に変えたら動いたよ、という報告もあり、これも試したところ本当でした。

“genus"にしたらサジェストが出た

マイクロソフトはAIチャットで意図しない発言が生成されて炎上したことがあったので、コードの提案でも問題を避ける機能を入れたくなるのはわからないでもありません。ただ、単語だけ列挙したリストの作りは雑なように感じるので、やるにしてももう少し改善してほしい気がします。

直近は、Copilot が何も言わなくなり、書いたコードが性別やジェンダーに関する変数名を含んでいたら、変数名をちょっと変えてみる、んですかね?

Phonetic Bad Word Filter - 読むと不適切に聴こえる文章をフィルタしてくれるAPI

Fri, 05 Aug 2022 00:00:00 +0000

Phonetic Bad Word Filter API は、字面では一見問題なさそうに見えるが、声に出して読み上げるとヤバイ単語に聴こえてしまう文章や、スペルをわざと間違えることでテキスト合致によるフィルタをすり抜けようとする侮辱語などを発見してブロックするための API です。

API は RapidAPI のサービスで提供されていて、無料枠の利用でもクレジットカードの登録が必要です。

APIの呼び出しサンプルでは、実際のヘイトな単語を使うわけにはいかないので “car” という単語がまずい単語だと見立てて、“kar” という似たような発音になる綴りで置き換えても"car"を検知できますよ、というものになっています。

実際にはここに、いわゆるNワードなどを検知するように指定するということですね。

APIの使い道

APIの作者はもともと、Talking Banana(話すバナナ)というアイデアで、バナナの形の人形に YouTube や Twitch での中継中に視聴者のコメントを自動読み上げさせていたようです。

しかし、入力した結果が大勢の人に見られているライブ動画ですぐ読み上げられるとなると、出てくるのがイタズラ。特に侮辱後や人種差別にあたる言葉をわざと打ち込むというイタズラが登場してしまいました。

ヘイトスピーチにあたるような単語をブラックリスト登録することで、元の文に問題のある単語が直接含まれている場合は読み上げがされないよう対処できたのですが、イタズラする方に「機械に喋らせたら、問題のある単語に聴こえるような別の単語の組み合わせ」を入れてくる人が現れたんだそう。

単語一つだけでも、機械に合成させたら禁止ワードに聴こえる組み合わせをリスト化するのは大変そうです。さらに、単語単位での置き換えではなく、ひとつながりの複数の単語の並びの中に、喋ってみたら禁止ワードが聴こえてしまう、というようなものについて、事前にブロックリストを作るのはかなり難しいことでしょう。

喋らせてみたらまずいかも、という入力を実際に合成させた音をチェックさせるというアイデア、誤検出もありそうには思いますが前記のような用途であれば、ファンの入れた単語が間違って読み上げられなくてもそこまで大きな問題ではないのでしょう。

ユーザー入力をそのまま使うサービスというのは攻撃の対象になりやすいもので、できれば作らない方が楽だとは思います。しかし参加者のフィードバックが表示されることの価値も多いんでしょうね。今回の話は、技術と工夫で一旦はイタズラに勝った、という話で、いつもこういう勝ち筋があるといいのですが。