EP 55

Ngoding di browser - Ngobrolin WEB

Bagikan:

Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. Topik, tautan dan pertanyaan menarik bisa dilayangkan ke https://ksana.in/ngobrolinweb Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.

Transkrip Bantu Koreksi

0:13Halo, halo. Hai, hai, hai. Selamat malam.

0:18Selamat malam.

0:20Semuanya di mana kabarnya?

0:22Ketemu lagi dengan kita bertiga.

0:24Ada Eka, ada Ivan, dan juga ada saya Rizadz

0:28di acara ngobrolin.

0:31Ngobrolin, ngobrolin.

0:33Selasa malamnya mana? Selasa malamnya.

0:36Yang disanggarakan setiap kelasa malam.

0:38Selasa malam.

0:40Sudah setahun kita masih belum kompek.

0:43Sengaja, sengaja, biar beda.

0:45Biar nggak pernah kompak.

0:47Tapi hari ini saya sudah balik ke rumah.

0:50Oh ya, sudah kembali di kantor lagi ya.

0:52Kantornya di rumah.

0:54Nah, work camp-nya gimana, lancar?

0:57Lancar, aman, seru, menarik.

1:00Ya, asyik ketemu teman-teman.

1:03Dan sedikit berbeda kan konsep work camp-nya.

1:06Konsep work camp-nya itu work camp next generation.

1:10Apa tuh, bedanya apa?

1:13Lebih spesifik dan target topiknya, niche-nya.

1:18Jadi kalau work camp regular itu

1:20si panitia mengadakan, kayak ngadain work camp.

1:27Terus kemudian speaker-nya itu yang submit kontennya.

1:32Tapi si panitia cuman, oke ini list dari teknologi atau topik

1:38yang kita ingin membawakan, tetapi lebih luas.

1:41Sedangkan kalau next gen ini lebih spesifik ke niche tertentu.

1:46Tergantung si panitia mau mengadakannya apa.

Lihat transkrip lengkap

1:49Dikasih tema berarti ya?

1:52Dikasih tema, ya betul.

1:55Nah, di Tegal kemarin itu work camp for enterprise, ceritanya.

2:00Nanti di Jakarta nanti beda work camp for creativity.

2:07Jadi kayak lebih banyak membahas UX, UI dan sebagainya.

2:13Tapi bukan jadi pendicara.

2:15Jadi bisa jadi kalau kayak kemarin itu workshop.

2:18Jadi saya sebagai keynote menyampaikan work camp for enterprise.

2:23Terus Mas Ryo Buruhan menyampaikan bagaimana cara

2:28memikirkan design thinking untuk proses dari awal bisa untuk ke enterprise.

2:34Design ininya ya, design user experience dari SISUS-nya.

2:39Baru langsung di saat itu juga demo dan workshop.

2:46Jadi kayak semua pesertanya itu sama-sama membangun website.

2:51Tapi seru tuh.

2:53Seru banget.

2:55Nanti konsepnya di Jakarta berbeda lagi.

2:58Ini bukan ngobrolin work press kan.

3:01Oh iya, nanti kita bikin episode sendiri ya.

3:05Ngobrolin work camp.

3:07Nah, topik malam ini adalah apa ya?

3:11Teman-teman di sini masih moding di localhost, masih jalanin di localhost,

3:16jalanin dev environment di localhost atau sudah mulai beralih ke cloud

3:21kayak apa ya cloud 9, ada apa lagi code sandbox, code spaces, bithub.

3:27Macam-macam ya.

3:29Stack bits dan lain-lain gitu.

3:32Cloud 9 itu kemarin kayak boi even gak sih? Cloud 9 gitu.

3:36Emang dan apa yang ada angkanya?

3:41Oh dulu banget ada boi even namanya 5.

3:44Anjur itu dulu banget.

3:4850 cent, cloud 9.

3:5150 cent mah bukan boi even bro.

3:53Cloud 9.

3:57Cloud 9 iya sih, iya sih.

3:59Kayak boi even gitu kan.

4:02Pasti mikir boi even bener kan gara-gara team.

4:0610 to 5, misalnya 10 to 5.

4:0810 to 5 itu ben kan.

4:10Itu ben biasa, kalau yang boi even di club itu ada bintang-bintang kita ngecap.

4:15Betul maksudnya.

4:17Ben belum mikirnya tadi apa kayaknya emang ada boi even, ada 5 nya, tapi bukan 5 ya, T5.

4:24Ya gitu.

4:26Nah kita bisa berterima kasih kepada, salah satunya kepada VS Code ya terutama ya.

4:32Mungkin di awal dari Atom, ini ada yang masih pakai Atom gak? Atom Code Editor yang sudah dihentikan oleh GitHub ya.

4:41Setelah diakusisi GitHub, terus dihentikan.

4:44Kemudian dilanjutkan, kedidayaannya dilanjutkan oleh VS Code.

4:48Yang sebenarnya dikembangkan dengan teknologi web.

4:51Pake elektron kan, masih ya pakai elektron sekarang, saya gak tahu.

4:56Atau juga elektron, VS Code.

4:59Ya Atom elektron, VS Code kan juga awalnya elektron, tapi gak tahu sekarang.

5:03Kalau gak salah VS Code itu tuh yang telah dilanjutkan dari dulu banget, itu Microsoft punya Visual Studio kan ya.

5:09Makanya VS kan, VS Code.

5:12VS ya, Visual Studio itu yang berbayar kan, yang lisensi kan. Jadi desktop, desktop app, buat ngumpangin .NET, C#, Fibonet dan lain-lain.

5:23Saya tuh sebelum mengenal VS Code itu, apa sih VS ya, Visual Studio.

5:27Bukan Visual Studio itu saya bilang untuk .NET ya, itu kan saya pakai waktu jaman kuliah gitu.

5:32Betul.

5:33Oh ternyata VS Code yang banget.

5:35Tapi bukan yang sekarang kan, bukan versi yang sekarang.

5:37Kan, itu jauh berbeda, project yang berbeda.

5:39Kayaknya mereka untuk branding aja.

5:42Tetap VS nya dimasuk-masukin aja lah, sambung-sambungin biasa.

5:47Totally different project.

5:51Ya, ya berterima kasih lah sama teknologi elektron, web, diawali sama Atom.

5:56Abis itu Atom diakusisi sama GitHub, GitHub diakusisi sama Microsoft, akhirnya Microsoft bikin VS Code gitu kan.

6:03Dan sekarang VS Code kayaknya bisa di, apa ya, bisa diakses dari mana aja.

6:10Bukan hanya dari desktop, multi platform, bisa di Linux, bisa di Windows, bisa di Mac OS, tapi juga bisa di browser gitu.

6:18Dan kita akan bahas malam ini, tapi kita bahas bareng Nara Sumber.

6:23Nah, kita undang-undang Nara Sumber.

6:25Kita punya Nara Sumber ya.

6:26Mas Riu, halo Mas Riu.

6:28Apa kabar?

6:29Nara Sumber kayak ngobrol apa aja.

6:34Sebelum ngobrol mungkin kenalan dulu dong, kenalan dikit dulu dong.

6:39Buat yang belum kenal.

6:42Perkenalkan semua, nama saya Rius Tamal, buat yang belum kenal.

6:47Saat ini saya bekerja di AWS sebagai developer advocate.

6:54Sudah hampir 2 tahun ya.

6:57Udah lama banget.

6:59Udah lama banget.

7:01Udah 2 tahun sih.

7:03Udah 20 tahun, 2 tahun.

7:05Oh, 2 tahun.

7:07Ya, jadi itu aja sih kenalannya.

7:11Tapi saya sebenarnya bukan pengguna Visual Studio VS Code ya.

7:19Bukan pengguna VS Code secara harian ya dari dulu.

7:25Ya, saya pakai editor apa emang kalau harian?

7:27Kalau di desktop saya itu biasanya pakai sublime malah.

7:31Oh, sublime.

7:33Kira-kira di Vim.

7:35Oh, masih gue.

7:37Kalau Vim itu untuk para die hard itu semua.

7:41Iya, kira-kira sekarang udah gak ada orang pakai sublime text atau apa.

7:45Cuma ada, apa?

7:47Masih, masih.

7:49Saya masih pakai sublime.

7:51Itu loh, Ivan bukannya pakai Vim ya.

7:53Saya, ya, tergantung situasi.

7:57Tergantung situasi.

7:59Tetapi, kalau untuk project di kantor.

8:03Karena setupnya, sekarang onboardingnya, segala macam sudah VS Code.

8:08Sebenarnya di kantor itu terbagi 2 jenka ini sama VS Code.

8:12Ya, tergantung project.

8:14Kalau sehari-hari kalau saya cuma kayak bongkar folder yang biasa saya gak buka di VS Code.

8:19Saya bukanya di sublime atau sukanya di Vim juga.

8:24Karena simple, jadi kayak cek sedikit.

8:27Kalo ini salaman dulu dong, pengguna sublime juga.

8:29Tapi saya coba, yang lagi nonton, kalian masih ada yang pakai sublime dan lain-lain?

8:36Mopet plus plus.

8:39Ada yang pakai Mopet plus plus.

8:41Logonya kadel ya itu.

8:43Logonya kadel.

8:45Kamelion loh.

8:47Kamelion.

8:49Tapi karena gak bisa dipenggiri, memang VS Code kan kayaknya ini paling popular deh sekarang ya.

8:54Ya, iya.

8:56Dan itu kayak streamlined expectation IDE gitu.

9:00Kayak misalnya, ya itu.

9:02Kalau orang pangkir repon atau IDE online, kayak yaudah.

9:06Tergantung ambience-nya.

9:08Tergantung, pasti ada di ruang lingkup mana.

9:13Ya.

9:14Jadi kalo misalnya ngomongin soal web dev, ya.

9:17Terpisah tuh antara VS Code dan si Jetbrain.

9:22Ya, itu biasa jadi itu.

9:25Jetbrain masih ini ya.

9:27Masih meradjai juga ya.

9:29Masih banyak penggunanya.

9:32Kalau Android dev jarang kan yang pakai VS Code?

9:38Ya engga lah, Android Studio lah.

9:41Ya, Jetbrain juga.

9:45Jadi tergantung di environment-nya dimana.

9:51Punya pasalnya masing-masing.

9:53Apalagi desktop developer kayaknya, bukan VS Code, malah Visual Studio Code yang apa?

9:58Visual Studio beneran.

10:00Standard.

10:02Ya, Visual Studio.

10:04Kalo buat Java, Java pake, ya itu Jetbrain, kalo engga Eclipse.

10:11Masih ada ga Eclipse.

10:12NetBeans masih ada ga sih NetBeans?

10:14Ada ya Eclipse ya.

10:15Masih, masih NetBeans masih ada.

10:18Terus kalo misalnya Ana Titan.

10:23Wah, ini lebih hardcore lagi.

10:25Lebih hardcore lagi pake Notepad.

10:27Kalo Vim itu masih ada highlighting kan.

10:30Kalo Notepad engga?

10:32Kalo pas baru belajar loading pertama kali, itu tuh pake Notepad beneran.

10:37Disimpen developing this.

10:39Kalo pake Notepad, masih biasa.

10:41Di upload-nya soalnya dari luar.

10:43Kalo saya denger ada yang pake front page, baru saya "ohhh".

10:48Oh, dulu saya pake itu dulu, front page.

10:51Front page, the weaver.

10:56Itu kan biasanya banding sama office kan soalnya.

10:59Iya, iya.

11:01Jadi terpaksa di pake juga ini.

11:04Tapi ga tau produk apaan sebenernya front page ini.

11:06Kalo udah tau, akhir-akhir kalo "ohh ini buat develop web", ga gitu.

11:13Kalo sekarang pake SharePoint mungkin ya.

11:16Oke, oke.

11:20Nah, salah satu, apa ya, salah satu.

11:22Jadi si VS Code ini, selain dia memang, dia...

11:26VS Code open source engga?

11:28Engga.

11:29Code server-nya.

11:31Code server-nya open source.

11:33Tapi sebenernya VS Code yang binary-nya engga kan.

11:37Makanya ada yang namanya VS Codeium.

11:40Yes.

11:41VS Code yang kita pake itu closed source.

11:43Dianggasa dengan open source.

11:45Yang open-nya VS Codeium, betul.

11:48Hirip dengan Chrome sama Chromium ya.

11:50Iya, ya, Chrome sama Chromium.

11:52Jadi si VS Code-nya sebenernya ada codenya di GitHub.

11:56Tapi kalo kalian mau pake itu, harus di-compile sendiri.

12:00Kalo pake yang binary, download yang XC, terus yang misalkan install...

12:05Yang sudah konek ke Microsoft Store.

12:09Nah, itu closed source.

12:12Close source, ya.

12:13Yes.

12:14Yang pasti open-nya bener-bener...

12:16Ya, perbandingannya kayak Chromium.

12:20Chrom dan Chromium.

12:21Dan Opera, contohnya Opera-nya itu closed.

12:24Tapi Chromium-nya open source.

12:28Nah, yang menariknya dari si VS Code ini...

12:32Di engine-nya, di belakang layarnya itu...

12:35Ada yang namanya Monoco Editor.

12:38Dan ini dipake di banyak tempat sekarang.

12:41Di web gitu ya.

12:42Kayak misalkan ada tools kayak Livebook.

12:47Kayak Jupyter.

12:48Text editor apapun lah.

12:49Iya, pokoknya yang web.

12:50Itu mah ada NPM-nya kan.

12:52Iya, Monoco Editor ini kayak TinyMCE.

12:56Kalo temen-temen tau ya.

12:57Nah, ini kayak gini.

12:59Ya, jadi versi coding-nya.

13:02Nah, bentuknya kayak gini nih.

13:04Timnya juga udah disediain semua.

13:06Land use-nya juga udah banyak.

13:07Oh, jadi ini di belakang...

13:09Di belakang layarnya ini belakang sih?

