Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

728: AI Superpowers with Kevin Hou and Codeium

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

In this supper club, Scott and Wes welcome Kevin Hou, Head of Product Engineering at Codeium, a blazing fast AI-powered code completion and chat tool for developers. <h3 id="show-notes" class="code-line" dir="auto" data-line="19"> Show Notes</h3> <ul class="code-line" dir="auto" data-line="21"> <li class="code-line" dir="auto" data-line="21"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=00:00" data-href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="code-line" dir="auto" data-line="22"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=05:31" data-href="#t=05:31">05:31</a> An introduction to Codeium.</li> <li class="code-line" dir="auto" data-line="23"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=07:56" data-href="#t=07:56">07:56</a> What information are you sending the AI to get such good completions?</li> <li class="code-line" dir="auto" data-line="24"><a href= "https://codeium.com/blog/codeium-is-soc2-type2-compliant" data-href= "https://codeium.com/blog/codeium-is-soc2-type2-compliant">Codeium compliance</a></li> <li class="code-line" dir="auto" data-line="25"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=09:15" data-href="#t=09:15">09:15</a> Codeium runs a 'Language Server'.</li> <li class="code-line" dir="auto" data-line="26"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=11:15" data-href="#t=11:15">11:15</a> Crawling dependency tree and abstract syntax tree.</li> <li class="code-line" dir="auto" data-line="27"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=12:07" data-href="#t=12:07">12:07</a> Using Codeium Live.</li> <li class="code-line" dir="auto" data-line="28"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=12:34" data-href="#t=12:34">12:34</a> How big of a codebase can you run this on?</li> <li class="code-line" dir="auto" data-line="29"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=14:39" data-href="#t=14:39">14:39</a> Sending select amounts of data to AI.</li> <li class="code-line" dir="auto" data-line="30"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=16:06" data-href="#t=16:06">16:06</a> Does Codeium maintain codebase preferences and styling (ie. snake case)?</li> <li class="code-line" dir="auto" data-line="31"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=17:39" data-href="#t=17:39">17:39</a> Will Codeium scan the dependency?</li> <li class="code-line" dir="auto" data-line="32"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=19:23" data-href="#t=19:23">19:23</a> AI UI, have we found the best format?</li> <li class="code-line" dir="auto" data-line="33"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=21:55" data-href="#t=21:55">21:55</a> Crazy ideas in tech.</li> <li class="code-line" dir="auto" data-line="34"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=22:53" data-href="#t=22:53">22:53</a> Additional AI UI inputs.</li> <li class="code-line" dir="auto" data-line="35"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=24:14" data-href="#t=24:14">24:14</a> How do you make an AI model?</li> <li class="code-line" dir="auto" data-line="36"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=28:42" data-href="#t=28:42">28:42</a> How does Codeium manage the product roadmap?</li> <li class="code-line" dir="auto" data-line="37"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=32:09" data-href="#t=32:09">32:09</a> Do AI models get worse over time? How does Codeium validate that it's not?</li> <li class="code-line" dir="auto" data-line="38"><a href= "https://github.com/openai/evals" data-href= "https://github.com/openai/evals">Open AI Evals</a></li> <li class="code-line" dir="auto" data-line="39"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=35:39" data-href="#t=35:39">35:39</a> How is Codeium THAT fast?</li> <li class="code-line" dir="auto" data-line="40"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=36:49" data-href="#t=36:49">36:49</a> What programming langauges does Codeium use?</li> <li class="code-line" dir="auto" data-line="41"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=38:55" data-href="#t=38:55">38:55</a> Codeium Playground.</li> <li class="code-line" dir="auto" data-line="42"><a href= "https://codeium.com/playground" data-href= "https://codeium.com/playground">Codeium Playground</a></li> <li class="code-line" dir="auto" data-line="43"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=39:15" data-href="#t=39:15">39:15</a> Caching as a performance improvement.</li> <li class="code-line" dir="auto" data-line="44"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=39:58" data-href="#t=39:58">39:58</a> What is the pipe between Codeium and editor?</li> <li class="code-line" dir="auto" data-line="45"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=40:17" data-href="#t=40:17">40:17</a> Codeium chat service.</li> <li class="code-line" dir="auto" data-line="46"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=41:44" data-href="#t=41:44">41:44</a> A WebSocket system allowing push and pull communication.</li> <li class="code-line" dir="auto" data-line="47"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=43:13" data-href="#t=43:13">43:13</a> Closed Beta for GPT 4.0.</li> <li class="code-line" dir="auto" data-line="48"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=46:12" data-href="#t=46:12">46:12</a> The dreaded closing quote bug.</li> <li class="code-line" dir="auto" data-line="49"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=48:26" data-href="#t=48:26">48:26</a> Sometimes bugs bug Wes.</li> <li class="code-line" dir="auto" data-line="50"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=49:49" data-href="#t=49:49">49:49</a> Supper Club Questions</li> <li class="code-line" dir="auto" data-line="51"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=51:40" data-href="#t=51:40">51:40</a> Perplexity.ai</li> <li class="code-line" dir="auto" data-line="52"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=52:35" data-href="#t=52:35">52:35</a> What editor does Kevin use?</li> <li class="code-line" dir="auto" data-line="53"><a href= "https://file+.vscode-resource.vscode-cdn.net/Users/randyrektor/Desktop/Syntax%20Edits/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codium/728%20-%20AI%20Superpowers%20with%20Kevin%20Hou%20and%20Codeium.md#t=55:31" data-href="#t=55:31">55:31</a> Sick Picks + Shameless Plugs</li> </ul> <h3 id="sick-picks" class="code-line" dir="auto" data-line="52"> Sick Picks</h3> <ul class="code-line" dir="auto" data-line="57"> <li class="code-line" dir="auto" data-line="57"> Kevin: <a href="https://www.lapse.com/" data-href= "https://www.lapse.com/">Lapse.com</a></li> </ul> <h3 id="shameless-plugs" class="code-line" dir="auto" data-line= "56">Shameless Plugs</h3> <ul class="code-line" dir="auto" data-line="62"> <li class="code-line" dir="auto" data-line="61"> Kevin: <a href="https://codeium.com/" data-href= "https://codeium.com/">Codeium.com</a></li> </ul> <h3 id="hit-us-up-on-socials" class="code-line" dir="auto" data-line="60">Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm" data-href= "https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/" data-href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm" data-href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/" data-href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm" data-href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href= "https://twitter.com/wesbos" data-href= "https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/" data-href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos" data-href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/" data-href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos" data-href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href= "https://twitter.com/stolinski" data-href= "https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/" data-href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski" data-href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/" data-href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski" data-href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href= "https://twitter.com/randyrektor" data-href= "https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/" data-href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href="https://www.youtube.com/@randyrektor" data-href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor" data-href= "https://www.threads.net/@randyrektor">Threads</a>

