ep.72 『期待のフレームワーク Svelte を一年以上使ってみて』 | UIT INSIDE

2020/12/25 に公開2844 views

このエピソードについて

注目が集まるフレームワーク『Svelte』を v2 から利用しており、 v3 も長らく利用しているという @miyoshi に、概要と所感を共有してもらいました。

@miyoshi による Svelte ドキュメントの日本語訳はこちら

概要

JSフレームワーク（コンパイラ）
海外ではソコソコ知名度がある（2019年の stateOfJs でも評価が高い） https://2019.stateofjs.com/front-end-frameworks/
React などと違って、JSを変換して吐き出してくれるタイプのフレームワーク
コンセプトとしては Riot が近い https://riot.js.org/ja/
コンパイラなので必要ない機能などが生成したJSに含まれないのが最大のメリット
コンパイラであるため、WebComponent として出力することも可能
SSR も可能
IE9 対応も可能 - legacy コンパイルオプション
仮想DOMではない
双方向バインディングもできる
TypeScript も使えるようになった

Svelte のメリットとデメリット

メリット

生成されるJSの容量が小さい
- 小さい SPA なら 2-30KB 程度
習得が比較的容易
- Vue.js や Riot など他のフレームワークの経験がある場合
Store がビルトインされている
依存が何もないので環境の立ち上げが楽
ボイラープレートコードがほぼない
コンパイラなのでコンパイル時のエラーである程度のミスを防げる

デメリット

開発環境が貧弱
- React における react-dev-tool みたいなものがない
ランタイムのエラーが分かりにくい
- そもそも JS のエラーが分かりにくい
日本語の情報が少ない（ほぼない）
- 日本語だから少ないというわけでもなく英語でも少ない
コードの書き方に制約があまりないので、共同作業する際にはルールが必要
採用実績はソコソコあるが、大手や日本での採用実績はあまりない
- LINE では使われている

総論

おそらくコード量が少ないことによる恩恵を重要視しているフレームワーク
「詰まる」とかなりキツいので、ある程度 JS に慣れてる人向け
開発環境が整ったり、コミュニティが大きくなれば使用人口は一気に増えそう
まだ出てから2年も経っていないので、これからに期待

Refs

LINE 新卒採用 2022
- https://linecorp.com/ja/career/newgrads/engineering/
キャリア採用はこちらから
- https://linecorp.com/ja/career/position/475
BGM&SE
- 魔王魂/騒音のない世界/OtoLogic

採用について

使用素材・クレジット

BGM&SE

音声書き起こし

1. オープニング 00:00

Guest 00:06
こんにちは、UITのpotato4dです。

Guest 00:09
ユーザーインターフェースとテクノロジーを愛する開発社、メタのためのウィークリーポッド、キャストUIT INSIDE、今週も始めたいと思います。

Guest 00:19
今回は、ゲストにUITの三好さんをお呼びしてえする手をテーマに話していきたいと思います。

Guest 00:27
えみよしさん本日はよろしくお願いいたします

Guest 00:30
はい、よろしくお願いします。

2. Svelte 概要 00:36

Guest 00:37
はい、ということで、今日はスルテと読むのが正しいのか、みたいな話を今さっき相談していたする手会で、

Guest 00:44
あの事前にそのくだりがあると笑いそうなるからさ。確かに

Guest 00:50
いやいや

Guest 00:51
というわけですけど、ちょっと私、あの事前にちょっとだけ調べてたんですけど、全然知らないんで、今日は1からちょっと紹介してもらってもよろしいでしょうか。

Guest 01:02
そうですね、どこから話すべきかっていう感じではあるんですが、

Guest 01:05
なんか、ランタイムがない、フレームワークみたいな

Guest 01:09
ことしか知らないとね。一応、ランタイムでも動くんですよ。あ、そうなんですね、動くんですけど、ま、あんまりそれを使う意味がない。はいはい、

Guest 01:17
まあ、ビジさんもそうですよね、

Guest 01:19
あま、そうですね、コンパイラージェースと

Guest 01:22
で、ランタイムで動かすので、かなりパフォーマンス悪いです。あ

Guest 01:26
あ、なるほど、なるほど、

Guest 01:28
まあなんで。基本的には何回も最終的には持たないような。

Guest 01:32
そうですね、基本的にはコンパイラなので、うん、

Guest 01:36
フレーマークっていうより、コンパイラーって感じなんですかね。

Guest 01:40
そ、あ、そうですね、ライオットっていうライブラリというか、はいえ、トランスパイダーというか、コンパイラというか

Guest 01:48
というのがあるんですけど、はい、あれにだいぶ近いですね、コンセプトは、ライオットみたいな感じなんです。そうです