13:11Di belakang layarnya ini.

13:12Editor-nya, untuk editor-nya.

13:14Usus editor-nya doang.

13:15Jadi bukan environment, ada file explorer-nya.

13:19Nah, itu VS Code yang lain ya.

13:21Ini dibuild dari JavaScript juga.

13:27TypeScript.

13:29Ya, itu yang dipakai di VS Code-nya.

13:34Termasuk yang di server-nya.

13:36Nah, kalo dulu kan kita cuman pilihannya

13:40kalo misalkan kita mau code di machine lain

13:43atau mungkin langsung code di production.

13:45Itu pilihannya sedikit kan.

13:47Antara kita pake Vim atau pake Nano.

13:50Ya kan?

13:52Nah, kalo sekarang...

13:54Kita SSH ke server-nya

13:56terus langsung di-tikni.

13:58Langsung di-tikni terminal.

14:00Langsung di editor yang ada di server-nya.

14:02Yang biasanya server-nya kan gak ada GUI kan.

14:04Harus di terminal.

14:06Jadi yang terminal base.

14:08Nah, sekarang VS Code itu udah bisa dibikin server-nya.

14:11Tapi aksesnya gak lewat SSH.

14:13Melalui browser.

14:15Banyak orang yang kayaknya agak bingung dengan itu loh.

14:22VS Code Remote Code Extension itu loh.

14:25Kadang-kadang bingung antara VS Code yang browser

14:28yang bisa jalan di browser

14:31dengan yang Remote Code Extension itu kadang-kadang mereka masih bingung.

14:35Padahal yang Remote Code Extension itu bukannya yang cuman

14:38dia mengkonekskan yang di lokal dia.

14:41Instant VS Code di lokal dia

14:44ke server entah itu dengan SSH atau dengan koneksi apapun.

14:49Bukannya seperti itu kan yang untuk...

14:51Kalau yang Remote Code itu dia biasa buka tunnel.

14:54Dia buka tunnel.

14:56Ya, dia buka tunnel.

14:58Jadi di server itu kan

15:00VS Code itu punya namanya Code Server.

15:02Jadi ada Code Server-nya.

15:04Yang konek ke I/O-nya.

15:08Yang konek ke I/O yang di server.

15:10Yang di Remote.

15:12Yang di tunnel.

15:14Untuk yang kita lihat di VS Code yang di lokal kita.

15:18Semacam bikin direkoneksi antar user lah.

15:22Ini bukan.

15:24Order.com ya. Ini ya.

15:26Run VS Code on any machine anywhere and access in browser.

15:31Ini yang pernah saya...

15:34Ini yang terpakai yang buat...

15:36Oh buat projeknya ya.

15:38- Menarik ya. - Kayaknya bukan ini mungkin.

15:42Oh bukan. Beda lagi.

15:44- Kurang tahu ya. - Oke.

15:46Oh, persiksaan ya.

15:48Di alamannya Remote Code Estimation itu dia requirement-nya di server apa sih emang?

15:52- Biar requirement-nya saja. - Coba.

15:56Atau ada package khusus yang harus di-install di mana?

16:02Oh, dia menjelaskan kok nih di sini.

16:04Bentar-bentar. Coba buka ini.

16:06Yang Remote Code Estimation ya? Bukan yang Code Server ya?

16:11Oh, ini yang offisialnya ya?

16:13Offisialnya ya? Remote Overview ini ya?

16:16Ya begini-gini kudu offisial lah. Serem juga ya kalau pakai third party.

16:22Ya, ya, ya.

16:24Dan kelihatannya emang nggak bakal bisa.

16:27Maksudnya nggak dibuka. Ini yang kapabilitas kayak gini kayaknya nggak bakal di-expose buat third party plugin developer kan.

16:37Ya, ya.

16:39- Ini dia... - Zoom in.

16:43Nah, mantap.

16:47Jadi sistemnya begitu yang dibawa, dia connect ke VS Code Server-nya. Dan VS Code Server-nya lah yang jalan untuk menjalankan I/O di server.

16:59Remote OS, nggak mesti di remote server. Bisa jadi antara Windows dengan WSL-nya.

17:06Jadi ke WSL itu kan Windows Substances or Subsystem. Bisa juga kita remote ke Docker.

17:14- Ya, WSL itu Docker sebenarnya. - Ya.

17:17Ya, sama aja.

17:19Atau bisa juga ke remote server yang terpisah mesin.

17:24- Oke, oke. Oh berarti... - Kalau yang terpisah mesin, dia pakai tunneling.

17:28Dia pakai tunneling, jadi connect kedua pakai SSL biasanya.

17:32Oh, tahu nih roadmap-nya. Berarti si Visual Studio Code ini bikin dulu yang buat WSL-nya dia.

17:38Udah berhasil, bisa buat Docker di luar WSL, kemudian akhirnya jadi ada server ini ya.

17:44- Jadi, jalanin seperti itu ya. - Code Server, bukan Code Server.

17:47Berarti dia yang jalanin servernya di tengah-tengah lah ya.

17:53Ya, ya, ya. Nah, ini menarik kenapa? Karena saya beberapa bulan, udah agak lama sih, dapet artikel yang menarik nih.

18:02Judulnya juga cukup ini ya, The End of Local Host.

18:08Judulnya kedu gini. Kalau di dunia teknologi, walaupun enggak ya, maksudnya enggak.

18:12Ini kan enggak bisa taken literally. Gak mungkin lah. Cuma biar...

18:17- Siapa namanya dia? Saya semua tahu ID-nya dia. - SVX?

18:22- Ya. - Sean Wang semuanya.

18:24- Oh ya, Sean Wang. - Sean Wang.

18:26Ya, jadi dia bilang kayaknya nih ke depannya, kalau di 2030 katakan lah gitu ya.

18:35- Zoom in, zoom in. - Kalau internet udah murah, mesin juga semakin murah.

18:41Terus juga, apa namanya, projek kita semakin rumit ya.

18:49Kalau misalkan kita mau deploy, mau compile, banyak dependensi dan lain-lain,

18:55itu pekerjaannya semakin banyak gitu kan. Akhirnya kayaknya lebih gampang kita enggak pakai localhost.

19:03Jadi langsung ke server, bukan ke production ya. Kan banyak staging-nya kan.

19:08Ada staging-nya kan, ada development, ada staging, mungkin ada personal.

19:13Set up informant atau istilahnya apa, ini ya. Team client ya, server team client ya.

19:19Jadi client-nya itu enggak kerja keras. Laptop kita enggak kerja keras.

19:23Kita remote atau SSH atau melalui apapun ke server atau melalui HTTP.

19:29Dan sebenarnya udah teknologi lama kan, itu team client ya.

19:33Sudah, itu udah lama sekali. Cuman yang lebih menarik lagi adalah ternyata perusahaan-perusahaan besar juga mengadopsi.

19:39Kayak Google katanya. Pakai namanya Google Sider.

19:42Oh, eternally berarti sudah punya sistem kayak gitu.

19:46Iya. Saya waktu itu pernah kayak ngobrol-ngobrol, kalau untuk development Chrome itu,

19:55untuk nge-compile Chrome itu, kalau pakai laptop kita biasa, bisa tiga hari nge-compile kodanya.

20:01Atau itu, ya kan. Jadi harus selalu pada yang nge-compile.

20:06Facebook, Etsy, Shopify, yang terakhir Slack.

20:12Tapi ini kan semacam trend kan, memang. Kita enggak keras abawah.

20:17Kita sebenarnya banyak yang kerja pendatang.

20:20Ini kan kayak aplikasi perkamporan, office kayak gitu.

20:24Dulu kan kita pasti menjalankan di desktop kita, global.

20:29Iya, benar juga.

20:30Sekarang kan kita...

20:32Semua web ya?

20:33Iya, kayak gitu.

20:34Iya. Cuma bener loh. Sekarang bahkan gue enggak punya aplikasi apa?

20:40Enggak punya aplikasi di office sama sekali.

20:43Di laptop emang enggak install, enggak punya Microsoft Word lah,

20:46enggak punya apa, yang Mac pages, enggak ada.

20:50Karena emang di tempat kerja juga udah punya workspaces sendiri, Google Docs dan lain-lain.

20:57Kalaupun buat personal, ya pakai akun personal, ya Google Docs juga.

21:01Jadi maksudnya make sense, ya bisa aja.

21:04Selain office productivity gitu, coding jadi fenomena selanjutnya ya.

21:11Coding udah semua. Coding environment, pin ya.

21:14Alasan saya sebenarnya suka dengan cloud IDE itu sebenarnya sesimpel.

21:19Saya kayaknya ngopal di laptop sebetulnya.

21:22Memberatkan laptop ya.

21:24Kalo bikin folder lagi, ada node modules-nya, banyak node file-nya.

21:29Apalagi meskipun kita pakai Docker ya.

21:32Keputusnya kita masih buat kali kita pakai Docker.

21:35Sama aja kita nyalakan di kita.

21:38Tetap aja kita download itu di T-Locker with you guys.

21:42Terus T-Locker kita, itu kurang enak aja sekarang.

21:52Jadi penting aku semua kuletakan di T-Locker.

21:56Aku bukan desktop deklopernya kalau enggak.

21:59Tapi itu lebih ke web atau infrastructure kan.

22:04Kita gak perlu mekanisme koneksi ke hardware misalkan.

22:10Jadi ya lebih fast.

22:13Memang kalau dari...

22:15Tidak di arti ini aja.

22:18Jadi semua misal apapun, kerja apapun udah digunakan.

22:23Terutama kalau misalkan compiling itu ya.

22:28Kayak node GSModule.

22:31Bukan biasa-biasanya pan lama, terus bikin work.

22:36Tidak kan.

22:38Kalo dilakukan di remote atau di server itu...

22:46Kalo kita lagi streaming atau youtube kita...

22:53Bener.

22:55Gak bikin lambat ya.

22:57Kalo lampu tiba-tiba, scene mati atau gimana.

23:02Tetep kita bisa connect lagi.

23:05Gak terputus prosesnya.

23:08Betul.

23:09Salah satu keuntungan Cloud ID itu menurut saya itu...

23:13Kalo kita misalnya...

23:16Kalo saya sebagai web dev ya, install node, node package.

23:20Kalo projectnya gede itu node module-nya banyak banget.

23:24Bisa sampe 1-2 giga kali ya.

23:28Kalo baru install, baru sedot tuh.

23:30Apalagi kalo sub module-nya banyak tuh.

23:32Sub module-nya banyak.

23:34Waduh.

23:36Itu kalo misalnya saya pake tethering...

23:41Aduh.

23:42Nangis.

23:44Abis kuota saya, habis.

23:46Habis gitu kan.

23:47Jadi terpaksa harus...

23:49Kalo di cafe, biasanya di trotal.

23:51Kalo ada cafe kadang...

23:54Kalo yang adminnya pintar, dia trotal.

23:58Ex FD juga ya, adminnya ya?

24:00Iya.

24:01Disreng NPM nih, apaan nih NPM?

24:03Trotal.

24:05Kalo di...

24:07Kan kalo pada rata kalo cafe kan sudah pake mikrotik.

24:11Mikrotik biasanya udah ada sistemnya.

24:13Udah otomatis, udah otomatis trotal.

24:15Udah, udah otomatis ya.

24:17Kalo...

24:19Di rumah baru kalo kecepatan internet yang kayak...

24:22Kebetulan yang punya saya bagus ya...

24:24Gak ada sedot 1-2 giga, ya aman.

24:27Tapi kalo buat temen-temen yang baru belajar sedot TypeScript ya.

24:31Mau belajar aja udah habis kuota.

24:33Waduh.

24:35Selain perkara habis kuota...

24:41Ini nih kalo apa, orang lagi belajar...

24:43Atau misalnya kayak workshop atau semacamnya...

24:46Jadi inget sih, maksudnya kadang ribet ya kalo...

24:49Semua harus...

24:50Harusnya laptopnya macem-macem, OS-nya macem-macem...

24:54Belum ada, tiba-tiba ada error-error aneh, udahlah.

24:57Streamline pake Note IDE solusinya.

25:00Ngadain workshop kalo misalnya...

25:03Install Note Module, semua begitu si...

25:06Pak Guru Riza kita mengatakan di kelasnya.

25:09Install Note Module, semua pada install Note Module.

25:11Itu internetnya ngacok itu bandwidthnya.

25:14Terus, misalnya ada yang pake Windows.

25:16Note-nya, di Apple-nya nggak ada Note-nya atau apalah.

25:20Iya.

25:21Kalo di Bootcamp biasanya kalo ada yang pake Windows dulu ya...

25:24Sebelum jamannya WSL ya kalo ada yang pake Windows.

25:27Maaf kita nggak support ya kalo misalkan ada error.

25:29Kasihan.

25:30Kasihan sendiri.

25:32Selain banyak error-annya aneh.

25:35Sebaiknya.

25:36Terus selanjutnya di...

25:37Kalo aku workshop.

25:38Kalo di...

25:39Biasanya itu pake Cloud9 untuk menjarahkan penggunaan.

25:44Cloud9.

25:45Iya itu.

25:46Cloud9.

25:47Cloud9.

25:48Ada itu lagunya apa?

25:50Cloud9.

25:51Raine Adams.

25:53Raine Adams ya.

25:54Iya, Cloud9.

25:55Mereka masih makan umur.

25:56Mereka masih makan umur.

25:57Makanya saya...

25:58Cloud9 itu kayak...

26:00Kayak...

26:01Ketuk-ketuk antara Cloud9 sama Summer of 69.

26:05Ada juga kan lagunya Raine.

26:07Raine Adams juga kan.

26:08Kenapa punya lagu yang beda-beda repotin orang?

26:11Tuh, makanya saya inget Cloud9 itu kayak ejak.

26:14Kayak lagu atau apa gitu.

26:16Makanya Cloud9.

26:18Yang nonton di mana semua ini.

26:20Nah, saya sebelum kita kesini.

