火曜日のおフロ
Search ...
⌘
K
ポッドキャスト
ブログ
占い
ゲーム
ShowCase
Search ...
⌘
K
#178
853 cues
1:56:27
Episode #178 transcript
transcript をクリックすると YouTube player がその時刻へ移動します。再生中の行は自動でハイライトされます。
00:00
週1で配信 YouTube にあかえ
00:00
毎週でよろく
00:17
すと30のエンジニア語り合う勉強会の延長みたいな場所。フロント エンドの最新ニュースあいコーディングをつかいこなした現場のリアル
00:26
包み隠さずゆるく深く話そう。
00:29
火曜日のお風呂と夜の朝にリアクテウィーク毎週
00:37
最新ブラウザの話題からここで
00:41
かっされんしぴフロントエンドから AI コーディング多岐にわたる エンジニアトークコードと仲間と熱い議論
00:53
火曜日のお風呂で会いましょう。
01:11
議事紹介ツールの話実教環境どう使うおすすめのあれこれ
01:20
シェアしあおう。
01:26
火曜日のお風呂と夜の朝にリア
01:30
クテウィーク毎週最新ブラウザの話題からここでかっされんしぴ
01:40
フロントエンドから AI コーディング多岐にわたるエンジニア トークコードと仲間と熱い議論火曜日の
01:51
お風呂で会いましょう。火曜日
01:57
のお風呂
02:00
また来週
02:07
火曜日
02:11
の朝に
02:15
待ってるよ。
02:24
火曜日のお風呂と夜の朝にリアクテウィーク毎週
02:31
最新ブラウザの話題からコードコーデかっされんしぴフロントエンド から AI コーディング多岐にわたる
02:44
エンジニアトークコードと仲間と熱い議論火曜日のお風呂で会い ましょう。
03:22
はい。はい。178
03:28
まあ、9はまあ、そんなないかな。1週間分という感じで。うーん。
03:36
まあ、色々ね。うん。 Google I/O とかもあったりとかし たけど。ああ、そうか。そうでしたね。ああ、 Google ネタ
03:42
多かったな、そういえば。ちょっと追えてないというか。確かに。
03:48
まあ、なんか Web の話知りたいなと思ってあまり追えてないって 感じなんだけど。まあ、確かに。うん。
03:59
じゃあ、もう話出たから Google I/O から先に行くか。
04:04
行くか。うん。
04:10
まあ、色々まあ、 Gemini が Gemini CLI が死ん でアンチグラビティ CLI しか使えなくなったっていうのは知っ
04:19
てるんですけど。
04:22
うん。で、まあ、新モデルが出てみたいなアンチグラビティは結構 変わってみたいな。うん。これはなんとなく把握してる。うん。はい。
04:35
で、まあ、フラッシュ3.5が出ましたよっていう
04:40
やつで。うん、うん。うん。まあ、高いんすけどね、これめっちゃ。
04:48
ああ、そうなんだ。はい。残念ながら。
04:52
どれどれ?どれどれ?
04:58
えっとまあ、フラッシュ3から、まあ、3.5で結構色々上がってます よね、と。
05:06
うん、うん、うん、うん。なんすけど、あの、3倍になってますんで、 値段は。
05:12
うーん。
05:15
もともと0.5だったのが1.5になってるのかな?
05:21
はい、あの、ページが出てこないんだよ。
05:26
へえ。
05:35
そうか、そうか。ああ、これか。
05:40
あれ?これなんでここに値段書いてない?
05:52
ブログにはないのかな?書いてなかったっすね。
05:57
ああ、そこ?
06:03
は?どこ行った?値段。
06:08
無料に無料になった。ああ、無料か。やった。
06:16
無料か。
06:19
なんでこれ分かりや、分かりづらくすんの?しょうもない。
06:27
どこ行った?
06:32
現在の利用料。
06:37
よいしょ。もうええか。
06:42
いつものここで見るか。
06:49
てかあれか、 Gemini CLI 使えないんだったらボット君 それも入れ替えとくか。
06:56
うん、そっすね。
07:00
あっ、あっ、あっ、あっ。あっ、か。あっ。3.5フラッシュいました ね。うん、うん。
07:07
ああ、本当だ。プライス。うん。
07:10
1.33フラッシュ。
07:16
1.3、1、まあ、これブレンディットなんで
07:19
アウトプットとインプット混ぜてって感じですね。
07:23
まあ、3倍ぐらいなってますね。ああ、なるほど。うん。で、昔の Gemini ってのは5プロと同じぐらいの値段す。
07:32
うーん。フラッシュの良さが1つ消えてしまった。まあ、そうですね。
07:39
あれ?プロは3.1が新しいのか?それだと。あれ?そっすね。
07:45
そっか、そっか、そっか。プロはなんか来月だっけな?3.5出せるか もみたいな。ああ。うん。
07:54
ああ、そっか、3.1フラッシュのプレビューとサンプルだったのか。
08:02
そっすね。3.1フラッシュライトか。
08:08
うん。
08:10
そう、微妙に揺れるのは忘れるからやめてほしい。もう、本当に。 うん。わけわからないすよね。
08:20
なんかフラッシュは早いのは早いよ。フラッシュ早いすね。
08:26
うん。
08:31
で、今んとこはまあ、5.5はもうめっちゃ高くなっちゃったんで。
08:42
うーん、うん、うん。
08:46
まあ、僕5.4使ってますけど。ああ、同様。うん。5.4だとはい。 おいくらに?
08:55
5.4はもうちょっと安いすね。3ドルぐらい
09:01
ああ、でもそれでも結構高いな。
09:05
2、2ドルか。
09:09
まあ、半額以下ぐらいか。
09:14
1M トークンで USD
09:17
まあ、なんならコーデックスでも5.3コーデックスでもいい。いい ぐらいすけど。1.8うん。
09:26
結構いい性能してるんで。
09:37
高いな。
09:41
まあ、5.5使うんだったらオーパスでもいいかなって感じはします けど。
09:48
オーパスの I は結構低いんだ、そこに出てる。
09:58
まあ、一緒?なんで1M
10:01
ああ、てかあれか、まあ、1M 使うかどうかって話。うん。
10:07
値段自体は一緒か。
10:15
いや、僕最近20ドルプランでオーパスばっか使ってますけど、 めっちゃ使えますね。
10:23
持つ?はい。なんか昔は20ドルプランて一瞬でなくなってたイメージ ですけど。5分でなくなってましたけど。
10:33
うーん。まあ、30分、1時間ぐらいなんかぬるぬるやっててなくなっ てた。はい。まあ、今はあの
10:42
なんだ?イーロンマスクとまあ、おかげでうん。なんかめっちゃ使える ようになってますね。へえ。
10:51
てかオーパス普通のそのプランでも使えるんだ。なんか昔使えなくなっ てたんだけど。昔はああ、使えますね。オーパスよデフォルトになった
11:00
からかな?
11:04
うん。
11:06
うーん。で、普通に
11:10
1つの1個のタスクは完遂できるというかプランしてで、そうまでは できますね。
11:20
うん。
11:24
5時間枠はそこで途切れるけど。ウィークリーの枠は全然余ってるんで
11:32
1週間使い切れそうという感じすね。結構ウィークリー逆に使うの むずいよね。そう、そう、そう、そう。ウィークリーがそう、そう、
11:40
そう。5時間ウィンドウが厳しいんで。
11:45
うん。
11:50
なんで今オーパスとコーデックスを併用して
11:54
使ってますけど。うん。
11:59
まあ、6月からコパイロット使えなくなるから。
12:04
使えなくなる。そう、そう、そう。まあ、実質ね。まあ、実質。
12:10
今もう1個してますね。ああ、失われてしまうから。
12:16
かなりいいですね。コパイロット先駆けだったのに。うん。
12:24
まあ、お金だけ払ってくれてたという感じすかね、代わりに。
12:31
別にコパイロットはい。何の便利機能もないし
12:37
ただ安いだけという。
12:40
まあ、まあ、まあ、うん。
12:46
普通にコーデックスをかクロードの方がいっぱい機能ついてるし。 うん。
12:57
という苦しがええ。
13:02
うーん。えてローカルで動かせるやつってああ。もうちょっと性能悪い やつになっなるんかな?やっぱ。ローカルで、まあ、ローカルで
13:12
動かせる
13:17
ローカルで動かせる
13:21
マシン?いや、そう、そう。ローカルで動かせると言いながらその動か せないからな。
13:28
うん。なんかさ、そう、企業で結構何百人とかをさ、 AI API 利用料とかで使ってる会社で仕事してるからさ、今。
13:38
はい、はい。なんか1000万ぐらいの機械買ったりいいんじゃね、 みたいな話をちょっと冗談半分でしてて。でも普通にそれぐらいの機械
13:47
はい、はい。なんかできないかな、みたいな話をね、ちょっとしてたん だよね。はい、はい、はい。
13:53
毎月そんな払うより買った方がいいよね。うん。
13:59
まあ実際どうなの?は1000万ぐらいあったらなんかいい感じの機械 買えるんかな?動かせるんか。
14:06
Gemini 等2は確か2テラぐらいいるんじゃなかったっけ? 1.5テラぐらい。
14:14
うーん。 V RAM。うーん。
14:18
どうやってんの?いや、だからまあ
14:23
まあだ、マックの Mac Studio でなんか3つぐらい繋いで やるのが多分1番コスパがいいと思いますけど。
14:33
うん。前なんだっけ?ここでに教えてくれた YouTube で はい。
14:40
機械繋げてそう、そう、そう、そう、そう。ああ、そうですね。
14:45
Mac そう、なんか YouTube でやってる人いる。いました よね。まあ、それ
14:53
確か共有した気がするけど。うん。
14:58
Mac Studio って結構上位モデルっていうか上位版のやつで どんぐらいだっけ?
15:06
ああ、512なんであの、それを4つ並べると2テラじゃないすか? うん。なんでそれでやってましたね。 Gemini を動かしてた。
15:19
ああ、512いける?ああ、一応それはなんか YouTube で やってる人いたんで、そう、それを
15:26
うん。いけると思いますけど。でも512の最強のウルトラのやつは 多分100万超えるんで100数十万から。
15:37
そう、そう、そう、そう。1番高いやつなんで。じゃなくてまあ、だ から、まあ、4500、500万はしますけど
15:45
あの、いけますね。まあ、いけるけど
15:51
LLM の性能、モデルの性能。
15:54
はい。動くのは動くと感じすかね。うん。で、それがそのスループット 的にどうか、その大量の人が使った時にどうなるかみたいなとか
16:06
はあるけど。うん、だけで使うぐらいには満たしたい。うん。
16:13
いやてか Claude のあの200ドルのサブスクプランね、配っ ていいんじゃないすか?
16:22
そっちの方が安いんじゃないすか?
16:25
うん、いや、まあ、多分それはね、そうなんだよね。そう。それ、それ 尽きてからそれ尽きてから Bedrock にするとか。
16:36
ああ、うまいこと使えないのかな?
16:40
あれ、なんでサブスクを使わないのかってなんか具体的にそういう担当 の人の話を聞いたことないんだけど。ああ、そういうああ、なるほど。
16:49
具体的になんか
16:53
ああ、であればもうちょ、ああ、まあ、でもあれもダメだ。
16:58
データをはい、はい、はい。そういうやつですね。うん。保護したい みたいな話だと思うんだけど。まあ、だったらもうローカルで動かす
17:07
しかないすね。
17:12
今1番いいとされてるローカル LLM モデルって何なの?
17:16
これは Gemini 2すね。 Gemini 2.6。うーん。 うん。
17:23
へえ。え、あれか、なんか Claude 蒸留してる野郎みたいな 言われてたやつ?ああ、ど、どですか? Gemini ですか?
17:32
うん。 Gemini はどうだっけな?まあ、なんか中国モデル全部 言われてましたけど。あの、 Anthropic はなんか全部中国
17:40
モデル名指しして、あの、ブログで書いてありましたけど。はい。 Gemini 3.0ぐらい
17:49
そっか。それが1番賢し。一応、はい、これが1番すね。
17:58
なんだ?これはそっすね。
18:03
V RAM。
18:12
これサーバーとして、サーバーとしてってか1人用じゃなくて複数 セッションで使う時ってどういう動きになってんのかね?
18:20
メモリのうん。うん。なんかいい感じにベースの部分はメモリ共有する としてはい。なんかどういう動き方が
18:32
それはでも
18:36
やればいいんじゃないすか?
18:42
うーん。
18:58
量子化
19:00
98
19:05
500で
19:10
500かで1テラか。
19:16
あ、そっか、オーラムに乗せて、乗せてっていうか、搭載しておくって いうこと。
19:34
NVIDIA H 500
19:46
うーん。
19:55
モデルが600GB 。
20:10
うーん。
20:24
ま、1テラだったら2つあればいけますけど。
20:33
どうなんすかね。それが実に耐えるのかっていうのはちょっとわかん ないですね。動くけどっていう。うーん。
20:44
ま、ちょっとやってみたいよ。ああ。おー。
20:57
個人用でもマックス1台もう1個買おうかなと思ってたんだけど、なん か色々買わなくて、買ってて、古いしちゃった。
21:22
あ、一応ここに書いてあるのか。
21:27
公式のページがあった。うーん。
21:39
あ、あとはあれか、どれぐらい持つか。
22:04
うーん。
22:11
あ、あとそういえばあれがなんか日本に来たみたいな見たけど、あれは
22:23
ん?あの
22:30
このハードの
22:33
うん。
22:38
名前が出てこない。
22:41
え、なんだろう?
22:44
あの、安くグラボ借りれる
22:48
ところがなんかへえ。
22:52
え、レンタルサービスってこと?どういうこと?あ、そうそうそう、 そういうやつです。へえ。
23:01
あれ、なん、なん、なんて言うんだっけ?
23:06
あれ、ここにいた気がするんだけど。
23:10
どっか行った。
23:13
こんなのある。
23:28
なんすか。こっちの方がなんか現実的なのかもしれない。スパ
23:36
っていうのか。
23:41
ああ、これじゃないんか。これ来てないんか、まだ。
23:50
なんポット、来てない。 GPU クлауド
23:58
来てないんか。
24:04
GPU クラウドサービスの1つです。
24:20
ま、一応なんか日本リージョンもありますけど。うんうんうん。ラン ポットでも
24:26
RTX 5090とか使えない。って書いてあった。
24:31
うーん、枯渇してるのか。うーん、なんすね。ああ。
24:37
使えたらこっちの方がいいかもしれないすけど。
24:42
うーん。
24:45
なんか物理的に消耗することを考えて。そうそうそう。うん。消耗が あってバーって
24:53
ま、消耗するし、あの Mac の方は単純に VRAM の要件は 満たすけどうん。あの、パフォーマンスとかは普通にあの
25:04
NVIDIA のグラボの方がいいんで
25:08
転送量とかそういうこと?ああ、とか諸々。この H 200 H 200とかこういうもの。ああ。
25:18
このグラボだけで数百万するやつ。
25:22
ま、だけど H 200でも多分 VRAM が多分100GB も ないとかなんで、 VRAM の要件の方がこっちは満たす。せられな
25:29
いっていう。うんうんうん。やつなんすけど。
25:37
あ、でも
25:40
こういうので借りた方が
25:45
いいかもすかね、そのなんて言うんすかね。勤務時間帯だけなんか 立ち上げて
25:53
あ、確かにそれは釣りある。うん。
26:02
4090でなんか動かしてる。
26:10
ま、この辺を見ながらやるって感じですかね。
26:16
ローカルエリア。
26:20
なんかそう群馬に最近ちょっと34ヶ月いないんだけどうん。シェア スペースで5090が入ったパソコン買ったからなんかローカルやつ
26:31
入れて、なんかに言ってたんだ。マジか。
26:37
509、え?70万ぐらいし、しないすか、あれ?
26:43
ああ、ま、でもなんかうん。多分それぐらいしてるになっちゃうと 思う。へえ。
26:50
いや、50万ぐらい50万。
26:55
もう70万ぐらいすよね、多分。すごいね。はい。
26:59
59。他社だからね。まあまあ。
27:03
うーん。あの、気合い入ってる。なんか思ったけど。うん。
27:11
いや、そうなんすよね。これ、5080はまだ20万台なんすけど。 へえ。
27:20
5090だけはもうとんでもなく高いんで。
27:26
それは何?そんぐらい性能が違う?あの、それともあ、性能は、あ、 そうそう、ま、最新と性能が違うんすけど。ああ。
27:36
ま、あとなんか数がないみたいな感じで供給不足だから。そういうこと か。うん。へえ。
27:46
あ、今めっちゃ値段上がってる。はい。それ登録日去年の2月になっ てるけど、発売っていうか、発表それぐらいだったんだっけ?あ、そ
27:55
うっすね。去年1月ぐらいですね、確か。
27:59
あ、じゃあ、1年経ってる。あ、来年また新しいの出ますね。
28:04
2022回出るんで。
28:07
あ、僕もう来年待ちっすね。もうあの
28:11
5090はもう諦めました。ま、確かにここまでうん。あ、そもそも あの、あれが変わってないからな。
28:20
あの、5ナノみたいな、あのプロセッサーのあの小ささのやつ。うん。 へえ。いや、全部あの、 Apple に吸われてるんで。
28:31
ああ。前、前そうそう、前ちょろっと話したんで。
28:36
なんかあったね。うん。そうそうそう。 TSMC のそのなんか3 ナノがどうのか、5ナノがどうのみたいな、あのうん。サプライ
28:44
チェーン全部 Apple が握ってるから。
28:48
己。確かに。 Apple が使い終わった後に
28:55
一般消費者向けのこういうのが落ちてくるという。うん。だ、来年以降 すかね。なるほどね。 NVIDIA の世代って2年ごとに性能が
29:06
変わる。6、次そうそう、2年ごとです。2年ごとに5090とか。 そうだね。
29:13
10の位はなんかその、その中での性能みたいな感じだよね。あ、そう そうそう。5060からすね、多分。5050はないすね。60から
29:23
60 TI とか7070 TI 、8080 TI みたいな。 9090 TI 、で、 TI とかはあの、と
29:34
1年ごとかになんか遅れて出てきたりします。最初には、最初の ラインナップにはないけどうん。後からなんかその中間の
29:42
なるほど。70と80の間の70 TI ってのが途中で出てきたり する。
29:50
来年どれぐらいのお値段で、どれぐらいの性能で出るか。確かに。
29:57
来年本当に出るのかみたいな。うん。ところもあるけど。
30:04
中ぐらいのやつ40万円で売ってくれないか。
30:09
中ぐらい。
30:12
あ、そうそう。ま、その最上位90じゃなくていいから。ああ、はい はい。
30:19
90じゃなくていいんだったら全然30万ぐらいで230万でいけます ね。
30:25
9000。
30:28
ま、僕狙ってたのは5070 TI なんすけど。うんうん。それが 大体今19万ぐらいすね。
30:36
うーん。ま、もうちょい安かったんだけどな。今ちょっと上がってるん で。
30:41
うん。え、でも普通に GPU 買いましようってなって、ま、10万 円ですね。そうだよ、そう。
30:49
いや。凄じいな。そうなんすよね。いや、僕308010万で買ったん で。
30:55
ま、当時でも安かったんすけど、10万。うん。うん。
31:00
あの、アキハバラ行って、あの、残り3つしかなくて
31:04
うん。それ手に取ったら店員さんに、あのそれ手に持ってるんじゃなく て、早くレジ行ってくださいみたいな感じで。
31:12
他の人が買い、買いたいかもしれないから買う気があるんだったら、 早くレジ行って買ってくださいって言われて。
31:20
めっちゃ急かされましたね。はい。おもろ。おもろ。
31:27
あの、空箱が置いてあるじゃないすか、あの。で、空箱手に持って、 あの、レジ持ってて、本物と交換してくるっていう。ああ、うん。
31:35
そう。あの、空箱だけ持ってて、あの店員さんになんか直接言って、 あの、本物もらってるかもしれないからうん。あの、先にレジ行かない
31:45
となくなってるかもしれないですよみたいな感じで。へえ。売っちゃっ てるかもしれない、前に。ですよ、みたいな。なんか急かされました
31:52
ね。
31:55
へえ。
31:59
ま、だから当時10万で安かったすけど。ま、今もう19万とか20万 とか、倍ぐらいなってるからな。
32:07
いや。懐かしいな。なんか昔デスクトップで買った時なんだっけ?
32:15
初代とかじゃなかったっけ?おー。900なんぼとか。
32:22
え、ちょっと待って。あ1050だ、これ。あ、1050、はいはい。
32:28
GT GTX 1050。はいはい。うん、10年前。
32:33
うん。10年前。うん。
32:38
そうすね。性能が上がって。うん。
32:45
ま、30系からなんかすごい上がった印象ありますね。
32:49
うーん。
32:53
で、今30系の中古は大体、あの、マイニングの
32:59
使いフルしたやつですね。
33:05
当時ちょうど流行ってたんで。うん。いや、ま、ローカルで動かして。
33:12
あれ?そうすね。
33:17
あ。
33:19
うん。
33:24
こんなあ、そうだ、自分の CLI も置き換えなきゃ。そうそう そう。
33:29
もう使えないんだ。ええと1ヶ月で使えなくなりますね。来月?うん。
33:36
クロードのハイフン P と同時に置き換えるか。そうすね。
33:43
あ、あとなんかスパーク、 Gemini スパークみたいなの出てた な。これ。ん?あ、これでもアメリカだけなんだ。なんかエージェント
33:52
あの、オープンクローみたいなののクラウド版みたいな。はあ。へえ。
34:01
ああ。アメリカだけなんだ。なんかみたいすね。へえ。あ、なんかあっ たな。うーん、どこで売るの?なんか、なんか AI プロプロみたい
34:11
なとこで出てたんすね。サブスクの
34:18
やつ入ってたら
34:22
あ、普通の Gemini のインターフェイスで
34:26
なんかできるっぽいすね。へえ。今の Gemini と何が違うん だ?
34:33
なんか色々繋げてやってくんすかね。
34:39
ね、結構今もなんかスレッド間でメモリ色々共有してワークスペースと 繋いでとかはやるけど、それのちょっともうちょい便利になった
34:48
バージョてことなんかな。うーん。
34:55
ま、クラウドコードとかコアワークとかでできるようなことが
35:00
ああ。できるのかな?
35:04
ま、 Google がそういうのやってくれるなら色々使ってるから そうすね。
35:11
で
35:15
ま、これは普通にいいんじゃないかなというとこ。
35:22
すごいのあるな。 AI 、 AI 、 AI 。
35:26
色々あって
35:32
生産性ツール。ああ。画像生成のやつか。
35:37
うーん。
35:45
うーん。
35:58
あ、 Android は気にしてないといけない。
36:01
19万。あ、これ、スマートグラス言ってましたね、そういえば。 へえ。
36:08
インテリジェントアイウェア。アイウェア。うーん。
36:12
Samsung Google 。うーん。そうそうそう。今秋に 発売。へえ。ついに来た Google グラス。
36:23
うーん。
36:29
スマート。
36:34
ほう、ほう、ほう。
36:38
ビデオプリ、写真撮影。音声コマンドにどうだっけ?
36:46
うーん。
36:52
Google グラスかけたことあります?
36:56
ないよ。1回かけたことあるんすけど。うんうんうん。なんか、片方 だけにあって
37:06
であの、眼鏡のあのえ、柄の部分、あのうん。ああ。棒、棒の部分に なんか投影の
37:16
モニター、あのあれが付いてて
37:20
で、なんか右、右側のあの、画面に、画面ってか、その、ガラスになん か
37:28
あのなんて言うんだ?映す、映されてると言うか。うんうんうん。
37:38
ま、かろうじてうん。かろうじて見えるっていうのと、あとその柄の 部分をこう人差し指でこう撫でたりすると一応右にスワイプしたりとか
37:49
できるみたいな。ああ。感じで。
37:55
そう、あれをやる時、あの、みんな口が開くっていう。あ、そうなん だ。
38:00
さあ、さ。へえ。ああ、どれだみたいな感じ。口パカーって開く みたい。
38:09
うん。
38:12
道案内とか普通にそれでしてあ、そっすね。
38:19
もうでもあれナビゲーション。そっすね。あれ僕2000
38:24
14年とかかな。大学生で買ったんで。
38:30
もう10年、さすがに10年経ったらいいのができてるでしょうと。 うーん。
38:39
翻訳、なるほどね。うん、うん。
38:43
通話メッセージ。
38:50
リアルタイムリアルタイム翻訳。ふーん。
38:58
いや、でもこれが本当に良くなったら
39:02
スマホいらなくなるのかな。
39:07
うーん、そうだよね。うん。まあ、でもスマホ持ち歩くのそんな苦では ないんだけど。
39:16
どっちかと言うと眼鏡かけてない人が眼鏡かける方がちょっと違和感 ある。ああ。
39:23
まあ、確かにかけてる
39:26
かけてる人が。ああ。まあ、レンズ差し替えるとか。あ、それはできる んじゃないすか。はい、はい。うーん。ああ、まあ、でもまあ、でも
39:36
なんかそうそうちょとなかなかまあ、そうか。
39:46
なかなかね。そっすね。確かに。なんかいっそヘルメットみたいに
39:55
の、あ、の頭と直接頭になんが過剰。いや、そこまでやんなくていい けど。
40:02
脳と繋いでとか。そう、そう、そう。
40:07
まあ、帽子うん。その出先とかで、まあ、移動中とかも、まあ、これで いけるけどどっかで落ち着いて座って触るのは眼鏡じゃないよなって
40:19
感じする。まあ、まあ、まあ、そっすね。そうだね。
40:26
ここら辺の兼ね合いはうん。うん。確かに。
40:31
うん。ずっとモンスター。
40:35
ずっとモンスター。お。
40:44
ワービーパーカー。ワービー
40:50
ワービー、なんかすごい謎の言語発信するな。めぐに。
40:57
パー
41:00
懐かしい。
41:03
ワービーパーカー。オーマにウェア。
41:08
おしゃれそうな。
41:16
うん。うーん。
41:22
まあ、でも一定の便利さはありそう。うん。うん。
41:30
そんななんかごつくないね。そっすね。うん。
41:36
だいぶバッテリーとかも進化したのかな。うーん、ね。うん。ここに 入ってるんすかね、バッテリー。
41:45
そうなんじゃない。
41:54
これもはって全部 Wi-Fi 接続。ああ。とか iPhone と かじゃないすか。
42:01
スマホ。アプリと Bluetooth とか。
42:10
まあ、確かにスマホを触るのがめんどくさい時にこれだけで済ますの か。
42:18
まあ、経路案内とかそれこそポケモン GO とか AR 系はなんか 良さそっすけど。うん。ああ。
42:28
とかなんか相手の顔認識して
42:31
なんか名刺
42:34
名刺代わりにするみたいな感じ。うーん。
42:39
もうなんか顔の下になんか名前が出てくるみたいな。
42:44
うん。
42:47
いや、翻訳とかね、なんか文字起こしして翻訳してくれるのあったら めちゃめちゃ楽だけど。そっすね。どんくらいやってくれるの。
42:58
うん。なんか。
43:03
字幕が下に出てくるみたいな感じなのか。うん。
43:14
ああ、なんかこれは影かああ。
43:19
Twitter を循環して見つけてたやつですね。
48:54
クロード MD のなんか。なんかこの人有名な人だよね、多分。あ、 そうなんすか。
49:02
あ、違うかな。なんかなんかこれ先々週ぐらいにも話した人ですよ。 あ、そうだよね。なんかこの人のクロード MD がみたいな。
49:15
前話した時は何だっけな。あれ?でも違うか。でも、まあ、とりあえず 有名な人で。 LLM のナレッジベースはこうやって設計すると
49:23
ああ。こういうやり方するといいみたいな。こういう系でまあ、なり ます。
49:29
その人か、その人か。
49:33
この人の多分 GitHub のプロフィールとかもなんかここで見た 気がします。
49:38
うーん。はい、はい、はい。
49:43
まあ、なんかこれがうーん。いいらしい。よくわかんないけど。
49:50
まあ、でもグローバルのクロード MD とか、まあ、そんな感じに なるくないみたいな感じでですね。うん。へえ。へえ。ふん、ふん、
50:00
ふん。
50:03
あんまごちゃごちゃ書かないみたいなのたどり着く。うん、うん、 うん。
50:11
すご。10、15万いいね。
50:16
うん。
50:20
いや、まあ、でもうん。うん。こんな設定とかにやれみたいな気持ちで いますけど。うん、うん。
50:33
なんだこれ。あ、コンポーザーのやつか。
50:37
なんか出たんだよね。はい、はい、はい。
50:43
何?モデル、コンポーザーってモデルの名前。ああ、あのカーソルが 作ってるやつです。強化学習モデル。
50:53
うーん。
50:58
これががなんかかなり良くて
51:03
GPT 5.5あたりにいるらしい。しかもめっちゃ安いんすけど。
51:11
あ、カーソルだから色マスクが、写真ってか、あれがあるのか。
51:17
そうなんすか。あれ、カーソル買うとかなんとかみたいな話やってたよ ね。そっか。カーソルも買われちゃったんか。
51:31
うん。まあ、なんかこのボサ2.5がいいらしいっていうのは
51:35
聞きますが。うーん。うーん。
51:40
まあ、強化学習モデル
51:47
まあ、それ安くなるのかという感じですが。
51:52
あ、そうなの?いや、なんて言うんすかね。普通の LLM って うん。まあ、とにかく計算コストが高いうん、うん、うん。ですよ。
52:05
あの、トランスフォーマー。うん、うん、うん。で、強化学習のモデ ルって、まあ、普通のモデルなんで
52:12
なんかディープラーニングモデルみたいな。ああ、あ、なるほど。
52:18
だからまあなんだろう。
52:22
そんな複雑なことできないけど、まあ、ある程度もういろんなこれ来 たらこれ返せみたいなのがわかってるからまあ、強化モデルでやっ
52:33
ちゃうみたいな。はあ。感じですかね。
52:41
まあ、だからこの強化学習モデルが他のトランスフォーマーを上回る ことはできないですけどうーん。
52:50
まあ、なんか上流とか強化学習とか
52:55
っていうのは、まあ、なんかちょ、それよりちょっと低いけど、まあ、 安くできる。みたいな。なるほどね。ああ、そういう感じのイメージ
53:02
ですね。はい。はい、はい、はい。
53:08
まあ、なんか特化してるんでまあ、もちろんその
53:13
こういうコーディングタスク以外のことはあんまりできないとか。
53:17
うん、うん、うん。まあ、あると思いますけど。
53:25
まあ、まあ、まあいいですね、と。
53:30
うん。
53:38
アンチグラビティ2.0
53:46
がまあ、まあ、まあ、という感じですけど。うん、うん、うん。なんか 結構変わったらしいというね。らしいですね。うん。
53:56
もう Google あんま使ってないな。
54:04
もう、どんどんレートリミットは下がっていくんで
54:09
全然使えないから、使ってないですけど。
54:21
まあ、あともう IDE も使わなくなっちゃったからな。
54:26
コードすら使わないからもう。
54:33
ああ、それで言うとあのあの、 GitHub の
54:41
あの
54:46
VS コードのエクステンション
54:52
うん、うん、うん、うん。なんか全然
54:56
なんか全然まとめてる人いた。
55:01
あ、これか?あ、違う。これか。
55:06
うーん。
55:09
そう、そう。もう GitHub の開発者の1人がその VS コードでうん。この
55:17
VS コードのエクステンションとあるエクステンションでなんか18 分ぐらい公開された
55:25
やつをなんか入れちゃって
55:32
なんか漏れたという。
55:37
へえ。で、これはなんか NX コンソールっていうやつでうん、 うん。
55:41
まあ、有名、なんか人気らしいすけど。
55:46
あ、ここになんか
55:49
感染したやつが入ってっていう
55:54
やつっぽいすね。うーん。
56:01
なんかえ、11分か。うん。怖いですね、と。
56:06
まあ、ね、拡張は、まあ、怖いよね。うん。
56:11
ああ、自動更新ね。そっすね。
56:17
うん。気をつけましょう、と。
56:22
うんだね。うん。
56:26
いや、もうなんかいろんなとこからえやられるから
56:33
怖いっすね。
56:37
ね。
56:40
なんかもう何もかも、何もかも怖いよね。うん。
56:50
サプライチェーンは1番怖いっすね。うーん。
57:00
あ、これ、そうそう、 Google がなんか言ってた。 AEO か。あの、 SEO じゃなくて。
57:11
うわあとか言っちゃった。 Google がちゃんとちゃんと言った というやつで。へえ。
57:21
まあ、 CAI で SEO まだ有効ですか。うん。まあ、有効。 ですよっと。
57:34
うん。
57:37
AEO と GEO 、ふーん。アンサーエンジン オプティマイゼーション。回答エンジン最適化。
57:48
とジェネラティブエンジンオプティマイゼーション。
57:53
ふーん。
57:57
よいしょ、よいしょ。うん。
58:04
ふん、ふん、ふん。まあ、コンテンツがユニークなコンテンツ。
58:10
はい、はい、はい。
58:15
はい、はい、はい。
58:21
すごいね。セマンティックい HTML
58:25
完璧じゃなくていいよって言い出た。へえ。
58:30
人間が読みやすいと。ふーん。
58:36
まあ、できる場合はいいけど我々的にはよしなにやれるんでってこと。 うん。へえ。
59:04
ハックの多くは効果がなく
59:12
あ、出た。 LLEMS テキスト。はい、はい、はい、はい。
59:18
必要ありません。
59:21
うむ。うむ。
59:27
うん、うん、うん。
59:30
へえ、コンテンツチャンクか。こんなハック誰か言ってたんだ。
59:37
チャンクか、ふーん。まあ、いらないですよと。
59:43
AI 向けのコンテンツを出す。もういらない。ふん、ふん。
59:48
不正確な言及の検索。
59:54
ふん。
59:59
どういうこと?
1:00:02
Web 全体で不正確な言及を探すことは一見すると役立ちそうです か。
1:00:10
言及って何なんだ。ちょっとなんか訳わかんない。
1:00:14
リファレンスそう、そうかもしれないですね。ちょっと訳が。
1:00:25
はい、はい、はい。
1:00:30
あ、出た。
1:00:34
よ、え、あ。
1:00:44
まあ、だからしょうもないことせんと
1:00:49
良質なコンテンツを出しなさいと。うん、うん、うん、うん。
1:01:04
ということですね。
1:01:07
うん。
1:01:12
普通。普通。
1:01:19
あ。
1:01:37
まあ、ちゃんとしんと。ああ、あれか。
1:01:44
EC サイトとかのやつか。
1:01:49
ふーん。ふーん。
1:01:53
あ、そう、そう、なんか Gemini とか ChatGPT 作っ たやつって、あの、マスクついてるんすよね、確か。うん、うん、
1:02:01
うん、うん。目に見えないマスクみたいな。
1:02:07
アイデン、なんだっけ?アイデンティ。
1:02:11
なんかあるよね。インス ID みたいなとか。
1:02:17
なんだっけな?なんか
1:02:21
まあ、でも透かしみたいのがあるんだよね。
1:02:26
ちょ、ちょ、ちょ。あ、変なところ
1:02:29
止まっ
1:13:24
た。
1:13:27
なんか難しいよね。
1:13:31
ここか。
1:13:36
お。
1:13:39
これでボークアラウンドできると。この状態、あ、確かに、止まっ てる。うん。
1:13:46
ああ、なるほどな。
1:13:52
確かに、確かに。
1:13:56
ああ、これはいいすね。メガメニュー。そうだね、メガメニューとか、 まあ、そうだよね。うん。
1:14:05
これは知らんかった。
1:14:11
謎テクニック。
1:14:16
小ネタ。
1:14:21
あ、これは?
1:14:26
あ。それね、それは、え、えっと IO の中のネタの1つではい。
1:14:34
へえ、スキル。
1:14:38
あ、スキルが出た。登場しましたと。おお。うん。で、モダン Web ガイダンスっていう名前のスキルが出て
1:14:47
ええと古い書き方の CSS とかまあ、 AI はやっちゃいがち。 うん。それをスキルで
1:14:57
まあ、強制できる。するため。うん。そういうのするためのスキルを
1:15:03
作りました、発表しました。というね。
1:15:10
いいっすね。入れどくか。かな、ちょっと
1:15:17
まあ、早すぎるとなあ。 CSS レイアウトとかは入れどくな気が する。うん。
1:15:25
モダンすぎるとちょっと。うーん。あれか。
1:15:30
なんかね、ライブラリと変にぶつかったりみたいなのがあるかもなあと は思うけど。
1:15:39
うん。
1:15:44
ユーザーエクスペリエンスとかも、まあ、いいのかな。どうなんだろう ね。ビュートランジションズを
1:15:52
入れましたって言われると結構もう大胆、大胆なとこ。そうですね。 慣れたなあって。
1:16:00
気持ちになるけど。
1:16:04
ま、保守的に行くならなくてもいいけど。うん。
1:16:15
ま、ないとダメってこともないしな。ま、サブグリッドもなんか頑張れ ばいけるし、コンテナクエリも一応
1:16:22
頑張れば。うん。回避はできるけど。
1:16:27
ま、こ、ま、そう。そうね。なんで、なんか勉強っていうか、なんか見 てへえ、って面白いみたいのは結構ある。その時にユーザー
1:16:37
エクスペリエンスみたいなはいはいはい。やつで
1:16:42
なんかチラッと中を見たんだけど、カルーセルとかああ。もし必要だっ たらこういう風に作るといいんじゃないかみたいなのが、ま、スキルに
1:16:52
書かれてたりとか。へえ。うん。うん。あと、なんだ?プル、あ、プル トゥリフレッシュみたいのもなんかあった気がするし。
1:17:03
はいはい。なんか要素をこうシュッて横にどかして削除みたいな。 ああ。ああいうのをやりたい時はこうやって作るとみたいなのとかが
1:17:12
入ってたりして。へえ。結構なんか
1:17:17
ちょいリッチな UI というか。ちょっとそれっぽい UI にする 時にこうやって作るといいんじゃないみたいなのが入ってるのは結構
1:17:27
ま、参考になるというか。スマホを UI みたいな。うん。
1:17:33
うん。ライブラリの競合とかがちょっと気になるけど
1:17:39
ま、うまくやれんのかな。うん。
1:17:44
いいっすね。
1:17:48
ね、とりあえず入れてみて良さそうかなって気は。ま、要素を見たいな みたいな。ふんふん。
1:17:57
OKRCH 使って。うん。
1:18:08
うん。
1:18:13
なるほど。うん。
1:18:20
これはま、入れ、入れとくといいかもしれないですね。んね。
1:18:24
そう。
1:18:27
はい。でありがたいお話。お。あれ誰だっけこの人?いつもの人です。
1:18:35
何作ってたっけ?なんか本、色々本を書いてたっていう話のあ、そう そうそうそう。そうっすね。
1:18:45
Google Google の人?ああ。
1:18:57
あ、それ出てきちゃう。出た。これやだよね。もうどっちでもいいんだ けど。
1:19:06
うん。
1:19:09
いい方を出してくれって思ってる時に聞かれるとそうっすね。嫌だなっ て思う。うん。
1:19:20
ああ、なんか良くない方引いちゃった。これ。
1:19:24
なんか
1:19:27
修正ガチャは失敗。
1:19:30
リロールみたいなのがあるよね、一応。あ、そうなんすか。
1:19:36
あ、そういえばジェミニにもありましたっけ?あったはず。うん。
1:19:41
リロールってなんか面白いですね、なんか。
1:19:45
もうガチャ、ガチャみたいな。ガチャ。
1:19:53
ま、ガチャなんすけどね。
1:19:57
プロでちょっとやらせてみる。なんかこれめっちゃ頑張ってんね。あ、 来た来た。
1:20:04
うい。学習プロセスを省いてしまうとエンジニアとしての根本的な問題 解決能力は衰退しますと。で、さっきのスピードのために将来のスキル
1:20:16
を犠牲認知的負債にしないよう、 AI に答えをえ、 AI が答え を出すするとしてなくて、学ぶためのツールとして意識的に使う必要が
1:20:27
ありますと。うん。ま、ま、前も言ってたやつか。そうですね。認知的 負債の蓄積。
1:20:34
エラーや使用コピペして AI に修正をそのまま適用するだけの ループに陥ると試行錯誤を通したえ、学習が失われますと。アン
1:20:44
ソルピック、 MIT の研究でも AI コピペするだけのグループ はえ、外延的に質問して学んだグループに比べてその後の理解テストで
1:20:53
一著しく低いスコアを記録したことが示されています。 AI の デフォルトの消耗品であり学習ではない。ま、コーディングツールは
1:21:02
いかに早くタスクを終わらせるかに最適されていますと。学習モードも 提供され、あ、そうなんですかね。そんなあるんすね。
1:21:13
え、なるほど。
1:21:16
そんなの知らなかったんだけど。ソクラテス式質問法。
1:21:21
へえ。クロードとかな。
1:21:28
おっばか。おっばか。なんかあるっすね。ああ、これあれか。誰か作っ たやつか。
1:21:36
別にそんなないんじゃないか?ま、そういう使い方もできるって感じか な?うん。あれかな、このジェミニのこの学習モードとかそういうこと
1:21:48
言ってんのかな?ああ。ああ、ジェミニ、確かにそういうのあるね。
1:21:54
今あ、そうか。プラスでなんかこれを大丈夫か?学習モードしてみたい な。はいはいはい。ガイド付き学習か。
1:22:04
なぜ自分自身の理解は以前の重要なのか?定型コードなどは AI に 任せる問題になりませんが、以下のような場合でエンジニアの自身の
1:22:13
深い理解が不可欠です。システムがクラッシュした時のデバッグ、 AI のハルシネーションの看破。
1:22:19
フレームマークの更新など根本的なシステム構造へ変更。 GitHub に解決策が存在しない未知の複雑な問題の解決。
1:22:28
ね。え、具体的なアクションプラン。
1:22:33
AI を使い続けながら学習を続けるために日々のワークフローを少し 変える必要があります。 AI に聞く前に仮説、ま、これ前言って
1:22:40
た、言ってたな。うん。仮説を立てる。質問する前に自分なりの問題の 原因は何かを23分で考える。 AI の回答は仮説の検証に使う。
1:22:50
コードの前に説明を求める。いきなりコードを書かせるだけだ、では なく、まずは仕組み大体案、トレードオフ。について説明させる。ま、
1:23:00
プランとか使ってって感じか。うん。あえて学習モードを使う。未知の 領域では学習モードオンにしフェードアウト、もうこれ何なの?この
1:23:10
なんあるのかな?学習モード。うん。
1:23:14
ジュニアエンジニアプルリクとして出すか。 AI にして行こうの見 せずに厳格レビューし、批判的な視点を持つ。時々自力で書き直す。
1:23:22
AI がか、え、書いたすげえとこを0から自分の手で書き直してみて ま、書写をするととか。なるほどね。はい。いちいち終わり、今日は
1:23:32
単にチケット消費し、消化しただけか、それとも何かを学んだかと自問 しましょうと。タスクの完了と学習は別の指標です。マネージャーは
1:23:41
前者しか評価しませんが、後者を担当するの自分自身の責任です。
1:23:47
そうですね。確かに。まあね。
1:23:52
ま、これもなんか仕組み化できそうだけどな。
1:23:58
ま、ね。うん。学習?いや、なんかマネージャー自身は前者しか評価し ませんがって言うんすけど。ああ。一応なんかそういうのもちゃんと
1:24:08
評価しようとして入れられるような気がしますけどね。うん。
1:24:15
いや、なんか明らかにこのまま行くとなんだろう、もう生産性主義と いうか。
1:24:22
うん。アウトプットそうそうそう、アウトプット主義みたいな。それの 速さと量みたいなことになっちゃうと
1:24:31
なんか育たないんだ、やっぱ。ジュニアエンジニアとか新卒とか育た ないんで。
1:24:37
ま、絶対こういうのもやんなきゃいけないというか。
1:24:41
輪読会みたいなのでうん。 AI の時代にじゃあ輪読会は不要なん ですかっていう。いや、これないとでもレビューできないですよね、
1:24:51
みたいな話になるからここはここでまた指標として持つべきだとは思う ますけどね、普通に。
1:25:02
そうだね。うん。
1:25:06
クの完了ばっか行くとね。そうっすね。焼き畑になる。うん。焼き畑の 例えが合ってるのかわかんないけど。うん。
1:25:16
ま、なんかミクロの話はま、いいんすけど、なんかもうちょ、マクロの 話?
1:25:20
うん。なんか細かいなんかコンストレッドバーとか、ま、ま、そ、それ もあれですけど。
1:25:28
なんか小さい話がいいんだ。ブロンみたいなね。うん。もうちょ、こう 設計とかデザインパターンとか保守性とか
1:25:41
アーキテクチャとか。うんうん。
1:25:46
ま、そういうとこっすかね。うん。
1:25:52
ま、そこはやっぱ入れるも結構難しいんで。コンテキストの上限がある から。ね。
1:26:03
なんか別に今それやんなくていいけど、みたいなことをやり始めたりと か、そういうのはコントロールできない。そうっすね。
1:26:14
ま、でも GPT 5点もたまに変なことするからな。なんか
1:26:19
勝手にそう、言ってもないこと勝手にやり出したりするんで。
1:26:25
ちゃんと見てないと。にそういう感じなんだ。そうっすね。
1:26:31
なんか多分長く走らせようっていう多分プロンプトがあるのか、その ハーネスのせいなのかわかんないすけど。ああ。聞く前にもう全部やっ
1:26:39
ちゃうみたいな。うん。そう言ってないんだけどな、みたいな。
1:26:46
なんか直しときました、みたい。せずにやるとそうなるかも。そう そう。
1:26:53
例えばっすけど、なんかローカルで GPT 5.4のなんかエレレム 叩く処理があってで、僕はドットエンブ入れ忘れてて動かしたら動か
1:27:03
なかったんすよ。うん。そうしたらなんか GPT 5.4は使えない ので別のモデルに変えました、みたいな感じで
1:27:11
勝手になんかモデル変え、変えられてて。ああ。いや、いや、いや、 いや。ドットエンブ入れてないだけなんだけどな、みたいな。うん。
1:27:20
ああ、でもそれは確かにそういうのはあるかも。うん。
1:27:27
なんとかしようとそうそうそう。すぎ?うん。そうそうそう。うん、 確かにな。
1:27:33
ま、なんか懐かしい気持ちにはなるんすね。うん。確かに。お前これ スタックオーバーフローで変なコピペしてきただけやろ、みたいな。
1:27:44
そうじゃないんだよ、みたいな。
1:27:47
ま、ま。
1:27:50
ちゃんと見てる力は必要ですよね、と。うん。
1:27:54
これいつ、なんかあれなのかな、デバッグ
1:27:58
クラッシュした時、ああ、そうか。うん。実はこういう時にも AI じゃなくて自分で理解してないと進めませんみたいな時、実は AI
1:28:08
に解析させた方が早かったりする時もまあまああるから。ま、そう。 微妙な感じだね。
1:28:15
それはあるっすね。うん。ま、確かに予見可能かどうかで言うと なかなか難しい部分はあるんだけど。
1:28:25
うん。出てしまったものに対する解析は AI が早いから。そうっす ね。
1:28:36
それ結構コンスタントに週1ぐらいで記事書いてるな。そうっすね。 こう色々ありますね。
1:28:46
うん。
1:28:52
というとことこの学習モードは結局何だったんだ?
1:29:00
そうだね。うん。 CLI とかについてるっていうのは言ったこと ないが
1:29:08
ガイド付き学習とかのことだとしたら話がなんかちょっとずれてるよ ね。
1:29:15
うん。
1:29:23
なんかあるのかね。
1:29:27
このジェミニのこの UI での学習モードっていうのもなんか簡単 すぎるし、たまになんか全然言ってないことをそれは正解ですとか言っ
1:29:35
てくれるし、意味わかんない時はあるんだけど。
1:29:39
うん。
1:29:50
クロードのラーニングモード。ラーニングモードなんだ?
1:30:02
クロードラーニングモード。へえ。
1:30:09
なんだこれ?
1:30:13
へえ。ハウトゥイネーブル。モードで行く?出力スタイル。 アウトプットスタイルっていうコラムがあるっぽいすね。ああ。
1:30:24
ラーニング。
1:30:27
え、自分でコードすげえ。そう言われると、そんなんあった気がした な。すげえ。
1:30:35
自分でコード書く練習ができるようにトゥートゥーヒューマンマーカー が挿入され、重要な部分を自分で実装するように促される。そうだ、
1:30:44
そうだ。うん。こんなん。
1:30:48
え、全部トゥートゥーで書かれちゃうんだ。
1:30:53
これはちょっと、ここまではだるいけど。
1:30:57
で、エクスプローラトリー。コードの実装理由はパターンをインサイト として教えてくれるモード。実装しながら、ま、なるべるって。あ、
1:31:06
これはいいっすね。
1:31:09
どんくらい教えてくれるのかな?
1:31:13
ま、ちょっと理由を細かめに言ってくれるみたいな感じなのか。
1:31:20
あ、これいいじゃんっすか。そうだね。うん。
1:31:27
お。インサイト。
1:31:30
へえ。
1:31:33
あ。ハッシュニューはするか、するか、するか、するか。
1:31:45
これなんですか?このコード。
1:31:50
あ、そうなんだ。なんだろうね。ラスト?ラストじゃないか。
1:31:57
あの、 Java のあれですか。
1:32:04
こ、コトリンとかか。ちょっとな、わかんないな。うん。ラスト縦棒 使うやつってラストぐらいしか知らないんだけど。ラストか
1:32:15
ハスケル?ハスケルこんなんじゃないか。ハスケル、でもなんかそんな ドットとか、ドットニューとか、そんなナンパなことをしないと思って
1:32:24
いた。そうっすよね。なんだろうね。あの、 Java の Java の何でしたっけ、あれ?
1:32:34
あ。
1:32:37
Java のスカラ、え?
1:32:41
あ、ルビーって書いてある。あ、ル、あ、これルビーか。そうか、 ルビーか。
1:32:46
そうか、そう、ルビーもこんなんだった。へえ。
1:32:53
へえ。あ、確かにスカラもなんかそういう感じだったかも、でも。
1:32:59
いや、そんなはずはない。そんなはずはない。スカラは波かっこでなん かこう仮仮じゃないけど、なんか、なんか変なシンタックスシュガー
1:33:08
あった気がするけど。ああ。
1:33:15
へえ。トゥートゥーヒューマン。
1:33:20
あ、すごいすごい。あ、すごいすごい。それ練習にはそうっすね。練習 にはいいが、そのステップをお前で考えるが一番学習になる気がして。
1:33:30
いや、そうなんすよね。うん、うん、うん、うん。ここまで言われ ちゃうと
1:33:35
勉強なってんのかな?うん。本当の本当に最初の練習って感じだよね。 逆、逆だよね、なんか。
1:33:44
これを考えそうそうそうそう。擬似コードとかでうん。考えた方がいい と思います。
1:33:53
めっちゃ4年前ぐらいになんかエンジニアやりたいって言って言ってた んうん。仕事先の社員さんにこれをまずやってって言って
1:34:04
日本語でコメントステップ書いてって言ってはいはい。全然書けなくて 困った。
1:34:11
実装しなくていいから。うん。日本語で書いて。そうそう。
1:34:18
これを書いてもらう方がいいですよね。
1:34:22
へえ、あ、知らんかった。こんなあるんだ。面白いね。チャット GPT にチャット GPT ? GPT コーデックス CLI に
1:34:32
あったのか。
1:34:35
ああ、そこ?タディ、え、それジェミニと一緒か。
1:34:45
へえ。宿題、宿題の手伝い。
1:34:52
へえ。あ、あるんだ、こういうの。
1:34:58
それ多分あれで、そこの先
1:35:00
決めた。プラスっていうやつ。
1:35:05
これか?うん。ま、なんかそれ微妙だけどね、なんか。うん。
1:35:16
えー、でもクロードコードのやつもいいな。
1:35:19
うん。トゥードゥーヒューマン。うん。
1:35:24
IMCB を書いて。14のツール。インセットモディファイド コンテイニングブロック前のやつか。
1:35:36
真ん中寄せの。うん、うん、うん、うん、うん。
1:35:44
あ、これちゃんと学習してんのか、前のメモリから。
1:35:48
あー。
1:35:52
へー。へー。お、使った方がいいすね、これは。 X プランなんで。
1:36:02
結構全、全ターン解析してくるのかな?そうなんすかね。コード書く時 に
1:36:08
言ってくれるのか。うん。ピックアップして。こうやってどういう 仕組みって聞きたい時だけ聞くぐらいの頻度であー。やりたい。ま、そ
1:36:16
うっすね。それはそうっす。
1:36:20
うん、ま、でもそんなんがあったね。うん。
1:36:24
ちょいちょい聞いたりするけどな、名詞的には。
1:36:29
うん。うん。なんかそうだよね、自分で思ってたんと違ったら、こ れってこれじゃダメなの?みたいな、これとどう違うの?みたいなのは
1:36:38
聞くけど。
1:36:43
へー。そうっすね。で、これで一応終わりなんですがちょっと今週やっ てた話、フロント周りで言うと
1:36:54
フィグマ周りの MCP をちょっとごにょごにょしてへー。で
1:37:02
ま、フィグマ MCP でコードを作りますよね、と。
1:37:07
で、その時にやっぱうまくいかないんですよね、どうやっても。うん、 うん。
1:37:14
で、これ、ま、なんでかって言うと、ま、まず、まず1番最初につまる 所は
1:37:23
あの
1:37:27
こう、これかな?
1:37:32
あー、シート別、プラン別のレートリミット。ふーん。
1:37:39
ゲット、いや、それじゃなくてゲット何だっけ?
1:37:46
あ。ゲットデザインコンテスト。
1:37:51
ゲットデザインコンテスト。あ、これ、これ、これ。
1:37:56
これ絶対引っかかるんすね、多分、あのなんも設定してないと。
1:38:01
で、これしかも気づかないんすよ、あの、言ってくれないから。え? クロード、クロードは。
1:38:08
で、な、なんか見、ちゃんと見れてないなと思って
1:38:12
あの、履歴をさかのぼったらこの、ここでエラーなってたんすね、 MCP の呼び出しで。
1:38:20
あー。途切れ、途切れるんすね、途中で。ぶった切られるんすね。 はい、はい、はい、はい、はい、はい、はい。で、クロードコードその
1:38:27
トークン、そのツールの、あの、呼び出しの
1:38:31
多分返り値の、あの、マックスみたいなのが設定されててうん。これが 1万とかなのかな、最初。
1:38:39
だ、このマックス MCP アウトプットトークンズを、ま、10万と かに上げとかないと、ま、そもそもフィグマの返り値クソでかいんで
1:38:49
うん。途切れちゃってますよっていう。だ、これはまず絶対やる必要が あってうん、うん。で、ま、この上で
1:39:01
よいしょ。で、そもそもこの
1:39:05
あー、こ、これの前先こっちか。
1:39:09
このゲットデザインコンテクストってやつが、ま、1番重要な MCP のツールで
1:39:16
で、あ、ま、ゲットメタデータの説明もあるけど
1:39:21
これ、あの、リアクトとテイルウィンド CSS で返してくれるんす よ、この JSX 形式の中間出力を。
1:39:29
へー。うん、うん、うん、うん。はい。
1:39:33
で、これで呼び出すと、なんかジェイソンで返ってくるんすけど、 ジェイソンの1つのやつが
1:39:39
このフィグマのやつをリアクトとテイルウィンドに変換したコードが 返ってくるんすけど。
1:39:46
あー。で、こん時のコードが、ま、結構グチャグチャなんですよね。
1:39:53
うん。
1:39:55
結構クラス名とかもこんな感じでベタ書きにされちゃっててうん、 うん、うん、うん。
1:40:02
はい、はい、はい。もう本当に全部貼り付けてあって。
1:40:08
うん。で、ま、トークン数もめちゃくちゃ食う、消費するから、 ちょっとこれのなんかラッパーみたいな作ってたんすよね。
1:40:16
もういらないクラスとかも全部吹き飛ばしてうん。
1:40:21
もうなんか、もうトークンめっちゃ食うし
1:40:25
もうちょっと綺麗にしたいなと思って。うん。であと、あの、フィグ マって、あの、コンポーネント
1:40:33
っていうの作れるんすよ。フィグマコンポーネント。うん、うん、 うん。で、これがあの使われてる部分は
1:40:43
それが使われてるよってことを教えて欲しいんですけど、全部イン ラインで展開してくるんすよ。へっとかんって。うん。ただ、あの、
1:40:52
インスタンス ID みたいなのは、一応教えてくれて
1:40:58
その、どのコンポーネントの部分ですよっていうのは分かる。けど、 普通にチルドレンがいっぱい入ってるみたいな。うん、うん。感じなん
1:41:05
でなんすけど、あの、フィグマって、あの、コードコネクトっていう
1:41:11
のがあってこれ有料なんすけど。うん、うん、うん、うん。それで あと、一応リアクトとフィグマを繋げられる。だ、これやってたら
1:41:19
ちゃんと返ってくるポイんすよ、そこ、そこが。このコンポーネント 使ってますよっていう感じで。うん。
1:41:27
例えばこのお問い合わせの部分がもうインクワイアリーっていう コンポーネントでも囲まれて終わりみたいな。うん。うん、うん。感じ
1:41:35
になって返ってくるからあの、クロードも、ま、それを理解してあ、 このフォームで使い回せばいいのねっていうのが分かるんすけど。これ
1:41:42
だと分かんないじゃないすか。うん、うん。また新しいをお問い合わせ コンポーネント作っちゃうかもしれない。
1:41:51
のであの、もうコードコネクト契約するのも嫌だからこのラッパーを ちょっと作ってたっていう
1:42:00
話なんすけど。
1:42:04
ま、だからこのゲットデザインコンテクストをからこのインスタンス ID ってのがなんか取れるんで
1:42:10
ま、そ、それと、その、なんかマップするみたいな
1:42:14
ジェイソン作ってコンポーネントとインスタンス ID をこう紐付け て全部置換しちゃうという。うん、うん、うん、うん。もうちょっと、
1:42:23
ま、やってましたと。うん。
1:42:28
で、あ、そうそう、メタデータメタデータ XML で返ってくるんす ね。
1:42:32
位置情報とかがこういう
1:42:35
ま、いかにもフィグマっぽい。はい、はい、はい。感じで実はこっち 取れる。はい。
1:42:44
そうす。ま、こういうのがあって、で、うん、うん、うん、うん。
1:42:50
これ見た目一緒でもフィグマ上、その内部構造、そのフィグマ上の、 例えばオートレイアウトを使うとかうん。ま、そういうので
1:43:00
あのこれバリアブルとかコンポーネントがセマンティック命名とかやっ てるやつと、もうただのインラインで
1:43:09
ヘックス違う値とかやっちゃうと取り込んだ時にも全然結果が違うよっ ていう
1:43:15
話。ま、そうだろうね。うん。はい。だけどこれってオートポジション でやるんだ。あー。確かに。
1:43:23
そう。ででもこれちょっとデザイナーに共有するのむずいなあっていう とこはあるんすけど。そうだね。はい。この知識がデザイナー持っ
1:43:35
てるとは思う、分かんないから。うん。オートレイアウトでやれって いうのはなんか結構そうすね。記事で見たね。うん。これは、ま、
1:43:46
必須ですね。
1:43:49
いやー。だ、ここがむずいよなっていうとこすね。
1:43:57
だ、僕もちょっと、あの、フィグマ意識出してるんですけど、こう、 こういう
1:44:02
うん。ところがあってこここういう感じでお願いしますみたいな感じ で。
1:44:09
じゃないと取り込めないんで結局。うん、そうだね。
1:44:16
お。ま、ここの
1:44:20
なんだろう、インターフェイスのこう摩擦の部分というか、フィグマと コードの取り込み部分のうまくいかないとこをちょっとラッパー作っ
1:44:28
たりうん、うん。色々しているという感じですね。
1:44:37
へー。
1:44:44
お、手動でのフィグマ操作は0です。
1:45:01
うん。
1:45:08
フィグマってレイヤーたくさん作るとメタデータ的なのがめっちゃ増え ちゃうんだけど、そこら辺ってどうなんだろうね。
1:45:19
MCP でめっちゃトークン使うみたいなあー。のはある気がしつつ。 うん。なんか自前で
1:45:29
Python CLI としてフィグマのレスト API 叩いて、 みたいなうん。作ってた時に、なんかちょっと不要そうな部分を
1:45:40
削ぎ落とすみたいなうん。スクリプトを書いてたんだけどうん。なんか さじ加減難しいなと思ってたんだよね。はい、はい、はい。
1:45:50
なんか綺麗に作ろうと思うと、コンポーネントなりレイヤー、フレーム か、レイヤーなり、なんかたくさん作りたくなるけどはい。とはいえ、
1:45:58
それをジェイソンとかでもらってくると馬鹿でかファイルというか、 レスポンスになっちゃうからうん。悩みどころなのかなと思ってたんだ
1:46:07
よ。はい、はい。
1:46:11
一応、あれすねこのフレーム、リンク MCP あの、フィグマの オフィシャル MCP が出るまで、多分これが使われてたうん。
1:46:21
うん。やつは、一応ちょっとごにょごにょしてくれててあー。
1:46:27
ちょっと実際んすよね。あそう、そう。フィグマのやつは全部出てくる んすけど
1:46:34
ちょっと綺麗にしてくれて。うん。
1:46:40
ただ、あれなんすよ、フィグマの MCP は、あの、リアクトと テイルウィンド出てくれるんで
1:46:45
ま、どっちがいいのかちょっとむずいっすけど
1:46:50
僕今リアクトテイルウィンドでやってるからうん、うん、うん。そっち の方がいいのかなと思いつつ。はい、アプリとかだっとちょっとあ、
1:46:58
そうすね。感じか。うん。
1:47:03
ま、なんで、ここのちょっとラッパーを作ってますね、今。うん。 あの、フィグマの MCP 、あの、あれができるから連携楽なんす、
1:47:13
あの、オース認証ができるから。うん、うん、うん。フレームリンク は、あの、いや普通にフィグマトークンとか、うん。 API キーを
1:47:21
発行してやんないといけない。だからちょっと、あの、デプロイし やすいとか、みんなに配りやすいんで
1:47:28
で、フィグマ MCP というやつ入れても、オースしてもらって、 これをラッパーとしてなんかこれを綺麗に削ぎ落として
1:47:38
なんか綺麗なコードが出るみたいな。へー。ちょっと今やってます。 うん、うん、うん。
1:47:49
うん。やっぱなかなかむずいんすよね、フロントのとこ。うん。 なるほどね。
1:47:56
そう、そう。
1:47:59
というのはありつつ
1:48:05
って感じかな。
1:48:14
うん。こんなとこすか。うん、うん、うん、うん。
1:48:23
あ、フラッターもやってる。へー。
1:48:29
うん。ま、できるのか。うん。うん。
1:48:40
ま、綺麗にそうっすね。オートレイアウト使って。
1:48:45
ちっちゃくなってんのおもろいな。そりゃそうなるよな。ま、そうす ね。
1:48:52
これま、でもそうですよね。いや、そうなんだよな。これ、このサイズ の時どうすんの?みたいな話が常にうん。あるから。うん。
1:49:00
これひどいよな。
1:49:05
お、なんか理解してくれる、通じる
1:49:09
人も多いと思うけどね。ま、うん。
1:49:15
うん。実際にフィグマで幅をグイグイ変えてみたらいいじゃんっていう 感じでもあるから。うん。
1:49:25
たまらないでくださいって感じだけど。ま、そうす。
1:49:32
いや、むずいんだよな。ま、ね。うん。うん、いや、それちょっと エンジニアの領域
1:49:40
なんではっていうとこもあるんでそこなるほどね。うん、うん。
1:49:46
結構その境目が難しいという。うん。
1:49:51
ま、そうだね。人に、人によるというか。そう、そう、そう。だから 理想の境界が人によるよね。うん。なんか Web デザインを
1:50:01
めっちゃやってて、そのフロントのコードもある程度わか、分かりま すっていう人だったらいいんすけどうん、うん。そもそも、あの、そう
1:50:07
じゃなくてあの、物理のデザインとか
1:50:12
あの、イラレとか出版系のなんかチラシとかポスターみたいな
1:50:19
うん。ああいうのをやってた人は多分フロントコードとか知らないんで
1:50:26
だ、結構むずいんだよなと思いますね、そこまでやるのは。うん。
1:50:35
なかなか難しいな。
1:50:50
ま、なんで、ちょっとラッパーでなんかできんかなとちょっと思って いる。すごい。うん、うん。うん。
1:50:58
というとこ。すね。
1:51:01
はい。そんなとこですか。
1:51:05
一応全部言った。なるほど。
1:51:09
ポケモンチャンピオンズの話はしなくて大丈夫すか?
1:51:15
チャンピオンズの話ね。ハイパーボール級。そう、ハイパーボール級に ようやくなりまして。なりました。え。あれ、1ヶ月ごとなんですね、
1:51:24
ていうか。そう、そうみたい。早い。もうあ?もう月末?あれ?
1:51:32
違うか。あー、もう10日ぐらい経ちましたね。
1:51:36
13す。13がリセットなんだ。へー。そう、そう。
1:51:41
なんでそんな?え、その間に何勝ぐらいしたらトップまでいけるんす か?
1:51:48
えー、分かんない。1日1戦でハイパーボールランク4。
1:51:55
連勝したら早いんすよね。連勝ボーナスがあるから。あー。えー。
1:52:01
もう1勝でなんか1ランク上がったりするぐらいの。あー、なるほど ね。
1:52:08
で、負けると結構沼りますね。うん。そこでレート体が確定しちゃう みたいなあるのか。うん。
1:52:20
もうなんかずっと5時間ぐらい同じとこに沼ってた時もありましたね。 うん。あー。
1:52:33
あー、ま、なんか押し付ける構築は結構楽だろうなっていう感じはし ますね。うん。
1:52:40
もうこっちのこれで全抜きしてやるとか、あの
1:52:45
イダイトウとかオオカマイリでも全抜きしてやるとか簡単なやつ、 A ボタン連打で勝てるような。
1:52:54
うん、うん。いや、でも結構対策むずいすか。使いやすいやつね。 うん。マリルリで全部ぶっ飛ばしたるみたいな。対策ね。マジで。
1:53:04
そう。分かってても止められない威力50高いんだよ。あ、そうそうす ね。4人いるから。あの、不可能。
1:53:14
分かってても止められないみたいな。うん。
1:53:19
あるからもう押し付けていけばいけると。
1:53:25
ま、ね。うん。
1:53:31
ま、とりあえずちょ、ちょいちょいね。そう、そう。そうすね。置い といて。
1:53:36
ま、ま、みたいなとこすかね。うん。夏にスマホ版も出るので、 スイッチ
1:53:44
の人でもできますよと。無料で。はい。という感じで。うん。
1:53:54
来週はどうですか?え、来週はちょ。あ。
1:54:00
来週はちょっとダメそう。あ、オッケーです。オッケーです。
1:54:05
僕もポケモン GO のイベントがあるから。
1:54:13
はい。じゃあまた再来週で。うん。はい。
1:54:19
ではではそんな感じで。はい。お疲れ様でした。はい。お疲れ様でし た。
1:54:27
火曜日のお風呂へようこそ。夜の朝つまの
1:54:48
Twitch で配信 YouTube にアーカイブ毎週火曜夜9時 と3人のエンジニア語り合う勉強会の延長みたいな場所。フロント
1:54:55
エンドの最新ニュース AI コーディングをつかった現場のリアル 詰め隠さずゆるく深く話そう。
1:55:03
火曜日のお風呂と夜の朝に React の毎日
1:55:10
せ最新ブラウザの話題からここ
1:55:15
でかさん CP フロントエンドから AI コーディング多岐に わたるエンジニアトーク。この仲間と
1:55:26
熱い議論火曜日のお風呂で会いましょう。
1:55:44
企業紹介ツールの話自作環境どう使うおすすめのあれこれシェアし 合おう。
1:56:00
火曜日のお風呂と夜の朝に React の毎日せ最新ブラウザの話題 から
1:56:10
ここでかさん CP フロントエンドから AI コーディング多岐に わたるエンジニアトーク。
1:56:21
この仲間と熱い議論火曜日のお風呂で会いましょう。火用