Guest 01:54
なので、あのライオット使ったことがある人には結構理解が早いんですけど、はいはい、逆に使ったことがない人に、なんか全然具合が違うじゃないですか。最初

Guest 02:03
ああ、そうですね、

Guest 02:04
あの、根本的なキテクチャが違うので、そこの説明が難しいというのはありますね。

Guest 02:09
なるほど、なるほど、

Guest 02:10
結構ライオットライクなんですね。

Guest 02:12
うん、うん、

Guest 02:14
そうですね、でま。特徴としては、はいえ、

Guest 02:21
とにかく行動量が少なくて済むようにできてるっていうのが1番の特徴ですね。なるほど、なるほど、

Guest 02:28
なんかサイトにもライトレスコードって書いてあるだけ。

Guest 02:32
そうですね、これは2個の意味があって、はいそもそも自分の書くコードが少ないと、はいはいはいいうのと、コンパイル結果が小さいと。あ

Guest 02:43
あ、なるほど、なるほど

Guest 02:44
いうのの、まあ、2つの意味がかかっていて、あのかなり容量は小さいです。

Guest 02:49
あ、ファイル最終的なファイルサイズが小さい

Guest 02:52
そうですね、例えばそうだな。spaで、例えば5ページくらいの繊維があるページを作ったとするとはい

Guest 03:01
で、まあ、ストは使わなかったら20kとか30kとかああ、

Guest 03:05
かなり軽量なんですね。

Guest 03:07
そうですね、なので、その動作環境が厳しいところで使いたいみたいな用途で使われることが多いみたいですね。そう

Guest 03:15
なんですね、そういう感じのフレームワークというか、コンパイラというか、という

Guest 03:21
とこですかね。そうですね、

Guest 03:24
で、コンパイラなので。あの、今ちょっとストアがなければって話を今したんですけど、はい

Guest 03:30
いや、ストアがビルトインであるんですよ。すれてっておおあ、そうなんですね、

Guest 03:34
ただなんだろうな。リアクトとか、ビーを使ってる人がイメージする。ストアとは結構違うんですけど。はい、あの、ストアっていうより、グローバル変数だと思った方がいいです。

Guest 03:44
ああ、なるほどなるほど

Guest 03:46
があるのと、あまり大きいそのオブジェクトで定義できないんですよね。

Guest 03:50
ああ、

Guest 03:51
なるほど、プリミティブなデータだけを管理するような。

Guest 03:55
なので、ほんとに変数というか、

Guest 03:58
はいはい、

Guest 03:59
あのステートの塊をこう一気に保存したりはできない。ま、やればできるんですけど、色々めんどくさいことになるんですよ。それをやると、あ

Guest 04:07
あ、なるほど、なるほど

Guest 04:08
っていうのがあるんですけど、あの、当然ストアを使わない場合もあるじゃないですか。そうですね、行動を書いてて、で、その場合はコンパイラなんでストア使ってないからその分軽くなるんですよ。

Guest 04:19
ああ、はいはいはい、容量がなるほど、逆にスト入れちゃうと、それだけで20kか10kかそのくらいは増えちゃいますね。あ、

Guest 04:26
ストア自体はそこそこのボリュームはコード、まあ、その本体には一応あるっていう感じなんですね。

Guest 04:31
そうですね、で、あとはそうコンパイラなんで、ウェブコンポーネントに出力できるってのはう

Guest 04:37
割と要はコンパイラーだから、その出力形式を選べるじゃないですか。はい、っていうのがあって、まあ、これもビでもできるんですけど、

Guest 04:47
あのビジーってあのビージー本体をwebコンポーネ中に入れ込んでそうです

Guest 04:52
すね。そうですね、

Guest 04:53
なのであのでかいんですよけ

Guest 04:55
こう大きいですよね。あれは、

Guest 04:56
汎用に使うパーツを作ろうとしてるの。はい、これに対して滑る手ってそもそも小さいので、割とこれで吐き出すと素直に使える使う気になればって感じですね。なる

Guest 05:06
ま、とにかく軽量でいろんなバリエーションを持って、エクスポートができて、今はライオットとかに近いようなフレマークってそうで

Guest 05:14
ねまっていうと、なんかすげえ特殊な感じがしますけど。そうですね

Guest 05:17
結構特殊です。

Guest 05:18
言い方をすると、ただ使った感じは割と素直な感じなので、はいはい、

Guest 05:26
あの、なんていうのかな。ビーとか、リアクトとかを使ったことがある人であれば、すぐに覚えられる。うんし、すぐに使えるって感じですね。

Guest 05:33
なるほど、なるほど、

Guest 05:35
あと、コンパイラなので、あの環境設定が楽なんですよ。

Guest 05:41
例えばリアクトで、