26:23Sebelum kesini saya ada sejarah nih dengan Cloud9.

26:26Sebelum diakusi sama AOS.

26:29Ya, jadi kan Cloud9 awalnya kan proyek sendiri.

26:31Terus dia...

26:32Proyek sendiri.

26:33Sama AOS kan.

26:34Dua ribu.

26:35Saya lihat, saya baru saja di Tokopedia, dia semenjak tahun 2010.

26:38Tetapi saya sudah pakai ini semenjak saya di kantor itu 2012.

26:44Berarti 2012 saya pakai Cloud9.

26:47Untuk?

26:48Untuk proyek pribadi, untuk getes-getes.

26:51Jadi saya tuh sempat kepikiran...

26:55Kan waktu 2012 saya punya kantor sendiri.

26:58Jadi untuk supaya tim di kantor itu nggak perlu pakai laptop yang mahal-mahal.

27:05Saya mau penghematkan kos.

27:07Saya build server lokal, bukan office net.

27:13Office yang lokal area.

27:16Saya beli komputer yang agak mumpuni satu server.

27:21Dan berhasil saya kerjakan itu.

27:23Jadi rata-rata di kantor pakai Cloud9 untuk mengejarin proyeknya.

27:28Sempat terjadi di beberapa proyek saya pakai Cloud9.

27:33Tapi akhirnya ujung-ujungnya mereka...

27:36Server lokal.

27:37Nanti kita bahas kenapa vlog-nya kenapa, nanti akan saya bahas.

27:40Kita lanjut dulu soal Cloud9.

27:43Dan Cloud9 lanjut ke AWS.

27:48Di AWS saya nggak pernah pakai lagi.

27:53Di AWS, di beberapa service menyediakan ini ya.

27:57Kalau misalkan pakai Lambda.

28:00Nah, moding-nya bisa di Cloud9 kan.

28:02Dan beberapa service yang lain ya.

28:05Nah, terus...

28:09Ini, mas Ryo pakai, apa nasinya Cloud9 ini...

28:14Nanya-nanya produk nih jadinya.

28:16Ini kayak workstation gitu ya.

28:19Jadi saya sign-in, langsung dapet instance.

28:25Terserah dah mau diapain gitu ya.

28:27Ya, kita kan waktu buat instance buat Cloud9-nya kita pilih-pilih instance-nya.

28:33Mau spek-nya seperti apa.

28:35Atau bisa kita open-kan dengan teksi spek instance yang kita punya.

28:41Jadi kita sudah punya machine yang ada inox ya.

28:47Sama ini.

28:49Jadi dia di-install di AC-to-machine.

28:52Jadi nggak harus.

28:54Oke.

28:56Tapi apa yang buat integrasi yang...

29:01di AWS yang harus dikumpulkan.

29:04Bisa randa atau RTM.

29:07Di-packing.

29:09Cocok.

29:11Berarti cocok banget ini untuk dipakai di sandbox gitu ya.

29:14Ya.

29:15Sandboxing.

29:17Selama saya kerja di AWS, saya...

29:20Oh, ada cerita menarik juga nih di Cloud9.

29:32Jadi waktu...

29:34Aku sebenarnya punya cerita Cloud.

29:39Iya.

29:40Jadi kan waktu pandemi pertama kali, waktu PPKM pertama kali di-announce kan nggak boleh tuh.

29:49Jadi bootcamp dari yang awalnya offline, langsung online dari rumah masing-masing kan.

29:54Terus ada kesulitan banyak yang troubleshoot tuh.

29:59Kok laptop-nya mungkin kurang mumpuni atau apa gitu kan.

30:03Akhirnya kita cobalah eksperimen, coba bikin Cloud9, instance Cloud9.

30:09Jadi setiap student dapat akses ke Cloud9, mereka coding di situ.

30:15Coba untuk di-roll out untuk ke beberapa student.

30:19Problemnya satu, kalau di Indonesia ya.

30:22Karena mungkin mereka di rumah masing-masing atau di daerah, bahkan ada yang pulang kampung di daerah.

30:27Koneksi internet.

30:28Kurang stabil.

30:30Yang menyebabkan Cloud9 jadi nyalamati-nyalamati.

30:34Kan nggak enak ya eksperiencenya kan.

30:36Akhirnya ya nggak jadi.

30:37Akhirnya kita lebih memilih untuk cari subsidi laptop dan koneksi internet, paket.

30:44Lebih masih kesana akhirnya.

30:47Begitulah.

30:49Nah sekarang ke Mas Rio nih.

30:51Mas Rio kan istilahnya pekerjaan sehari-harinya mungkin udah disediakan lah gitu ya ada Cloud9.

30:57Kenapa mau bikin proyek ini?

31:01Installer VS Code Core Web.

31:03Ini sebenarnya satu karena ada beberapa extension.

31:12Itu yang pengerja lebih baik di VS Code atau nggak tersedia di Cloud9.

31:18Cloud9 ada extension-nya juga ya?

31:21Iya tapi jadikan di koreksi ya internal.

31:26Oke.

31:28Tapi kalau VS Code kan apa aja aja gitu ya.

31:34Apakah API buat bikin plugin lumayan luas lah API yang disediakan?

31:43Terus saya pribadi juga punya target untuk beberapa open source project.

31:51Yang kecil tapi terutama bisa gue gunakan sendiri sih.

31:56Terus tadi gue tahun ini tiga dan ini yang ketiga.

31:59Oke.

32:01Semuanya shell script.

32:05Jadi ini aku build dengan.

32:09Ini kalau kita lihat ini itu component-nya ada dua yang utama.

32:15Yang itu code server itu open source project.

32:21Jadi dia itu ambil code base-nya.

32:23Yang tadi ya?

32:25VS Code.

32:27Terus dia...

32:29Sebenarnya dia maintain lah istilahnya dia sync dengan.

32:33Yang tadi ya berarti ya ini ya?

32:36Iya.

32:46Yang kedua adalah KB.

32:47Nah KB ini...

32:54Cuma yang penting dari KB ini dia...

32:58Kayaknya suara mas Rio agak terpotong-potong ya.

33:07Iya terasin dikit.

33:09Terus volume-nya naikin dikit deh.

33:11Ya volume.

33:12Atau pakai itu kali ya voice isolation kali ya.

33:16Coba setting audio.

33:20Reduce background noise apa?

33:23Echo cancellation.

33:25Iya mungkin ada echo cancellation.

33:27Ya itu di...

33:29That's better.

33:31Gede bagus.

33:33Oh ini udah?

33:34Lanjut lanjut.

33:35Iya udah.

33:37Jadi tadi KD ini gunanya buat apa?

33:41Reverse proxy-nya.

33:42Jadi code server-nya itu dia nge-bin di localhost aja.

33:49Untuk expose ke internet dia pakai KD.

33:53Ya betul.

33:55Kenapa pakai KD?

33:57Karena dia konfigurasinya lebih simple untuk masalah TTPs.

34:02Karena TTPs kan kusil ya.

34:05Untuk hal kayak gini ya.

34:06Jadi kita gak ingin kan kita ngeses...

34:09Ngeses cloud ADA kita dengan plain TTP kan.

34:11Gak mungkin kan gitu.

34:12Jadi kan orang bisa...

34:14Ya di browser kadang-kadang ditolak ya.

34:18Apalagi ya proses sekarang kayaknya nolak ya.

34:20Nolak ya.

34:21Udah otomatisnya TTPs ya.

34:23Apalagi kalau kemarin .dev ya kemarin ya.

34:26Kalau domainnya .dev kita kena tuh.

34:29Kok gak bisa sih TTP?

34:31Mereka bisa di atas telekural.

34:34Iya.

34:35Kalau TLSnya .dev mas Rio.

34:37Harus HTTPS dari browser.

34:39Otoran baru lagi dari per-browseran.

34:41Per-browseran.

34:42Itu kayaknya .dev itu kan ininya si...

34:46Google.

34:47Kalau gak salah ya.

34:48Itu ininya si registranya si Google.

34:53Dan dia membuat Chromium dan segala macemnya dari per-browser.

34:58Kalau menjungi .dev harus HTTPS.

35:01Akan otomatis didirect.

35:03Dan kita bingung kenapa ini.

35:05Tapi kedepannya semua juga gitu kan.

35:07Kalau kita mau HTTPS harus diseruk flagnya harus di disable kan.

35:11Iya.

35:12Di false HTTPS kan.

35:14Yes false HTTPS.

35:16Oke ini mirip-mirip kayak NG Rock bukan sih?

35:19Bukan.

35:21NG Rock itu tunneling.

35:23NG Rock itu tunneling.

35:25Ini mirip NG X sebagai proxy.

35:28I see.

35:29Kalau mau di-compare Apple to Apple.

35:32Ini mirip dengan traffic.

35:34Ya betul.

35:35Oh traffic.

35:36Reverse proxy ya.

35:38NG X juga sering dipakai buat reverse proxy ya.

35:41Kalau NG X kan seluruhnya.

35:43Itu mau idea web server dan mau dipakai buat apa.

35:46Ya web server bisa.

35:48Jadi traffic HAProxy.

35:51HAProxy.

35:52Ya kayak di server.

35:54Oke.

35:55Tapi gue lebih suka ini karena kayaknya lebih simple daripada yang lain.

35:59Itunya apa?

36:00Konfigurasinya.

36:01Iya konfigurasinya.

36:03Dan untuk jalan kayaknya misalkan kita gak pikir ada konfigurasinya tinggal kayak gini aja.

36:07Kayak di layar itu.

36:09Oh beneran.

36:14Ketika kita menjalankan kayak gitu ya.

36:16Dia otomat di balik layar itu dia nge-request ke 0SSL server.

36:22Untuk sertifikatnya kayak gitu.

36:25Di belakang layar.

36:28Wah enak sekali.

36:30Enak sekali.

36:32Terus lanjut.

36:34Jadi disini itu sih 2 common utamanya.

36:36Cuma 2 itu aja.

36:38Cuma aku otomasi dalam arti instalasinya kayak gitu.

36:43Oke.

36:45Jadi disini dia harus jalan di Linux ya.

36:50Harus di Linux.

36:52Untuk saat ini jadi kalau untuk OS lain gak support.

36:58Kalau kita, selain itu ini opinionated jadi ketika ingin di tab love contents aku jelaskan.

37:08Dan itu ada development package.

37:10Jadi kan kalau kita sudah punya cloud IDE kan biasanya kita install package-pockets untuk development.

37:17Jadi ada opinion.

37:19Opiniku aja.

37:20Jadi ya kemungkinan yang lain.

37:22Ya betul. Tapi ini gak terinstall secara otomatis.

37:31By default.

37:33Tapi harus diinstall dengan opsi dev utils itu.

37:39Kalau pengen semuanya.

37:41Kalau pengen salah satu tinggal opsinya dinyalakan aja.

37:46Jadi dibelakangnya pakai automation-nya unsybol gitu mas?

37:52Untuk?

37:54Enggak. Ini pure sales script.

37:56Coba dibuka aja.

37:58Coba dibuka ya.

38:00Kalau buat project sekarang lebih suka single file kayak gini.

38:02Jadi biar gak usah banyak.

38:04Jadi pure pure pure sales script.

38:10Jadi kita ada beberapa hal yang dilakukan.

38:16Kayak initialisasi, deteksi OS.

38:18Terus kemudian install VSCode-nya, install KD-nya.

38:23Tapi yang aku lakukan disini itu terutama untuk installasi package-pocketsnya ya.

38:34Package untuk installasi masing-masing distribution Linux itu kan beda.

38:40Ada yang pakai YAM, ada yang pakai APT.

38:44Nah itu aku punya semacam abstraksi function.

38:49Atau yang mengastraksi bagaimana package itu diinstall.

38:53Jadi kita deteksi dulu OS-nya apa.

38:55Terus kita kemudian panggil fungsi yang sudah di abstraksi itu.

38:59Tinggal jalankan fungsi itu.

39:01Nanti dia otomatis mengenali kalau Senos pakai YAM.

39:05Atau kalau dia Ubuntu pakai ini.

39:09Senos sudah ganti jadi Alma.

39:13Ganti nama?

39:15Sudah ditinggal kan Senos.

39:17Mesti ada Senos ini kan?

39:19Masih masih.

39:21Tapi lu sudah pindah ke Alma kan?

39:23Minta pindah ke Alma.

39:25Tapi Senos stream masih jalan kok.

39:27Senos 9 tetap stream masih jalan.

39:30Ini kemarin aku juga coba kan.

39:35Di Alma Linux.

39:37Dalamnya aman kali gitu.

39:39Karena dia bisnya Senos.

39:44Jadi yang ingin belajar shell script pun bisa dari shell script ini.

39:51Saya nanti izin menggunakan ini Mas Rio.

39:55Karena saya punya project yang milip sekali.

39:58Ini Mas Riza.

40:00Apa tuh?

40:02Ini saya chat.

40:04Jadi dulu banget saya pernah bikin 3 tahun lalu ya.

40:08Itu saya paste di ya.

40:10Jadi 3 tahun lalu saya bikin web WordPress environment box ceritanya.

40:16Jadi pakai code server.

40:18Tapi disini pakai traffic saya.

40:20Oke.

40:22Oh bedanya itu.

40:24Jadi saya dan boxnya ini sendiri itu sebenarnya npm install di localhost tinggal pakai sebenarnya.

40:35Bisa.

40:36Wp info back start ini segala macam.

40:38Proces start bisa langsung multiple instance bisa jalan.

40:42WordPress instance yang langsung bisa ngoding.

40:46Bisa ngoding via browser.

40:48Terus saya bikin 1 step lagi.

40:52Jadi 1 step lagi udah sempat jalan.

40:55Cuman gak saya lanjutin.

40:57Saya bikin domainnya wpeenvbox.com dulu.

41:01Tapi sudah mati saya gak berpajar.

41:03Jadi si user ini.

