音声書き起こし
1. オープニング
@spring_raining
こんにちは、UITの玉田です。今回も、UIT INSIDEを始めたいと思います。
UIT INSIDEは、ユーザーインターフェースと、テクノロジーを愛出する開発者のためのポッドキャストです。
最新のウェブ標準の動向や、開発、フレームワークの検出、uiやuxに関することまで、
@spring_raining
毎週フロントエンドの情報を発信していくことを目的としています。はい、今回はおなじみのえはたさんと レイキャストについて、今回はえ、取り上げていこうと思います。それではよろしくお願いします
@potato4d
はい、よろしくお願いします。
2. Raycast について
@spring_raining
はい、で、レイキャスト についてなんですけれども、ま結構レキャストって結構多口なんですけれども、ここではランチャアプリのレイキャストですね。
@potato4d
はい、そうです。そうですについて、ちょっと今はい、話したいなと思ってきた感じなんですけど、せっかくなんで、早速早速さしてもらってもいいはいですか、お願いします。
そうですね、じゃあ、ちょっとレイキャスについて説明させてもらえればなと思うんですけど、多分、1番とレイキャストがどういったものかっていうのをイメージしやすい説明で言うとこう。モダンアルフレッドって言ったらいいんですかね。あ、あの、 てか、あの、マックのスポットライトの代わりに使うようなアプリっていっぱいあるかなと思っててま。結構有名なのだったら、アルフレッドかなと思う。
@potato4d
ですけど、なんか、ああいう系のツールの新参のツールというか、1番高発のツールになってて、まかなりこう。デベロッパーフレンドリーで高速で使いやすいようなこうなチャアプリとして、え、タルしてるような
@potato4d
なっております。なんで結構あれですね、公式サイトとかもせっかくなので、ショートの方に言われる。貼っておいてもらおうかなと思うんですけど、結構こう。
あの、デベロッパー、フレンドリーなところをしていてですね。もう掲載されてるスクリーンショットが、あのガッツリソースコードのところが乗っていたりだとか、 こう、エクステンションの障害のところに、awsのなんか、エクステンションが書いていったりだとか、あと、なんならもうあの、
@potato4d
1番上のグローバルナビゲーションにデベロッパーっていう欄があって、これを押すとちょっと後で紹介するんですけど、あの、エクステンションの開発の仕方に飛んだりとかしてたりしていて、 こうすごいあの開発者が扱いやすいように作られてるなっていう。まあ、結構軽量で高機能なランチアプリっていう感じツールですね。
@spring_raining
なるほど、なるほど、ありがとうございます。そうですね、あの、アルファベットは 個人的に1回使ったことあって、結構なんかあんまり使いこなせてなかったっていうところはあったんですけど、レイキャスト。私も確かブログでつか ている様子を見てで、初めて知ったって感じで。そうですね。私もなんか
@spring_raining
ランチャアプリまた使ってみようかなっていう感じになりましたね。結構そういうエンジニア、フレンドリーと言いますか。なんか、確かに 公式サイト見た感じもそんな感じですね。
@potato4d
そうなんですよね、かなり特徴的なところかなと思います。なんか、普通、こんな スクリーンショットのところに、androidadbインプットとか載せないよなっていうところまで含
@spring_raining
すごいいっちゃだ。
@potato4d
また、田さんがおっしゃった通り、かなりこう。ここ1、2か月でキャスト使ってるっていうなふうなブログ記事とかも増えてきたんで、なんか徐々にか需要の高まりを見せてるなっていう気はしますね。
@spring_raining
うん、なるほど、なるほど、あのまあでも取り上げようかなと思うんですけど、もま、これはフロントエンドエンジニアなのに、まあ、なぜ ランチアプリの紹介をしてるのかっていう。まあ、疑問もあるかなと思うんですけど、ま、その辺りも後で聞いていこうかなと思います。そう
@potato4d
ですね、ちょっとそこは後で紹介させてもらえればな
@potato4d
思います。
3. Raycast の良さと Alfred や Spotlight との比較
@spring_raining
じゃあ、もうちょっと使い心地について聞いてみてもいいですか。
@potato4d
はい、そうですね、じゃあ、ちょっとレイキャストの性格のツールの良さみたいなところも。今日話せればなと思うんですけど、 なんか私結構元々スポットライトで結構マック標準のスポットライトを使うのが好きなえータイプでして、私も結構アルフレンド 使ってた時期もあるんですけど、やっぱりこう。
@potato4d
アルフェレットって、1番古い時が1番こう長く使われてるツールだけあってこう結構機能が足し算されてる感じというか、こう古きよき 感じがしていて、はい、あの機能的にも洗練されてないし、ユーザーインターフェースの正直、ちょっと前時代的というか、こうまあ、あの 現代的じゃない感じがあるかなと思うので、なんかこう使い心地っていう観点で言うと、まあ、古いツールにはがちとありがちだと思うんです
@potato4d
けど、高機能なんで。まあ、あの、もうずっとそれを使ってる人は、それからはなかなか離れられないけど、なんか一方でこう。新しく使う人からすると、あんまりこう。エクスペリンスの面で専念されてないっていうところがあるかなと思 で、やっぱりこう使ってはやめてみたいなのを、なんかこうマックを買い替えるたびにやってた感じがど。はいはい、 なんかやっぱりなかなか個人的には肌に合わなくてですね。とはいえ、あのアルフェレットが含んでいる機能って、色々足したようにあって、それぞれのこう
@potato4d
固有のもので言うと、大体ツールとかあったりするんで。例えば、そのクリップボードを記録するやつだったら、あのクリッピーとか、あの、ossになってるやつとかもあるんですけど、 なんかそういうのをこう使い分けて、あのアルフレッドに依存せずにやろうかな。みたいなこともやってたんですけど、まあ、なかなかこう。
それを分散させると、それはそれで大変で継続しづらいなってのがあって、で、最終的にこう。私個人としては、あのオプションとスペースをした時に出てくる
@potato4d
やつから、そのままこうアプリケーションを起動できる、それを高速にできるっていうのが1番 欲しいなって思ったものなんで、それだったら、スポットライトが1番軽量でいいじゃん。っていう結論になって、結構長らくスポットライトを使ってたんですよね、 まあ、あとあれですよね。スポットライトあの一応計算ぐらいなら足し算、引き算というか、試則演算ぐらいならできるんで、ま、最低限の機能だったら、スポットライトでいいかなと思って。スロットライト
@potato4d
使ってたんですけど、今回ですね。ちょっとレイキャスト気になったんで、入れてみると、これまでとは違う。え、これまでのラチャアプリとは違うところが。明確になるなと って、それが軽くて結構uiが専念されていて、かつ、そのアルファベットとかにも踊りしないぐらいしっかり高機能であるっていうところがあるのかな、 思っております。とえ、なんか1番大切なのは軽いっていうところかなと思うんですけど、まあ、重いとこつて1日で呼び出す機会がかなり。
@potato4d
多いんで、ストレスになりがちかなと思うんですけど、 結構ちょっとまた後で話すんですけど、エクステンション開発とかしてみると、わかる通り、内部的にリアクトが動作してるはずなんですけど、 なんかそれにしたら、めちゃめちゃ軽量で、なんかエレクトロアプリとかって、かなり重いこととか多いかなと思うんですけど、そういったものと比較しても、えとかなり軽量っていうところがまず
@potato4d
いいところだなと思いつつですね。なんか、uiの面でもアルファベットとかで言うと、かなりこう なんでしょう。マジの取り方であったり、色のこう表現であったり、え、あるいは、そのロゴの雰囲気であったりとか、なんか、あらゆる面がま。ちょっと 少し古いマックのテイストを醸し出してるかなと思うんですけど、なんか、最近の真っ暗らしさもありつつこう。なんか、ウェブ的なフラットなというか、シンプルさを持ったデザインが
@potato4d
ええなところもあって、こうの専念されてる感みたいなのがあるかなと思っています。なんか、こう足し算というよりは、引き算で作られてるようないだなっていうのがすごくいいなと 送ってます。
で、加えてですね。結構機能面でもこう本体の方でもえ、何もエクステンション入らなくても、十分な機能があって、例えばそのウインドウを色々触れたりだとか、
@potato4d
例えば、デスプレの明るさを変えるとかもできますし、まあ、なんかこう普通にやりたいような。あと、リスプレのボリュームとか、ピカのボリームとか、変えられたりとか。ま、そういうこう よく使うようなosaの機能、アクセスは全部できますし、こう、アプリケーションの起動したりだとか、検索したいってのももちろんできますし、出演算もできるみたいな。まあ、基本的にランチャー的なところでさっと済ませたいオジはなんでもできる 上にしっかり拡張機能とかもも、インストールできることによってま、そのエコシステムの力を頼って、めちゃめちゃこう。高機能みたいなところも実現できるっていうので、
@potato4d
こうなんか軽い弱がいい高機能みたいなのが全部揃ってて、かなり使い心地はいいツールだなっていう風になんか思ったんで、
@spring_raining
うん、うん、
@potato4d
かなりこれまでスポットライトでいいじゃんって思ってた。なんか、私にとってもこう重歩できるアプリだなっていう感じがしましたね。
@spring_raining
なるほど、なるほど、ありがとうございます。まさしくか、軽くてこう機能両方揃ってるのって確かに良くて、あの、私、 個人的にはこういうランチャー的な機能は、スポットライトもあんまり使ってなくて、あれですね。多分、1番近いのは、croomの
参加者 3
アドレスバー。はいはいはい
@spring_raining
やちやっちゃってます。なんでその子息演算とかもあのはい、
@spring_raining
あと、あのさあ、検索とかもアドレスバーでやっても、urlを入力して、タブで押したら、そのあの
@potato4d
はいはいはいはいはい、
@spring_raining
あったりしてて、あれでなんかは
@spring_raining
ま、それで結構代用できちゃったりするんですけども、そのまさっき言ってた。そのあのosの機能とか、あの音量とかま、どうしても無理なんで ま。そういう機能まとめて、私もちょっとレイキャスト使い始めて、そこら辺全部できる し。そして、あの軽いっていうところ両方できてるので、ま、これならすごいあれですね。その手軽さで言うと、かなり
@spring_raining
今までそういう試してきたツの中でもかなり上位だったかなっていうところは私も思いましたね。
@potato4d
なんか、手軽さはなんか、あと、個人的にすごいお気に入りのポイントというか、あの、逆説的に言うと、なんかそういうので、アルフレッドが使えなくなりがちな要素として、なんか、私ほぼドグ を使ってなくて、下のアイコンをクリックすることはなくて、アプリケーション起動する時って、必ずポットライト経由で記録してるんですよね。普段から なんでかつこう。あの、vsコードを起動することきって、あれってこう。アプリケーション面って、ビジュアルスタジオコードですけど、こうあの、コードドットアップかなんかじゃないですか。ファイル時代は
@potato4d
で、私、そのファイル名の方で打つんですけど、そうすると、アルフレッドとかって、なんかうまく合致しなくて、あの、google検索に飛んだりするときがあって、いや、俺がやりたいのは、アプリケーションの軌道なんだよなみたいなこうァジーに検索して、完全一致じゃなくてもいい感じでこう。
あの、アプリケーションの起動を大事にしてくれるっていうところもすごいこう。気に入っていて、なんか、スポットライトはそれをやってくれるんですけど、他のアプリケーションになると、逆に高機能すぎて、アプリケーションの起動が、プライオリティで後ろに下がってる
@potato4d
ことがああ、こう。結構それも肌に合わないことが多かったんですけど、なんか、 私としては、このまずは起動したいアプリケーションが起動するっていうのがこう第一なんで、結構それもなんか裸に合ってて、気に入ったところではありますね。
@spring_raining
はいはいはい、そっか、確かにランチャ をそういうスポットライト経由で起動するっていうところだと、そうモチベーションとしては、それもモチベーションになりますね。私、 そうとっくに並べるのが好きなんで、
@spring_raining
あいっぱい並べがちまでも、確かに普通にそう。あの、キーボードから手を離さずに起動できるっていうのはそうですね、強力ですよね、
@potato4d
私、あのドッグは並べる場所になってるんで、ディスプレーする場所になってしまってるんで、
@spring_raining
確かになんか半分ぐらい起動してない気はしますね、確かに私も
@potato4d
結構起動しないもの、なんか並べてるだけにな、
@potato4d
結構あのここで書くときも。私、あのコマンドプラスpで、あのvsコードのファイル検索で、なんかはい、めちゃめちゃ飛びながらコード書くみたいなやりがちなんで、結構か、目的のものが頭の中にあって、それにこう 直で接続したいみたいなことが多いんで、なんかそういうのに、レイキャストの検索のプライオリティーがあってるなっていうのもあって、すごいいいなっていうのはありますね。
@spring_raining
そうですね、私もやっぱりvsコードもそうですよね、キーボード、オリンピックは そうですね。そう、操作官なんで、それをosの。まあ、アプリケーションのなんちゃらであったりっていうとこにはすごい。今まで やってこなかったのが、不思議な感じかもしれないです。これからは、そういうき、あのランチャー経由でやってくるかもしれないですね。
@potato4d
結構便利ですねちなみに、他にもちょっと気に入ってるま。機能なんか、逆に拡張機能の方もせっかくなので、紹介しようかなとは思ってて、それもさせてもらってもいいですか。
@spring_raining
はい、お願いします。
@potato4d
1つめちゃめちゃ気に入ってるのがあって、これは拡張機能の方で。元々本体にはもちろんないんですけど、ocってわかります。
@potato4d
デバイスをまたいで、アカウント急できる。あ、はい、フルなんですけど、なんか、それのレイキャストクセンションっていうのは、実はあって、
@spring_raining
あ、便利そう。あの、
@potato4d
すでにあるアカウントには。まずログインすると、そのランチャー上でocって打つと、ocのサーチトークっていう機能が出てきて、それを押すと、今登録してるアカウント全部の2faがランチャー上でずらっと出てきて、 売れて、なんかもうエンターを押したら、それのあのワンタイムパスワードが、クリップボードにコピーされるみたいなのがあって、
@potato4d
俺、このランチャーだけで、結構ロシーって、一応デスクトップアプリもあるんですけど、デスクトップアプリ、2faのためだけに起してこうコピーして 貼り付けてみたいな。やるやるの結構めんどくさいところが正直あったんで、なんかもうランチャーから 選んだら、もうリストアップされてて、それエンター押すだけでこう。あの、タイパスターとかコピーされるってのがすごい便利だなと思ってて、これを最近だと1番重宝してるなっていうのがあったり、
@spring_raining
あ、いいですね。なんか、そういうアプリケーションとして、一応あるけど、起動してすぐ閉じるみたいなやつ。あ、そうそうです、そうです、 乗せ換えられそうな感じがしますね、
@potato4d
そうですね、なんかあれですよね。ウェブアプリがクロムアプリになったりするのと、同じような感じで
@potato4d
のツールでもいいんだけど、プラットホームに乗ってくれることによって、すぐに要件を満たせて追われるんで、便利みたいな感じは結構するなと思ってて、はいはいはい、こういうものはすごいな。チャに乗せられると便利だなってのは 使ってて感じますね。
@spring_raining
そうですね、相性さそうですね、うん、
@potato4d
なんで結構こういういろんなサードパーティーのやつまであったりするんで、結構レイキャスと便利だなと
@potato4d
思ってます。
@spring_raining
そうですね、結構まあそこそこストアもすでに揃っていて、そうなんですよ、コードも見れますし、結構ありますね、
@potato4d
うん、結構あります結構ありますなんでかなり必要なものはは、ここでや、このラチャ上でやってみたいなって思うようなものは、結構揃ってるかなっていう気は
@spring_raining
します、ありがとうございます
4. Extension の開発
@potato4d
今回なんでUITeサイトでランチャしてるんだっていうのがあるかなとは思うんですけど、 なんかさらっとさっきも言ったように。実は、レイキャストは、エドエクステンションを誰でも開発できるようになっていて、ま、その個人でも作れるようになっていて、それがなんとあのリアクトとタイプスクリプトで 開発できるようになってるんですよね。でま、専用のそのデベロッパーツールというか、あの、レイキャスト用のcliツールみたいなのも提供されていて、なんかそういったものを使って、
@potato4d
10年いくセンションが作れるっていう風な感じになってる
@potato4d
で、なんか、そこの技術的なところをちょっと紹介さしてもらうとですね。まあ、リアクトプラスtsって言っても結構こう。
リアクトネイティブ的な使い心地って言うといいんですかね。あの、hmlのデブとかをこう自由に使うっていうよりは、では、そのパッケージ側から スポートされてる、そのコンポーネントを組み合わせてを作っていくみたいな。あの、要はhtmlタグではなくて、全部その提供されてるコンポーネントしか使えないってのが、逆に正しいんですか。はい、あの、jsxの中にディブとか書いても、ディブが反応するわけじゃなくて、
@potato4d
あくまでもレイキャストの提供するリアクトコンポーネントを多分使う、それを使うことによって、色が表示されてる感じみたいです。
で、完全にデブとかが反応しないし、なんか、ビルトインのやつを使うってことは、なんかおそらくそれこそリアクテネイティブとか、同じように、ネイティブコードに変換とか、もしかしたらしてるのかもなとは思うんですけど、ちょっとここは なんか調べてもパットは出てこなくて、
@potato4d
ちょっとわからないんですけど、レイキャスト用の専用のコンポーネントを組み合わせて、わよ作るみたいなまこうなんでしょう。リストアイテムみたいなものをこう用意して、あの、それを使うと、ちゃんとレイキャスト側のリスト のuiとかり、ルックアンドフィールに準拠したようなものが表示されるみたいな
@potato4d
なってます。なんで、まあ、ちょっと癖のあるリアクトみたいな
@potato4d
感じかなと思っています。
@spring_raining
そうですね、結構あのザインターフェイスのAPIを見てみると、逆とネイティブを使ったことがある人は、まあ、あれあれっていうのが1番しっくり
@potato4d
そうですよね。そう、まさに、リアクトネイティブみたいな感じかなと思うんで、あの、ちょっとデベロッパー用のドキュメントも、 皆さんを見てもらえるとわかりやすいかなと
@potato4d
思います。
@spring_raining
ま、ただ、そのさっきのその軽いっていうところを考えるとま、内部でドムとか使ってないっていうことで、そういうのにティブの機能で、 いわゆる実装されているっていうところなんですね。
@potato4d
いう可能性があるかもなっていうのを、ちょっと後でもう1つ理由があるんですけど、なんか、軽量的なところと、プラスアルファその辺りで、なんかもしかしたら、 ネイティブコードに変換されてるかもなと思
@potato4d
で、なんか一方でですね。あの、リアクトコンポーネントというか、そのjxで記述する部分以外は本当にシンプルなタイプスことで記述可能になっていて、例えばそのnpmパッケージとか外部のもの、 もう当然のようにこう使えますし。
はい、例えば、hctpリクエストは、普通のロード本体のhtcbのモジュールでやるのがちょっと辛いとかだったら、適当なコィッチョのライブライン持ってく
@potato4d
ることもできますし、なんか、一方で、そのノードジェースのコアの方にあるパッケージでも、当然のようにアクセス可能になっていて、この辺りも全然素がしないんです。と で加えて、そのコアのパッケージの中でも、例えばfsモジュールとか、あの、ファイルシステムにアクセスするやつがあると思うんですけど、 例えば、ランチアプリ作るにあたって、ローカルのファイルへの特定の条件のサーチを作りたいとかになったら、絶対にffモジュールって必要になってくるかなとおも
@potato4d
んですけど、そういうところのファーミッションも、ちゃんとレイキャスト側で撮ってくれてるんで、そのあたり使って、ファイルシステムやるアクセスを可能っていう風な 形になっていて、こうなんか外部への通信もオッケーですし、adpの通信もオッケーですし、fsモジュールとか使って、その内部の ファイルシステムへのアクセスも可能っていう形になってるんで、こうもこのあたりは何も制約がない。普通のノードjsの事故の環境と同じっていう風な
@potato4d
正しくなって、こっちはこう自由度がすごい嫌だなっていう風な
@potato4d
ところ
@potato4d
がありますね。
@spring_raining
あ、そうなんですね、LINEが使えるってことは、やっぱりあれですかね。そのuiとしてのま機能はそのネイティブなんですけども、ちゃんとノードds。
@potato4d
そうですね、なんか、そういう形になっている
@spring_raining
うん、うん
@potato4d
ように見えます。
@spring_raining
じゃあ、やっぱりあのあれですかね。リアクトとリアクトドムが分かれているとして、リアクトの部分はほんとにもうそのまま使える。
@potato4d
ああ、そうです、そうです、
@spring_raining
はいはいはい、あ、じゃあだいぶ使いやすそう
@potato4d
た
@spring_raining
感じはしますね
@potato4d
かなり使いやすいですね。なんか、それこそ私がちょっと最近開発してるエクステンションで、あの アンジップする必要があったんで、アンジップ自分で書くの辛すぎるんで。あの、npパッケージに頼ったんですけど、この辺も サードパーティからnpインストルで持ってきたやつなんですけど、全然普通に動作してて、特にこう。ああ、何かおそがしてることもなくて
@spring_raining
いいですね。
@potato4d
こうかなりフロントエンドエンジア的には助かる作りになってるなっていうのを感じますね。可能性はめちゃめちゃあるな、
@spring_raining
ちょっと気になってきました。
@spring_raining
うんはい。ちなみに、そのアンジップしたエクステンション以外は、なんか作ったりしてますかね。お、
@potato4d
それで言うとですね、今、ちょっと社内向けに1個エクステンションを作っていて、なんかまだ別に全然公開してるわけでもないんですけど。はい、なんかせっかくなんで話せればなと思うんですけど、 なんかあの社内のドキュメントで、開発ドキュメントとして、これまでも何度かUIT INSIDEでも紹介してるUITプレイブックっていう、あの開発のはドキュメントがあると思うんですけど、なんか、あれ向けのエクステンションをなんか 私が勝手に今作っていて、なんか別にプロジェクトとしてあるってわけじゃなくて、試作的に
@potato4d
ちょっと作ってみてて、あの、tplabookって開発ドキュメントなんですけど、あの検索の機能が今ないんですよね。あの、 例えば、itプレイブックの中には、リントとコードフォーマットっていうセクションがあって、そこにイエスリントとプリッティアの説明が書かれてる ですけど、なんか、これをじゃあ、プレイブック内のプリティアっていう言及って、どこにあるんだっけ。っていうのを調べたい時に、こうすぐに調べられるわけじゃない。みたいな問題があって、
@potato4d
なんか、そこの課題を解消してみるエクステーションでも作ってみようかなと思って、最近 試作してみたりしてます。で、なんであれですね。こうプリティアとか単語単位で検索したら、該当の言及が 行われてるドキュメントがこうドキュメントが閲覧できるようになっててま、軽くそのランチャー上でも読めるけど、ちゃんと読む時は、ドキュメントサイト本体にアクセスできるみたいな感じの
@potato4d
やつを今作ってみたりしてますね。
@spring_raining
これは、そう検索っていうのは、ウェブ上のドキュメントを検索するっていうのではなくて、あれですかね。そのエクステンションの中に プリブック、あ、ドキュメントそうです。そうです、です、
@potato4d
なるなど、マークさんも引っ張ってきて、今検索するようにしてます。た試しにですけど、
@spring_raining
だとすごいなんかめっちゃすぐに検索結果が出てきそう。
@potato4d
ああ、そうですね、そうですね、っていうのをちょっと今試してみたりしてます。
@spring_raining
あ、そういう使い方もできるんですね、すごいドキュメントをもうローカルで引っ張ってきておいて
@potato4d
とか
@potato4d
あ、そうです。結局、そのファイルシステムにアクセスできるんで、別にダンプしたデータを手元に持ってくるとか、全然こう問題ないというか、 あの、ライトファイルしたら終わりみたいなところがあるんで、結構そういう面でも、こうレキャストも自由とかのあったりします。
@spring_raining
なるほど、それは使ってみたい、
@potato4d
ちょっとまだ試作段階なんですけど、完成したら、あ、あのyはでも使えるといいかなとか、ぜひ、
@spring_raining
なんか、車内ツールとか、レイキャストを使う前提になってしまうんですけど、作ってみるのも面白そうですね。
@potato4d
そうですね、なんか、それこそレイキャストの記事が最近増えてきてるって冒頭で話してましたけど、どっかでなんかノーションか、なんかの 会社のノーションか、何かをこうアクセスできるようなエクスンョン作ってみたって人もいたんで、なんか、そういうインターナルのものに、素早くアクセスできるようなエクステンション開発っていうのは、もしかしたら結構便利なのかもなと思ってたり。
@spring_raining
ああ、なるほど、そうか、検索機能が確かに手っ取り早いというか、最初に開発するプラグイントしたいなと思います。
そうですね、ま、そこで考えるとま、そんなにそのuyとかこだわる必要はない
@potato4d
そうですね。そうです、
@spring_raining
ですし、あのまこだわるっていうか、ま、今用意されたものを使うっていう使うと、自然とまあurが良くなるっていうあ、
@potato4d
なんでからいま初めに作るにはそういうのもすごいいいなと思ったりしますね。
@spring_raining
なんか、すごいお手軽そうですね、
@potato4d
そうですね、なんかやっぱりこうじその書き味めちゃめちゃいいですし、今、たださんがおっしゃったように用意される。コンポリントを使うと、 レイキャストらしいトンマに準拠した言い方もいるんで、なんかかなりその良さはあるなと思ったりはしましたね。
ただ、なんか一方でちょっとこうエクシンション作ってて、課題と思ったところもいくつかあってですね。ま、課題とあと要望みたいなところも含んじゃってるんですけど、なんか、まず、1つ目が結構これがさっき話した。ネイティブコントに変換されている
@potato4d
のかなっていうところのゆえでもあるんですけど、レイキャストって、マークダウンが使えるコンポーネントがあるんですよね、そのコンポーネントのリアクトコンポーネントのあのアトリビュートとして、ワークダウンの ストリングを送ったら、それをレンダリングしてくれるっていう風な仕組みがあったりするんですけど、これがこま準拠になってます。って開発ドキュメントに明言されていて、 基本的にホンマークの範囲の表現力は全部あるんですけど、hmlタグを使うので、一応コンマーク的にはオッケーになってるんですけど、完全に口が塞がっていて、
@potato4d
あ、例えばなんでしょう。そのシャープ1つで、h1にできると思うんですけど、hってタグを使っても同じh1なのに反応しないんですよね。
はいはい、はい、なんでこうなんかこの辺りも多分単純にそのエレクトロンとかで描画してるわけじゃなくて、なんかこう。
マークダウントゥースイフトみたいな感じでは、ローカルのやつに変換してるから、その顧問マークの範囲しか対応してないのかなっていう風な気がしていて、
@potato4d
でも、一方であのim自タは対応してるんですよね。多分、それはこうスイフトの機能として、imgタグをそのままイメージに変換できるからみたいな話かなと思っていて、なんかその辺 にこうこうマーク、準拠、プラスなんか挙動を見てる感じ。そのまま、フロントエンドの技術のままレンダリングされてるわけじゃなさそうなんで、なんかちょっと自由度っていう面では、なんでもできる ラクトだから、なんでもできるってわけではないっていう風なのがちょっとあるなっていうのなるほど思いました。
@potato4d
で、かつ、結構リッチなuiとか、オフィシャルの機能だとかだとあるんですけど、なんかどうやら調べていると、非公開のu愛用のAPIみたいなのもあるらしくて、 あの、特に左側にリストがあって、右側にディティールがあるみたいな。
はuiつペインのuiのためのうん、ネントがどうやら非公開らしくて、なんか、それに関しては、今だとサブパーティだと実現できないみたいな課題が
@spring_raining
はい、あったりする
@potato4d
みたいです。なんで、結構そのあたりはちょっと今後、もしかしたら増えるかもしれないんですけど、なんか、こう凝ったを作りたいなっていう風なところを思い出すと、壁にぶち当たることはありそうだなっていう気が
@spring_raining
します。うん、なるほど、
@potato4d
あとあれですね、なんか、もう1つはほんとにただの要望なんですけど、あの、せっかく検索と同時にキーワードっていうのが指定できて、要はそのキーワードに入っている文字列に 合致すると、検索の時のフィルターに合致したやつが表示されるみたいなのに、使えるキーワードっていうのがあるんですけど、そこの キーワードに合致している場合にまで来れば、こうキーワードから飛んできた場合にハイライドするとかあってくれたら嬉しいんだけどな。ディティール画面で、ハイライドするみたいなのがあったら嬉しいんだけどなと思うんですけど、なんか現状そのなくて、
@potato4d
一覧から特定のキーワードを検索して、アクセスしたっていう時に、そこまでこう。例えば、ハイライトして、スクロールしてくれるみたいなのがあったら、こう話か、いじめる。
覗きメントでいうurlの最後に、あのシャープがはいついては、あの特定のidのとこに移動してくれるみたいな機能があったら、 こうすごいマークダウンの連打の時には便利だなとか思うんですけど、なんかこうそういう
@potato4d
ま、こういった機能はまだないっていう風な感じ。はいはい、なんで、この辺りはこうあると嬉しいなと思ったりするっていうところなんで、まあまだちょっと 柔軟性がめちゃめちゃいいがの表現に柔軟性があるかっていうと、ま、そうではないかなっていうのが、今のところあるかなっていう気がしました。
@spring_raining
ま、そのネイティブのえ、uyを使う軽さのトレードオフというか、まあ、ウェブほどの表現力がまああるってわけではまだまだない。
@potato4d
そうですね。そうですね、まあ、でもその分警戒さっていうところに振ってるんだなっていうのは感じますね。
@spring_raining
ま、でも、これはなんか正しい判断という気はしますし、まあ、これから全然あの、そのスペインのところとかもそうかもしれないですけど、 強化していくっていう途中の段階なのかもしれないですね。
@potato4d
そうですね、なんかこう公式の機能としてはあるっていうことは、いずれはできるはずっていうのは、希望を抱いてもいいのかなと思っ。
@spring_raining
うん、うん、あ、そうですね、私は結構使って見てて、そんなになんか あの利用者側の目線では、ほんとになんか全然不満はない。
@potato4d
ああ、わかりますそうなん、
@spring_raining
不もあげろと言われたら、あのフローティングノートっていうレキャストの機能が でま、それそれを複数出したいぐらいです。ああ、はいはいはいはいめメモ帳みたいなのがあるんですけど、多分1つしか今開けないんで。
@potato4d
そうですね、はい、
@spring_raining
それをいっぱい開きたいっていうぐらいですかね。ほんとにただの要望なんですけれども、ま
@potato4d
あでもいっぱい開けると、あれはなんか普通に便利そうですよね。やっぱり、
@spring_raining
私はあのコットエリターのウインド行った00万なんで、
@potato4d
なかなか。このフローティングノート1個だったら、ここに全部書くのは厳しい
@potato4d
感じがありますからね。
@spring_raining
ほんとにメモ帳ですね、ちゃんと用途が終わったら、消してくださいって感じ。そうそう、そう
@spring_raining
すごいあの机の上を片付けろみたいな感じになってしまって
@spring_raining
ま。でも、あの開発者側としても、ちょっと使ってみたくなりましたね。け作対象のドキュメントがあったとして、それをすぐに出したいみたいな。
はいはい、両手でぱっと出てこない例えばなんですかね。英単語帳とか、
@potato4d
はいはいはい、
@spring_raining
まあまああの思いつきですけど、そういうすごい個人的な用途で使えるし ていきたいなっていうこれ。あの、ちなみに、その開発途中とかっていうの、あの、プラグインの体験みたいなのって、 何か感想はあったりとかしますか。あ
@potato4d
あ、開発体験で言うと、なんか普通に総合的にかなりいいなっていう気がしていて、なんか、もちろんリアクトtsで 提供されていて、かつしっかりドキュメントが整備されてるんで、なんか書き始めるのにコストがからないっていうのは、もちろん、あのレイキャスト側のそのシエライツールの方で。
そもそもホットリロードみたいなのが対応していて、コード書いたら、もうそのままコード書いた後にエクステーションをもう1回開き直すとか、もうその時点でその新しい
@potato4d
エク選手の行動になっていたりするんで、なんか、こうそういったところまで含めて、もうオールインワンで提供されているっていうのがあって、かなり体験としてはいいなと
@spring_raining
便利だし、すごい。あの、ホットロードとかも完全にウェブフロントのか。そうですね、
@potato4d
なんですごいやりやすいなと。
@spring_raining
あの、LINEのエンジニアブログで、以前確か、あのフィグマのプラグインの開発。はいはいはいはい、話がなんか あったかなと思うんですけども、そこの欠点がやっぱりその開発体験みたいな感じ のことを書かれていて、あの、その開発中のものを確認する方法とか、あと、なんかデプロイガやり直しが効かないみたいな。
@potato4d
ああ、はいはいはい
@spring_raining
張するみたいなのが書いてあって、そういうなんか、あの開発体験も割と重要 だなとは思ったんですけど、なんか聞く限りだと、ほんとにそこも欠点がなさそうって感じはしましたね。
@potato4d
そうですね、なんか、フィグマのやつはそれこそちょっとイニアブログの方より見てもらえればなと思うんですけど、あれば、結構デプロイとか、 あと、レブビルドのサイズとかも色々あったかなと。あ、あ、はい、まあ、ローカル向けゆえだとは思うんですけど、レイキャスト側はこうすごい デベロッパー、エクスペリエンスには気を使ってるなっていう気がしてて、すごいいい作りだなとか思いましたね。
@spring_raining
そうですね、あの、このストアのしみとかも面白かったですね、そのコードが全部 見れるし、しかも、そのあの行動が全部1つのリポジトリーの中で管理されてるっぽくて、
@potato4d
ああ、そうなんすよね、そうなんです、そうなん
@spring_raining
なんでしたっけ。なんか、エクステンションズっていうそうですね、ポジトリがあって、そこになんか多分ブリクエストの形で、このパブリッシュみたいな 感じなんですかね。すごいなんか手軽そう、
@potato4d
すごいこれなんかいいですよね。もう、エンジャーフレンドリーというか、なんていうか、はいはい、
@spring_raining
あのタイプスクリプトでの型定義の管理とか、あと、 ノードブルーとか、そういう感じのなんか、もう全部その1つのとこで管理されてる感があるのは特徴的です。
@potato4d
いや、そうなんですよね、これはなかなかいいやり方だなうんと思いますよね、
@spring_raining
すごい褒めてばっかりですね。
@potato4d
いや、でも、実際かなりこれからに期待ができるようなツールだなとは思います。
@spring_raining
特にそうですね、フロントエンドエンジニアは、かなりらこういうのが開発する立場にあるという面で、ラッキーですね。
@potato4d
いや、そうなんですよ、これからこっちに寄っていってくれると、私たちとしては、非常に
@spring_raining
そうであります。はい、じゃあ、最後になんか今後こうなっていってほしいみたいなの
5. 今後の期待
@potato4d
あると、
@potato4d
ああ、そうですね、それで言うと、なんかもう結構現時点でとりな。アプリケーションていうスポットライトの を、ベタなエクスペリエで、体験したいみたいな人にとっては、1番いいチョイスになり得るのかなとは思ってるんですけど、 なんかこう一方で、さっきも話した通り、こう拡張機能であったりとかっていうところの自由度みたいなのは、まあまだこれから対応していくものがあるのかなと思ってるんで、こう普通に使う分にはもう十分なんですけど、こうさらに
@potato4d
新たな体験とかをいろんな拡張であったりとか、サードパーティーが作っていくっていうところが、なんかこうやりやすくなってくれると、もっと今だと使えないようなツールとの連携とかもできるようになるんで、こう便利になるんじゃないかな、とは。はいはい、思ってますね。
ま、ただ、なんかこう。それのためにパフォーマンスが犠牲になったりすると、マ戦とな気がするんで。なんか、この警戒さみたいなのは、結構 貫いてほしいなっていうのはい、ありますね。
@spring_raining
そうですね、こうバランスを取りつつって感じで、私もあのエクステンション開発したいとは思いつつ、表現力が限界を ある程度把握してからっていう。ちょっと気持ちはありますね。
@potato4d
ああ、そうですね、そうですね、なんでちょっと例えば軽く試作してみて、ちゃんと機能が足りてるかどうかは見てからやる感じになるかなと思います。そうですね、
@spring_raining
まあ、なんかほんとに最初は簡単なものを作ってみてからっていうのがよさそうな感じがしました。
@potato4d
そうですね、
6. クロージング
@spring_raining
では、今回は反対さんにレイキャストについてえ、聞いていきました。
LINEのフロントエンド組織uytでは、このような技術的なキャッチアップを日々行っております。
ヨイテンサイド以外にも、毎週の社内勉強会で、フロントの情報交換を行っています。
@spring_raining
今後も、itサイトを通して、このような情報を外部に発信していけたらと思います。
最後に、現在LINE株式会社では、新卒、中途採用とに大募集しています。このポットキャストを聞いて、lに興味を持たれましたら、 湘のと1番下にある求人ページから、ぜひアクセスしてくださいそれでははたさんありがとうございました、
@potato4d
ありがとうございました。