In this supper club, Scott and Wes welcome Kevin Hou, Head of Product Engineering at Codeium, a blazing fast AI-powered code completion and chat tool for developers.
 Show Notes 
00:00 Welcome to Syntax!

05:31 An introduction to Codeium.

07:56 What information are you sending the AI to get such good completions?
 Codeium compliance

09:15 Codeium runs a 'Language Server'.

11:15 Crawling dependency tree and abstract syntax tree.

12:07 Using Codeium Live.

12:34 How big of a codebase can you run this on?

14:39 Sending select amounts of data to AI.

16:06 Does Codeium maintain codebase preferences and styling (ie. snake case)?

17:39 Will Codeium scan the dependency?

19:23 AI UI, have we found the best format?

21:55 Crazy ideas in tech.

22:53 Additional AI UI inputs.

24:14 How do you make an AI model?

28:42 How does Codeium manage the product roadmap?

32:09 Do AI models get worse over time? How does Codeium validate that it's not?
 Open AI Evals

35:39 How is Codeium THAT fast?

36:49 What programming langauges does Codeium use?

38:55 Codeium Playground.
 Codeium Playground

39:15 Caching as a performance improvement.

39:58 What is the pipe between Codeium and editor?

40:17 Codeium chat service.

41:44 A WebSocket system allowing push and pull communication.

43:13 Closed Beta for GPT 4.0.

46:12 The dreaded closing quote bug.

48:26 Sometimes bugs bug Wes.

49:49 Supper Club Questions

51:40 Perplexity.ai

52:35 What editor does Kevin use?

55:31 Sick Picks + Shameless Plugs
  Sick Picks  Kevin: Lapse.com

 Shameless Plugs  Kevin: Codeium.com

 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

728: AI Superpowers with Kevin Hou and Codeium

Poslechněte si podcast