41:06Iya wpeenvbox dia start server dia langsung buat 1 instance sendiri.

41:13Docker instance ya pakai docker instance.

41:16Dan jalanin code server jalanin traffic.

41:22Jadi trafficnya 1 terus banyak instance.

41:24Dan langsung otomatis buat sub domainnya.

41:28Dan langsung dari GUI nya langsung dapet akses ke code server.

41:34Sama akses ke public WordPress site nya.

41:38Yang sudah terinstall.

41:40Jadi impian saya waktu dulu itu 1 klik jadi code server dan jadi WordPress instance.

41:48Jadi saya tinggal.

41:50Jadi misalnya staging.example.com, prod.example.com.

41:54Semua itu masing-masing udah jalan sendiri pakai docker.

41:58Nah berhubung Mas Rio punya.

42:02Pake aja. Punya otomasi baru ya bakal saya rombak nanti.

42:10Bakal pakai itu.

42:12Saya awalnya pakai docker untuk jalanin vscode server nya ini.

42:16Tapi saya batalin karena saya ingin di vscode terminalnya itu user bisa menjalankan docker.

42:28Docker bisa.

42:34Bisa tapi kan harus ada trik-trik tertentu.

42:38Yang kita harus mounting system tertentu dan sebagainya.

42:42Harus run di list tertentu dan sebagainya.

42:46Aku gak mau ambil jalan itu.

42:50Akhirnya docker nya aku install di VM nya langsung di host nya.

42:58Perbedaan approach saya dengan Mas Rio.

43:02Kalo Mas Rio kan berarti satu script ini installasinya langsung satu host satu instance.

43:24Kan mahal ya.

43:28Jadi ini cara pakenya gimana kita bikin VM dulu.

43:32Mau demo aja ini.

43:34Oh demo.

43:36Langsung girang kalau ada yang mau demo.

43:42Teman-teman kalo mau cek ya bisa langsung ke GitHub nya Mas Rio.

43:46Di bookmark sekarang bookmark.

43:48Installer facebook or web.

43:52Di star jangan lupa.

43:54Contribusilah jangan star doang.

43:56Pull request.

43:58Atau bikin issue.

44:00Pull request ngereputin.

44:02Harus di cek harus jalanin.

44:04Kalo star kan ya quick dopamine hit.

44:08Mumpung hari ini hektoberfest.

44:14Nah ini yang sudah jadi ya.

44:26Jadi sebenernya nanti kalo sudah jadi kayak gini.

44:30Kita bisa ngeakses VS Code nya via alamat kayak gini.

44:36Ini domain nya kan domain mapping ke DNS service biasa ya.

44:42Nanti ini sebenernya harus login dulu kayak gini.

44:48VS Code server itu dia autentikasinya by defaultnya pakai kayak gini.

44:54Nanti rencana versi yang berikutnya aku mau ini aku buang.

44:58Aku ganti dengan GitHub authentication.

45:02Login with GitHub gitu ya.

45:06Ini password nya ngobrolin web 2022 nih kayaknya.

45:10Password nya 123.

45:14Itu bisa HTTPS itu karena pakai caddy tadi ya.

45:22Jadi ini aku jalanin VS Code server nya ini user nya sendiri ya.

45:30Ada user VS Code.

45:32Jadi kalo aku cek kayak gini.

45:36Ini user nya VS Code.

45:38Jadi kalau misalnya aku butuh sesuatu menjalankan root command.

45:44Rm, rm, rm.

45:46Rm, rm, rm.

45:48Full day.

45:50Aku gak pernah pakai VS Code.

45:52Di lokal gak pernah terlalu intense ya pakai VS Code.

45:56Tapi kalau di terminal kayak gini kan misalnya kita develop sesuatu ya.

46:02Terus gimana ngeakses aplikasinya kayak gitu.

46:06Ternyata dia sudah menyediakan proxy si code server nya ini.

46:10Jadi by default nanti misalkan kalo kita develop aplikasi seperti Node.js, PHP, whatever.

46:18Kan dia di expose ke port tertentu kan biasanya kan.

46:22Gimana kita ngeaksesnya?

46:24Itu bisa gak?

46:26Forward proxy.

46:28Cuma simple aja kita misalkan punya web app kita mau jalanin di port 8081 misalkan.

46:38Mana ini aku dadahin.

46:40Forward ya.

46:42Nah ini aku coba running aplikasinya misalkan ini engine X ya.

46:48Di 81, 81.

46:50Di apa?

46:54Di mapping ke 80 ya.

46:56Ya tapi nanti kita ngeselin kayak gini.

46:58Nah ini kan dia mendeteksi bahwa kita sudah menjalankan aplikasi di port.

47:02Portnya ada aplikasi yang open nih.

47:04Nah kita bisa tahu bahwa oh ada aplikasi yang jalan di port 81, 81.

47:10Nah kita tinggal buka aja nanti aplikasinya kayak gini.

47:12Dia otomatis buat kayak gini.

47:14Oh dibikinin semacam folder gitu ya apa?

47:18Ya kalau kita gak mau pakai path, maunya subdomain dari VS Code nya.

47:32Jadi KD nya itu hanya dia caching ini aja, caching yang domain utama ini aja.

47:40Semua yang ini akan dilempar ke instantnya code server yang running di...

47:46yang running di sini.

47:52Oh ini Cloud 9.

47:54Ya aku developnya.

47:56Cloud 9. Gak apa-apa kalian lihat aja.

48:00Jadi misalkan kita punya aplikasi lain misalkan.

48:04Katakanlah aplikasi...

48:06WordPress.

48:12WordPress.

48:14Terlalu besar WordPress itu contoh.

48:16Nim.

48:22Apaculah.

48:24Terus portnya 82, 82.

48:28Apaculnya itu dia 80.

48:32ATZT-D kalau gak salah.

48:36Kalau gak salah ya.

48:40Unable to find.

48:42Gak dia harus install dulu.

48:44Cepet kan karena kita di internet.

48:46Deket ya tanggaan.

48:50Nah ini kan dia ada 2 aplikasi jalan nih.

48:54Jadi kita bisa tinggal jalanin.

48:56Nah ini ada 2 aplikasi yang running ya sekarang.

48:58Kalau kita gak pengen pakai proxy kayak gini, kita bisa modif.

49:08Jadi kita bisa pakai misalkan domen langsung 82 82.

49:14Jadi gak ada proxy kayak gini.

49:16Nah ini berarti DKD-nya.

49:20Kalau pengen kayak gini.

49:22Tapi settingan gue untuk yang sekarang itu paketnya yang ini.

49:28Untuk lebih memudahkan aja.

49:30Kalau kita pengen yang kayak gitu bisa aja sih.

49:34Tapi kita harus buat konfigurasi baru di DKD-nya.

49:40Jadi wildcard tanggaan aja.

49:42Kalau kita punya wildcard certificate kita bisa masukin apa aja.

49:46Setiap port bisa disini misalkan port 300 kayak gini.

49:50Atau port 3000.

49:52Nanti dia otomatis connect ke local server via code di port 3000.

50:00Jadi bergantung pattern gak gitu.

50:02Kalau misalnya kita nge-tick kayak gini, berarti dia connect.

50:06Atau mau forward port ke 82 82.

50:10Ini sama kayak kita punya ng-rock sendiri.

50:14Iya bener bener.

50:16Nah itu kan kalau jalanin nginx dengan docker.

50:20Kalau misalkan saya mau bikin aplikasi node, node.js.

50:24Terus jalanin npm start gitu.

50:26Gitu gimana?

50:28Sama aja.

50:30Kita coba ya express.js.

50:32Nod kan menjalankan portnya sendiri kan.

50:38Port 3000.

50:40Buka port baru.

50:42Sama aja sih harusnya.

50:44Tapi kita coba aja.

50:46Hello world, hello world.

50:48Pake code whisper dong.

50:52Belum kayaknya setelah ini stasiunnya.

50:56Oh belum di stasiun ya masih baru ya.

51:00Kita buat aja di terminal baru.

51:04Npm install.

51:14Npm init dulu kali gak, gak perlu ya?

51:20Gak perlu ya.

51:22Install dulu aja.

51:24Epic editionnya ada gak? Oh udah.

51:30Udah ya.

51:32Hello.

51:34Ini processor permission ini.

51:36Ini web API ini.

51:38Web API.

51:40Jadi tetap ada...

51:46Hello.

51:48Coba ya.

51:50Yang satu intrens jaman 2012 untuk pakai IDE di browser adalah keyboard bindingnya itu masih sulit.

52:02Ya sekarang kayaknya browser kan sudah terintegrasi lebih baik ya kayaknya ya.

52:06Kalo jaman itu pada ngeluh wah...

52:10Control S, kok malah...

52:12Control S bukan nge-save tetapi malah nge-save web page.

52:16Kalo di command S jadi apa nih?

52:20Kalo buka file di command S jadi apa?

52:22Safe.

52:24Udah di interrupt ya?

52:28Reven default.

52:30Kayaknya.

52:32Ya kan udah di handle dari itunya.

52:36Kaya gini ya.

52:40Coba kita jalanin ya, ini harusnya port 30 ya defaultnya ya?

52:44Tiga ribu.

52:46Ya tiga ribu.

52:48Node.js, na app listening.

52:50Nah kan langsung dia ngeteksi kan buat tiga ribu.

52:52Jadi kita tinggal...

52:54Oh nice, langsung beneran.

52:56Hello.

52:58Nanya kayak gitu sih yang kalo di cloud.

53:08Nah sekarang...

53:10Udah beneran sama banget kayak lokal kan?

53:12Iya, sama dimana.

53:14Install-install kan.

53:16Terutama suka kerja mobile ya.

53:22Misalkan sering ke kafe atau ke...

53:26Mana?

53:28Camping.

53:30Di pinggir pantai gitu ya.

53:32Cuma camping lah masalahnya ga ada internetnya.

53:36Nah itu apa yang masalah sih.

53:38Nah itu masalah.

53:40Pakai starling lah.

53:42Starling.

53:44Star bakliling.

53:46Oke, kita buat dari awal ya.

53:54Kita pakai alasnya aja yang muda ya.

53:56Oke.

53:58Harus pakai...

54:02Harus pakai alastik IP ya.

54:04Karena...

54:06Oh light cell bisa?

54:08Gak harus gitu.

54:10Gak harus AOS ya, ini...

54:12Ini alastik.

54:14Apapun yang bisa...

54:16Digivalent sama...

54:18Digital Oceane gitu ya.

54:20Ini...

54:22TPS lah.

54:24Saya tuh semenjak Amazon...

54:28Mengeluarkan light cell, saya jatuh cinta lagi ke Amazon.

54:32Karena saya tidak suka dengan EC2.

54:36Konfigurasinya banyak.

54:38Harus udah bikin instance ya, bikin load balancernya, segala macem.

54:42Padahal cuma mau...

54:44Cuma mau hidupin satu.

54:46Mau buat hot press aja.

54:48Iya.

54:50Cuma mau ngetes, udah mau main gitu.

54:52Oke, kita...

54:54Kita buat aja yang 5 dolar aja ya.

54:56Satu, tiga.

54:585 dolar.

55:00Ini kita bikin VM dulu.

55:02Terus abis itu...

55:04Tapi...

55:06Ada plus minusnya ya, kalau light cell sama EC2.

55:08Nah, kalau EC2 kayak aku gini...

55:10Yang jalan, yang ini kan pakai EC2 kan.

55:12Yang ini.

55:14Nah, itu ketunggulannya apa...

55:16Kalau yang pakai EC2...

55:18Aku stop ya.

55:20Karena kalau aku udah stop...

55:22Berarti dia harusnya gak jalan, gak gini.

55:24Jadi dia...

55:26Dia connect ke...

55:28Ini yang mengeluarkan error-nya, ini KB.

55:30Dia KB, terus dia proxy ke...

55:32Sucuk setronnya, tapi dia gak ada kembali.

55:34Karena mesinnya udah gak jalan kan?

55:36Karena udah gak ada.

55:38Karena udah aku stop di...

55:40Ini yang node.js aku stop kan.

55:42Nah, inaknya kalau yang apa...

55:46Yang pakai EC2 itu...

55:48Aku bisa ganti CPU...

55:54Ketika dibutuhkan.

55:56Aduh, ganti spec mesin ketika dibutuhkan.

55:58Iya.

56:00Betul.

56:02Upgrade ya.

56:04Iya.

56:06Nah, kayak gini.

56:08Contohnya aku, ini kan tadi...

56:10Apa?

56:12T3 Large.

56:16Aku misalkan pingin lagi...

56:18Lagi compile aplikasi yang...

56:20Gede banget, atau kayak gimana.

56:22Aku bisa ganti ke tipe instant yang...

56:24Mungkin yang khusus untuk compute intensive...

56:26Kayak gini-gitu. Dengan RAM yang lebih...

56:28Kecil. Nanti setelah compile...

56:30Aku balikkan lagi ke t3 micro...

56:32Maka itu bisa. Tapi kalau...

56:34Light cell, ini kita harus...

56:36Snapshot dulu, ya.

56:38Bisa kembali ke instant yang lebih kecil.

56:40Kalau udah yang lebih-lebih besar...

56:42Bisa lebih kecil ya.

56:44Itu gelemarannya.

56:46Ya, ada track off-nya lah.

56:48Nah, ini udah selesai.

56:50Ya, ini kita harus...

56:52Kita harus open world...

56:54443 ya.

56:56443 itu berarti SSH...

56:58SSL?

57:00Ya, SSL.

57:02HTTPS, ya.

57:04HTTPS.

57:06Nah, udah. Berarti kita tinggal login ke...

57:08Login, pakai SSH.

57:12Ke SSH, ke server-nya.

57:14Misalkan ke...

57:16Ini Cloud 9, nih.

57:18Ya.

57:20Oh, Cloud 9.

57:22Ini Cloud 9, nih.

57:24Cloud number 9, salah.

