音声書き起こし
1. オープニング
Guest
こんにちはこんにちはえ、今週もえよインサイドやっていきましょう。え、まず初めにですね、このポッドキャストについて説明いたします。
Guest
このポッドキャストは、LINEuytsに所属するエンジニアたちが、毎週最新のフロンドの動向について語るためのポッドキャストです。
Guest
最新のweb表示の動向や、開発、フレームワークの変遷は、またuiやuxに関することまで、年収までの内容をキャッチアップすることを目的としております。
Guest
今週はですねえ、で、所属のジェスターである。え、私はたと一緒にですね。えちゃんさんとえチャさんをゲストに加えて、え、2人で進行していきたいと思います
Guest
よろしくお願いします、お願いします。というところで、えーちゃんさん自己紹介、軽くお願いできますでしょうか。
2. changhee さん自己紹介
Guest
はいまちゃんフィと言います。ま、所属はUITsでプロントエンダーエンジニアやってます。まあ、あと主に開発してるのは、公式アカウントラインの公式アカウントですね。の方、開発を担当していますよろしくお願いします。
Guest
はいということでえ、今回初登場となりますけれど、も、え、またUITのえ方から。メンバーの方え呼んでえ、やっていくことになりました、よろしくお願いいたします。あざます
3. GitHub Package Registry と Private NPM
Guest
今日今回のテーマですけれど、もえ、ちょっとネット見ててま。UITのテックのえり、1周とかにも貼ったんですけど、まあ、ギットハブがプライベートルリコジトリの
Guest
誘拐したっていうのがまちょっと面白かったんで、この辺から話繋げていければなと思うんですけど。そうですね。
Guest
まあ、結構これはま、どんなものかっていうところ、紹介させてもらうと、ですね、リッドハブがえ、まだちょっとベータのサインアップを受け付けてるみたいな状態なんですけど、
Guest
npmとかドッカーとか、ま、あと、ジャパンのメイとか、あのシャープのヌガーとか、
Guest
あとは、あのレビーのジェームとかパッケージ、レジストリをえ、ギットハブ上でコストでできてま。ギットハブのえ、権限管理に合わせたところでえ、結構うまくえ扱っていけるっていうものがえ出ている
Guest
っていう状態です。まだ、ちょっとエンタープライズに来るかどうかとかわかんないんですけど、ま、結構面白そうだなと思っていて、ま。ちょっと。でも、ただこれを見てて、
Guest
そごうちの会社って、結構プライベートnpmをえ、立てていいたよなと思っていてま。ちょっとその辺の
Guest
話をですね。今2it内でプライベートnpm周りを担当することになっているのがえ、チャンプさんなんで、ちょっとその辺
Guest
聞いていければと思ってるんですが、聞いていてもいいでしょうか。はいはい、じゃあ早速聞いていければと思います。
Guest
はいはい
4. LINE 社内で動く Private NPM
Guest
まそうですね、まあ、LINEの中で基本まあ、そういうそ同じようなことをやられてる。その会社もいっぱいあると思うんですけど、あの、LINE社内で作ったnpモジュールっていうのがまいっぱいあるんですね。まあ、中で地はねossではないものですね。
Guest
まというものが結構いっぱいあってま。それらをどうやって管理していくかっていう
Guest
というその課題があって、それでまあ社内でいくつかまほぼま提案されてたんですけど、プライベートnpmを立てて、こう利用していますそれをレジストリーとして利用しています。
Guest
で、まあ主にそうですね基本的にはnp、元々、本家のnpmをもキャッシュして
Guest
ま見らしてるので、まあ、基本的にそれをレジストリに指定すれば普通に。まあ、皆npmコマンドで使えるようになってるんですけど、ま、それに加えて、まあ社内でしか使わない
Guest
そのスコープでアマー付きのものですね。ま、あの方にま車内で開発したものま、パッケージをいっぱい使って作っています。
Guest
で、私がま開発してるところでは、
Guest
実際まいっぱいそうですね。ひろんな機能が集まっているま、公式アカウントという機能なんですけど、ま、そこではまそれぞれの機能機能ごとに、そのパジを
Guest
個別に作っていって。なので、やっぱりすごくプライベートnpmにすごく1番恩恵を受けているサービスなのかなと思います。
Guest
結構あれですかね、画面ごとに開発して、それをパッケージとライブパッケージとして、公開して、え、1番上のアプリケーションの方で結合するみたいな感じですかね。
Guest
そうですね、なので、まあ基本まあ結構モレポとかするのも検討したんですけど、やっぱりそれぞれの機能に関る、関わる。その
Guest
なんつうか、担当者っていうのがすごく膨大にいまして、なので、そのやっぱりパケ。あの、レポイトリを分けて、それぞれのパッケージに分けた方がいいんじゃないかなっていう
Guest
のが始まりでした。で、まあ、実際ま裏側のパッケージ。あのnpmを見ると、まあソナタイプネクサスっていう
5. NEXUS による管理と Private NPM の嬉しさ
Guest
ものをまあ使ってるんですけど、実際まあこれがこれになった経緯はあんまり。自分もちょっと把握してないんですけど、まあ、おそらく多分昔ま名文とかこれも先
Guest
ほど話しました。そのキットーブのパッケージ、レジストリーとま同じような機能を提供してるんですけど、まあもまあかつてLINEでメイベオで、まあ、元々このネクサスっていうのを使ってたんですね。
Guest
なので、まあそこにまあ普通に乗っかる感じで、このフランテントのpパッケージも、そこに乗せることになってたと思います。ただまあそうですね、
Guest
やっぱりそうですね、普通のnpmと完全に同じようなものなので。
Guest
まあ、そうですね。まあ、パブリッシュとかはやっぱりま主導でやんなきゃいけなかったりとか。あとまciでいちいちこうて、あの設定をしなきゃいけなかったり、そういう不便も存在しています。
Guest
なるほど、なるほど、このネクサスってのは結構あれですかね。パッケージ、レジストに全部を管理できるソフトや、みたいな感じでしたっけ。
Guest
そうですね、まあ
Guest
ま簡単にま紹介しますと、結局ま本家のアペも常に存在するわけなんですけど、基本的に本家をこうキャッシュしていて、例えまあそうですね。例えば、もし
Guest
あの本家とこのレクサスの方で、同じような同じ名前のパッケージが存在する場合は、まずあのレクサスを見てから本家に行くんです。
Guest
なるほど、なるほど、
Guest
ひとえあれですかね。あの、いたプライベートのnpmの方に接続先を設定しておけば、自作パッケージは優先してプライベートnpmをさしてもらって、本家え本件の内容ま、例えば、そのフレームワー本体とかは本家の方から持ってくるって感じですかね。
Guest
そうですね、まあまあでそれまなので、もし本家の方にまあんまりそういうことないと思うんですけど、本家の方のパッケージになんか問題がある場合は、まあ、こちらで作ったまものをお払いとして、
Guest
こうパッケージをインストールしたりとかもできますし、あと、もしま本家が落ちたとしても、まあ問題なくサービスを継続できるという利点があると思います。
Guest
結構一時期はあれですもんね、なんか、レフトパッドとか、そのパッケージが消えちゃうことってよかったと思うんで、そういう時にも便利でだったようなとは思いますね。
Guest
あと、やっぱプライベートnpmも使うとやっぱま。これ自分の個人的な経験なんですけど、
Guest
うん、前。まあサプライズみたいな感じで、npmj本kの方にこうプッシュしてたことがあるんですね。時があるんですけど、やっぱりそれをまログインすると、npmjであのnpmjsで。
Guest
あのまあ見れちゃうんですね。そのインで作ったパジとかがま見れちゃうので、やっぱりまあ、そんな風にそういう考えると、やっぱりプライベートってもまじ本件の
Guest
すいません。
Guest
ま、プライベートnpmを自分の方にこう置いて、やっぱり運用していくと、やっぱりそういう安心感は確実にあると思います。
Guest
結構これ、ほんとにちゃんと非公開になってるんだっけ。みたいなんが、まあ、プライベートだったら散歩されてるって感じですね。そうですね、確かに、まあ、その辺の心理的な障壁とかは、割と
Guest
取っ払いやすいような仕組みがプライベートにありありますよね。いや、確かにそれもあんまり考えてなかったけど、
Guest
そういう意味ですごい。まあ、心理的に助かってるって感じですね。
Guest
確かに、確かに、
Guest
自分もちょっとその会社け関連でそういうのをそのこの会社じゃないですけど、やってた時に、なんか何回かそのログインしてない時に見ないと、やっぱり怖いみたいなのがあったんで、それはすごい確かに言うんだと思います、ありがとうございます、
Guest
そうですね、ちょっとそんなえプライベート、エビ事情。えーなんですけど、まあ、ちょっと自分も触ったことは何度かあるんですけど、ま、ちょっとがっつり使ったことはない。えこものとして、お聞きしたいのがま。なんか、内省でプライベートエピエ用のそのウェブみたいなのをつ
6. 自作 Private NPM 用 UI「Prini」
Guest
使ってるって話があると思うんで、ま、ちょっとそこについて、詳しく聞かせてもらってもいいですかね。はい、
Guest
あの、まあちなみになんですけど、あの、そうですね、そのプライベートエピ立てただけでは、まずまuinpmみたいなuiっていうのがまず存在しないんですね。
Guest
なので、まあ全てをま、コマンドライン上で、まあ、パキジのリストとかとったりまできるんですけど、やっぱりま、そういうのはやっぱ不便だなと思ってま。実は、あのLINEの社内で、まあ、フランテンドの側の部署で、
Guest
あの、そのuiwebのuiっていうのを自作して、まあ作ってあ、使ってます
Guest
このプリニってやつですかね。
Guest
そうですね、まあプリにまあ、ちょっとそうですね、画面を見せるお見せすることはできないので、ちょっと簡単に紹介しま
Guest
ますと、まあ、基本的に見た目はさみの見た感じでは、npmjドットコムと似たような感じなんですけど、まあ、そうですね、そこに
Guest
まあ、デプロイっていうま機能がありまして。まあ、多分これプリニーの1番の多分強みだと思うんですけど、そのデプロイっていうメニューで、まあ、キッドハブ上にあげている
Guest
パッケージをま、パッケージソンさえあれば、まあ、それをそのwebuy上で、あのパブリッシュできるっていう機能を備えています。
Guest
で、まあ実際ま使ってみると結構いろんな利点がありまして。まあ、元々これを使わないとみんなローカルが
Guest
ま試合経由しない限り、あのローカルでそのnpmパブリッシュコマンドを叩いてこうパブリッシュすることになると思うんですけど、
Guest
ま、そうするとみんななんですかね。ローカルローカル作業したものと、キッドワブ上に上がってるものが、もしプッシュしせとかで、
Guest
こう合致しなかった時に、結局まぐちゃぐちゃになってしまうんですね。実際にパッケージ上がったものとまコンプリートをきたり、ま、そういうことが起きます。
Guest
なので、まあまずきっと。まあ、フローとして開発のプロセスとして、あのキット上にまずじ最新の行動をプッシュして
Guest
まで、それをあのウェブウェブy上で、自分がま駆使したポジトリとブランチを選んで、パブリッシュするっていうプロフローを作りました。
Guest
結構あれですもんね、まあ、皆さんも多分これ聞いてもらってる人も、その自分のnpmパッケージとか、崩壊することとか
Guest
あると思うんですけど、まあ、そのそもそもえmpmかぎっとり越しだけとかからできなくてま。結構もうめんど、なんか試合環境作るのめんどくさいとかで、結構みんな
Guest
その手元でmpmパブリッシュしがちだと思うんですけど、まあ、結構そこの事故も防げてるってのはすごいいいことなのかなと思いますよね。
Guest
そうですね、あとまあやっぱりレジストリーをま。社内も、例えば、もしスコープ付きで、あの内省のパッケージを非公開でこうプシュするときに、もしま
Guest
指定し忘れで、レジストリーを本当に本家の方に向けちゃったりとか、はいはいということ、そういう事故が起きる可能性もあるので、まあ、そういう意味で、そのパブリッシュのプロ自体をま一本化するっていうのは、結構大事だったと。あ、
Guest
確かにそうですね、プライベートの場合は、ほんとに会社の情報とか、ちゃんと書かれてるコードとかが、もし上がっちゃったらまずいですね。
Guest
確かにそういうやばさ、もげそうなんでいいっすね、
Guest
いや、結構そう初めて見た時に、これこれなんなんなんだろうと思ってて、なんかoffとか持ってきたのかなと思ってたんですけど、結構内省してるってのが結構びっくりして
Guest
そうですね。まあ、中身見るとまあ意外とそこまで難しいことはしてないんですけど、まあ、いわゆる。まあ、本当にちっちゃいし、iみたいのが回ってると思えばも思っていただけば良くて。
Guest
そのキッドハブのレポジトリの権限を持った人が、そのブランチを選んで、パビッシュボタンを押すと、サの方で、
Guest
そのレポジトリを苦労してきて、まあビルドなりなりま。テストなりも回すものがあれば、それを回して、それをntmパブリッシュ、コマンド中でサーバの方で叩いてくれて、パブリッシュをしてくれるっていう仕組みになっていますね。
Guest
ほんとにそうですね、試合設定を自由や活かしたみたいな。
Guest
そうですね。そうですね、しかも、何も設定がいらないので、ほんとにパッケージセェイソンさえあれば嬉しい関係になってます。
Guest
いや、めっちゃいいですね、
Guest
いいと思いました、
Guest
ありがとうございますあ、じゃあ今はあれですね、ネクサスでホストしているえ、まれず、レジストリ自体はネクサスでストしていて、え、そのウェブとしてプリに使ってるっていう合成で回してるって感じですね。そうです、
7. Node.js ベースの OSS Registry「Verdaccio」
Guest
このソナタイプネクサスっていうのを今使わせてもらってるんですけど、まあ、やっぱりどうしても私たちがフロントエンド側で、それを管理してるわけではないので、まちまあそこで問題が起きたりすると、やっぱりいろんな人にこう関わってもらって、対応ししったりしなきゃいけない。
Guest
いう。まあ、問題があったので、結構最近はベルダッチオっていう。まあ、osがあるんですねまあ、知ってますか、聞いたことありますか、
Guest
自分はちょうどこの会社で導入します。みたいな話になった時に、初めて知ったんで、ちょっとどんなんか実はまだまだほとんど知らなくて、とりあえず購入書き換えたみたいな状態なんで、教えてもらっていいですかね。はい、まあ
Guest
これも簡単に紹介しますと、まあ、ほんとに簡単に1番手軽に
Guest
プライベートnpmを立ち上げれるっていうossになってまして、本当にインストールも簡単で、まnpmインストールま、グローバルでインストールするまベルダッチをインストールしてまジペダチよていう
Guest
て実行するだけですね。まあて、まあほんとにdbとかもほんとにそういうインストールが全くいらないので、まずまあ、手元にパソコンがある方はほんとに試してみてください。
Guest
まあ、これを立ち上げ、たまこのそうですね、それを立ち上げたサーバーをまレジストリーとして、npm側にま登録していただいて、ま、そこにま簡単に
Guest
まそうですね。自分が作った外にあんまり出したくないものでもいいんですけど、ま、そういうパッケージをプッシュしていけると思います。
Guest
ほんとにこれだけあれば、もうデータベースとかも何もなくて、動くって感じですかね。
Guest
そうですね、まあ、中で多分何かしらやってくれると思うんですけど、ま、その分そうですね。あまり中の仕組みは気にしなくてもいいくらいま立ち上げたら、もう全てのウェブとかも全てま揃った状態のものが立ち上がります。
Guest
すごいですね、そうですね、なので、まあまあ徐々に少しずつまま。今、社内でもその上げてるパパッケージをベタオの方に移行しようと、今進めています。
Guest
じゃあ、まあこれまでは結構その自分たちUIT以外で管理していると、リプラスま。ただuiとしてほしいから、プリにって感じだったのは
Guest
が。まあ、そのメイリポジトリも含めて、UIT内で管理していこうってかていう流れにこうしてしつつあるって感じですかね。そうですね、なるほど、います
8. 「Verdaccio」誕生後の Private NPM 事情
Guest
まとなるとですね、ま、結構今ちょっとベルダチ。もえ、今ちょっとこの編集切ってる間にちょっと見させてもらったんですけど、そのあのベルタチオとか見てると、え、なんかウェブイワイもついてきて、そうみたいなところがあるんですけど。はい、
Guest
これが結構そのメイン運用になってきたら、そのプリニとかとどうやって共存していくみたいなところって、なんか展望とかってありますか。
Guest
そうですね、実際そうですね、ベルダチにはまあ、デプロイ機能っていうのがまずまついてないですね。ま、あ、くまでも社内でこう必要に応じて作った機能なので。
Guest
なので。まあ、そうですね。まあ、プリニーっていう。まあ、内省のものま。多分ossになれるかもしれないんですけど、ももやっぱりま共存はすると思います。
Guest
パブリッシュ用のツールみたいなところで。
Guest
そうですね、やっぱりやっぱりそうですね、みんな助かってる人もいるんで、まあ、すぐなくしたら、やっぱり困っちゃうかなって感じですね。
Guest
ま、ただ一方でま、結構ベルタ帳がその使えるシチュエーションも増えていくって感じですかね。そのベビア的にも
Guest
そうですね、まあ、何よりもやっぱりそういうエペフロンタレント側で使ってるpパッケージをやっぱり、フロントエンド側で管理しても維持していくっていう。のにかく大きな意味があると思。
Guest
はいはい、じゃあまあネクサスとして、ネクサスから人とまず大体としてどんどん移行していきたいよねって感じですかね。そうですね、なるほど、
Guest
いや、でもやっぱそうなってくると、結構まとはいえ、結構プリン自体も便利なツールだと思うんで、ちょっと名残りをしんで、ほんとにossとかできるなら、していきたいところではありますよね。ちょっと誰がメンテナンスるか、話が出てくると思うんですけど。そうですね、できる、
Guest
いつかできるといいなって思います。やっぱりなんか、まあ、すごい複雑な試合ツールとかいっぱい出てると思うんですけど、これはほんとに。そので、あの株収するためだけのほんとに特化したツールになって
Guest
のでま。色々。多分
Guest
そうですね、結構ちょっと。まあ、セキュリティ面でもちょっと補強するところはあると思うんですけど、まあ、少しまあちょっと手を入れたら、手を変えたら、多分ウスにもできるんじゃないかなと思います
Guest
ね。ちょっとその辺も、個人的にはちょっと楽しみだったりします。ま、ちょっと難しいかなとは思いますけど、
9. GitHub Package Registry への期待
Guest
じゃ、ちょっとそのまあ内部的にはそんな感じで。まあ、ベルダチをやりつつまちょっとプリも使っていきたいよね。みたいな感じだと思うんですけど、
Guest
そういえば、ちょっと冒頭で、ギッドハブのパッケージで、リストリーの話もえしましたけど、うちの会社って、ギッドハブエンタープライズ使ってるじゃないですか。そうですね、それが、もし例えばエンタープライズとかにも来たら
Guest
どうなりそうですかね。
Guest
まあ、そうですね、やっぱりまあヒットハブ上の上でまあええpmnkが入るようなもんですね。なので、やっぱりそうですね、今まで
Guest
ままプリニーでわざわざそうですね。あの、キットハーブにの方に、まずプッシュコードをプッシュして、まあ、そっからプリニー上で
Guest
そのここちらで立てた。そのプライベートnpmの方にプッシュするっていう。まあ、フローをやってるんですけど、ま、それがやっぱり
Guest
そうですね。レジストリーがキッドハーブ上に存在してくれると、まあ、一元管理ができるっていうか、まあ、常にあのキッドハブの方のものがマスターっていうのがやっぱ保証できるので、すごく管理しやすいかなと思います。ただ、まあそうですね、
Guest
実際にエンターペースに来るかどうか分かりわからないんですが、まあ、そうですね、まあ、そうです。個人で利用
Guest
そうですね、お、エセス対象だと、これはこの機能は無料で提供するらしいので、皆さんもこう試していただけたらと思います。
Guest
そうっすね、まあ、エンタープライズ来るかどうかって
Guest
ね。あるとすごい便利だなと思いますけど、まあ、さっきベルタチような良さをどんどん話した話しましたけど、ま、そうですね、ベルタチいらなくなると
Guest
もしれない
Guest
ま、ただあれですよね。ま、雇用がこわここがまがどの道ベルダチでは結構便利な使っていけるんで、
Guest
ま、今立ててる家はめちゃめちゃあるよなって感じですね。そうですね、
Guest
ま、結構これからが楽しみですね。この辺もいや、でも、結構そのノードjsでも、ほんとにnpトルするだけで動かせるぐらいベタリpmってめちゃめちゃ魅力的だよなと思いましたし、ちょっともしえ、今回ので初めて聞いたって方は、
Guest
初のトリプルズとか貼っとくんで、ぜひぜひ見ていただければと思います。
Guest
えーということでですねえ、今週はえとちゃんきさんとともにですね。ちょっとプライベート、エピエの話を
Guest
させてもらいました。LINEUITシアでではですね。このようなジャバスクリプトとかま、フロントエンドの話ま、今回はフロントエンドに限らず、ま、結構プライベートにピーのは話まで
10. クロージング
Guest
広がって話していきましたけど、ま、こんな話について、日々議論とかディスカッションが行われています。
Guest
ギズハ衣装をベースにしてですね。毎週最新の情報を共有して、
Guest
毎週金曜日にですねえ、勉強会みたいなものがあるので、そこで、えそれぞれが持ってるナレージを共有する会議が行われていたりします。え、直近で
Guest
話題になっていたえーもので言うとですね。ま、ちょっと今一瞬見ますと
Guest
そうっすねえま、今えーパッと見て1番初めに飛び込んできたのは、w3cとですね。ワットワーキンググループが、h目の首の周りのハンドリングっていうのを、結構フィックしたみたいなところがえ出てた
Guest
します。まあ、元々ですね、結構ワットワーキンググループの方を見ていればいいみたいなえ、状況がに近かったところでありますけど。え、正式にですねw3cの方が仕様の勧告を
Guest
えしたりせえし、策定していったりするのをやめてですねえ、基本的には、ワットワーキンググループに移譲するって形になったみたいです。ま、こんな感じでですねま、結構
Guest
えjpスクリプトに限らず、まあそのhml的なところまでも含めて。こんな形で話が行われていたりします。
Guest
他にもえ話題になっている内容については、リンクを貼っておきますので、ションノートの方え見ていただければと思います。
Guest
その他ですね。このポッドキャストについてのご意見や、ご感想もお待ちしております。え、ハッシュタグシャープ、UIT、アンダースコアインサイド、え、シャープUIT、アンダースワインサイトで
Guest
つぶやいていただけます。とえ、twitterの検索の方行っておりますので。今後のコテで作成の参考にさせていただければと思います。
Guest
ということで、今週はプライベートビーについて、チャンクさんとともに話していきました、ありがとうございました、ありがとう