Guest 05:43
ルーターとストアを使いたいとしたら、リアクトを入れて、リアクトルーターを入れて、はい、リラックスを入れてとかをしなきゃいけないじゃないですか。はい、ベルを入れてどうこうみたいなことをしなきゃいけないわけですよね。

Guest 05:55
なんですけど、それがないんですよ、基本的に、

Guest 05:59
てことは、あんまり煩雑ではないって感じですかね。色々物事をやるみら楽みたいな。

Guest 06:05
究極的に言うとスルテ本体とまロールアップなり、ウェブバックなりだけで、基本的には書ける。ああ、そうなんて感じですね。

Guest 06:14
うん、うん、うん

Guest 06:16
で、まあこれは逆に言ってしまうと、あのライオットもそうなんですけど、はい、あの、既存のウェブのなんていうのかな。

Guest 06:25
システムというか、おちょっと使いづらいんですよ。まあ、

Guest 06:29
あや、スルトの世界でかなり完結してるような

Guest 06:32
要は、あのウェブと切り離されちゃってるんで、完全にはいはいはい

Guest 06:38
というのがあります。あの、それをいう理由で、あのタイプスクリプト対応もこの前したんですけど、はい、するては、あの、それも結構遅めだったってのもそのせいであ

Guest 06:46
ああそうなんですね、

Guest 06:47
ただね、滑れて本体はタイプスクリプトで書かれてるんですよね。お、

Guest 06:51
そうな、そうな、そうなんですね、ただ、なかなかユーザー側ではなかなか対応が遅かったっていうところですかね。

Guest 07:00
細かい事情はわからないんですけど、はい、以前からできる環境はあったんですよね。

Guest 07:07
はいはい、あったんですけど、こういろんなツールを組み合わせて、うまい具合に動くようにしないといけない。あ、

Guest 07:12
頑張って。そのタイプスクープと太陽の環境を作るみたいな。

Guest 07:16
だから、前からできたって言えばできたんだけど、簡単にできるようになったっていう感じですね。システムの一部として、なるほど、なるほど、

Guest 07:22
オフィシャル、サポー

Guest 07:23
みたいな。そうですね。ちなみに使いたければ、デフォルトテンプレートというのが用意されてまして。

Guest 07:30
なんか、spaoとかssr用とか。はいはいの初期設定みたいのがギットに上がってるんですよね。

Guest 07:36
おお、そうなんですね、

Guest 07:38
で、それでts用のやつがあるんで、それを使えばもう使えます

Guest 07:42
の時点、ああ、その時点でもう完全にタイプスクリプト用の環境が出来上がっていて、それだけで書き始められるみたいなそうです。そうです、

Guest 07:48
状態ですかね、要はあのビルクリで落としてきたら、とりあえずすぐかけるじゃないですか、その場で、はいはいはいはいてていうのに、だいぶ近いですね。感覚としては

Guest 07:58
なるほど、なるほど、

3. Svelte の良さについて 08:01

Guest 08:01
実際どうですかね。なんか、スルテのいいいいとこ使って、結構みよさん長らく使ってらっしゃいますよね、

Guest 08:11
滑れてそうですま、ただ今僕が滑れてっていうか、世間一般で滑れてって言ってんのは滑れて3のことなんですけど、はいはい、

Guest 08:19
バージョンさんなんですよ、みからさんって結構違ってて、あ、そうなんですでさ、自体はそんなに時間経ってなくて、2年くらいじゃないですかね。2、3年かな。

Guest 08:28
なるほど、なるほど、

Guest 08:30
ちなみにすれて、バージョン2の時は完全にビーと同じ書き方でしてね。あ、

Guest 08:35
そうだったんですね、それが滑れてさんになって、秘書が変わっていったみたいな。

Guest 08:40
そうですね。で、逆にダイオがビーっぽい書き方に今なってるあ、だからビュージーの影響力がでかい。

Guest 08:47
はいはいはいはい

Guest 08:50
あ、まあそういう都合でビュージを書いたことがあると、結構すぐ入れるって感じですね。

Guest 08:55
てことは、元々2で書いてま、今使ってるのはスリーみたいな感じですかね。みさんおお、

Guest 09:00
そうですね、ま、一般的になんかスリーツーマル。なんか、アルファバージョンみたいな感じだったんですよけ

Guest 09:05
ああ、そうなんですね、

Guest 09:06
があって、スリーになってから海外でもまあ注目されるようになったっていうか、記事が増えてきたって感じです。

Guest 09:12
結構、海外で使われているんですかね、スルでは、

Guest 09:15
知名度はあるし、生地は結構出てるんですよ。ちょくちょく、はいはいはいとあとなんだっけな、あれか、ステイトオブジェイですか。ああ、ステトオブジェ

Guest 09:25
とかでも、なんかすごい伸び方をしてはいるんですね。インターレットとかが、あと満足度だっけ。