57:26Itu lagu.

57:28Oke, kita sudah masuk ke server ini, ya.

57:32Yang ke Ubuntu ini, ya.

57:34Tadi kita tinggal lihat...

57:36Tinggal jalanin...

57:40Kita tinggal...

57:42Kita tinggal...

57:44Kita tinggal specify domain yang akan kita gunakan...

57:46Untuk access ini.

57:48Kita nggak bisa pakai IP zone, ya.

57:50Gak bisa, nggak bisa pakai IP, ya.

57:54Bisa, bisa aja.

57:56Cuman, nanti...

57:58Closer-nya complain nggak, gitu.

58:00Certificate...

58:02Karena certificate-nya...

58:04Gak bisa untuk IP.

58:06Ya, certificate harus domain.

58:08Ada...

58:10Ada certificate yang bisa untuk IP.

58:12Ada.

58:14Tetapi yang gratis nggak bisa.

58:16Iya, yang...

58:18Zero SSL sama certificate.

58:20Ya.

58:22Oke. Kita pakai yang...

58:24Itu aja apa? Yang gratisan aja.

58:26Dari Zero SSL.

58:28Nah, ada implement variable yang harus kita set...

58:30Sebelum install sudah jalanin.

58:32Karena itu domain yang...

58:34Itu pakai ini.

58:36Bisa pakai free sub domain aja.

58:40Bisa pakai free sub domain aja, apa ya?

58:42Iya, ini.

58:44Aku pakai...

58:46SSL.

58:48SSL.IP.IO

58:52Oh, iya.

58:54SSL.IP.IO

58:56SSL.IP.IO

58:58Ini harusnya nanti...

59:00Ini harusnya nanti...

59:02Ini harusnya nanti...

59:04Ini harusnya nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti...

59:16Nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti nanti...

59:18Namanya gitu kan.

59:20Untuk untuk untuk testing sih.

59:22Seru ya.

59:24Oke.

59:26Helpful banget.

59:28Oke.

59:30Itu sudah ya. Saya nggak juga passwordnya.

59:32Nah, kalau password...

59:34Ini yang tadi ya.

59:36Gini lah.

59:40Habis ini.

59:42Habis video ini di hub.

59:44Terus...

59:48Kita tinggal copy pasting aja sih.

59:52Ini dia akan...

59:58Istilahnya nge-grab...

1:00:00Ya, kode terbaru dari...

1:00:02Dari brands main sih dia.

1:00:04Oke. Sebentar.

1:00:06Kalau kita bikin VM-nya pakai Debian...

1:00:08Berarti harus intah churalnya dulu ya.

1:00:10Karena biasanya belum ada.

1:00:12Nggak ada churalnya.

1:00:14Harusnya sudah ada.

1:00:16Harusnya sudah ada Debian.

1:00:18Ya, pokoknya salah satu ya.

1:00:20Nah, pokoknya yang...

1:00:22Pokoknya yang aku tulis di...

1:00:24Mana? Di...

1:00:26Bisa langsung dijalani tanpa install apa-apa ya?

1:00:28Yang ini sudah bisa.

1:00:30Nah, ini aku tes.

1:00:32Kayaknya available deh.

1:00:34Semuanya sudah bisa ya.

1:00:36Lanjut, lanjut.

1:00:38Lanjut.

1:00:40Enter.

1:00:42Dia akan install macam-macam.

1:00:44Dia akan install...

1:00:46Yang jelas dia akan install code server.

1:00:50Pasti. Sama...

1:00:52Gokor belum? Gokor?

1:00:54Karena...

1:00:56Asumsi-nya mungkin...

1:00:58Ya, asumsi-nya disini dia hanya...

1:01:00Pengen paste-nya.

1:01:02Gokor begitu.

1:01:04Yang ini dia ada...

1:01:06Ada...

1:01:08Gede server.

1:01:10Ya, harusnya nggak lama sih.

1:01:14Harusnya mungkin...

1:01:16Ya, selama 1 menit lah.

1:01:18Tergantung OS-nya.

1:01:20Kadang-kadang ada OS yang...

1:01:22Upgrade-nya itu lama banget kayak gitu.

1:01:24Tapi sebenarnya XENOS 9 itu dia...

1:01:26Semuanya.

1:01:28Tergantung.

1:01:32Ini sekarang lagi install code server.

1:01:34Dia...

1:01:38Dia install yang...

1:01:40Aku pakai itu ya.

1:01:42Dia apa? Install code server.

1:01:46Nah, ini.

1:01:52Aku pakai...

1:01:54Ini nih.

1:01:56Dari website-nya langsung.

1:01:58Iya, iya.

1:02:00Jadi...

1:02:02Sebenarnya, jalanin ini.

1:02:08Tapi dia pakai user VSCode.

1:02:10Sama...

1:02:12Sistem D-nya aku buatin.

1:02:14Sama sudutnya aku juga buatin.

1:02:16Biar dia bisa menjalankan sudut...

1:02:18Sebagai user VSCode.

1:02:22Ini optimal DX banget ya.

1:02:24Apa?

1:02:26Designer experience.

1:02:28Dibikin nyaman. Ini kan sebenarnya...

1:02:30Kita nyuruh user...

1:02:32Nginstall sendiri juga sebetulnya bisa.

1:02:34Tinggal kepas-kepas aja.

1:02:36Tapi ini udah di handle semua.

1:02:38Udah, pokoknya terima beres.

1:02:40Dengan reasonable default.

1:02:42Iya.

1:02:44Karena nanti kalau untuk workshop.

1:02:46Jadi kita punya alternatif.

1:02:48Oh, iya.

1:02:50Nah, udah selesai.

1:02:52Nah, kan...

1:02:54Ini udah selesai, nanti...

1:02:56Nanti mutul kayak gini nih.

1:02:58Jadi ada...

1:03:00Yang bisa kita...

1:03:02Sama passwordnya tuh disimpan disini sih.

1:03:04Di home directory VSCode.

1:03:06Jadi kalau kita mau...

1:03:08Kita bisa lihat.

1:03:10Yang tadi...

1:03:12Soalnya di phone sama...

1:03:14VSCode.

1:03:16Nah, ini dia.

1:03:18Bin adresnya disini ya.

1:03:208080.

1:03:22Oke.

1:03:24Ini dia ini.

1:03:28Ini si VSCode Jasper ini.

1:03:3088.

1:03:32Coba kita kunjungi...

1:03:34URL-nya.

1:03:36Harusnya sih bisa. Nah.

1:03:40Wow, web kan tepat banget.

1:03:44Web 2023 ya.

1:03:462023.

1:03:48Jadi deh.

1:03:54Yang suka...

1:04:00Yang suka tim putih, ya.

1:04:02Kayak gini.

1:04:04Nah, ini...

1:04:06Ini disini nggak ada doker.

1:04:08Nggak ada apa.

1:04:10Tapi tetap udah bisa digunakan.

1:04:12Nggak gitu. Misalkan kita...

1:04:14Sama sendiri ya.

1:04:16Cuman kalau pengen...

1:04:18Ngiguti yang...

1:04:20Disini, misalkan pengen install ini semua.

1:04:22Tinggal...

1:04:24Setelah kan script yang sama.

1:04:26Oke.

1:04:28Tadi itu optionnya core.

1:04:30Tadi kan optionnya...

1:04:32Ditutupan. Ini core-nya.

1:04:34Tapi yang ini...

1:04:36Optionnya dev/utils.

1:04:38Mau, tinggal...

1:04:42Kalau sudah selesai install, bisa...

1:04:44Diulang lagi, bisa...

1:04:46Diulang aja.

1:04:48Bisa, tinggal diulang aja.

1:04:50Dengan print yang sama, nggak masalah.

1:04:52Oh, oke.

1:04:54Oh iya, karena ada cuma install ya.

1:04:56Iya, misalkan pindah IP.

1:04:58Misalkan ini kan IP-nya berubah.

1:05:00Tinggal jalanin ulang aja.

1:05:02Jangan nanti diautomasi...

1:05:04Oke.

1:05:08Tadi gini ya.

1:05:10Baru ini. Domain baru jadi...

1:05:12Hello lagi.

1:05:14Ini web API...

1:05:16Emang gitu, buat keamanan kan.

1:05:18Ini optionnya...

1:05:20Ya, optionnya...

1:05:22Kita tambahin dev/utils.

1:05:24Bukan core, kayak gitu.

1:05:26Tapi kalau misalkan kita install Java aja.

1:05:28Gak ganti aja, jadi game.

1:05:30Install Docker aja.

1:05:32Agung dalam ini, install...

1:05:36Semua?

1:05:38Bukan, ya.

1:05:40Tinggal...

1:05:42Gini.

1:05:44Kejahatan install Docker.

1:05:46Install apa aja yang ada di sini.

1:05:48Ada Boon juga, ini.

1:05:50Yang lagi...

1:05:52Yang...

1:05:54Boon yang FOMO, pengen nyobain Boon.

1:05:56males nganggut ngetik lokal.

1:05:58Bisa, kan?

1:06:00Iya.

1:06:04Kalau punya VM, tapi ini kan...

1:06:06Sebenarnya...

1:06:08Semua provider ya, gak hanya OS.

1:06:10Kan pricingnya...

1:06:12PSUGO, kan?

1:06:14Jadi habis nyobain, tinggal habis aja.

1:06:16Mayornya kan...

1:06:18Ya.

1:06:20Tau sekian dolar.

1:06:22Kayak-kayak aku ini.

1:06:24Aku...

1:06:26Selesai eksperimen aja, aku habis kan.

1:06:28Tau sekian dolar.

1:06:32Tau sekian dolar.

1:06:34Ini ada pertanyaan nih.

1:06:36Satu VM bisa install beberapa VS Code?

1:06:38Nggak? Nggak ya.

1:06:40Satu VM, satu ya?

1:06:42Untuk saat ini sebenarnya satu.

1:06:44Kalau mau modifikasi biar bisa dua, bisa aja.

1:06:46Iya, iya, iya.

1:06:50Kayak gitu sih.

1:06:54Jadi, ini...

1:06:56Domain yang port testingnya, ini aku udah jelasin.

1:06:58Kalau mau ganti password...

1:07:00Kita harus restart sih.

1:07:02Jadi habis...

1:07:04Harus restart sistem D-nya.

1:07:06Karena kan...

1:07:08VS Code 7-nya ini kita start...

1:07:10Stop lewat sistem D ya.

1:07:12Jadi, kalau...

1:07:14Kalau apa?

1:07:16Kalau kita habis ganti password...

1:07:18Harus tanya kayak gini.

1:07:20Kita coba liat statusnya.

1:07:24Bisa aja.

1:07:26Bisa kan di...

1:07:28Langsung di...

1:07:30Di sini aja deh.

1:07:32Kok udah tutup?

1:07:34Mati.

1:07:40Kenapa Mas, jadi apa?

1:07:50Abis koneksi.

1:07:56Masnya koneksi.

1:07:58Koneksi lagi dry.

1:08:00Koneksi lagi dry.

1:08:02Mati.

1:08:04Mati servisnya.

1:08:06Servisnya.

1:08:08Kalau koneksi mati...

1:08:10Masa...

1:08:12Mas Rio-nya masih bisa ngomong.

1:08:14Iya, yang mati ini servernya berarti.

1:08:16Bukan aku ini.

1:08:18Bukan internetnya.

1:08:20Atau itunya si...

1:08:22Reverse-nya kali.

1:08:24Mungkin ya.

1:08:26Di install gitu, dimatiin dulu gak?

1:08:28Ini kan yang tadi.

1:08:34Yang tadi.

1:08:36Yang sebelumnya, ya.

1:08:38Ini yang di situ.

1:08:40Ini yang di situ sih aman.

1:08:42Yang baru kan tadi yang mati.

1:08:44Yang baru.

1:08:46Jadi tiba-tiba...

1:08:52Dia keluar sendiri ya?

1:08:54Close.

1:08:56Intinya gak gitu sih?

1:09:06Menarik, menarik.

1:09:08Nah, ini...

1:09:10Salah satu kekurangannya mungkin ya gitu ya.

1:09:12Yang tadi ada di artikel juga.

1:09:14Kalau kita lagi di pesawat.

1:09:16Internet mati.

1:09:18Ya, ya.

1:09:20Harus stabil juga sih kalau di...

1:09:22Harus stabil juga.

1:09:24Ini kan kayak butuh...

1:09:26Butuh yang koneksi yang stabil.

1:09:28Untuk tipe-tipe aplikasi yang kayak gini.

1:09:30Sama kayak aplikasi yang...

1:09:32Office...

1:09:36Yang di web itu kayak Google Docs.

1:09:38Itu kan butuh koneksi yang stabil.

1:09:40Betul.

1:09:42Kalau gak dia tiba-tiba offline sendiri.

1:09:44Tapi kalau kayak Docs kan simple banget ya.

1:09:46Apa?

1:09:48Udah ada fitur offline-nya.

1:09:50Offline kan kita tinggal ngetik...

1:09:52Tinggal ngetik aja asal kita gak perlu...

1:09:54Mention atau komen atau apapun yang...

1:09:56Advanced, kalau cuma ngetik mah.

1:09:58Gampang kan dibikin offline.

1:10:00Dibikin offline-friendly.

1:10:02Nah, kalau ini kayak gini dibikin...

1:10:04Offline-friendly kan kayak hampir gak mungkin ya.

1:10:06Bisa, bisa.

1:10:10Kalau...

1:10:12Ininya di Docker, di Locker, di Locker.

1:10:14Ini jalannya di Docker, di Locker.

1:10:20Tiba-tiba internet mati.

1:10:22Gak masalah.

1:10:24Masih bisa ditekan.

1:10:26Kalau...

1:10:28Kalau itu...

1:10:30Kalau yang tadi autentic tadi ya.

1:10:32Berarti gak bisa dipakai ya?

1:10:34Iya, sampe nyara lagi.

