잠시만 기다려 주세요.
Build Cool Stuffs
2024. 9. 11.
This video is the part 2 of this tutorial, the link to the first part is https://www.youtube.com/watch?v=nCwbbHdmSt4 What you'll gain from this tutorial - Using React JS in Electron JS - CSS Grid - Interprocess communication with IPC - Creating context menu and top menu - Creating files in electron js - Editing files in electron js - Loading and displaying the content of a directory in electron js - Integrating monaco text-editor library 00:00:00 - 00:14:20 - introduction and demo 00:14:20 - 00:39:21 - Project setup and configuration 00:39:21 - 00:53:19 - Initialisation, brief introduction and routing setup 00:53:19 - 01:07:32 - UI Layout setup with CSS grid 01:07:32 - 01:56:43 - UI development 01:56:43 - 04:27:16 - Interprocess connection using IPC, preload file setup, selecting and loading directory content into the project, and additional UI development 04:27:16 - 05:54:00 - Setting up Monaco editor library, displaying file contents in Monaco editor and editing files 05:54:00 - 06:33:38 - Footer content UI development and implementing line and column number with Monaco editor event 06:33:38 - 07:39:01 - Designing the file tab 07:39:01 - 08:01:56 - Saving Files 08:01:56 - 09:01:52 - App Menu and context menu for folder and files implementation 09:01:52 - 09:31:33 - header design 09:31:33 - End - Creating files, Selecting New Folder and other things Links Link to the lesson files on my github repository https://github.com/paulosabayomi/vscode-clone-with-electron-js-react-js-and-monaco-library OR clone it on the CLI with git clone https://github.com/paulosabayomi/vscode-clone-with-electron-js-react-js-and-monaco-library.git Electron JS documentation https://www.electronjs.org/docs/latest/ Electron Menu https://www.electronjs.org/docs/latest/api/menu#render-process Electron Forge https://www.electronforge.io/guides/framework-integration/react-with-typescript Electron Forge React https://www.electronforge.io/guides/framework-integration/react-with-typescript Monaco Editor GitHub repo https://github.com/microsoft/monaco-editor?tab=readme-ov-file Short Doc https://github.com/microsoft/monaco-editor/blob/main/docs/integrate-esm.md Monaco editor webpack plugin https://github.com/microsoft/monaco-editor/tree/main/webpack-plugin Electron Store https://www.npmjs.com/package/electron-store SVGR https://www.npmjs.com/package/@svgr/webpack React Perfect Scrollbar https://www.npmjs.com/package/react-perfect-scrollbar Redux toolkit https://redux-toolkit.js.org/tutorials/typescript React Navigation https://reactrouter.com/en/main/start/tutorial React router Hash router https://reactrouter.com/en/main/routers/create-hash-router URL loader https://github.com/webpack-contrib/url-loader VSCode Figma https://www.figma.com/design/k8Z1DvF03b44yC29dpk2As/Visual-Studio-Code-Toolkit-(Community)?node-id=1-2&t=K63zAqd5UYfuvkyg-0 Seti UI icon https://github.com/jesseweed/seti-ui Codicon repo https://microsoft.github.io/vscode-codicons/dist/codicon.html Codicon on iconify https://icon-sets.iconify.design/codicon/ VSCode Icon themes https://code.visualstudio.com/blogs/2016/09/08/icon-themes #vscode #monaco #texteditor #electronjs
In this video I'll break down everything you need to know about prompting efficiently inside of AI agent & AI automation systems. Which is, In my opinion, the most important skill you should master when designing these systems. 🌐 Join my free community to get the free templates mentioned in this video and all my other templates: https://bit.ly/benaicommunity 💼 AI implementation or consulting? 📆 Book me in here: https://www.benvansprundel.com/ 🔗 My links: Linkedin: https://www.linkedin.com/in/benvansprundel/ X: https://x.com/ben_vs92 💻 Softwares I use (some of these are affiliate-links, thanks!): Relevance AI: https://relevanceai.com/?via=ben Sendspark: https://sendspark.com/?via=ben-ai Make.com: https://www.make.com/en/register?pc=benai Agentive: https://agentivehub.com/ Dumpling AI: https://www.dumplingai.com/?via=ben-ai Chapters: 00:00 - Intro 02:59 - Types of Prompting 07:51 - Prompting Frameworks 09:13 - #1 - Long Structured Framework 18:05 - #2 - Short Structured Framework 21:32 - #3 - Agent Prompting Framework 30:48 - Prompting GPT-o1 32:56 - Use Case #1 - Extracting Data 34:18 - Use Case #2 - Classification 35:23 - Use Case #3 - Generation 36:20 - Use Case #4 - Evaluation 37:31 - Use Case #5 - Data Transformation 38:37 - Use Case #6 - Decision Making 38:55 - Other Use Cases #1 - Tool Input 41:10 - Other Use Cases #2 - Subagents 43:40 - Other Use Cases #3 - Labeling / Naming 45:02 - Other Use Cases #4 - Flow Builder 45:55 - My Agent Prompt Tool 👋🏼 About me: I'm Ben, a 3-time founder & Dutch AI entrepreneur. In 2023, I started my AI automation agency https://www.benvansprundel.com/. In this channel, I help businesses, professionals & aspiring AI entrepreneurs how to build powerful no-code AI Agents & Automations for 10x efficiency. I post new useful AI use cases for businesses weekly.
2024. 9. 26.
▶CS지식의 정석 https://inf.run/17Fb ▶C++ 10주완성 코딩테스트 https://inf.run/xZhA
2024. 7. 3.
⏰ Timestamp --------------------------------------------------------------------------------------------------------------------------- 📝 Summary --------------------------------------------------------------------------------------------------------------------------- ✅ Tag #claude #클로드 #api #anthropic
2024. 8. 9.
#OODP #객체지향 #프로그래밍 이 영상에서는 빌더 패턴에 대해 설명하고 있습니다. 빌더 패턴은 객체를 생성하는 과정을 단계별로 나누어, 객체의 구조를 유연하게 조작할 수 있게 하는 디자인 패턴입니다. 이를 통해 복잡한 객체의 생성 과정을 캡슐화하고 통제할 수 있으며, 복잡한 객체를 생성하더라도 코드의 가독성이나 유지 보수성을 향상시킬 수 있습니다. 예시로 피자 제작 과정과 HTTP 요청을 나타내는 클래스를 들어 설명합니다. 피자 제작 과정에서는 도우 준비, 소스 뿌리기, 토핑 얹기의 세 단계를 각각 메소드로 구현하고, HTTP 요청에서는 필요한 필드를 빌더 패턴으로 채워 객체를 생성하는 과정을 보여줍니다. 빌더 패턴은 객체 생성 과정이 복잡하거나, 객체의 구성이 달라질 수 있는 경우에 적합하다고 설명합니다. 다음 영상에서는 데코레이터 패턴을 다룰 예정이라고 말씀드립니다. = = = 🏠 얄코사이트: https://www.yalco.kr 📖 얄코 도서: https://www.yalco.kr/book/ 🧑🏫 얄코 강의: https://www.yalco.kr/#lectures 🎥 제대로 파는 Git & GitHub: https://youtu.be/1I3hMwQU6GU 🎥 제대로 파는 자바: https://youtu.be/iN22AgS_Chk 🎥 제대로 파는 파이썬: https://youtu.be/Da_-qnyPhhc 🎥 제대로 파는 자바스크립트: https://youtu.be/RHoPpjKRT38 🎥 제대로 파는 HTML & CSS: https://youtu.be/TrC2x4N0XqY 🎥 갖고 노는 MySQL 강좌: https://youtu.be/dgpBXNa9vJc 🎥 반응형 프로그래밍 RxJS 강좌: https://youtu.be/KDiE5qQ3bZI
2024. 9. 24.
#shorts #css #프론트엔드
2024. 4. 15.
🚀 감자나라ai 챗GPT 유료강의 안내 🎉 https://bit.ly/3tvomJD 🎁 감자나라ai가 만든 GPTs 스토어 https://bit.ly/3uF1QyO ❤️ 감자나라ai가 만든 무료강의 안내 https://www.youtube.com/playlist?list=PLnk-x2b_0YtnsbVjOAF9s6lyasxcCAFaV 챗GPT 기본사용법 모음 (2시간 30분) https://bit.ly/3tllbDZ GPTs 만들기 모음 (1시간 20분) https://bit.ly/493vNa8 챗GPT 프롬프트 템플릿 모음 https://bit.ly/3ZZLN9V 🧑🏻💻 챗GPT 프롬프트 만들기 기본 https://bit.ly/3OcjLU9 🤖 챗GPT 프롬프트 만들기 고급 https://bit.ly/3uYpLcz 🥰 [1만원강의] 코파일럿 고수되기! https://bit.ly/3vL85kY 💰 [무료] 챗GPT4 vs 클로드3 vs 제미나이 vs 클로바X vs 퍼플랙시티 비교 후기 https://youtu.be/3y4QKcI9wMQ 💸 퍼플렉시티 10$ 할인받기 : https://perplexity.ai/pro?referral_code=FGUU42VB (이 링크를 클릭하면 당신도 10$ 할인 감자도 10% 할인 받습니다!) 감자가 만든 GPTs https://bit.ly/40JifxO 감자나라ai 홈페이지 https://bit.ly/3PRrKG6 쉽게 설명하는 미드저니 튜터리얼 : https://youtu.be/y3F8w6Pra7A 미드저니 프롬프트 쉽게 만드는 방법 : https://youtu.be/DcWwMgiPPic 미드저니 모바일 사용방법 : https://youtu.be/IoTgVZI4EKk 미드저니 프롬프트 만드는 프롬프트 : https://bit.ly/3A2hVh9 이미지 생성 프롬프트 만들기 : https://bit.ly/3GuHR8I 구독해 주세요! https://www.youtube.com/channel/UCPP1HVcKyFThWlpO-JJdXdg #인공지능 #ai #챗gpt #chatgpt
2024. 10. 3.