สิ่งที่ใช้
นี่คือเครื่องมือและอุปกรณ์ที่ผมใช้งานอยู่ในปัจจุบันสำหรับการทำงาน
Development 👨🏻💻
- Docker แพลตฟอร์มซอฟต์แวร์สำหรับสร้างแอปพลิเคชันบน containers
- iTerm2 Terminal สำหรับ macOS เพิ่มความสามารถด้วย zsh และ Oh My Zsh => git plugin + Powerlevel10k theme
- FileZilla โปรแกรม FTP client
- Postman,Bruno ทดสอบ API
- Responsively พัฒนา responsive web apps
- Mock Magic จำลองหน้าจออุปกรณ์
- RunJS JavaScript playground สำหรับเดสก์ท็อป
- Caniuse.com ตารางรองรับเทคโนโลยีเว็บสมัยใหม่บนเบราว์เซอร์
- Npkill ค้นหาและลบโฟลเดอร์ node_modules เก่าๆ ที่หนักได้ง่าย
- Web Developer Checklist รายการตรวจสอบสำหรับ Web Developer
- readme.so วิธีที่ง่ายที่สุดในการสร้าง README
Git
- Git ระบบควบคุมเวอร์ชันแบบกระจาย open source
- GitButler โปรแกรม Git client
- Bitbucket, Github จัดการโค้ด Git
- Git-FTP อัปโหลดไปยัง FTP servers แบบ Git
- Gitignore.io สร้างไฟล์ .gitignore ที่เป็นประโยชน์สำหรับโปรเจกต์
Database
- Sequel Pro, Antares, DataFlare, TablePlus, DBeaver แอปพลิเคชันจัดการฐานข้อมูล
- Robo 3T, Compass, NoSQLBooster GUI และ IDE สำหรับ MongoDB
- SendGrid, Mailgun, Postmark,Taximail, Resend SMTP Servers
- Mailchimp, GetResponse แพลตฟอร์ม Email marketing
Server
- crontab.guru Crontab editor
- do.nginxconfig.io,NGINXConfig วิธีที่ง่ายที่สุดในการกำหนดค่า NGINX server ที่มีประสิทธิภาพ ปลอดภัย และเสถียร
Resources
- reactresources.com, awesome-react-components React Resources และ components
- miragejs.com, json-server, fakemyapi.com, mockaroo.com จำลอง API
- carbon.now.sh แชร์รูปภาพโค้ดที่สวยงาม
- ihateregex.io, regex101.com, subiRegex ช่วยเหลือเรื่อง Regular expression
- unlayer.com templates เทมเพลต HTML Email
- meta-tag-gen สร้าง Meta Tag
- htmlhead.dev คู่มือ HTML5
<head>elements - docusaurus.io สร้างเว็บไซต์ที่ได้รับการปรับปรุงอย่างรวดเร็ว เน้นที่เนื้อหา
- omatsuri.app เครื่องมือ Frontend
- free-for.dev ฟรีสำหรับนักพัฒนา
- html-to-markdown แปลง HTML เป็น Markdown
- akshay.rocks resources รายการทรัพยากรคัดสรรสำหรับ frontend devs
- Opensourcealternative.to ทางเลือก Open Source แทนซอฟต์แวร์แบบกรรมสิทธิ์
Design 🎨
- Adobe XD , Figma, Penpot UI Mockup และ Prototyping
- Affinity Photo, Pixelmator Pro, Photomator, Photoscape X, Adobe Lightroom แก้ไขภาพถ่าย
- Pikka – Color Picker เลือกสี
Logo
- Logodiffusion สร้าง Logo ในไม่กี่วินาทีด้วย Generative AI
- Logo Fast สร้าง Logo อย่างง่าย
- Adobe Spark Logo และงานศิลป์
Resources
-
Linearity ออกแบบกราฟิกแบบแอนิเมชันแบบมืออาชีพ
- Linearity Curve ออกแบบกราฟิก
- Linearity Move Motion design และแอนิเมชัน
-
pixabay.com, freepik.com ภาพถ่าย, ภาพประกอบ, Vectors
-
freeimages.com, unsplash.com, picjumbo.com ภาพถ่ายฟรี placeholder.com,placehold.co สร้างภาพ placeholder แบบกำหนดเอง
-
picsum.photos Lorem Picsum
-
awwwards.com, dribbble.com, behance.net, pinterest.com, webframe.xyz แรงบันดาลใจออกแบบเว็บ
-
generated.photos/faces ภาพใบหน้าที่สร้างด้วย AI ฟรี
-
patternpad.com ออกแบบลวดลายสวยงามจากรูปแบบที่ไม่มีที่สิ้นสุด
-
jpeg.rocks, bulkresizephotos.com/en ปรับขนาด, ครอป, ใส่ลายน้ำ
-
haikei.app เครื่องมือสร้าง: Blob, Wave, Blurry Gradient, Circle Scatter, Blob Scene, Layered Waves, Stacked Waves, Blob Scatter, Low Poly Grid, Layered Peaks, Stacked Peaks, Polygon Scatter, Layered Steps, Stacked Steps และ Symbol Scatter
-
uxarchive.com UX/UI Flow
-
uiuxrepo.com ดาวน์โหลด UI และทรัพยากรออกแบบกราฟิกฟรีสำหรับโปรแกรมออกแบบโปรดของคุณ; Photoshop, Sketch, Adobe Xd และ Figma
-
3dtransformer.com แปลงภาพเป็น 3D
-
loremipsum.io สร้าง Lorem Ipsum
-
Getavataaars.com, Notion Avatar สร้าง Avatar
-
storyset.com ภาพประกอบที่ปรับแต่งได้ฟรีสุดเจ๋ง
Image Editor (AI)
Image Upscaler (AI)
- https://replicate.com/nightmareai/real-esrgan
- https://upscalepics.com/
- https://imgupscaler.com/
- https://create.pixelcut.ai/upscaler
- https://www.iloveimg.com/upscale-image
- https://www.upscale.media/
- https://bigjpg.com/
Working & Project management 📑
- Trello Kanban board
- Be Focused เพิ่มประสิทธิภาพการทำงาน
- Mail (ในตัวของ Mac)
- Calendar (ในตัวของ Mac) กับ Google Calendar
- Google Drive, Dropbox, iCloud (ในตัวของ Mac)
- Evernote,Notion จดบันทึกและความรู้ทุกอย่าง
- SimpleMind Lite เครื่องมือ Mind Mapping
- Excalidraw, Okso.app, Sketch.io, Kleki.com, Autodraw.com เครื่องมือไวท์บอร์ดร่วมงานเสมือนจริง วาดหรือร่าง diagrams ออนไลน์
Apps & Utilities 🖥
- Dictionary (ในตัวของ Mac)
- TextEdit (ในตัวของ Mac) จดบันทึกสั้นๆ ชั่วคราว
- Grammarly ตรวจสอบไวยากรณ์
- New Text File Menu Free สร้างไฟล์ใหม่อย่างรวดเร็ว
- Keka จัดการไฟล์บีบอัด - Zip
- Magnet จัดระเบียบพื้นที่ทำงาน
- LINE แชท
- TeamViewer เข้าถึงอุปกรณ์จากระยะไกล
- Recordit บันทึกหน้าจอ
- Goodemailcopy ตัวอย่างการเขียน Email จากบริษัทชั้นนำ
- tldrlegal.com อธิบายใบอนุญาตซอฟต์แวร์ด้วยภาษาง่ายๆ
- Tunnelblick VPN
- Upscayl ขยายขนาดภาพ
- TextSniper จดจำข้อความง่ายๆ แยกข้อความจากภาพและเอกสารดิจิทัลอื่นๆ ในไม่กี่วินาที
- Dropzone 4 ย้าย/คัดลอก/เปลี่ยนชื่อไฟล์, ติดตั้งและเปิดแอปพลิเคชัน, AirDrop, รัน Shortcuts, Imgur, Amazon S3, SFTP & FTP Server, ย่อ URLs, ปรับขนาดและบีบอัดภาพ, และดาวน์โหลดวิดีโอ YouTube
- OBS Studio ซอฟต์แวร์ฟรีและ open source สำหรับบันทึกวิดีโอและถ่ายทอดสด
Life 🌈
DEV Community 🛖
Hardware 🧰
- MacBook Pro (13 นิ้ว, 2017, Two Thunderbolt 3 ports), Processor 2.3 GHz Intel Core i5, Memory 16 GB 2133 MHz LPDDR3, Graphics Intel Iris Plus Graphics 640 1536 MB
- จอ Monitor 27 นิ้ว Xiaomi 2K Monitor A27Qi ราคาถูก น้ำหนักเบา ราคาไม่แรง
- Adapter Ugreen USB C to USB 3.0 Hub Type C Adapter 3.1 HDMI VGA Converter SD Card Reader มีช่อง Port ที่ต้องการเชื่อมต่อเพียงพอ และอึดถึกทนมาก
- เมาส์ไร้สายเพื่อสุขภาพ LOGITECH LIFT Vertical Ergonomic Mouse Wireless, Bluetooth สำหรับสายปวดข้อมือราคาไม่แรง อึดถึดทน และเหมาะกับ MacOS เพราะปรับแต่งปุ่มได้หมด
- เครื่องสำรองไฟสำหรับเกมส์มิ่ง APC EASY UPS BVX900LI-MS (900VA/480WATT) UPS for Gaming สำรองไฟนาน 5-10 นาที ทันเวลา Save งานที่สำคัญ
อื่นๆ 📦
- Casio G-SHOCK GBD-200 เป็นคนไม่ค่อยชอบ Smart Watch เพราะไม่ชอบชาร์จแบตฯบ่อย ตัวนี้ใช้ถ่านกระดุมเหมือนนาฬิกาทั่วไปและอึดถึกทนใส่ออกกำลังกายได้ดีมากเห็นแบบนี้มี GPS แต่ใช้ของสมาร์ทโฟนเชื่อมต่อ แต่ส่วนตัวใช้แค่ฟีเจอร์นับก้าว จับเวลา เท่านี้ก็เพียงพอแล้ว
- ปากกาลบได้ PILOT FriXion Ball Pen Refill (0.7 MM – 1.0 MM), Black
- สมุดโน๊ต Dot grid