1:10:36Oke.

1:10:38Sama mirip kayak...

1:10:40Kayak ini kan Cloud 9.

1:10:42Iya.

1:10:44Agak panjangnya aku...

1:10:46Aku...

1:10:48Agak tutup lah.

1:10:50Networknya dimatiin.

1:10:52Ini kan agap aja mati kan.

1:10:54Gak gitu kan ketutupan.

1:10:56Harus...

1:10:58Sama aja kita kalau...

1:11:00Ketika koneksinya mulai...

1:11:02Lagi kembali kayak gitu.

1:11:04Harusnya ya apa yang kita lihat...

1:11:06Terakhir kali itu yang muncul di layar harusnya.

1:11:08Yang terakhir kita ketik kan.

1:11:10Iya, yang terakhir kita ketik.

1:11:12Tadi kan aku kan...

1:11:14Membuka ini kan.

1:11:16Pasti seperti apa, yang terakhir kali aku tinggal.

1:11:18Terusnya.

1:11:20Wow.

1:11:26Ini yang perlu diridu.

1:11:28Perlu diridu.

1:11:30Temen-temen yang nonton...

1:11:32Gimana, tertarik?

1:11:34Ngoading di browser gak?

1:11:36Ini seru.

1:11:38Tadi kan kita udah bahas kan, team client kan.

1:11:40Artinya, gak mesti laptop.

1:11:42Bisa di tablet. Bisa di...

1:11:44Handphone.

1:11:46Gak enak, Mas.

1:11:48Ketiknya gimana?

1:11:50Tablet lah ya, tablet lah ya.

1:11:52Tablet ya.

1:11:54Kalau tablet masih bisa dikonekt ke keyboard-nya sih.

1:11:56Iya, kalau tablet...

1:11:58Kalau ada keyboardnya sih enak.

1:12:00Iya, tablet yang ada keyboardnya.

1:12:02Bisa, misalkan emergency gitu kan.

1:12:04Lagi tiba-tiba lagi di...

1:12:06Di kawinan gitu.

1:12:08Wah, mati nih.

1:12:10Harus buka tablet.

1:12:12Emergency pernah nge-film dari sini.

1:12:14Dari handphone.

1:12:16Ketik, ketik, ketik, ketik, ketik.

1:12:18Dari mana aja bisa.

1:12:20Selama pakai hacker keyboard ya.

1:12:22Supaya bisa ada SKN2.

1:12:24Ini nih, kayak sesemenarik nih.

1:12:26Tadi ternyata...

1:12:28Kan belum aku...

1:12:30Belum aku attach static IP kan dia kan.

1:12:32Iya.

1:12:34Terus berubah.

1:12:36Ini harusnya...

1:12:38Kalau kita punya kayak gini kan harusnya di attach static IP.

1:12:40Dan nanti kalau kita stop atau apapun itu...

1:12:42Ya, berubah.

1:12:44Ini kebetulan berubah, misalkan...

1:12:46Kalau kita access yang lama kan...

1:12:48Otomatis nggak bisa kan.

1:12:50Karena kan IP yang lama kan...

1:12:52Mengarah ke...

1:12:54Ke tempat yang lain anggapannya.

1:12:56Kayak gitu.

1:12:58Kita bisa jalankan ulangi dunia...

1:13:00Apa?

1:13:02Installer-nya kayak gitu.

1:13:04Ini kan IP-nya berubah kan.

1:13:06Ini buat define IP-nya lagi ya?

1:13:08Untuk apa?

1:13:10Untuk define IP-nya lagi.

1:13:12Kalau IP yang berubah berarti...

1:13:14Si KD-nya harus di...

1:13:16Ini lagi.

1:13:18Harus di konfigurasi lagi.

1:13:20Atau jalanin installernya aja lagi.

1:13:22Bisa langsung edit KD file-nya.

1:13:26Bisa langsung ya, oke.

1:13:28Atau jalanin ulang installernya aja.

1:13:30Bisa, terserah.

1:13:32Oke.

1:13:34Wah seru ya.

1:13:36Ini aneh nih.

1:13:38Ini satu lagi kekurangannya...

1:13:42Untuk developer web...

1:13:44Kayaknya aman ya.

1:13:46Developer web aman.

1:13:48Tapi kalau mobile belum.

1:13:50Belum ada emulator yang bisa jalan...

1:13:52Di server ya.

1:13:54Semua native kayaknya agak sulit ya.

1:13:56Kalau mobile...

1:13:58Bisa pakai feed...

1:14:00Bukan pakai yang model kayak gini ya.

1:14:02Sekalian remote desktop.

1:14:04Mirip kayak gitu.

1:14:06Oh iya, remote desktop bisa.

1:14:08Tapi pilih...

1:14:10Aplikasi...

1:14:12Aplikasi remote desktop...

1:14:14Yang Rancher Pro ya.

1:14:16Yang support untuk...

1:14:18Nge-forward...

1:14:22Lokal port...

1:14:24Ke server.

1:14:26Misalkan kita nyolok sesuatu di USB kita...

1:14:28Di lokal.

1:14:30Nah itu dia si aplikasi...

1:14:32Remote desktopnya.

1:14:34Harusnya bisa nge-forward apa yang dicolok di lokal...

1:14:36Ke server remote.

1:14:38Biar kere-taksi kayak gitu.

1:14:40Pakai USB IP.

1:14:42Nah untuk...

1:14:44Masalah emulator...

1:14:46Atau simulator itu...

1:14:48Google kemarin...

1:14:50Udah sempat announce kan.

1:14:52Project ini kan. IDX.

1:14:54Kita gak tau ya bentuknya gimana ya.

1:14:56Tapi di sini...

1:14:58Di sini ditampilin...

1:15:00Di landing page-nya bahwa...

1:15:02Ada tampilan iOS simulator dan...

1:15:04Android emulator.

1:15:06Padahal di sini...

1:15:08Di atasnya...

1:15:10Baru ada Flutter. Mungkin ini buat Flutter kali ya.

1:15:12Bukan buat...

1:15:14Yang udah support Flutter sih.

1:15:16Bukan buat Android Studio ya.

1:15:18Bukan buat Android ya.

1:15:20Android native itu maksudnya.

1:15:22Nah...

1:15:24Menariknya juga si Project IDX ini...

1:15:26Kalau gak salah dia pakai...

1:15:28Support juga.

1:15:30Dengan play installed extension kayaknya.

1:15:32Dengan play installed extension kayaknya.

1:15:34Iya pasti.

1:15:36Pasti ya.

1:15:38Di mana-mana gitu ya.

1:15:40Eka kan sudah punya.

1:15:42Kita aja yang berdua.

1:15:44Kita aja yang berdua belum dapet.

1:15:46Belum dapet-dapet. Eka udah dapet dari kapan.

1:15:48Kalian belum join waitlist ya gak?

1:15:50Udah.

1:15:52Udah.

1:15:54Pilih kasih.

1:15:56Udah join waitlist.

1:15:58Udah isi form disini juga.

1:16:00Udah isi form internal juga.

1:16:02Wait, wait.

1:16:04Gak bisa.

1:16:06Hahaha.

1:16:08Nggak.

1:16:10Kemarin-kemarin kalau buka...

1:16:12IDX.dev.

1:16:14Lagi kondisi login...

1:16:16Ke Google itu otomatis...

1:16:18Redirect ke editor-nya deh.

1:16:20Sekarang ilang. Kayak...

1:16:22Website-nya juga...

1:16:24Facebook juga.

1:16:26Misal plug-in-plugin...

1:16:28Extension-extension...

1:16:30Aman ya taunya.

1:16:32Ya kalau buat web dev ya.

1:16:34Belum cobanya.

1:16:36Terus scroll ke bawah.

1:16:40Salah satu jualannya ini ya, AI ya.

1:16:42AI. Cuma AI ini kan...

1:16:44Aturan hukum di masing-masing...

1:16:46Region beda ya.

1:16:48Kira-kira ternyata baru launch...

1:16:50Untuk US, Asia, Eropa...

1:16:52Afrika, lain-lain...

1:16:54Belum.

1:16:56Oke.

1:16:58Loh...

1:17:00Kutip berikutnya gak bisa buka IDX.

1:17:02Ah...

1:17:04Di browser juga.

1:17:06Ya, di browser.

1:17:08Di browser juga betul. Sama.

1:17:10Ya kan? Arahnya sekarang...

1:17:12Iya, tin client kan...

1:17:14Didorong juga dengan...

1:17:16Produknya Google kayak...

1:17:18Chromebook. Ya kan?

1:17:20Semuanya cobala, gak ada...

1:17:22Jadi semuanya ya...

1:17:24Pake editor...

1:17:26Yang di server.

1:17:28Jadi yang kerja kerasnya di server.

1:17:30Di client-nya...

1:17:32Chromebook-nya Mas Riza gimana nasibnya tuh?

1:17:34Sudah mati.

1:17:36Loh, masa sih?

1:17:38Gak tau mau direparasi dimana itu.

1:17:40Masa harus ke Amerika lagi.

1:17:42Nunggu ada summit lagi.

1:17:48Nunggu ada summit, dapet lagi.

1:17:50Lumayan buat apa...

1:17:54Sebenernya...

1:17:56Chromebook itu... ya kan... awalnya kan...

1:17:58Pesimis kan. Ini bisa buat...

1:18:00Moding gak ya? Gitu buat development gak ya?

1:18:02Gitu kan.

1:18:04Tapi begitu dipake...

1:18:06Ya, buat di lokal juga bisa.

1:18:08Jalanin apa? Nginstal VS Code di lokal juga bisa.

1:18:10Walaupun agak berat ya.

1:18:12Itu OS-nya apa Mas Riza?

1:18:14Chrome OS.

1:18:16Basisnya apa itu? Linux?

1:18:18Linux.

1:18:20Ya, basisnya Linux.

1:18:22Oh ada komen lain juga berarti ya?

1:18:24Bisa beda terkenal.

1:18:26Ya, sama.

1:18:28Nah yang menariknya...

1:18:30Dia bisa menjalankan... ya sekarang Windows juga bisa sih.

1:18:32Dia bisa menjalankan aplikasi Android.

1:18:34Jadi kalau misalkan kita mau bikin...

1:18:36Mau dibug atau mau cobain...

1:18:38Aplikasi atau website kita...

1:18:40Kita bisa buka...

1:18:42Opera browser, bisa buka...

1:18:44UC browser.

1:18:46Karena bisa di install disana.

1:18:48Yang di desktop juga bisa.

1:18:50Jadi kombinasi.

1:18:52Opera mini mungkin maksudnya.

1:18:54Ya, opera mini lah.

1:18:56Saya pakai opera loh, jadi...

1:18:58Jangan salah sebut.

1:19:00Ya, maaf.

1:19:02Soalnya itu Chromium juga kan.

1:19:04Jadi gak perlu di tes ya.

1:19:06Sampai aman.

1:19:08Kalau opera mini yang pusing.

1:19:10Cuman Safari aja yang belum bisa.

1:19:14Gak mungkin kayaknya deh.

1:19:16Kecil kemungkinan.

1:19:18Kecil kemungkinan.

1:19:20Project IDX ini menarik ditunggu...

1:19:22Karena ya itu emulatornya gimana...

1:19:24Mereka mengintegrasikan...

1:19:26Dengan simulatornya walaupun...

1:19:28Ya mungkin Flutter ya.

1:19:30Kita gak bisa berharap kayak...

1:19:32Kotlin terus tiba-tiba ada...

1:19:34Emulator. Karena...

1:19:36Belum ada sih. Kalau terakhir pas masih bisa mengakses...

1:19:38Itu di lower web.

1:19:40Cuma bisa Flutter.

1:19:42Yang ada kayak semacam...

1:19:44Preview pane-nya. Cuma kan Flutter itu...

1:19:46Sebenarnya emang bisa compile...

1:19:48Ke html aja pasti.

1:19:50Jadi ya...

1:19:52Keliatannya yang...

1:19:54Mvp-nya. Cuma itu deh.

1:19:56Kalau yang native belum ada.

1:19:58Iya, karena salah satu barer itu...

1:20:00Entrinya Android dan iOS kan itu ya.

1:20:02Apa?

1:20:06Mesin yang bisa menjalankan emulator...

1:20:08Atau simulator.

1:20:10Jadi kan kasarnya kayak harus setiap kita ngapain...

1:20:12Harus ada yang mengcompile kan.

1:20:14Ya apapun istilahnya itu pokoknya...

1:20:16Harus ngejadiin...

1:20:18Bisa di render di web.

1:20:20Nah gimana tuh?

1:20:22Flutter kan emang bisa di render di web kan.

1:20:24Outputnya. Nah cuma kalau native...

1:20:26Native gimana?

1:20:28Itulah salah satu keunggulannya...

1:20:30Developer web.

1:20:32Sebenarnya penelitinya rendah. Belajarnya gampang. Nggak perlu siapin simulator dan lain-lain.

1:20:40Minimal punya laptop udah bisa jalan.

1:20:42Selama ada browser aman, sudah.

1:20:44Nggak perlu install apa-apa juga udah bisa.

1:20:46Gitu kan.

1:20:48Kalau misalkan laptopnya kurang mumpuni...

1:20:50Ya pakai yang...

1:20:52Solusi yang ditawarkan oleh Cloud9...

1:20:54Atau...

1:20:56Projeknya mas Rio...

1:20:58Dan yang lain-lain gitu.

1:21:00Jadi solusinya udah...

1:21:02Enaknya juga kalau itu ya sebenarnya...

1:21:04Kalau kita...

1:21:06Nggak...

1:21:08Harusnya ya...

1:21:10Kalau laptopnya itu...

1:21:12Securitinya untuk lockenya benar...

1:21:14Kita nggak takut kehilangan data.

1:21:16Karena datanya kan nggak di laptop kita.

1:21:18Oh iya itu...

1:21:20Misalkan misalkan nilang atau rusak...