Guest 09:31
はいはいはい、使ってみて、

Guest 09:33
そうしてはいるんですが、あんまり実際使われてるっていう例はそれほどまだないはずですね。あ

Guest 09:39
ああ、なるほど、使い勝手はいい、使った人が使い勝手はいいとは言っているが、まだ普及度合いとしては、そんなにっていう

Guest 09:47
そうですね。あと、これあのコード量が少ないって、要はルールが少ないってことなんですけど、はい、すべてトロイの

Guest 09:56
逆に言うと、あの、多人数で作業するときのルールがないんですよね。こいつああ、

Guest 10:01
なるほどなるほど。

Guest 10:02
なので、あの、大規模なプロジェクトに突然入れるっていうのは、結構難しい感じがしているんですよ。はいはいはいはい、

Guest 10:12
ま、ただね、実際作ってみてま。書いて、何回か書いてみて、思ったのは、あの、とにかく行動が少なくなるようにできてるので、

Guest 10:22
あのタリンズで作業してもコードが短いから読めるんすよ。全部はいはいはい。

Guest 10:29
なので、そこの恩恵がでかいので、割となんとかなるのかなって気はしないでもないですね。た

Guest 10:34
ずでの開発って、結構業務で使った感じですかね。

Guest 10:38
ね、まあそれは個人的な感じですかね。

Guest 10:43
複数人で書いてみたけれども、まあ割とま読んでしまえる分量になるんで、読みやすいそうです。そう感じですかね。

Guest 10:49
うん、うん、うん、

Guest 10:51
要はいや、逆にこれ使ってみて、行動量が少ないっていう恩恵がすごいなっていうああ、イメージを個人的には受けてます。はいはい、はい、なんか要はそこに

Guest 11:01
フィーチャーしたあの、フレーム枠とかってあんまないじゃないですか、そ、

Guest 11:04
そうですね、基本

Guest 11:05
増えてくるじゃないですか、やることがそ、

Guest 11:07
そうですね、その分、なんかこう良い恩恵が得られるというか、

Guest 11:10
はいはい

Guest 11:11
っていうものではありますもんね。

Guest 11:15
まて、普通に使ってる限りは、普通に使える感じではありますね。今のところは、うんビでできることは大体できると思ってくるけど、大丈夫。

Guest 11:24
あ、ではまあ技術的に滑れてだからできないみたいなことは全然使ってる分にはないっていうところ。

Guest 11:31
そうですね、書くのは、結局普通のジーを書くので、はいはい、あの処理自体は

Guest 11:40
少し希望が独特なところだけ覚えてしまえば、そんなにそうです。

Guest 11:45
ですかね、一応ssrもできるので、うん、うん、あとね、i対応があるんですよ。これなんかすごいうん、結構あの

Guest 11:53
今日、今日に今日この話をするに至って、はい、ちょっと事前に記事とか読んでたんですよ。結構はいはいはい、読んでたらアーで使えないっていう意見がすごい多くて、ああ

Guest 12:04
あそうなんですね、

Guest 12:05
でで使えないって言ってるんですけど、使えるんですよ。

Guest 12:08
あの、コンパイルオプションで、レガシー対応にすると、あのポリフィリ聞くんですよ。うん、あの、なるほどで、なんかそれを知らなくて、みんなはいはい、あの要は多分これ最後の方にちっちゃく書いてあるから、この割とどうでもいいことじゃないですか。

Guest 12:23
そうですね、あの、あんまりやりたい業務ではないですもんね、

Guest 12:27
基本的にがあるんで、結構やってみたみたみたいな記事を見たら、結構そう書いてあるんですけど、あのアな対応はしてますよ。お、

Guest 12:35
なるほど、なるほどであれば、まあ、基本的に業務で使う分におおいて、抑えないといけないものは、大体抑えられてるっていうとこ。そうですかね。

Guest 12:47
ま、あとは、使いどころとして、基本スタティックのウェブサイトがあるとして、

Guest 12:54
1部分だけなんかジェースが必要で、動的にしたいみたいな時って、あ、はいはいはい、lpとか使っててありますね。

Guest 13:00
で、例えば、ビとかでヤトを使っても、あの、そこのドだけ復帰して動的にするとかは別にできるじゃないですか。はいはいはいできるんですけど、そ、それだけの用途にしてはでかいんですよ、結局

Guest 13:11
あ、そうですよね。

Guest 13:13
で、コストが高いとあと環境を用意したりする。はい

Guest 13:16
っていうのを考えると、滑る手って小さいんで、そういう後付けで、そこだけ動的にするみたいな用途には向いてるんですよね。まあ

