動画一覧へ戻る

GitHub

GitHub Copilot app for beginners: using the diff, terminal, and browser

プラットフォーム
YouTube
長さ
2:55
話されている言語
アメリカ英語
再生数
5278
カット間隔の中央値
5.75s
顔の映る割合
62%
暗いフレーム
4%
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:00medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:00
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:04medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:04
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:07medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:07
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:12medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:12
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:18medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:18
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:20
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:20
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:21
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:21
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:22
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:22
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:23
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:23
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:24
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:24
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:25
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:25
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:27
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:27
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:29
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:29
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:30
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:30
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:30medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:30
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:38
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:38
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:39
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:39
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:40
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:40
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:41
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:41
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:42
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:42
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:43
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:43
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:44medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:44
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:48
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:48
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:49
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:49
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:50
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:50
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:51
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:51
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:52
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:52
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:54
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:54
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:55medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:55
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:01
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:01
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:04medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:04
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:06medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:06
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:10
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:10
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:18
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:18
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:22
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:22
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:26
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:26
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:30
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:30
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:31medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:31
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:35medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:35
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:39
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:39
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:41
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:41
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:46
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:46
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:50
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:50
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:51medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:51
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:56medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:56
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:05medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:05
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:11medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:11
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:16
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:16
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:18
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:18
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:20medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:20
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:29medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:29
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:30medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:30
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:38medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:38
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:45medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:45
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:49
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:49
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:54
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:54

GitHub Copilot app for beginners: using the diff, terminal, and browser の文字起こし

ブランドが書いたものではなく、映像の音声から音声モデルが書き起こしたものです。行をクリックすると、その瞬間に移動します。

  1. 0:00When an agent makes a change, you'll want to review it, run it, and see it.
  2. 0:04The good news is that you can do all three without leaving the app.
  3. 0:07Normally, those three jobs would mean bouncing between your editor, a terminal window, and a web browser.
  4. 0:12Here, they live side by side as built-in panels, so checking an agent's work is quick, instead of a chore.
  5. 0:18Let's tour them one at a time.
  6. 0:25A diff shows exactly what changed, with additions in green and deletions in red,
  7. 0:29so nothing is a mystery.
  8. 0:30If you're new to the word,
  9. 0:32a diff is simply a before and after comparison.
  10. 0:34The lines that were added, removed, or changed,
  11. 0:36usually colored so they jump out.
  12. 0:38And you're not just a passive reader.
  13. 0:40You can accept changes, leave comments,
  14. 0:42or ask Copilot to adjust.
  15. 0:44This is where you stay the decision maker
  16. 0:46and nothing is final until you say so.
  17. 0:48Now, reading code is good, but running it is better.
  18. 0:51The terminal panel lets you run commands
  19. 0:54right inside the session.
  20. 0:55If a terminal looks intimidating, relax.
  21. 0:57Here, you're mostly just running the project's own commands
  22. 1:00and reading the results.
  23. 1:02For Tailspin Toys, I'll start the app.
  24. 1:04We can do it here by hand, or we can configure it
  25. 1:08as a script and then always have it available
  26. 1:10with the Run button.
  27. 1:11So here, I've added the dev server script
  28. 1:13that opens the client folder and then runs npm run dev.
  29. 1:17If we click Run, this will start the server for the website.
  30. 1:21So the Run action opened a new terminal window,
  31. 1:24but we still have our existing terminal window
  32. 1:26as another tab so we can jump back if we want to to continue running commands.
  33. 1:31For anything with a user interface, the browser panel closes the loop.
  34. 1:35Tailspin Toys is a website so I can open it and actually use the new feature the same way a real
  35. 1:40user would. Here if I wanted to keep iterating I can use the pick and polish tool to select this
  36. 1:46element and then continue to work with the agent because I've added it as context.
  37. 1:50So now we can run our dev server again after I've made any changes and then we'd be able to see the
  38. 1:56fix. So we were able to review the diff, run it in the terminal and see in the browser and
  39. 2:02immediately iterate over it to get a working sort feature. There's no tab hopping, no switching apps,
  40. 2:07no losing your place. That's the tight loop and the whole point. The faster you can go from change
  41. 2:13to confidence, the more comfortable you'll be letting agents help. Once we're happy, we can
  42. 2:17accept the change right here and create a PR and move on. Having review, run and preview side by
  43. 2:23side is exactly what makes agent-made changes feel safe instead of scary because you've seen
  44. 2:28the proof with your own eyes. Together, these built-in panels answer the three questions you
  45. 2:32should always ask about an agent's work. What changed, does it run, and does it actually work?
  46. 2:38Make this your habit. Next time an agent edits your code, open the diff, run the tests,
  47. 2:43and preview it live before you accept. Give it a try with GitHub Copilot app at gh.io.app.
47行 · 553語