1:21:22Atau apapun lah.

1:21:24Kan development kita kan...

1:21:26Semuanya ada di...

1:21:28Sudah ada di Cloud ya.

1:21:30Tanggapannya nggak...

1:21:32Backupnya nggak di sana.

1:21:34Oh itu sudut pandang yang...

1:21:36Menarik juga buat employer ya.

1:21:38Buat apa...

1:21:40Purusan ya.

1:21:42Jadi nggak perlu terlalu mikirin...

1:21:44Securiti yang di laptop gimana...

1:21:46Kalau misalkan kecopetan...

1:21:48Amit-amit kecopetan dan lain-lain datanya...

1:21:50Bilang ya gitu kan.

1:21:52Benar, benar, benar.

1:21:54Makanya...

1:21:56Perusahaan pertimbangan juga.

1:21:58Betul, betul. Perusahaan-perusahaan besar sekarang...

1:22:00Yang tadi sempat kita highlight kan...

1:22:02Kayak Google, Facebook...

1:22:04Bahkan sampai Slack, semuanya udah...

1:22:06Ke Cloud semua juga.

1:22:08Selain karena faktor keamanan juga mereka...

1:22:10Arsitekturnya udah sangat kompleks kan.

1:22:12Kalau jalanin di lokal...

1:22:14Mungkin nangis tuh. Apalagi yang Monoripo.

1:22:16Dan tadi kan...

1:22:18Udah terbukti tuh ada matrixnya...

1:22:20Bahwa emang dihitung build time-nya...

1:22:22Lebih efisien...

1:22:24Kalau dipindahin ke satu tempat.

1:22:26Maksudnya laptopnya...

1:22:28Mesin yang dipakai masing-masing...

1:22:30Karyawan lah, employer, user...

1:22:32Udah langsung bisa dipakai nge-woding lagi...

1:22:34Tanpa harus nunggu-nunggu nge-build.

1:22:36Yes.

1:22:38Ya kan proses kompilasi dan lain-lain itu kan...

1:22:40Proses yang cukup mahal dan...

1:22:42Kalau di server kan lebih optimize lah ya...

1:22:44Dibandingkan di laptop kan.

1:22:46Ada yang sudah coba...

1:22:48GitHub Codespaces nggak? Karena...

1:22:50Udah?

1:22:52Codespaces tuh...

1:22:54Kayak mempermudah barrier ini...

1:22:56Setup-setupnya...

1:22:58Ini bisa saya demo-in kalau mau...

1:23:00Dan bahkan ada free tier-nya...

1:23:02Maksudnya kalau...

1:23:04Ya sama lah kayak GitHub Actions...

1:23:06Jadi dibawah sekian menit...

1:23:08Atau dibawah sekian apalah...

1:23:10Itu gratis.

1:23:12Kan ada ininya kan...

1:23:14Kalau misalkan kita direpo tertentu...

1:23:16Kita pencet shortcut apa ya?

1:23:18Titik ya? Langsung kebuka...

1:23:20Repo apapun yang...

1:23:22Repo apapun sih...

1:23:24Emang bisa.

1:23:26Tapi itu running di Docker kan...

1:23:28Bukan DPM ya...

1:23:30Itu saya coba...

1:23:32Ini kan...

1:23:34Project Paskey...

1:23:36Ya hilang...

1:23:38Ya udah saya coba...

1:23:40Butuh beberapa waktu...

1:23:42Sambil ngomong aja...

1:23:44Dia untuk nge-setupnya itu...

1:23:46Hanya butuh kasih devcontainer nih...

1:23:48Vscode ya...

1:23:50Devcontainer...

1:23:52Kita set ininya...

1:23:54Nge-define...

1:23:56Kita ngapain...

1:23:58Ini settingannya...

1:24:00Portnya apa...

1:24:02Menjalani Docker Compose apa...

1:24:04Terus...

1:24:06Post create comment ini karena saya butuh...

1:24:08Bahasanya...

1:24:10Dependency...

1:24:12Jadi Docker Compose-nya...

1:24:14Bentuknya begini doang...

1:24:16Menjalani...

1:24:18Ini kita yang bikin Docker Compose-nya...

1:24:20Karena saya WordPress kan butuh...

1:24:22Oh iya...

1:24:24Dependency dan lain-lain ya...

1:24:26Dan database ya...

1:24:28Image nya WordPress sama...

1:24:30DB nya malah DB...

1:24:32Setupnya...

1:24:34Docker file nya ngapain...

1:24:36Ya kan...

1:24:38Terus post installation nya...

1:24:40Ngapain...

1:24:42Terus...

1:24:44Ini yang lama karena...

1:24:46Saya...

1:24:48Teringatnya kemarin masih ada...

1:24:50Tapi habis itu saya gak lanjutin...

1:24:52Terus dia...

1:24:54Mati sendiri deh...

1:24:56Nah kalau yang free tier ini...

1:24:58Bedanya sama yang berbayar apa...

1:25:00Nggak ada free tier itu...

1:25:02Free tier itu cuma 60 jam...

1:25:0460 jam itu masalah sebulan...

1:25:06Bayar...

1:25:08Oh bayar...

1:25:10Nggak...

1:25:12Jadi...

1:25:14Justru kan biar entis...

1:25:16Menarik user...

1:25:18Dan kalau untuk minor editing...

1:25:20Itu nyandu banget sih...

1:25:22Jadi kalau cuma hapus dikit...

1:25:24Sekarang bahkan gak...

1:25:26Buka di lokal...

1:25:28Ya udah edit aja langsung code spaces...

1:25:30Langsung dipush...

1:25:32Abis itu di stop kan...

1:25:34Udah...

1:25:36Jadi...

1:25:38Produknya Microsoft ya...

1:25:40Ini...

1:25:42Oh iya ada portnya...

1:25:44Ini...

1:25:46Ini kan...

1:25:48Sudah ini...

1:25:50Jalanin dulu dia...

1:25:52Post create comment saya...

1:25:54Post create comment saya jalan...

1:25:56Udah...

1:25:58Udah...

1:26:00Option...

1:26:02Get home URL...

1:26:04Halah...

1:26:06Site URL...

1:26:08Ini...

1:26:10Jadi saya tinggal kunjungi...

1:26:12Si GitHubnya...

1:26:14Lewat...

1:26:16Tadah...

1:26:18Asik...

1:26:20Admin...

1:26:22Password...

1:26:24Karena admin password...

1:26:26Karena saya setup di post...

1:26:28Setupnya saya begitu...

1:26:30Tadah...

1:26:32Simple banget bayangin dulu...

1:26:34Susahnya setengah mati mau...

1:26:36Nginstall...

1:26:38WordPress baru...

1:26:40Harus nge-set apa...

1:26:42XAMPP...

1:26:44Nyalain XAMPP nyalain apalagi...

1:26:46Semua apanya...

1:26:48Nah GitHub ini menarik deh...

1:26:50Dia punya dua produk yang...

1:26:52Dia punya dua produk yang...

1:26:54Apa itu...

1:26:56Yang mirip code spaces sama?

1:26:58Satu GitHub code spaces...

1:27:00Yang ini nih...

1:27:02Satu lagi GitHub.dev...

1:27:04Baru inget yang pencet tipik di semua repo...

1:27:06Itu GitHub.dev...

1:27:08Nah bedanya adalah GitHub.dev itu...

1:27:10Editor...

1:27:12Sama-sama based on VS Code...

1:27:14Ya iyalah...

1:27:16Sama-sama based on VS Code...

1:27:18Tapi kalau yang GitHub.dev itu lightweight lah...

1:27:20Poolnya simple banget dan cuma text editor...

1:27:22Jadi kita bisa ngedit semua...

1:27:24Kita bisa commit ya apapun...

1:27:26Operasi git lah...

1:27:28Commit, merge atau apapun bisa...

1:27:30Cuma gak bisa jalanin server...

1:27:32Yang gak bisa kayak gini...

1:27:34Gak bisa ngapa-ngapain...

1:27:36Gak bisa di preview...

1:27:38Gak bisa ngerun apapun...

1:27:40Tapi bisa ngedit...

1:27:42Create file...

1:27:44Punya yang operasi file system...

1:27:46Dari create...

1:27:48Dari apa...

1:27:50Bikin file baru, ngedelete, ngerename...

1:27:52Ngedit isinya...

1:27:54Git add, git merge...

1:27:56Itu bisa di GitHub.dev...

1:27:58Tapi gak bisa ngejalanin kayak gini...

1:28:00Ini yang lebih ringan ya...

1:28:02Untuk edit-edit sederhana...

1:28:04Gitu kali ya...

1:28:06GitHub.dev itu iya ya...

1:28:08Bukan, ini code space, ini yang full server...

1:28:10Oh bukan, ini code space...

1:28:12Maksudnya yang GitHub.dev...

1:28:14GitHub.dev itu kita gak bisa ngejalanin...

1:28:16Jadi misalnya kita punya...

1:28:18Yaitu WordPress site...

1:28:20Atau code base Laravela...

1:28:22Atau code base Next.js...

1:28:24Kita gak bisa di preview, gak bisa running...

1:28:26Masisnya bisa sampai yang serius juga loh...

1:28:28Sampai 16 core...

1:28:30Tapi gratisnya bisa loh...

1:28:34Kalo gratisnya gak bisa deh...

1:28:36Kenapa, kenapa?

1:28:38Gratisan bisa...

1:28:40Gak bisa kan, gak bisa update...

1:28:42Ini gratis, ini gratis...

1:28:44Kode space itu kan...

1:28:46Retire-nya kan...

1:28:48Core hour...

1:28:50Jadi kalo kita 4 core, makin cepet lagi...

1:28:52Oh makin mahal, i see...

1:28:54Enak ya...

1:28:56Kenapa? Itu bagus sih kaya bisnis modelnya...

1:28:58Kita pengen nyoba kan bisa...

1:29:00Ya makin banyak kita pake, otomatis...

1:29:02Ya tambah mahal...

1:29:04Maksudnya itu fair kan...

1:29:06Mereka pengen cari untung, kita pengen ngetes...

1:29:08Barrier...

1:29:10Oh ini SAS 20 core hour per month...

1:29:12Barrier entry-nya untuk...

1:29:14Untuk code space ini...

1:29:16Adalah harus pake kategori ini...

1:29:18Itu barrier entry-nya...

1:29:22Di Indonesia itu...

1:29:24Satu hal yang cukup...

1:29:26Cukup langka...

1:29:28Hanya 3%...

1:29:30Hanya 3%...

1:29:32Hanya 3%?

1:29:343% dari jumlah penduduk...

1:29:36Untuk penetrasi kartu kredit...

1:29:38Di Indonesia...

1:29:40Kalo kaya kantoran gitu...

1:29:42Kayaknya udah biasa kan ya...

1:29:44Biasanya kan kantor...

1:29:46Tempat kerja developer yang...

1:29:48Ya di dunia teknologi lah...

1:29:50Kan pasti kantor udah ada kartu kredit...

1:29:52Gitu kan...

1:29:54Untuk perusahaannya ya...

1:29:56Tapi untuk karya...

1:29:58Maksudnya untuk individu per...

1:30:00Developer-nya...

1:30:02Begitulah GitHub code space...

1:30:06Jadi...

1:30:08GitHub-nya...

1:30:10Mempermudah barrier entry...

1:30:12Untuk project base...

1:30:14Jadi sudah ada...

1:30:16Kan sudah pasti project base itu...

1:30:18Opionated...

1:30:20Untuk...

1:30:22Kalo kita bareng sama tim...

1:30:24Ya setup-nya harus begitu...

1:30:26Pakai GitHub code space itu...

1:30:28Dan...

1:30:30Sorry...

1:30:32Karena GitHub dan Microsoft dan VSCode...

1:30:34Adalah satu company...

1:30:36Defcontainer yang saya setup tadi...

1:30:38Bisa di jalankan di lokal...

1:30:40Bisa di sync ya...

1:30:42Ya Defcontainer yang...

1:30:44Bukan...

1:30:46Jadi waktu itu...

1:30:48Abis itu bisa dijalankan di lokal host gitu ya...

1:30:50Bukan...

1:30:52Bukan itu masa saya...

1:30:54Jadi...

1:30:56Kayak lokal biasa aja kan...

1:30:58Ya kan bisa dijalankan di lokal host kan...

1:31:00Iya...

1:31:02Si VSCode...

1:31:04Akan...

1:31:06Akan ngedetek Defcontainer.json juga...

1:31:08Bisa...

1:31:10Dan kalo misalnya kita mau setup Defcontainer-nya...

1:31:12Maka VSCode akan...

1:31:14Menjalankan script saya yang disini...

1:31:16Men set up...

1:31:18Plop plop plop...

1:31:20Dan langsung...

1:31:22Si VSCode-nya ngeremote ke...

1:31:24Defcontainer...

1:31:26Jadi...

1:31:28Projek saya yang di lokal jalan...

1:31:30Jalan di dalam Docker...

1:31:32Sudah jadi...

1:31:34Automatis gitu...

1:31:36Semuanya...

1:31:38Karena saya sudah sediakan Defcontainer...

1:31:40Jadi sekarang di projek-projek itu mulai...

1:31:42Makanya kenapa saya harus pake VSCode...

1:31:44Setupnya pake Defcontainer...

1:31:46Semua...

1:31:48Jadi...

1:31:50Begitu barir entry untuk onboarding...

1:31:52Begitu mereka nge-pool project...

1:31:54Langsung Defcontainer-nya...

1:31:56Ngedetek...

1:31:58Langsung jalanin...

1:32:00Jalanin semua opunited setup...

1:32:02Block...

1:32:04Udah tinggal onboarding aja...

1:32:06Dan code spaces tentunya dipakai di...

1:32:08Github-nya sendiri...

1:32:10Dipakai...

1:32:12Mereka sudah enggak pakai macOS model lagi...

1:32:14Mungkin laptopnya...