Guest 13:24
まいわゆるそのspaである必要とか、まあ、普段のモダンフロンテントの技術を使う必要がないようなケースにおいて、ピンザシュするにはちょうどいいみたいなそうですかね。

Guest 13:35
要は、jクルの時代って、ちょっとjk離で書くみたいなところが多分

Guest 13:38
ああ、そうですよね、うん、

Guest 13:40
まあの、そんな感じで使えるっていうことですね。

Guest 13:42
なるほど、なるほど、

Guest 13:45
実際結構そういったuケースが想定されてる技術であるんですかね。

Guest 13:50
ま、多分とにかく書くコードを減らしたかったんだなと思って

Guest 13:54
すけど、なるほど、

Guest 13:55
なるほど、あのね、ボイループレートコードがほとんどないんですよ。

Guest 13:58
はいはいはい、もうほんとにその場から書き始められるっていう

Guest 14:03
そうですね、例えば、変数をなんだろうな。ジェースの中だけで使う変数と、テンプレートに吐き出す点数っていうのは別にあるんですけど、はい、

Guest 14:12
あっていうのは、あのバインディングするので、はいはいはい。テンプレートに吐き出す変数は、テンプレートに吐き出す変数を指定したい時、どうすればいいのかっていうと、エキスポートって書けば、それでも出ます。ああ

Guest 14:22
あ、なるほど、なるほど、かなりシンプルというか、まやりたいことをただ

Guest 14:29
愚直に書いていくだけで、実現できるっていうところ。

Guest 14:32
そうですね、ちょっとね、不安になるくらいコード短いですよ。

Guest 14:37
ちょっと今、実際ウェブサイト見て見てますけど、確かになんかこう課題を解決するのに、かなりこう。少ない行動量で実現できるのを目指してる感は

Guest 14:48
そうですね。ま、とにかくそのまフレームワークを使う時って、いろんな観点があると思うんですけど。はい、あの、楽したいとはいはいはい、あの、

Guest 14:58
俺を楽するためにこれを使うんだっていう場合には、すごい楽になるはずなんですよね。

Guest 15:02
確かに、アウェイトの取り扱いまであるんですね、テンプレートコンプールの方。

Guest 15:06
ああ、そうですねあ、それも特徴の1つ、あのテンプレート側でプロミスが解釈できるというすごいっていうのがあって

Guest 15:12
かないですね。アウェイトローディングみたいな、はいはい、ロード中みたいな。そこに書いておくと、ロード中みたいのが出るって感じ。

Guest 15:20
なるほど、

Guest 15:22
結構ね、キャッチができるのが結構すごいっちゃすごいっすよ、

Guest 15:25
確かにすごいっすね。この構文で、この独自構文で解釈できてしまうっていうのは、なかなか面白いですね。

Guest 15:33
ちょっとえ。ショロートの方にも、イサンプルコード、簡単にコートブロックで掲載しておくので、よければ見ていただければと思いますけど、ほんとにブレースでアウェイトって書くだけで

Guest 15:45
解釈できるっていうかなり面白い方になってますね。

Guest 15:50
そうですね、ま、唯一ないのがルーターがついてないんですけど、デフォル。

Guest 15:54
ああ、そうなんですね、

Guest 15:56
今、あのルーターがないっていう話をしていたかなと思うんですけど、なんか、他の本体になくて、別の方ではあるっていう感じなんですかね。

4. Sapper について 15:57

Guest 16:05
あの、リアクトでおけるネクストビーにおけるネクスト。はいはい、あみたいな存在として、サパーという

Guest 16:14
フレームワークがありまして。これはなんていうか、pwao

Guest 16:22
のフレームワーク、あの滑り手を組み込んだフレームワークはいみたいな感じのものがあります。あで、実際はこっちが使われてる例の方が多い

Guest 16:31
感じがしてます。あ、

Guest 16:33
滑れて3体っていうよりは、

Guest 16:35
そうま、ある程度の規模のものを組むんであれば、こっちでやるっていう感じですかね。なるほど、なるほど

Guest 16:41
で、こっち側は多分これもナクストの影響を受けてるんだと思うんですけど、大体似た感じで作れます。で、こっちにはルーターが入ってるという感じです。

Guest 16:48
で、なるほどなるほど、

Guest 16:50
その軽くく、あ、あの性的なサイトに追加するのであれば、スルで単体で使ってもいいし、もう少しリッチに会いたいなら、スパーがあるって感じです

Guest 16:59
かね。そうですね、ま、避けた通り、あの、なんてスタティックなサイトに突然入れたりできるので。はい、多分あえて入れてないんだと思うんですよね。ルートあ

Guest 17:07
あ、はいはいはい、その用途には適してないというか、その滑れて団体はもっとこうライトウェイトにしたいというか、そういった

Guest 17:15
単体で突っ込む時を想定してるから、まあえてルーターは入れてないっていうところ。

