音声書き起こし
1. オープニング
Guest
こんにちは
Guest
こんちは
Guest
今週もえ、UIT INSIDEやっていきたいと思います。え、まず初めにえ、このポッドキャストについて説明いたします。このポッドキャストは、LINEUITsに所属するエンジンたちが、毎週最新のフロントエンドの動向について語るためのポッドキャストです。
Guest
最新のweb標準の方や、フレイマークの変遷、またまた、uiやxに関することまで、全週までの内容をえ、キャッチアップすることを目的としております。
Guest
ああ、スプリングレインあ、オッケ、
Guest
はいはいはい、スプリングレーニングさんとえやっていきたいと思います、お願いします。スプリングレーニングさん前はさんえでえ。
2. クライアントにおける DNN 活用
Guest
1度ゲストとして、えい店とcss組みはの話で出てもらいましたけど、今日ですね、ちょっとなんでしょう。ざっくりとdプランニング系のえ話をですね。ちょ
Guest
とフロントエンド系のえ、リプランニングの話をしてもらおうと思うんですけど。なんかそれそれ系をやってたみたいな話があると思う
Guest
けど、今までやってたことをちょっと今やってることも、初めにざっくり教えてもらっていいですか。はい、
Guest
そうですね、前話したえ、内容は結構趣味の話だったんですけれども、今回は
Guest
結構そうですね。ま、前、その大学院にいた頃は、あの研究として、そういうリプランニングとか、まあ、
Guest
画像処理系のまあ、研究をやっていまして、まあ、その一環一環というか、その発展として、まあ、その文字
Guest
というか、本当を生成するみたいな研究をやっていました。でま、それをまあ発展させて、
Guest
最近そのdpgリフという。アプリケーションを制作中でして、それは
Guest
リプラニングを使って、その本当の生成をするっていう。まあ、ツールを開発しております。
Guest
はいはい、ありがとうございますで、そのディープグリフってのがこれがあれでしたっけ。ミドプロジェクトの中で作ってたやつでしたっけ。
Guest
あ、はい、そうですそう、
Guest
それで、まあ結構そこでクライアントサイドでま、ニューラルネットワーク活用してますよ。っていうのがあるとあるってことを聞いたんで、ま。ちょっとそこについてお伺いできればと思います。
3. DNN Library for Web
Guest
じゃあ、まずですね、クライアントサイドにおけるえ、なんか結構そのなんでしょう。ええ、ちょっと自分もなんか、機械学習とdプランニングの違いすらわかってないんですけど、
Guest
なんか結構なんか。例えば、モバイルアプリとかだと、fiabaseのmllキットとかあったりとか、あれって、結構ローカルでも、まあのgooglecラウド使う版とかもあったりとかしてると思っててま。結構実用状態になるのかなって印象ですけど、
Guest
まあ、その辺、実際そのどうなんだろうなってことま、実際ウェブとかだとどんな感じで今動いてるのかなって、ちょっと最新地震の情報とか教えてもらっていいですかね。
Guest
あ、はい、そうですね、そう、モバイルアプリあとさっきはいいましたメールキットとかですね、そういうは、
Guest
やはりまあその一応そのくえモバイルの
Guest
上で動くっていうことが、まあ前提っていう感じに今はなってますね。そのelkidも、androidとyos
Guest
しか対応してないっていう。はいでま、そのライブよりもなんて言うんですか。そのどこでその推論をするかっていうのがでま対別されていて、
Guest
そのなんですか。画像のまあ、オブジェクト物体認識みたいなのは、その端末上でやるけれども、なんかもっとこううん、複雑な
Guest
モデルであったり、そのリアルタイム性を要しないやつだったりとか。
Guest
あとはそうですねも、モデルをこう公開したくないみたいなやつだと、その1回そのデータをひに送って、サーバー上でまあ推論してその結果を返すみたいな
Guest
流れになっています。はい、あとウェブだと尚更その傾向が強くて、まあ、単純にそのブラウザ上でその推論するっていう環境がまだま
Guest
す。え、ちゃんと整ってないっていうのがありありまして。まあ、その画像をサーバー上に送って、その結果を受け取るみたいな
Guest
ま実装が多いっていうのが、まあ、今の段階ですね。
Guest
なるほど、
Guest
結構そのなんでしょう、デブランニングとかあって、まあ結構なんでしょう。クラウドのめちゃめちゃ強いパソコンで、めちゃめちゃ学習するみたいなイメージがあるんですけど、なんかそれってなんでしょう。例えば、モバイルアプリとか、ウェブとかで、なんでそうやって動かせるんですかね。
Guest
あ、そうですね、ま、そのいわゆるそのなんていうんですか。テンソルフロートって、レースみたいなやつは、一応なんてたっけ。そのフロントエンドでま
Guest
推論をしてるんですけど、学習はやってないんですよ学習はあの、まあそのまた別の普通に普通のgpuサーバーみたいなところで
Guest
学習して、その結果をこう。フロントエンドに渡して、フロントエンドで。まあ、学習はしないけど、こう予測
Guest
残った推論って言うんですけど、推論をえするっていうのが、まあそのラです。で、推論自体はまあそこまで
Guest
えま計算コストが高くないので、まあ、そのweglみたいなえ。機能を使うことで、高速にまえそう、推論することができる。
Guest
ああ、なるほどなるほど、じゃあ結構まあ、普通にjavaスクリプトの世界でそのままやってるとあれですけど、webgaとかgbu計算になったりするってのを生かすと、まあなんでしょう。
Guest
結構推論ぐらいだったら、フライアントでも十分なマシンパワーで使えるって感じですかね。
Guest
そうですね、タスクに
Guest
より切りよりけりですけど、ま、多少だったらできるっていうので、まあ、結構最近使われつつあるみたいな感じですかね。
Guest
ちなみに、やっぱモバイルアプリの方が進んでるのは、その辺はモバイルの方が100パーセントパワー出せるっていうのが強いんですかね。
Guest
そうですね、やっぱりそのモバイルだと、やはりそのまgpuというか、まあそのまえそのcpu
Guest
みたいな、そのパワーをちゃんと最大限使えるしっていうところとかがありまして。ま、そのネキットもそのあん、androidとか、iosの
Guest
方に、そのそのえアプリのビール時にまそのライブライみ込んで、もっとそのjsよりも早い人に行ってやるっていう感じの流れになるほど。
Guest
なるほど、じゃあまそん中で、これからウェブがまあ結構どうなっていくかっていうところはあるって感じですね。ありがとうございます
4. Crowi の技術スタックについて
Guest
いや、ちょっと実際ですねえ、そのなんでしょう。このdnnっていうような、デプニューラルネットワークみたいな感じですかな
Guest
そうです、はいってます
Guest
のライブラリーえ、ウェブでのライブラリーっていうところですけど、まその辺のえ話、実際ェブまこのウェブって言っても、結構javaスクリプトになると
Guest
ててま。それもそのクライアントサイドもあれば、ノードジェイスもあったりすると思うんですけど、ま、結構色々ライブラリーあるっていうの聞いてるんで、ちょっとどんなんがあるかっていくつか教えてもらってもいいですか。
Guest
はい、そうですね、まあ1番有名なのはテンソルロットジェスですね。はい、これはまあそうさっき言いましたように、その
Guest
きまあ元からあるそのモデルを使ってスルにするっていう感じです。で、
Guest
まあ、これの特徴はま、その1番はそのテンソルフローのモデルがそのまま使えるっていうことと、ちゃんとコミュニティとしてしっかりしてて、ま
Guest
まあよえ、そうゆeglをちゃんと使ってくれたりとか、まあ、早いっていう点があります。あと、
Guest
僕は結構好きなのがblindodjasっていうのがありまして、これはさっきその推論しかしないっていう
Guest
を言ったんですけど、もま、これはその推論だけじゃなくて、簡単なその学習タスクとかもやってくれたりして、あとは、まあ、その
Guest
ライブラリのサイズが自体が小さいっていう利点がありますね。多分、そのクライアントサイドで、その
Guest
d使おうってなると、多分その応答性みたいなのが、多分1番ま求められてるんじゃないかなって思うんでま、そういう意味でもまあまあメリットかなと
Guest
思っております。ちなみに、その2つともクライアントでも、ノでも使えるのは使えるって感じなんですかね。
Guest
重さそうですね、まいや、でもそのwebgを使うんですよね。転送するあ、はいはいはい、それってまあ多分
Guest
ブラウザ上での動作を想定された。想定してる。
Guest
なるほど、ありがとうございますなんか、他にも絵あったりしますかね。
Guest
あ、そうですね、あと、もう1つはさっきえ紹介したディープグリフでも使われているednnっていうやつなんですけど、も、
Guest
それはそうですね。ま、1番のメリットは、そのなんですか。テンソルフロー以外のモデルでも呼び込めるっていう点なんですね。で、
Guest
で、解答地を使って学習させてたんですけど、もま、それをそそのまま読み込めるっていうところがまあ1部利点だった
Guest
で作業したって感じですね。で、あ、そうですねあと、ウデル。東京大のア研究室でしたっけ。そこが開発してるっていう
Guest
でも、なんかちょっと引かれては。採用した
Guest
そのあと、最後は結構新しめのライブラリなんですけれども、onnxっていうライブラリがありまして、これはその
Guest
onlxっていうなんていうんですかね。そのこのけモデルを表現する。まあ、仕様みたいなのがありまして、それをそのまま読み込めるみたいな
Guest
ラベルになってます。で、え、このonnxっていうのが、マイクロソフトがまあ提唱しているもので。まあ、
Guest
そのまあ、tnslfrogsに対抗するんじゃないかっていうな感じをま醸し出してるライブラリですね。
Guest
実際、なんか実用的なところで言うと、どれが使われるのが多いとかってわかりますかね。
Guest
そうですね、まあ、多分テンソルフロードjsじゃないかなと思います。まあ、単純にはい
Guest
あれですよね、テンスフローってよく、なんかパイソンデレがり見ることが多い気がしますけど、あれがそのままジsで使えるみたいな感じなんですかね。これは、
Guest
はい、そうです。なるほど、
Guest
なるほど、じゃあ結構あれですね。その資産を引き継ぎやすいみたいなんで、使われやすいみたいなのがありそうですね。
Guest
ま、実際今その春さんは、え、webdnnを使ってるみたいな話がありましたけど、ま、結構なんか、これこれから的に気になってるライブラリとかもあったりしますか。これは、期待がちょっと持ってるみたいなのがあれば、それも教えてほしいなと思
Guest
そうですね。結構そのえ、なんて言うんすか。ニューラルネットワークを表現するアイドル自体なのは、結構昔からあって、それがいっぱいあったのが、その今就職しつつあるっていう感じになってるんで。結構テンソルフローでドットジェース、バー、サスコカみたいな感じになっちゃ。
Guest
なるほど、なるほど、じゃあ、もう結構今絞られた席に先の選択肢が今感じなんす。なるほど、なるほど、ありがとうございます。
5. DNN ライブラリの仕組み
Guest
そうですね、結構まそんな感じで、今ライブラリー4つぐらいえ、紹介し、紹介してもらったと思うんですけど、
Guest
結構自分はそのdnnが内部的に何やってるかとか全然わかんないんですけど、ま、どんな感じのやり方で、どういうかなんでしょう。実装方法とか、どういったことをやってるのかとかって、ちょっと教えてもらっていいですかね。
Guest
そうですね、まあそのま計算自体は普通にまあjsでもまあできるんですけども、やっぱりその速度をまあ稼ごうとなると、やっぱりそのjsだけだと難しい
Guest
で、そこで、まあそのwebglをよく使うわれるんですけど、も、まなんでそのeglがなんてすかね。dnnの計算に使えるかっていうと、そのdnnの計算っていうのがま、大体そのなんていうんですか。行列席
Guest
とか、その行列の輪とか、そういうのをわって求めていくっていう流れが基本的な計算なんですね。で、
Guest
まあそれを対応しているのが、まあそのがまあ高生である1っていう感じですね。
Guest
あ、じゃ結構あれなんですね、あの、なんでなんでそのgpu計算にするかっていうと、そのなんでしょう。グラフィック計算のために、めっちゃド標データとか管理するために、行列とかが使いやすくなってるから、
Guest
gl使うとまそのgpu計算ができるみたいな感じなんですかね。あ、
Guest
結構行列のの計算とかだと、ま、gpaの方が効率良さそう。みたいなのはあると思うんですけど、一方でま。結構フロントエンドとか、まあ、今のクライアントサイドで、じゃ、
Guest
クリプトと合わせてパフォーマンスあげるとかだったら、そのワスムとかもあると思うんですけど、そういった方も割と使われたりはするんですかね。
Guest
そうですね、はい、あったりします。例えば、そのednnだと、そのeglと、あと、サファイです。egpyっていう
Guest
やつを出力する機能があったりとかしてま。それが使えなかったら、コードバックとして、まあ、そのウェブアセンブリを出力するっていう機能が備わってるんです。
Guest
なので、まあそのwebgl
Guest
がまあ、一応1番早いじゃあなんですけど、もまそれ以外にもまあぶりっていうま、そこそこ高速なやつを対応してくれるっていうのがあります。
Guest
じゃあ、まああのできるだけ早いもので、実現しようとするけれど、も、まそれが対応してない場合は、どんどんコールバック、フォールバックってなっていくって感じですね。
Guest
はい、そうですね、
Guest
はされます。なんか、
Guest
gpugp使ってんの。なるほどなと思いながら、もま、結構なんか、みんなみんなクライアントサイドでの計算ってます。とかが、もう絶やされがちな印象があったんで、
Guest
あ、なるほど、その行列計算っていうところがあるから、マジllが処方されてるんだなっていうのがま、自分全然知らなかったんで、学びでした、ありがとうございます、ありがとうございます
6. Web における DNN 活用の実例
Guest
ま、そんな結構クライアントサイズで、まあライブラリももうええ、今聞いてちょっとびだったの。
Guest
そのいっぱいあるものがま、結構今絞られてきてるっていう状況状況っていうところがあると思うんですけど、じゃま結構今もう実用段階なのかなという印象が
Guest
あります。まあ、もちろんモバイルアプリとかではそうですけど、ウェブでも結構え実用化されてそうだなという印象があるんですけど、実際どんな感じでま。どういったサービスで実用化されてるとかってあったら、教えてもらっていいですかね。
Guest
はい、そうですね、まあ、なんか1番こうぱっと思いつくのはなんていうんですか。画像を見て、猫か犬かみたいな使い道だと思うんですけども、
Guest
結構そのウェブだと、まあ、ウェブカメラあるんですけども、なんかあんまりそういうのを使う使い道ってなんかなさそうだなっていう
Guest
感じはあったりするんですけど、まあ、もうちょっとこう大きな角として、その画像ではなくて、普通にそのディプニューラルネットワーク
Guest
ていうのを使うっていう。まあ、使い道があったりします。まあ、例えば
Guest
まあこの前見つけたんですけど、黒とったシロですかね。これってそのなんか
Guest
こう色、tai、カラーツールフォーデザイナーズって書いてあるんですけども。なんかこうこう好きな色をこうピックアップしていくと、ま、それをこう
Guest
学習してまいい感じにこううん、難しい、その色をまあなんて推薦してくれる。ああ、自分の好きな色
Guest
じゃあ、結構なんかなんでしょう。今までのいい事例から紐づける配色ツールみたいな、そんな感じですかね。
Guest
そうですね、それはそのennをま使ってるっていうは、あはあはあは1つの例です。
Guest
結構あれは意味意味を持って色をつけようとするし、している本業の人からめちゃめちゃ怒られ
Guest
そう。雑に使う分にはすごく便利ですねこのサイトは
Guest
いや、便利そうですね、これはこれ、ちょっとシノトにも貼っておきます。ありがとうございますなんか、他の例で言うとなんかありますか。
Guest
そうですね、まあ、
Guest
結構宣伝みたいになっちゃうんですけど、一応、そのディープグリフも、そのクライアントサイドで、そのまえ文字を生成してるっていうやつなんですよね。どうやって生成してるかっていうと、その
Guest
あ、画像認識だと、その画像を読み込んで、まあそのなんていうんですか。ラベルを出力するみたいな
Guest
流れなんですけれども、これは、画像を入力して、画像を出力するみたいなモデルを実装してるんですね。でま、これも
Guest
そのwebdnnを使って、そのクライアントサイドで、その素早く
Guest
こう画像を出力するっていうものになってます。なので、まあ、その画像認識以外にも、まあ、皆さんなんかこうまあ、色々こう
Guest
使い道ないかなって、そこを探してもらえるとまあ嬉しいです。はい、
Guest
あ、なんかちなみにませっかくこういうの作ってるっていうなところできたいんですけど、実際そのまつく。えま使ってみるとしたら、
Guest
結構クライアントでのそのま。今回webdnn使ってるみたいな話がありますけど、実際どれぐらいのそのバンドルサイズというか、そのサイズになるかとかって、今把握してたりしますか。
Guest
そうですね、結構
Guest
おもによって大きくなってしまうんですよね。僕、そのリディープグリフ。今そのデータ版なんですけども、そのそれの一員として、そのモデルがめちゃくちゃでかい。今、700メートルぐらいありまして、
Guest
それをこう。まあ、その削減したいなって思いがあったりします。なので、その
Guest
tenslfrdjacだと、ちょっとわかんないですけど、多分、そういうモデルをこう圧縮するみたいな機能とかも。もしかしたら、
Guest
もしかしたらっていうか、多分あったと思うので。まあははやはりそのサイズと戦うっていうのは、まあ1つの課題なるほどなのかなと思います。
Guest
結構便利な反面ままだまだちゃんとチューニングしないと、めちゃめちゃ重いというか、でかい感じにはなっちゃうって感じなんですね。そうですね、なるほど、ありがとうございます
Guest
ちなみにこれって例えばまあここの今メリーフグリフのサイト見てると、まあ、1本文字作ったらほんとが出来上がるみたいな感じだと思うんですけど、そのそれって、大体生成って、そのクライアントで
Guest
どれぐらいのものが、なんかどれぐらいの時間でできるとかってあるんですかね。
Guest
そうですね、クオリティはまあ一概には言え、あまあなんでしょうま、速度
Guest
速度的な方で言うと
Guest
そうです。速的に言うと、ちゃんとmglが使える環境だと、1文字、ほんとに0.1秒
Guest
とかっていう感じですかね。なので、まあこうとほんとってこう
Guest
ま、6000文字とか1万文字とかあるんですけど、もまそれを生成するのには、まあ、ちょっと待てばまあできるっていう。はいはいぐらいの速度には
Guest
じゃ、結構まあ、あとなんでしょう。今のウェブのパワーでもいい、実用的というか、使えるのは使えるって感じなんすね。そうですね、
Guest
なんか別にそんなあのめちゃめちゃ大量なものを手するわけじゃなければ、その逆にもっと短くなると思いますし。なるほど、なるほど、結構面白いですね。
Guest
あ、はい、いい話ありがとうございます、ありがとうございます
7. 実運用での懸念点
Guest
と、ここまで結構そのなんでしょう。クライエントサイドへのニューラルネットワークのえ、活用っていう話聞いてきたと思うんですけど、
Guest
確かにぶっちゃけた話割とこういうのでスタンダードになると思いますかね。
Guest
そうですね、やっぱりさっき言ってたその
Guest
まあ、そのモデルのサイズとか応答性っていうのが多分、現状1番の問題かなと思います。まあ、
Guest
それをこう解決するためには、やっぱりそのえfgl
Guest
もそうですし、そのモデルの表現みたいなのも、その例えばそのまちょっとこった話なんですけども、今、その
Guest
あの数字の羅列なんですけども、その数字の制度を下げることで、こうさ、配像圧縮するみたいな。はいはいはいのがあったりしますよ。それが、
Guest
その読み込みがそのちゃんとこうジェース側でやってくれるみたいなのが整備されると、まあたえタイプドレーみたいな
Guest
話ですね。そういうのがこう、もっと制度の低いやつに対応してくれてたりとかすると、
Guest
多分そのモデルサイズの削減とかに繋がってくるんじゃないかなと思います。
Guest
ま、結構でもこの間
Guest
なんかちょっと話的には変わりますけど、この間、あのioの時に5gのデモとかもありましたし、単純に通信速度が上がったりすると、ダウンロード自体とかは割と
Guest
横になったりしそうですし、あとはまあマシンパ側をどうするかって感じですよね。多分
Guest
ああ、そうですね、速度はこう回線速度が上がると。確かにそういったデメリットは、だんだんどんなくなっていくかもしれないですね。
Guest
まあ、一方でま計算はいかに良くするかってのは出てきそうですね。なるほど、ありがとうございます、ありがとうございます
8. クロージング
Guest
ということでですねえ、今日はですねスプリングレーニングさんと一緒にですね。ま、ちょっとウェブでのえ、リプランニングジみたいな話をえ、聞いてみました。
Guest
ま、結構ですねえ、よくそのこの間の
Guest
あいとか。でも、フラッターで、なんかファイアベースのあのエルとこがみた。でも、みたいなのがあったと思うんですけど、まあ、そういうのとか見てると、なんかモバイルではすごいけど、まあ俺らウェブやだし、触れないよなと思うことが結構あったんですけど、まあ、結構
Guest
その実際にやられてる事例とか、もえあるってのも知られ、知れて面白かったんじゃないかなと思います。えとことでですねえ、
Guest
本日は、色々dプランニングの話を聞いていきました。
Guest
はいでえ、LINEUIT必質ですねえ、このようなですね、javascriptや、フロントエンドに関する話題についてえ、日々議論が行われています。
Guest
基本的にはですね、ギッドハブの一周をベースにして、毎週最新の情報を共有してま。毎週金曜日にはですね。ま、結構来日を持ち寄ってえ、共有する会みたいなのも行われています。
Guest
先週はですね。そうですねえ、それこそ5gのえー速度比較の
Guest
えーエントリーまこれ、ウォールストリート、ジャンルのやつですね。のやつがえー貼られていたり、あとまギハブのえ、プライベートリプストリーの話が貼られたれたりしました。
Guest
ちょっと今週のやつを覗いてみると、あとはあれですよね。イベントケートビィフェストが、ngjapanのサイト公開されましたよ。みたいなのもあって、でま、結構いろんなえま、
Guest
国内外問わず、ま、いろんな話題を行っております。
Guest
ですので、ま、結構え、この辺のえ記事ってのは、小ノートにリンク貼っておきますので、まぜひぜひえ見ていただければと思います。
Guest
またですね、とこのコートキャストについてのご意見やご搬送をお待ちしております。え、ハッシュタグですね。シャープ、えUIT、え、アンダースコアインサイド、
Guest
えシア、pUIT、アンダースコアインサイドでツでいただけるとですね。え、基本的にこちらの運営スタッフの方で確認しておりますので、え、今後のコンテンツ作成の参考だとかま、テーマエッセイでにちょっとえ
Guest
考えさせてもらえればと思っております。ということでですね。今週はえースプリングレーニングさんと一緒に、
Guest
クライアントサイドででのですね。え、リプラニングの利用っていうところで、え、お聞きしていきました。え、ありがとうございました、ありがとうござ
Guest
ございました。