1:32:16Yang lebih ringan kali ya...

1:32:18Kayak Macbook Air kali ya...

1:32:20Terus mereka semuanya...

1:32:22Moding-nya pakai code spaces...

1:32:24Macbook Pro M3 muncul tadi malam...

1:32:26Dan harganya luar biasa...

1:32:28Nah ini ada pertanyaan menarik nih...

1:32:30Kira-kira bisa nggak...

1:32:32Disdeploy ke serverless...

1:32:34Biar enggak mahal...

1:32:36Lambda...

1:32:40Csp-nya ada dia...

1:32:42CN-nya...

1:32:44Gak bisa...

1:32:46Ini enggak bisa deh...

1:32:48Karena code server...

1:32:50Kan jalannya harus...

1:32:52Harus jalan terus kan...

1:32:54Ga cocok...

1:32:56Buat serverless kayaknya...

1:32:58Kecuali duitnya...

1:33:00Jadi kayak serverless...

1:33:02Kalau yang dimaksud adalah...

1:33:04Dia otomatis...

1:33:06Berhenti...

1:33:08Kita nggak pengapain...

1:33:10Misalkan nggak gitu...

1:33:12Time off atau idle...

1:33:14Dalam beberapa menit itu...

1:33:16Bisa aja dibuat scriptnya sih...

1:33:18Artinya kita...

1:33:20Stop instantnya kayak gitu...

1:33:22Kita code spaces itu...

1:33:24Kalau kita nggak...

1:33:26Idle 15 menit...

1:33:28Dia post...

1:33:30Code spacesnya...

1:33:32Dan kalau post, dia nggak hitung core hour...

1:33:34Oh bagus ya...

1:33:36Baik...

1:33:38Lagi pula serverless itu function as a service kan...

1:33:42Kita nggak bisa install macam-macam...

1:33:44Kayak pakai...

1:33:46Base yang seperti tadi mas Rio...

1:33:48Contoh kan ya...

1:33:50Sebenarnya...

1:33:52Kalau serverless...

1:33:54Nggak hanya itu aja sih...

1:33:56Koncept serverless kan sebenarnya...

1:33:58Operasional model aja...

1:34:00Yang saya bilang itu kan lebih ke...

1:34:02Specifik ke...

1:34:04Selain kayak lambda ya...

1:34:06Oh ya lambda...

1:34:08Tapi kalau...

1:34:10Serverless juga ada kayak...

1:34:12Kalau di AWS itu ada yang kayak...

1:34:14Fargate...

1:34:16Oh Fargate...

1:34:18Kita nggak perlu menit apapun...

1:34:20Pokoknya tinggal lempar aja...

1:34:22Terus...

1:34:24Terserah dia...

1:34:26Keraminya gimana...

1:34:28S3 itu sebenarnya serverless kan...

1:34:30Karena kita underlying...

1:34:32Yang ngurusin...

1:34:34Terus kita hanya bayar...

1:34:36Ketika kita...

1:34:38Kalau nge-upload...

1:34:40Kalau nggak...

1:34:42Mau kan itu kan...

1:34:44Kita nggak bayar...

1:34:46Tapi...

1:34:48Kalau saya ya...

1:34:50Nanti rencana sih saya ke depan...

1:34:52Kalau saya serius di VS Good...

1:34:54Saya akan connectkan...

1:34:58Instant VS Good saya dengan...

1:35:00Jadi kalau saya sudah nggak...

1:35:02Shutdown aja gitu ya...

1:35:04Matiin gitu ya...

1:35:06Ada komennya...

1:35:08Kalau mau...

1:35:10Tinggal on kayak gitu...

1:35:12Dengan cintak tertentu...

1:35:14Itu bisa aja...

1:35:16Iya iya iya...

1:35:18Menarik...

1:35:20Tapi kalau yang saya...

1:35:22Kalau untuk menekan biaya...

1:35:24Di tempat yang saya...

1:35:26Pakai sekarang...

1:35:28Yang saya pakai itu...

1:35:30Dia pakai spot instant malah...

1:35:32Oke...

1:35:34Malah aneh kan...

1:35:36Spot instant kan bisa determine...

1:35:38Kapan pun kan...

1:35:40Terus gimana saya...

1:35:42Receive datanya semua...

1:35:44Padahal kan itu spot instant...

1:35:46Semua...

1:35:48Data saya yang di Cloud 9 tadi...

1:35:50Itu saya...

1:35:52Pakainya bukan di local file system...

1:35:54Tapi di EFS...

1:35:56NFS...

1:35:58Jadi saya punya script...

1:36:00Ketika dia booting...

1:36:02Dia akan memount...

1:36:04File server itu...

1:36:06Ke home directory...

1:36:08Jadi semua yang saya tinggal...

1:36:10Ketika servernya itu ganti...

1:36:12Karena dia kan determinate...

1:36:14Karena dia spot instant...

1:36:16Spot instant kan nggak ada garansi bahwa...

1:36:18Instant itu atau server itu...

1:36:20Akan terus jalan kan...

1:36:22Karena kan ada harga yang lebih murah...

1:36:24Harga yang lebih murah...

1:36:26Tapi nggak ada jaminan nih...

1:36:28Kamu bakalan aman...

1:36:30Dari determination...

1:36:32Tapi...

1:36:34Aku...

1:36:36Akalin dengan...

1:36:38Semua file nya nggak aku letakkan...

1:36:40Di server nya...

1:36:42Tapi aku letakkan di cell server...

1:36:44Jadi ketika dia determine...

1:36:46Data saya semua aman...

1:36:48Nanti server nya up lagi...

1:36:50Spot instant nya...

1:36:52Otomatis boot script nya...

1:36:54Kita akan memount file server...

1:36:56Yang ada di...

1:36:58Kemudian di mount di home...

1:37:00Kan semua konfigurasinya akan kembali seperti semula...

1:37:02Oh...

1:37:04Itu lebih murah...

1:37:06Lebih murah ya...

1:37:08Itu lemahnya kan namanya file server ya...

1:37:10Jadi...

1:37:12Terutama kalau...

1:37:14NPM...

1:37:16File kecil...

1:37:18File gede nggak masalah...

1:37:20Gak bisa terlalu banyak...

1:37:22Tapi kalau file kecil di bawahnya...

1:37:24Yang sebenarnya...

1:37:26Karena yang lama itu kayak open connection nya ya...

1:37:28Masing-masing...

1:37:30Harus...

1:37:32Latensi kan...

1:37:34Itu kan network kan...

1:37:36Setiap kita nge-read atau write...

1:37:38Ada overhead...

1:37:40Ada overhead...

1:37:42Jadi...

1:37:44Ada dread off nya lah...

1:37:46Kayak gitu...

1:37:48Kira-kira rencana kedepan...

1:37:50Buat project VSCode on server ini...

1:37:52Mau...

1:37:54Dihapain aja...

1:37:56Itu ada build up map nya...

1:37:58Kalau boleh request itu...

1:38:00Maksudnya itu...

1:38:02Yang ke subdomain...

1:38:04Lebih menarik ke subdomain, karena gini...

1:38:06Kalau subfolder...

1:38:08Aplikasinya bisa kena...

1:38:10Ke masalah routing...

1:38:12Frontend terutama ya...

1:38:14Routing nya kena...

1:38:16Jadi misalnya, karena...

1:38:18Domain nya apa, terus ada subfolder...

1:38:20Dan nanti aplikasi kita berbeda...

1:38:22Itu moment di routing...

1:38:24Sedangkan waktu di live nya...

1:38:26Kita tanpa ada subfolder...

1:38:28Nah itu...

1:38:30Sebenernya bisa...

1:38:32Tapi masalahnya...

1:38:34Masalahnya itu di zero SSL...

1:38:36Atau less entry nya...

1:38:38Dia gak mau ngerima wildcard...

1:38:40Kecuali ada DNS validation...

1:38:42Jadi harus pure automatic...

1:38:44Jadi harus kita...

1:38:46Saya di traffic bisa...

1:38:48Nanti saya coba ulik deh...

1:38:50Request udah...

1:38:52Gini...

1:38:54Belum pernah pake caddy...

1:38:56Jadi saya coba ulik nanti...

1:38:58Coba ya...

1:39:00Coba net caddy kayaknya...

1:39:02Aku bisa yang wildcard...

1:39:04Cuman kan...

1:39:06Ada kelemahan...

1:39:10Apa ya kemarin...

1:39:12Dificate nya itu kayaknya...

1:39:14Kalau wildcard itu...

1:39:16Ada aturan apa lupa...

1:39:18Nanti...

1:39:20Gue coba lagi...

1:39:22Memang...

1:39:24Domain nya memang gak gitu...

1:39:26Nanti kalau gak bisa pake...

1:39:28Saya pernah pake namanya...

1:39:30Engine X proxy manager...

1:39:32Ada tampilan ini nya lagi...

1:39:34Ada tampilan...

1:39:36Gui nya untuk engine X...

1:39:38Coba nanti buka...

1:39:40Engine X proxy manager lagi...

1:39:42Kita bisa bikin sendiri...

1:39:44Kita punya reverse proxy disitu...

1:39:46Coba ya...

1:39:50Anyway...

1:39:58Nanti lah coba saya ulik, pasti bisa...

1:40:00Kalau gitu...

1:40:02Kalau lihat...

1:40:04Jangan kaget ya script saya itu...

1:40:06Gak ada perintah if nya...

1:40:10Gak ada else nya...

1:40:12Bisa...

1:40:14Aku tipe...

1:40:16Aku mengambil apa...

1:40:18Istirahanya...

1:40:20Early return...

1:40:22Pattern...

1:40:24Atau intinya sebesar mungkin aku gak pake else...

1:40:26Jadi kalau dilihat kodonya...

1:40:28Setiap kodaku itu...

1:40:30Abis gak ada else nya...

1:40:32Pasti ya hanya if aja...

1:40:34Kalau di self script malah gak ada syntax if nya...

1:40:36Cuma syntax bracket aja kalau dilihat...

1:40:38Jadi contohnya...

1:40:40Kalo deteksi apa...

1:40:42Deteksi...

1:40:44Ini ya contohnya...

1:40:46Logical operator apa kaget itu...

1:40:48Nah kaget itu...

1:40:50Apakah file ini ada...

1:40:52Jika ada, lakukan ini...

1:40:54Berarti fungsinya dipecah kecil-kecil ya...

1:40:56Jadi yaudah...

1:40:58Langsung return...

1:41:00Langsung return...

1:41:02Tapi kan berarti gak bisa macem-macem...

1:41:04Satu fungsinya...

1:41:06Kenapa scope nya jadi lebih kecil-kecil...

1:41:08Seru, seru, seru...

1:41:14Tapi menurutku lebih simple...

1:41:16Lebih mudah dimengerti kalau menurutku fungsinya...

1:41:18Karena dia lebih kecil, terus lebih...

1:41:20Dia jalannya udah pasti...

1:41:22Oh dia berhenti di sini gak gitu...

1:41:24Udah...

1:41:26Preferensi sih...

1:41:28Ya, ya...

1:41:30Ini ide...

1:41:32Episod kedepan nih...

1:41:34Ngobrolin clean code...

1:41:36Atau apa ya...

1:41:38Style-style yang kayak gitu...

1:41:40Itu namanya apa sih? Kayak pattern gitu...

1:41:42Ya gitu lah...

1:41:44Ngobrolin clean code...

1:41:46Siap, siap, siap...

1:41:48Ada lagi mau dicampai kan...

1:41:50Sebelum kita udahan?

1:41:52Udah...

1:41:54Aman? Okay...

1:41:56Ya mau follow-follow Mas Ryo kemana?

1:41:58Github.com/RyoAstamal

1:42:00Ya atau di-link-in aja...

1:42:02Ya...

1:42:04RyoAstamal, harusnya namanya cuma satu aja ya...

1:42:06Nggak ada orang lain ya...

1:42:08Unique...

1:42:10Cukup unik namanya...

1:42:12Cukup unik, ya...

1:42:14Okay, kalau gitu...

1:42:16Kita pambit dulu...

1:42:18Terima kasih banyak buat semuanya yang sudah hadir malam hari ini...

1:42:20Terima kasih banyak buat Mas Ryo...

1:42:22Terima kasih...

1:42:24Terima kasih...

1:42:26Projek yang keren banget...

1:42:28Mudah-mudahan...

1:42:30Terima kasih juga dari sini...

1:42:32Buat ide baru ya...

1:42:34Yang belum star, silahkan di-star ya...

1:42:36Yang belum star, silahkan di-star...

1:42:38Yang belum star, silahkan di-follow...

1:42:40Mutualan, mutualan...

1:42:42Oke...

1:42:44Sekian dulu untuk episode kita kali ini...

1:42:48Sampai jumpa lagi...

1:42:50Hari Sulasa depan jam 8 malam...

1:42:52Bye-bye...

1:42:54Bye...

1:42:56Oh belum disiap...

1:42:58-Singgir -Singgir

Suka episode ini?

Langganan untuk update episode terbaru setiap Selasa malam!

Langganan Sekarang
Diskusikan episode ini di GitHub

Episode Terkait

Ngobrolin Browser - Ngobrolin WEB ep14
EP 13

22 Des 2022

Ngobrolin Browser - Ngobrolin WEB ep14

Kisah seru 'perang' browser! ----------------------------------------------------------------------------------- Bergab...

WebAI - Ngobrolin WEB
EP 151

25 Nov 2025

WebAI - Ngobrolin WEB

🗣️🕸️ Selasa malam waktunya #ngobrolinWEB! Malam ini membahas AI yang dapat dijalankan di web browser atau istilah kere...

Stack dan Tools - Ngobrolin WEB
EP 158

17 Feb 2026

Stack dan Tools - Ngobrolin WEB

🗣️🕸️ Selasa malam waktunya #NgobrolinWEB! Episode kali ini akan membahas stack dan tools andalan sehari-hari. Baren...

Komentar