Guest 17:19
そうですね、まあ、一応そのまあ、ビューデビュールーターみたいなものが探せばあるんですけど。はい、

Guest 17:25
あんまりそれよりはまあ、ルタートだったらサッパー入れればいいんじゃないですか。っていう感じぽいですそうい

Guest 17:31
いう温度感なんですね

Guest 17:34
あ、でも個人的にはね、スルtspaルーターっていうプラグインプラグインとか、ライブライかながありまして、

Guest 17:43
めっちゃ小さいんですよ。おお、うん、うん、

Guest 17:46
どうもどれぐらいち

Guest 17:47
あ、コード全部一気に読みるくらいですね。

Guest 17:51
なるほど、

Guest 17:52
100行とかしかないんじゃないですか、

Guest 17:54
それはほんとにかなり小さいですね。あ

Guest 17:57
あ、だから、あのルーターで求められる全機能はないんですよね。要はあ

Guest 18:00
あ、なるほど、

Guest 18:01
あの要は例えばクエリを解釈してどうこうするとか、エイリアスを指定するとか、そういうビールーターみたいにありと、あらゆる機能があるみたいな感じではないんですけど。はい、

Guest 18:10
あの、あくまでパストコンポーネント一致させますよ。はいはいはいはい

Guest 18:16
っていう機能だけをなんて言うのかな。用意したものがあって、それはかなり快適に僕は使えてますね。

Guest 18:22
で、本当に必要な最小限のマルーティングの取り味をしてくれるものとしてるて、spaルーターがあるっていう。

Guest 18:31
そうですね。

Guest 18:32
うん、なるほど、なるほど、

Guest 18:34
じゃあまあ別にそれで賄えるならそれでいいぐらいの

Guest 18:38
ところですかね。

Guest 18:39
ま、最悪自分で書けばいいので、はいはい、元が小さいので、

Guest 18:45
確かに確かにま、なんでそんなにそのライブとかに頼るっていうよりは、ほんとにま。シンプルな面を活かして、どんどん

Guest 18:55
必要なら書いちゃうぐらいで嫌そういうのがいいって感じですかね。

Guest 19:01
多分、基本的に滑れて、単体はそんなに大規模なものを作らないっていうか、ウェブってそんな大規模である必要あるのっていう

Guest 19:09
こコンセプトでできてるんだと思うんですよ。はいはい、はいはい、

Guest 19:12
ほんとに必要なものを必要なだけあったらいいっていう風な。

Guest 19:16
そうですね。あの、特徴として、あの仮想ドームを使ってないっていうのも特徴として、一応作ってる人はあげてるんですけど、はいはいま使う側は関係ないんで。あまあまあそうですね。あれですけど、ま、それも多分そういうコンセプトなんじゃないかなと思いますね。

Guest 19:28
ま、そんなに大きなものは、ウェブ自体にそんなに必要ないんじゃないかみたいな。

Guest 19:34
そうですね、まあ、仮想ドームっていうか、あのドムの比較をするじゃないですか、仮想ドームはい

Guest 19:37
しますねで、

Guest 19:38
差分があって、更新があったとこだけレンダリングします。みたいな、はい、仕組みじゃないですか、あれっていうのの、オーバーヘッドがでかすぎるんじゃないの。っていう話からできてるらしいんですよ。あ

Guest 19:48
あ、なるほど、なるほどであれば、まあ実ドムでやってしまえばいいじゃんっていうところ。

Guest 19:58
なるほど、かなりかなりあれですね、きいオピニオンがありますねスルテには

Guest 20:07
そうですね、とりあえず、ちょっと今までいい点を話してきたんですけど、はい、あの、当然あんまり良くない点もあって、はいはいはい

5. Svelte の難点について 20:10

Guest 20:17
で、今ね1番良くないのが、あの開発環境があんまり用意されてないんですよ。というとえていうのは、リアクトでいうリアクトデブツールみたいなものがないんですよ。あ

Guest 20:29
ああ、なるほどなるほど

Guest 20:31
で、なおかつあの滑る手って吐き出されるものは普通のjsなんで、jsのエラーが出るんですよ。

Guest 20:37
ああ、その滑れて単体として、なんかどういった問題があるかって、うまくラップしてくれてるわけではないっていうか、そうで。そうですね。

Guest 20:45
なので、ね、ほとんどエラー見ても、直接的な原因は分かりづらいです。かなりま、jsェながわかりづらいあ、はいは。

Guest 20:54
あと、普通のジェースのを見て、そっから滑る手のどこの問題かっていうのを割と自分で追わないといけないみたいな

Guest 21:00
こす。あの、なんか、リアクトみたいに、リアクトのここのレフがどうこうしてますよ。みたいなのはで出してくれああ、はいはいはい、

Guest 21:08
ま。ただその分あのコンパイラなので、コンパイル前にエラーを出して分けれます。一応あ

Guest 21:13
ああそうなんですね、

Guest 21:14
なんですけど、それはほとんどパースエラーなんですよ。出てくるのって、

Guest 21:17
はいはいはい、なんでランタイムで怒るエラーはわかりづらいっていうとこ。

Guest 21:21
そうですね、要はパースできなかったエラーが出てくるだけなので。はいはい、これこの書き方まずそうだよみたいなところまでは出てくんないってことですね。ああ、なるほど、なるほど、

Guest 21:32
確かにそのあたりはコンパイラだから言えっていう特性のデメリットでもありそうですね。

Guest 21:38
そうですね、ファースエラーもね、なんか何がやってるか微妙に分かりづらい。なるほど、

Guest 21:46
というのとあ、これ日本独特ですけど、はい、日本語の情報がほぼないんですよ。

Guest 21:51
ああ、確かに全然見かけないですよね

Guest 21:55
まあ、最近僕個人的にきたに生地とかあげてるんです。りと、はいはいはいがあるんで、あの滑り手のタグかな

Guest 22:03
とか見てるんで、最近じわじわ増えてるのは一応分かってはいるんですけど、全然少ないですね。それでも

Guest 22:09
うん、なるほどなるほど

Guest 22:11
ただあの、これ日本語だから少ないってわけではなくて、英語でもあんまないんですよ。

Guest 22:17
ああ、そうなんですね、あんまりないですや、日本語資料は出てないけど、グラバルで流行ってるみたいなっていうよりは、単純にまだどっちでもなかなか情報が

Guest 22:26
多くないそうですね。で、多分ね、英語が少ないのはこの中トリアルというか、ドキュメントがあるんですけど、すると、はい、あれが結構親切なんですよ。

Guest 22:36
ああ、もう結構オフィシャルド、キュメントが全てみたいな。

Guest 22:40
で。親切で、あの中でランタイムで実際に動いて書いて書いて試せるみたいな作りになってるんですよ。ページがはいはいはい、

Guest 22:48
なので、あそこでだいぶ練習ができるっていうのありますね。で、日本語の情報少ないんで、あの滑り手のドキュメントを

Guest 22:55
ある程度に訳してきたにあげてあるんで、おでは、ぜひちょっと。それもそれが見れる人は見てほしいって感じです。

Guest 23:02
ちょっと、あのシノートにそれをのっけておきます。

Guest 23:05
あ、はいはい、

Guest 23:06
結構これ読んだら、まあ、日本語情報としてわかりやすいっていう感じで

Guest 23:11
ね、ほんとこのくらいしかないんですよね、情報

Guest 23:14
とにかく少ないんですね、

Guest 23:16
情報が少ないのと、あと例えばなんだコミュニティとか、

Guest 23:20
はいはい

Guest 23:21
っていうのも、ね、これね、これもあの世界的にすごいあるわけではなくて、

Guest 23:28
基本ディスコードが本体なんですけど、する。あ、そうなんやりとねてあ、ただね、そこはね、なんていうのかな。ギットの開発者、コミュニティーみたいな感じです。あ、

Guest 23:37
基本的に開発者同士のあ、

Guest 23:39
そうです。そうですのところと、あと、facebookにグループがあるんですよね。

Guest 23:44
はいはいはい

Guest 23:45
で、一応そこで情報のやり取りのはある程度はされてるって感じですけど、ま、そのくらいしか役に言うとないっていう。

Guest 23:51
ああ、なるほどなるほど。

Guest 23:53
ちなみにそのfacebokグループ僕入ってんですけど、はい、日本人多分俺しかいない、

Guest 23:58
そんな感じなんすね。なるほど、じゃ、まだちょっと盛り上がりが来ているわけではないけど、って感じですかね。

Guest 24:08
そうですね、なので、あのメリットはすごい多いんだけれども。まわかりやすいメリットがあと、たくさんあるっていう感じなんですけど、詰まるときついんですよ。ああ、はいはい、

Guest 24:19
まあじゃ結構詰まっても自力で解決できる人向けって感じですかね。

Guest 24:24
そうですね、だから、あの生のジーを結構慣れてると、はいはいはい、あの生ェースのエラーからある程度判別できるっていう人じゃないと、1回あの止まっちゃうときついです。あ、

Guest 24:37
なかなか芸人の救命に手間取りやすいっていうところがある

Guest 24:40
て感じですかね。そうですね、まあ、ただ出てからまだそんな時間が経ってないというのがやっぱり大きいので。まあ、もうちょっと経てば、少なくとも、海外ではもうちょっと大きいコミュニティになるんじゃないかな、とは思ってます。

6. 仕事でも使ってみたい？ 24:53

Guest 24:53
じゃ、ちょっと最後にえ、1個聞いてみたいんですけど、実際そのどうですかね。例えば、え業務とかでなんかあるえ、シチュエーションとかが

Guest 25:03
で、技術選ぶってなった時に、スルテ使うシュエーションって、結構出てきそうですかね。今後、

Guest 25:10
現状そのままだとしたら、はい、

Guest 25:14
あの、やっぱりね。開発環境が貧弱っていうのが大きくて、ああ、ちょっとためらいますね。僕もあの、実際結構ビューで書いてんですよ。あ、個人でも滑り手を使えるのに。

Guest 25:23
そうなんですね、

Guest 25:24
そうなんですあの安心感がやっぱ違う。

Guest 25:27
ああ、なるほどなるほど、

Guest 25:28
というのがあると、ま、多分コンパイラっていう都合上作りづらいんだと思うんですよ。そのデブツールが、はいはい

Guest 25:33
親切なデブツールが。確かに

Guest 25:37
そのそういうのがあるんですけど、ある程度な使用採用件数が増えてきて、はい、情報が増えてきたとなれば、だいぶ使いたいなという感じがし。

Guest 25:46
あ、まだ現状はなかなかコンバイラーっていうところで、レベルメント用のビルドで、ビル。でも、そのランタイムの方に最終的なコードが色々露出しないようになってるんで、ま。デブツールス向けのコード、なかなかインジェクトしづらい。

Guest 25:59
そうですね。一応、あのデバック基法みたいのが、テンプレにあのダンプしたデータとか出したりはできるんですけど、はいはい、結構ね。そこからヒントを得るのも結構難しいと思います。最初は

Guest 26:10
なるほど、なるほど、

Guest 26:11
まあただそれらもうあの出てからまだ短いってのがやっぱり大きいと思ってて、はい、例えばbgsが出て、2年目とかって誰も知らなかったっすよ。

Guest 26:19
まあ、そうですよね、うん、うん、

Guest 26:21
まぼ僕らのUITでは勝手に使ってましたけど。

Guest 26:26
っていうのがあるんで、例えば、そのその時の2年目から比べたらだいぶ流行ってるなって気はしますけどね。個人的にはまあ、あの、これリアクトの例なんですけど、はい、

Guest 26:36
あの、リアクトってずっと海外でメインで使われてたじゃないですか。はいはいはい、でも、海外ではこれ使わないとめんどくさいっていう話に結構前からなってたんですよね。

Guest 26:45
ああ、そうなんですねけ、

Guest 26:46
結構前からなってたんですよ、だけど、日本では全然使われてなくて、なんだけど、そのなんていうのかな。これ使ってないとやってらんないなってなってから、2、3年後に日本でなんか突然メジャーになったんですよ。はいはいはい

Guest 27:00
でそん時はえ、今何言ってんのっていう感じになったんだけど、俺はそん時に。

Guest 27:05
まあそれそういう例もあるので、まあ、実際海外で使われてるんだったら、いつか日本でもメジャーになるんじゃないかなって気はしないでもないですね、

Guest 27:13
じゃあ、これからに期待っていうとこですかね。そのも

Guest 27:16
まあ現状でもある程度使えますけど、ま、これからに期待したいっていう感じではあります。

Guest 27:22
なるほど、了解です、

Guest 27:24
ありがとうございました。え、え、じゃあ、今日はそんなところでまたちょっとえ滑りで、ちょっと興味持ったって人は、ぜひぜひあのみよさんがキータに書いてある日本語訳とか

Guest 27:34
え読んでみていただければと思います。

7. クロージング 27:38

Guest 27:43
それではえ、今回はえ、滑り手をテーマにえ、みよさんにえ、色々とお話をいただきました。

Guest 27:49
ラインのフロントエンド開発組織UITでは、このようなフロントエンドに関する情報交換や議論などをえ、常日頃より行っております。

Guest 27:59
最近で言うとですねビュー3スタリーなどの企画はですねえ、元々社内勉強会から始まったものでもありますので、ま、こういったえ。内部で行われている情報交換っていうところは、え、これからもテインサイトという

Guest 28:11
形で、え、もっとアウトドットできていければと思いますので、ぜひぜひまたお聞きいただければと思います。

Guest 28:18
またですねえ。このポートキャストをきっかけに、LINEに興味を持っていただいたえ方につきましては

Guest 28:24
このページ、え株の方にですね。求人へのインクを貼っておりますので、え、ぜひぜひカジュアル面が何からでも応募していただければと思います。

Guest 28:33
ということで、え、今回は滑り手をテーマにみよさんとともに話していきました。え、ありがとうございました

Guest 28:39
はい、ありがとうございました。