Desain Aplikasi CLI

1:29Kayak baru episode

1:31Kedua aja

1:33Iya, padahal udah 150 lho

1:35Ini ya, apa kabar dulu nih

1:39Apa kabar?

1:41Sibuk apa sekarang?

1:43Ini nanya ke siapa nih?

1:47Penonton dan kalian kedua

1:53Kalau saya

1:55Sibuk apa ya?

1:57Sibuk di kejar-kejar sponsor

2:01Asyik

2:03Asyik, keren banget

2:05Bercanda, bercanda

2:07Kenapa?

2:09Karena, belum ini, belum

2:11Belum capai target

2:13Belum, belum si wajipan

2:15Tiket jarinya bukan nawarin sponsor syik lagi

2:19Cuma, kok kurang nih view-nya

2:21Masih nombok kan

2:23Nombok

2:25Untuk streamnya 2 tahun ke depan

2:31IDSW gimana ceritanya? Masih sibuk?

2:39Atau sudah selesai?

2:41Sudah selesai

2:43Tugas gue sih sudah selesai

2:45Acaranya belum?

2:47Acaranya nanti November

2:49Iya, sayang banget

2:51Berpapasan

2:53Berbandingkan dengan

2:55Deves Medan

2:57Tanggal 22

2:59Ya, nggak bisa buka lagi ya

3:01Saya aja yang berangkat ke Medan

3:03Boleh, silahkan

3:05Gue belum pernah ke Medan, mau juga dong

3:07Ya udah, berdua lah

3:09Kan, tahun lalu gue direject

3:15Jadi tahun ini kalau ditawarin, gue yang nge-reject

3:17Asyik

3:19Uno reverse card ya

3:23Sendem, nggak, nggak

3:25Bercanda, bercanda

3:27Eka aja ke Medan, gue ke Jogja

3:29Jogja tanggal Desember

3:31Jogja Desember, kita rame-rame ke Jogja

3:33Yuk, yuk, yuk

3:35Bisa nggak ya kita konspirasi

3:37Kalau Eka nggak usah

3:39Eka nggak usah ngisi

3:41Maksudnya, datang aja

3:43Gue datang aja

3:45Iya

3:47Biar apa, biar kita

3:49Silaturahami ke sini nih

3:51Asyik ke Domensia

3:53Selamat malam Ricky

3:55Kedominia Domensia

3:57Iya

3:59So, iya

4:01Sebelum lupa ya, jadi

4:03Kembali lagi

4:05Episod

4:07Ngobrolin web malam ini

4:09Hasil kolaborasi kita

4:11Dengan Domensia, akhirnya Domensia

4:13Kembali

4:15Bermurah hati untuk memberikan

4:17Ini ya

4:19Men-sponsori

4:21Acara kita, jadi kalau temen-temen

4:23Yang mau beli layanan hosting Domensia

4:25Bisa pakai promo

4:27Ngobrolin web DN

4:29Ngobrolin web DN

4:31Ada dua

4:33Soalnya, jadi

4:35Ada ngobrolin web DN, dapat

4:37Diskon 10% untuk

4:39Semua paket web hosting

4:41Berlaku untuk siklus 1 atau 2 tahun

4:43Harus

4:45Kalau yang

4:47Gak pakai web hosting, mau pakai VPS gimana

4:49Ada juga

4:51Yang mau beli Cloud VPS

4:53Turbo Domensia, ada diskon 50%

4:55Coba

4:5750% loh, setengah harga

4:59Kodanya ini

5:01Ngobrolin VPS DN

5:03Kalau yang mau pindahan

5:05Mau gak pakai Versel lagi tuh

5:07Itu bisa kan

5:09Pake VPS

5:11Nah, mumpung ada promo

5:13Iya, 50%

5:15Mumpung lagi

5:17Ada ini kan, Versel kan

5:19Lagi di ini kan

5:21Lagi dicicar ya

5:23Lagi dicicar, karena misalnya

5:25Berfoto dengan

5:27Sosok kontroversi ya

5:29Jadi kalau kalian mau

5:33Kabur aja dulu dari Versel

5:35Mumpung promo

5:37Tapi tetap pakai Next.JS

5:39Bisa kan

5:41Ya, pelan-pelan lah

5:43Gak, at least kan, ngurangin ketergantungan

5:45Minimal, finansial lah

5:47Kalau misalnya pakai Next.JS

5:49Ya, ngasih kontribusi

5:51Matrix ke mereka

5:53Tapi kan, gak ngasih kontribusi finansial kan

5:55Terus ya, diluar parkara itu pun

5:59Kalau misalnya

6:01Usernya udah banyak

6:03Ya, biayanya

6:05Versel itu free tiernya lumayan lah

6:07Tapi begitu udah mulai

6:09Nge hit yang berbayar

6:11Ya, mahal banget kan, maksudnya biayanya tinggi

6:13Jadi bisa dipertimbangkan

6:15Yes, jadi kalau

6:19Yang mau nyoba-nyoba

6:21Cloudflare, Netlify

6:23Free tier

6:25Begitu udah hit certain threshold

6:27Mahalnya minta ampun

6:29Itu katanya skema ini

6:31Business strategy-nya begitu kan

6:33Subsidi silang

6:35Bukan, bisnis

6:37Apa, skema-nya adalah skema

6:39Ini, jualan narkoba

6:41Ketagihan dulu

6:43Pertama kasih-kasih dulu, abis itu ketagihan udah

6:45Makanya, saya

6:47Itu sebenarnya, kalau secara bisnis

6:49Saya lebih suka Heroku sebenarnya

6:51Heroku itu kan

6:53Memang ngga, bayar ya dari awal

6:555 dolar, tuh paling kecil 5 dolar

6:57Tapi kan bayar gitu

6:59Nggak, dulu Heroku gratis

7:01Nah, cuma udah nggak sama

7:03Free tier-nya diakus sama sekali

7:05Diakusisi sama

7:07Catchpoint

7:09Bukan

7:11Heroku, pokoknya perusahaan besar

7:13Diakusisi sama perusahaan besar

7:15Salesforce

7:17Salesforce

7:19Jadi kalau ada yang mau nyoba-nyoba

7:21Malah kayak approach-nya sebaliknya sih

7:23Kan dulu, karena mereka gratis

7:25Dan dulu gratisnya kan generous banget tuh

7:27Iya

7:29Udah capture banyak banget

7:31Ya udah, justru gratisannya

7:33Diapus

7:35Ya, dengan konsekuensi

7:37Mereka nggak bisa ambil developer baru

7:39Kan, yang baru mulai

7:41Masih kayaknya nggak ada duit, atau nggak punya

7:43Credit card perusahaan

7:45Nggak bakal pake Heroku, pakenya

7:47Yaitu tadi, Percell Netlify Cloudflare

7:49Ya, strategi bisnis

7:51Sama kayak

7:53Sama kayak ini, tau

7:55Sama kayak

7:57Google

7:59For Business jaman-jaman dulu

8:01Tau nggak? Yang email

8:03Domain

8:05Gmail kan?

8:07@gmail.com sama ada yang

8:09Bisa pake domain kita sendiri

8:11Oh, Google Domains

8:13Enggak-enggak

8:15Google Workspace

8:17Oh, iya

8:19Oh, iya, sampai sekarang

8:21Sampe sekarang saya masih grandfather license

8:23Domain saya

8:25Masih free sampai sekarang

8:27Dan masih dapat yang

8:29Jaman dulu punya 10 years

8:31Sekali bayar

8:33Sekali bayar, abis itu udah nggak

8:35Sampe sekarang masih gratis

8:37Gue punya, cuma bukan

8:39Apa, ya

8:41Dari dulu deh

8:43Punya email alternatif

8:45Pake Workspace, cuma banyak fitur yang

8:47Fiturnya tiba-tiba nggak ada

8:49Ada fitur yang dikunci

8:51Ya, namanya juga gratis

8:53Mau ngarepin apa

8:55Anyway

8:57Ini saya nggak selesai nih bacainnya nih

8:59Jadi diskon-nya

9:01Berlaku untuk

9:03Tadi ya

9:0550%

9:07Berlaku untuk semua paket dan semua siklus

9:09Jadi, kode promo-nya bisa dipakai

9:11Lebih dari satu kali, coba

9:13Enak banget kan

9:15Akun yang sama, pake berkali-kali

9:17Langsung aja cek domain.com

9:19Kalo saya bikin akun cloningan ya

9:21Email baru, iya

9:23Nggak usah bikin akun cloningan, bisa dipakai

9:25Akun yang lama juga bisa dipakai

9:27Promo code-nya

9:29Ngobrolinvpsdn

9:31Ok? Terima kasih Domensia

9:33Ok

9:37Malam ini

9:39Topiknya agak-agak out ya

9:41Out of topic

9:43Ya, bisa lah disambung-sambungin

9:45Cepikit

9:47Out of web, tapi bisa disambung-sambungin

9:49Selama web development

9:51Iya, kalo sekarang kan

9:53Kalo kita mau generate project baru

9:55Pasti bukannya di terminal dong

9:57Kalo temen-temen pake AI

9:59Banyak kan pake di terminal

10:01Ada juga kan

10:03Kayak cloud code, domini CLI

10:05Semua kayaknya udah ada ya

10:07Popilot

10:09Kalo Git

10:11Coba jawab dulu deh

10:13Pada pake UI atau pake

10:15CLI?

10:17Oh iya temen-temen ya

10:19CLI

10:21Belum pernah liat orang yang

10:25Pake Git

10:27Aplikasi atau apa ya? Git UI

10:29Ada GitHub

10:31Ada, GitHub desktop

10:33Ada juga di VS Code

10:35Yang di VS Code

10:37Iya, dan

10:39Banyak lah yang bagus yang

10:41Git UI itu

10:43Banyak

10:45Saya pake yang di VS Code

10:47Semenjak bisa generate

10:49Ini, generate commit

10:51Message

10:53Membantu sekali

10:55Jadi, memanfaatkan itu aja

10:59GUI-nya, tapi

11:01Kalo secara normal, secara natural

11:03Pakainya di CLI sih

11:05Iya

11:07Masal memori aja

11:09Kayak cuman

11:11Git phone, Git add atau

11:13A, G, C, Git com-nya

11:15Iya, udah ada ininya

11:17Alias-aliasnya

11:19Alias-aliasnya

11:23Jadi malam ini kita akan

11:25Berbicara atau

11:27Mendiskusikan tentang

11:29Command line interface atau

11:31CLI

11:33CLI atau

11:35Terminal user interface

11:37Terminal user interface

11:39Oh ada itunya ya

11:41Ada nama barunya

11:43Ada nama barunya

11:45Sublime Merge

11:47Sublime Merge itu apa sih

11:49Ga terlibat sama Sublime Code Editor

11:51Beda, beda

11:53Tapi yang bikin sama

11:55Nah barusan ngeliat ini

11:57Dia meluarin ini juga ya

12:01Di client ya

12:03Oke menarik, terima kasih

12:07Infonya

12:09Ini tuh kayak bagus

12:11Cuma kayak ga pernah

12:13Nemu use case-nya

12:15Kan maksudnya

12:17Kegiatan aktivitas utama waktu kita loading

12:19Bukan

12:21Bukan Git clone atau Git add

12:23Atau Git commit kan, kayak cuman udah pengen buru-buru

12:25Akhirnya ga pernah kesampaian

12:27Nyoba-nyoba yang

12:29Komplikasi yang kayak ini

12:31Mungkin buat manager kali ya

12:33Buat yang manage Git

12:35Branch gitu-gitu ya

12:37Full request yang apa

12:39Ngemerge gitu

12:41Mungkin penting ya

12:43Nah kalo gue full request

12:45Merge yang komen-komenan gitu

12:47Di GitHub langsung

12:49Langsung di GitHubnya langsung ya

12:51Jadi ga pernah punya

12:53Use case buat GitHub desktop sih

12:55Tapi Sublime itu kan yang menarik

12:59Apa ya, kayak estetik

13:01Sense of estetiknya kan

13:03Kayak khas banget aja

13:05Iya, betul

13:07Size itu suka pakai kalo

13:09Untuk

13:11Di VSCode

13:13Atau kursor ya sama sih

13:15Suka liat untuk yang

13:17Merge div tool-nya kan bagus

13:19Oh iya

13:21Kedua, pakai Git Blame

13:23Shotcutnya command shift G

13:25Command shift G

13:27Ga pernah pake sih, tapi

13:29Kontrol shift G

13:31Sama itu

13:33Blame-nya cuma liat di line-blame biasanya

13:35Iya, jadi sudah

13:37Line-nya tuh sudah tau, oh ini si ini yang

13:39Comment line ini, terakhir si ini

13:41Suka, saya suka pakai itu

13:43Jadi suka, karena saya kan

13:45Suka nyalain orang

13:47Ngeblame ya

13:49Udah ngomel-ngomel, ini kode apaan

13:51Ga jelas, terus giliran command shift G

13:53Kau nya diri sendiri? Nyalain line-blame

13:55Eka, 2 years ago

13:57Sering terjadi di antara kita

14:03Cuma itu helpful banget lo

14:05Nge-check blame, walaupun

14:07Ini ga dari CLA ya

14:09Ini udah OOT

14:11OOT lagi, OOT kali 2

14:13Karena kalau di tempat kerja

14:15Convention-nya adalah

14:17Commit-nya itu selalu diawali

14:19Pakai

14:21Jira ticket code-nya

14:23Jadi itu berguna banget

14:25Ya kayak gitu tuh, kalau

14:27Karena kita ga ada dokumentasi yang

14:29Dokumentasi kode

14:31Yang lengkap banget gitu

14:33Ga ada, tapi kalau misalnya bingung

14:35Ini maksudnya apa, tinggal di-blame

14:37Aja kan muncul tuh ticketnya, ya udah

14:39Tinggal dibuka ticketnya, selama ini sih

14:41Gak pernah sampe

14:43Maksudnya pas udah dibuka ticketnya, langsung

14:45Ingat sih

14:47Langsung tau ini maksudnya apa dan kenapa

14:49Gitu, dan kalau ada masalah nyangkut

14:51Maksudnya, tinggalin masalah

14:53Dulu pernah tinggalin masalah, masalahnya

14:55Kau apa, jadi langsung tau

14:57I see

14:59Sekarang

15:01CLI ini menarik-menarik ya

15:03Apatau istilahnya, kalau istilah kerennya

15:05TUI ya, Terminal User Interface

15:07Baru nama gue TUI, TUI

15:09Kalau temen-temen

15:11Perhatikan misalkan

15:13Yang akhir-akhirnya kayak Cloud Code

15:15Keren kan

15:17Ada asli-asi

15:19Artnya gitu

15:21Terus kalau misalkan liat Copilot

15:23GitHub CLI juga

15:25Gemini CLI juga sama

15:27Banyak

15:29Ada animasinya juga

15:31Kalau liat Astro ya, terutama ya

15:33Ada animasinya

15:35Nah, Astro itu salah satu clopornya sih

15:37Yang pake, maksudnya lucu-lucuan gitu

15:39Nah, itu makanya di

15:41Defter Topic Discusi

15:43Gue masukin itu tuh

15:45Perlu

15:47Pertama, pas masih

15:49Pertama kali, baru sekali, dua kali

15:51Mungkin lucu ya, wah satu screen ada gambar

15:53Ada animasi, ada ASG ART

15:55Nah, terus

15:57Lama-lama tuh sebenarnya

15:59Itu tuh keputusan yang bagus atau

16:01Kurang bagus sih, yang

16:03Wimsicle, yang lucu-lucuan gitu

16:05Apa, apakah

16:07Itu helpful

16:09Atau mending se straight forward mungkin aja

16:11Nggak usah kebanyakan gambar, nge-scrollingnya

16:13Jadi jauh

16:15Ini, yang pertama

16:17Menghibur ya, daripada kita nungguin

16:19NPM install kan mendingan liat beginian kan

16:21Yang kedua, feedback loop

16:23Jadi kita tahu

16:25Status terakhir itu di mana

16:27Apa, dia lagi

16:29Ngerjain apa gitu

16:31Apakah lagi install dependency kah, atau lagi

16:33Bikin file kah, atau

16:35Apa gitu, jadi

16:37Oh iya, kalau ini sih tetap

16:39Itu yang kayak status terakhir

16:41Progressnya, kayak

16:43Installing atau

16:45Dependencies installed itu sih

16:47Maksudnya itu jelas ya, itu ada kegunaan

16:49Practical, tapi kalau kayak

16:51Itu ASCII art animasi

16:53Naik turun, atau kayak

16:55Jemna CLI sama co-pilot

16:57Ada logo segede gaben gitu

16:59Itu tuh

17:01Distracting atau fun

17:03Ya ini kan subjektif ya

17:05Ya

17:07Itu tuh best practice nggak sih

17:09Atau mungkin kayak, sebetulnya itu

17:11Trend-trendan, karena satu

17:13Misalnya dulu Astro bikin gitu

17:15Terus semua pada nge-tweet tentang itu

17:17Pada seneng, yang lain jadi ngikut semua

17:19Cuma lama-lama nanti

17:21Kan lama-lama orang bosen

17:23Terus jadi nggak

17:25Special lagi, terus mungkin nanti

17:27Apakah bakal ada yang ngomel-ngomel

17:29Banyak ngomel di twitter, terus lama-lama trendnya

17:31Jadi ya udah nggak usah pakai

17:33Gak usah pakai gamar-gamar lucu-lucuan

17:35Yang berlebihan gitu ya, cuma status

17:37Aja, misalnya kalau error ya, tunjukin

17:39Errornya, progressnya, sampai

17:41Mana, nah kalau menurut

17:43Ini gimana

17:45Saya

17:47Nggak suka yang terlalu banyak icon

17:49Berlebih

17:51Nah itu lama-lama distracting nggak sih

17:53Tapi pertama sih seneng

17:55Oh lucu, pas udah ke-2, ke-3

17:57Ke-4, ke-5, ha

17:59Bisa dimatiin sih, kalau Astro bisa

18:01Cuma maksudnya trendnya

18:03Distracting

18:05Jaman dulu yang kalau kita

18:07Testing pakai mocha kan ada

18:09Chai, eh mocha

18:11Ada, apa namanya, ada

18:13Pluginnya tuh, yang apa

18:15Ngan cat, ngan cat

18:17Jadi reportnya itu ada kucing

18:19Dulu awal-awal sering pakai

18:21Lama-lama, kucing yang panjang

18:23Iya, kucing

18:25Kucing pelangi gitu

18:27Reportingnya pakai

18:29Kucing pelangi

18:31Tapi sekarang istilah

18:33Pelangi udah berubah ini ya

18:35Berubah arah ya

18:37Berubah makna

18:39Kalau dulu pelangi kayaknya

18:41Keren gitu ya

18:43Temen-temen

18:45Ya maksudnya intinya

18:47Ini apa namanya CLI

18:49Menariknya apa ya

18:51Boleh tau ya temen-temen

18:53CLI yang favoritnya apa

18:55Yang biasa dipakai sehari-hari

18:57Sama tadi pertanyaan Eka

19:01Komennya atau gimana nih

19:03Komen lainnya, aplikasi terminal

19:05Yang paling

19:07Disuka gitu

19:09Berarti sebenernya ini skopnya bukan

19:11Ya gak harus aplikasi khusus

19:13CLI kan cuma

19:15Aplikasi atau library apapun

19:17Yang CLI

19:19Atau CLI

19:21Experience nya bagus ya

19:23Misalnya tadi kalau contoh

19:25Astro atau Cloudflare atau

19:27Copilot itu kan sebenernya bukan

19:29Ya bukan terminal base

19:31Itu aplikasi aja cuman di installnya lewat

19:33Terminal ya kan

19:35CLI experience

19:37Coba kalian sekarang

19:39Terminal bukan, sorry

19:41Maksudnya aplikasi yang jalan di terminal

19:43Calah ya

19:45Coba history ke terminal kalian

19:47Masing-masing, apa sih yang terakhir kalian pakai

19:49Pasti git

19:51History

19:53Youtube.dl

19:55Git merge

19:57Oh kalau youtube.dl sekarang dari

19:59History

20:01Git

20:03Terus kemudian patch

20:05Composer AWS

20:09npm

20:11Turle

20:15Portman

20:17Vim

20:19Vim ya

20:21Ini juga termasuk aplikasi terminal kan ya

20:23Iya

20:25Docker, Docker Compose

20:27DCUPD

20:29SSA

20:31DCUPD

20:33Touch

20:35Open

20:39Turle

20:41PG

20:43Postgre

20:45Oh yang apa

20:47Yang saya terakhir coba

20:49Dan lumayan seru

20:51Ya ini ada hubungan sama git tadi ya

20:53Biasanya kan saya coba di terminal kan

20:55Apa maksudnya bukan di terminal

20:57Iya memang pakai git CLI

20:59Tapi

21:01Ya tapi

21:03Baru beberapa

21:05Minggu ini lah ketemu namanya

21:07LazyGit

21:09Itu

21:11Aplikasi terminal juga

21:13Bisa dilihat ya

21:15LazyGit

21:17Tapi

21:19Ada user interface nya

21:21Kita mau ke

21:231, 2, 3

21:25Untuk liat

21:27Local Brand, sempat untuk liat commit

21:295 untuk stage

21:310 untuk yang di sebelah kanan

21:33Jadi misalkan

21:35Saya mau commit ya

21:37Ini tinggal di spasi terus commit

21:39Terus commit nya

21:41Ucu ya

21:43Puyeng

21:45Puyeng

21:47Lagi coba-coba aja

21:49Bloombug Terminal

21:51Iya Vis

21:53Bloombug Terminal apa ini

21:55Biasanya buat liat saham

21:57Oh saham, oh iya bener ya

21:59Tapi di terminal gitu

22:01Serius

22:03Iya, ya maksudnya

22:05Bloombug itu API nya

22:07Bagus banget dan bisa streaming

22:09Jadi sebenarnya masuk akal

22:11Pada Bloombug Terminal

22:13Belum pernah pakai sih

22:15Pasukan Git, Maulana

22:17Git Grab

22:19Alias buatan sendiri

22:21Kostong pakai Windows

22:23Windows jarang buka CMD ya

22:29Oh kalau Windows saya punya

22:31PCIe favorite, ping

22:33Ping, ngecek internet

22:35Lebih bagus pakai cal

22:41Kalau misalnya pengen tau ini

22:43Wah saya belum tau tuh gimana caranya tuh

22:49Kalau mau

22:51Oh mau liat ini kan ya

22:53Ping itu cuma pengen tau internet

22:55Mau ngecek komik si internet

22:57Ping github.com

22:59Ping google.com

23:01Pasti kan

23:03Tegantung

23:05Tegantungnya masalahnya juga sih

23:07Karena bisa ngecek apa

23:09Kalau koneksinya intermittent gitu loh

23:11Putus nyambung, jadi kita tau

23:13Kayak berapa pesen

23:15Paketnya keterima atau enggak

23:17Oh ini maksudnya

23:19Bloombug Terminal ini

23:21Oh keren banget

23:27Ini bisa di download

23:29Dan bisa digunakan untuk umum ya

23:31Berarti ya

23:33Udah tau

23:35Ya harus punya akun Bloombugnya

23:37Bloombugnya itu punya license

23:41Soalnya ada license

23:43Iya ngerti

23:45Cuma maksudnya berarti

23:47Pertanyaannya tadi

23:49Ya bisa login website gitu kan

23:51Iya maksudnya

23:55Ngecek internet pakai speedtest

23:57Kalau internetnya mati kan nggak bisa ngecek

24:01Nah itu masalahnya

24:03Di mana kita perlu ngecek

24:05Itu kan umumnya pas lagi bermasalah ya

24:07Kalau harus speedtest

24:09Dan download semua

24:11Harus downloadnya

24:13Gak muncuk-muncuk

24:15Kadang koneksi itu

24:17Bukan berarti cuma speed doang

24:19Kadang DNS-nya juga bisa bermasalah

24:21Bisa iya

24:23Kalian ping ke

24:25Google.com misalnya kan

24:27Tapi kalau DNS-nya bermasalah ya

24:29Nggak bisa akses gitu kan

24:31Coba aja ping google.com dari China

24:33Nggak bisa

24:35Jadi saya tuh biasanya

24:39Kalau pengen tahu

24:41Checking

24:43DNS

24:45Pakai DIG

24:47Oh DIG ya

24:49DIG sa

24:51Blah-blah-blah

24:53Mau cek IP-nya

24:55Bisa dapet respos dari DNS yang mana

24:57Biasanya sih pakai itu

24:59Karena saya punya

25:01Di home network saya di rumah

25:03Punya piehole

25:05Piehole itu yang buat DNS provider

25:09Di lokalnya saya untuk nge-blocking

25:11Ads

25:13Kadang bingung

25:15Ini yang masalah internet

25:17Kalau misalnya nggak bisa konek nih ke Google Analytics misalnya

25:19Ini yang masalah adalah

25:21Internet saya

25:23Atau DNS saya

25:25Jadi saya harus pakai comment DIG

25:27Oh ternyata piehole saya nge-block

25:29Berarti

25:31Domain itu ada

25:33Teridentifikasi

25:35Tracking atau semacamnya

25:37Contohnya di rumah saya itu nggak bisa buka Google Analytics

25:39Nggak bisa buka

25:41New Relic

25:43Nggak bisa buka Facebook.com

25:49Jadi macam-macam

25:51Jadi

25:53Banyak yang di-block dan tiap malam

25:55Kan update ini ya

25:57Databasenya

25:59Iya

26:01Mas

26:03Eh mas apa mbak nih

26:05Wandana

26:07CLA

26:09Biasa buat bisa adopsi aplikasi-applikasi

26:11Lain

26:13Kalau mau dibuat interface

26:15Desainnya bisa diseluruhkan dengan CLA Riser

26:17Iya ini menarik juga karena

26:19CLA itu kan terbatas ya

26:21Kalau kita bikin user interface-nya tidak sekaya di web kan

26:23Kita mau bikin form

26:25Mungkin nggak bisa

26:27Pakai mouse, mungkin ya mungkin

26:29Tapi kayaknya sekarang bisa

26:31Harus pakai tab gitu misalkan

26:33Harus keyboard friendly lah ya

26:35Intinya ya kalau

26:37Aplikasi terminal

26:39Terus juga mungkin

26:41Element-elementnya tidak sebanyak yang

26:43Bisa dibuat di desktop atau di web

26:45Jadi itu juga salah satu yang

26:47Tricky dan juga mungkin itu

26:49Menjadi batasan yang menarik kalau kita

26:51Bikin aplikasi dengan batasan tersebut ya

26:53Berarti kita bikin sesuatu

26:55Yang benar-benar dibutuhkan aja gitu

26:57Minimalis lah ya

27:01Bikin UI-nya minimalis

27:03Kalian pernah bikin

27:05CLA sendiri

27:07Saya pernah

27:09Mendesign

27:11Bukan alias

27:13Alias ya

27:15Membuat komen CLI sendiri

27:17Enggak pernah harus

27:19Enggak pernah ada kebutuhan

27:21Nyoba-nyoba pernah

27:23Tapi kalau untuk desain pernah

27:25Ada apa? Kerjaan

27:27Bantuin temen

27:29Dia butuh aplikasi CLI

27:31Kayak GitHub CLI gitu modelnya

27:33Kayak Docker lah kayak Docker

27:35contohnya waktu itu salah satunya

27:37GitHub CLI sama Docker

27:39Untuk produknya dia

27:41Bikin desain, saya ngedesign

27:43Desain ini kayak

27:45Bikin dokumentasinya

27:47Komen ini untuk apa

27:49Komen ini untuk apa, terus flagnya

27:51Ya ngedesign, bukan desain

27:53CLI sih

27:55Bukan desain user interface

27:57Tapi lebih ke desain komen-komennya

27:59Saya pernah buat

28:03Mau lihat?

28:05Jadi kita main-main

28:07Saya pernah buat CLI

28:09Pakai Node.js kok bikinnya

28:11Node.js ya

28:13Mana ya?

28:15Mana dia?

28:17Sebentar, baru sadar

28:19Jarang banget ada CLI yang dibuka

28:21Dalam waktu lama kayak GUI

28:23Salah satunya ini

28:25Yang sering dibuka

28:27Enggak keluar-keluar dari ini

28:29Dari aplikasinya, salah satunya

28:31Tadi lejigit ya

28:33Sama FIM juga

28:35Enggak bisa keluar malah

28:37Itu jebakan

28:39Itu jebakan

28:41Ya, lejigit docker ada ya

28:43Saya baru tau nih, Mas Yuda

28:45Lejigit, saya juga baru

28:47Pakai

28:49Lejigit itu buat apa sih tadi?

28:51Buat git manajemen

28:53GUI

28:55Tapi di terminal

28:57Jadi kalau misalkan

29:01Lagi kerja di sini

29:03Kalau misalkan mau commit

29:05Balik ke sini

29:07Lihat ada perubahan

29:11Kalau nggak jadi commit ya udah

29:13Kira-kira gitulah ya

29:15Pernah bikin CLI pakai Pascal

29:17Waa jaman dulu pasti CLI

29:19Pasti CLI

29:21Tidak ada pilihan lain

29:23Karena setelah di-compile

29:25Langsung bisa jalan

29:27Dijalankannya pakai

29:29Bentar, compile itu bisa jadi

29:31DLL, bisa jadi

29:33Bisa jadi

29:35Executable ya

29:37Kalau jaman kuliah

29:41Pasti ya

29:43Ayo tunjukkan, tunjukkan

29:45Demo, demo, demo

29:47Saya nggak install sih, jadi nggak usah demo

29:49Langsung lah ya

29:51Lihat GitHubnya aja

29:53Dulu saya bikin

29:55Cloudflare CLI

29:57Denote

30:01Ini cuma interface-nya aja untuk

30:03Connect ke Cloudflare API

30:05Jadi tinggal pakai

30:07Comment line

30:11Bisa connect ke

30:13Bisa melakukan

30:15Perubahan

30:17Di Cloudflare

30:19Installnya cukup gampang

30:21NPM install, global

30:23Cloudflare CLI node, nanti kalian bisa

30:25Langsung CF config setup dan

30:27Lihat komen-komennya di CF help

30:29Nah kita lihat

30:31Dulu saya rajin

30:33Loh kok

30:35Oh versel sih

30:37Tapi udah pindah aja

30:39Oh bukan

30:41Ini si Cloudflare-nya

30:43Ini link ke Cloudflare-nya

30:45Generated Cloudflare

30:47Caranya disini

30:49Yang ininya si Cloudflare

30:51Ganti

30:53Next.js

30:55Kira-kira hosting

30:57Aneh juga kalau Cloudflare hosting-nya

30:59Di versel

31:01Maksudnya cara nge-generate

31:03API token tuh disini

31:05Cuman kayaknya si Cloudflare udah ganti

31:07Ganti apa namanya

31:09Ganti link

31:11Dan saya nggak api

31:13Iya betul

31:15Requirementnya ini

31:17Installnya begini

31:19Nah ini komen-komennya bisa

31:21Accounts

31:23Bisa ambil DNS record

31:25Di zone

31:27Itu apa?

31:29Oh itu dokumentasinya ya?

31:31Wiki

31:33Saya rajin dulu

31:35JSON object-nya begini

31:37Hasilnya

31:39Terus

31:41Mudah-mudahan masih

31:43Ada nih

31:45Ya sudah

31:47Salah semua ini

31:49Ya udah

31:51Terubah

31:53Intinya

31:55Kalau CF DNS list

31:57Zone-nya apa

31:59Bisa kelihatan tuh nanti

32:01example.com

32:03Contentnya gini-gini

32:05Terus bisa lihat

32:07Kalau mau list

32:09DNS list

32:11Atau mau create DNS create

32:13Bisa contohnya begini

32:15DNS create example type A

32:17Nanti bisa sub

32:191.example.com

32:21IP nya ke 1.234

32:23Kalau mau tambahin MX

32:25Tambahin TXT

32:27Terus

32:29Get recordnya

32:31Update DNS recordnya

32:33Tanpa harus ke

32:35Cloudflare

32:37Jadi tinggal

32:39Comen line update-update ini

32:41Ya mau tambahin filter

32:45Mau tambahin firewall

32:47Misalnya

32:51Disini

32:53Bisa juga

32:55Ya

32:59Ada setting-setting si zones-nya

33:01Sebenarnya API nya ada

33:03Banyak banget si Cloudflare

33:05Cuma saya sanggupnya

33:07Saat itu bikin

33:09Yang saya pakai

33:11Yang saya pakai sehari-hari

33:15Dan saya bikin jadi

33:17Mostly saya pakai

33:19Record, filter, sama firewall

33:21Aja sih sebenarnya

33:23Oh sama ini

33:25-Pakai library apa?

33:27-Pakai library apa nih bikinnya?

33:29-Saya akan lanjut kesana

33:31-Ok

33:33-Inquire, put on

33:35-Nggak, saya pakai

33:37YARGS

33:39-Oh ya, YARGS

33:41-Pakai YARGS

33:47Pakainya gini

33:49Jadi supaya dia bisa jadi

33:51Apa namanya?

33:53Jadi execution

33:55Gitu

33:57Kalian kan download

33:59BIN, CF

34:01Executionnya CF

34:03File kan

34:05Jadi node nya itu cuma ini doang nih

34:07Ya kan

34:09Nanti kan dia compile, hasil compile-nya disini

34:11Kalau sudah di compile

34:13-Itu binary?

34:15-Iya, nanti dia compile

34:17JS file, jadi

34:19Kalau misalnya npm install global

34:21Nanti lib nya itu sudah ada

34:23Cuma kan disini source nya

34:25Lib nya nggak ada kan

34:27Jadi dia sebenarnya

34:29Memanggil ini sih

34:31Function ini

34:33Nah ini YARGS-nya

34:35Comment-nya

34:37Terus

34:39Ini

34:43Dia akan mengambil

34:45Baca dari comment directory

34:47Dan satu-satu

34:49Sedang saya kumpulin

34:51Misalnya

34:53Account, config, segala macem

34:55Ada disini

34:57Tinggal bikin

35:01Comment nya per masing-masing

35:03Kalau misalnya tadi list

35:05Argumen yang bisa diterima apa

35:11Terus

35:13Connect ke

35:17Cloudfair-nya

35:19Ambil datanya

35:21Terus output

35:23Dan di output can-nya dalam bentuk format

35:25Format nya itu bisa

35:27Formater nya itu bisa

35:31Berapa ya saya lupa

35:33Bisa ada

35:35Table, string, json, sama list

35:37Jadi kalau ke table

35:39Dirapiin

35:41Kalau ke list

35:43Di list kayak key value

35:47Itu dari YARGS-nya

35:49Yang bikin

35:51Layout-in table nya

35:53Nggak, ini dari

35:55Table itu apa ya

35:57Saya lupa

35:59Table itu dari CLI table 3

36:07Terus kalau yang

36:09Utamanya kan ada di ini

36:11Ada di cara

36:15Connect-nya misalnya

36:17Mau connect ke Cloudfair

36:19Saya

36:21Abstract sedikit jadi kelas-kelas-kelas

36:23Masing-masing kelasnya

36:25DNS-kelas, filter-kelas, firewall-kelas

36:27Dan

36:29Connect ke

36:31Cloudfair

36:33API

36:35API url ini

36:37Nanti sudah ada api.cloudfair

36:39Versi 3 kalau nggak salah

36:41/zone/zoneid/dnsrecord

36:43Kayak gitu

36:45Tinggal dia

36:47Di abstract disini

36:49Kalau

36:57Barang-barang dalamnya itu

36:59Saya pakai

37:01YARGS

37:03Ini aplikasi

37:05Tahun berapa?

37:07Tepak

37:09Tahun berapa nih? Lupa

37:11Soalnya ada yang nanya

37:13Ada alasan tersendiri ke kenapa nggak pakai

37:15TS?

37:17Udah 5 tahun yang lalu

37:195 tahun yang lalu TS belum populer ya

37:21Iya

37:23Dan saya bikin kan cepet aja

37:25Iya, iya, iya

37:27Kalau yang kayak gini-gini sih, nggak terlalu perlu

37:29Pakai live script juga ya

37:31Karena bentuknya

37:33Type nya teks

37:35Selalu teks ya

37:37Iya

37:39Nggak terlalu butuh

37:41Dan saya nggak pakai yang

37:43Saya bahkan kodenya

37:45Nggak pakai yang

37:47Kayaknya vanilla banget deh

37:49Ya mungkin IS

37:536 tahun kali ya, tapi

37:55Nggak terlalu

37:57Apa namanya?

37:59Nggak terlalu modern

38:01Modern lah

38:03Hanya menggunakan

38:05Sedekat mungkin dengan apa yang Node.js

38:07Bahkan ini kan support Node.js 10 kan

38:09Oh iya

38:11Node 10

38:13Sekarang aja udah Node 22

38:1524

38:1722 apa 24 ya

38:1922 kalau misalnya

38:21Sekarang

38:2324

38:25Ya kan setahun

38:27Ganjil genak tuh 2-5

38:29Tahun lalu ya bener

38:31Iya jadi

38:33Sedekat mungkin dengan

38:35Node.js nya

38:37Apa yang di support sama Node.js ya jaman itu

38:39Terminal shop, oh iya yang itu ya

38:45Si apa?

38:47Terminal shop ya

38:49Yang jualan kopi lewat SSI ya

38:55Cuma bentar

38:57Mumpung bahas ini nih

38:59Kalau bikin kayak gini, yang harus

39:01Kayak kuncian banget, Inquirer sih

39:03Coba buka Inquirer deh

39:05Ya Inquirer juga

39:09Pernah mau pakai

39:11Eh salah

39:13Apapun itu sih

39:17Nggak harus beneran bikin CLI app ya

39:19Ini kan topiknya

39:23Bikin design aplikasi CLI

39:25Oh kirain CLI design

39:27Di Google Docs nih

39:29Telusannya topiknya CLI design

39:31Kalau kita mendesain CLI experience

39:33Untuk nggak usah

39:35Bikin app CLI tapi bikin

39:37Framework atau library kan bisa ada

39:39Experience CLI nya kan

39:41Nah ini juga bisa kita pakai

39:43Karena enak sih ini, enak banget

39:45Apa ya itu

39:47Kita tinggal, kalau kita perlu input

39:49Dari user misalnya

39:51Mau install versi

39:53Vanilla JS atau TypeScript

39:55Atau mau pakai pilih

39:57Dependensi apapun

39:59Nah itu tuh

40:01Enak tuh pakai Inquirer

40:03Inquirer oke

40:09Tadi Charm udah dibahas belum? Charm itu apa?

40:11Belum

40:13Charm apa nih?

40:19Charm JS

40:21Oh Terminal

40:23Terminal Apps ya

40:25Oh yang AI juga ya

40:27Tapi girly banget ya

40:29Terus girly nya kayak anak kecil gitu loh

40:33Kayak anak kecil umur 8 tahun

40:35Ini aplikasi apa?

40:39AI bukan?

40:41New Coding

40:43Oh AI, sekarang lagi mungkin sih ya

40:45Cuma mungkin ini mungkin

40:47Seperti work

40:49Work sell

40:51Work bikin, rate cast juga bikin

40:53Ya jenay dan lain-lain juga

40:55Ya open

40:59Open code, cloud code

41:01Gitu-gitu ya model nya ya

41:03Oh tapi ini ada interface lainnya ya

41:05Wah ini full di terminal gitu

41:07Keren banget ya

41:09Mantap, mantap, mantap

41:15Charm

41:17Oke ya

41:19Itu contoh-contoh dari

41:21Aplikasi Terminal

41:23Sekarang kita masuk

41:25Ke pembahasan tentang bagaimana

41:27Mendesain CLI

41:29Jadi disini ada

41:31CLIG.DEV

41:33CLI Guidelines

41:37Ini salah satu

41:39Referensi yang

41:41Saya pakai juga waktu itu

41:43Kalau

41:45Teman-teman mau pakai

41:47Disini ada guideline nya

41:49Misalkan contohnya disini

41:51Ini guideline nya juga seperti CLI ya

41:53Iya

41:55Menyesuaikan ya

41:57Misalkan

41:59Bingung mau pakai library apa

42:01Disini ada dikasih pilihan

42:03Misalkan gue pakai Cobra

42:05Node pakai Ocliffe

42:07Kita gak ada yang pakai ya Ocliffe ya

42:09Coba lihat

42:11Open CLI Framework

42:13NPX Ocliffe Generate

42:15My New CLI

42:17Wah ini udah dibikinin ini ya

42:19Iya

42:21Ini kayak framework full

42:23Full framework ya

42:25Bukan library ya

42:27Kalau tadi kan kita pakai library ya

42:29Kalau beneran mau

42:31Buat aplikasi CLI ya

42:33Kayak tadi misalnya mau bikin LazyGit

42:35Atau semacamnya

42:37Kalau yang simple-simple kayak generator

42:39Ya itu tadi pakai Enquirer juga

42:41Sebetulnya udah cukup sih

42:43Ini ada

42:45Project Generator nya

42:47Terus udah

42:49Disiapkan end point-end point nya

42:51Setara

42:53RGS gitu ya

42:55Atau RGS itu justru

42:57Hanya library aja sebenarnya ya

42:59RGS

43:01Itu library sih

43:03Kayaknya

43:05Ya itu kayak Enquirer sih

43:07Terima input

43:09Helper aja sebenarnya

43:11Ada list atau checkbox

43:13Jadi ya kalau cuma mau

43:15Generate yang simple-simple cukup

43:17Kalau mau beneran bikin

43:19CLI App ya keliatannya

43:21Kayaknya di sini ya

43:23Namun misalnya

43:25Bisa merekomendasikan

43:27Ke temen-temen kalau misalnya

43:29Masa nya sering pakai

43:31Tools-tools tertentu

43:33Atau sering pakai API tertentu

43:35Mungkin bisa liat postman-post

43:37Atau postman atau post

43:39Yang lain

43:41Apa yang API yang sering di hit

43:43Ya bikin aja CLI nya

43:45Jadi

43:47Lebih mempermudah hidup

43:49Sebenarnya

43:51Sekarang udah pakai Raycast

43:53Oh Raycast

43:55Ya ini lengkap sih

43:57Jadi ada CLI Generator

43:59Ada testing nya

44:01Ada plugin nya juga

44:03Jadi ada banyak ya

44:05Dan ada TypeScript atau tidak

44:09Enggak perlu

44:11Kalau bikin TypeScript

44:13Dan ada autocomplete

44:15Menarik ya

44:19Sekarang terminal

44:21Bisa ada autocomplete

44:23Oke kita balik lagi ya itu node

44:25Ada dev-x nya

44:27Ya itu kayak work sih

44:29Kalau kayak di mainstream

44:31Memlopori

44:33Ya mungkin bukan yang pertama

44:35Tapi yang kayak

44:37Sekarang semua jadi code gitu itu work kan

44:39Work CLI

44:41Nah

44:43Gaitan pertama adalah

44:45Kalau mau bikin CLI

44:47Bikin yang help

44:49Meses nya dulu

44:51Sekalian mendesign kan

44:53Sekalian mendesign

44:55Kita mau manggilnya kayak gimana

44:57Itu yang paling

44:59Ngomong tuh kayak contohnya JQ

45:01JQ ini adalah json processor

45:03Kayak jquery tapi

45:05Bukan jquery ya

45:07Bukan json untuk

45:09Json query

45:11Memparsi json

45:13Ya bisa ngambil apapun

45:15Di json

45:17Ya buat query kan

45:19Query json kan

45:21Pencarian di dalam json gitu

45:23Ini kalau kita ketik

45:25GQ yang muncul adalah helper nya

45:29Bentuknya kayak gini

45:31Terus bisa

45:33Pake -h atau double double

45:35Double minus minus

45:37Double minus minus double minus

45:39Help

45:41Terus ada

45:43Comment sub comment gitu ya

45:45Jadi

45:47Dedesign nya seperti itu dulu

45:49Nah yang ini gue bingung nih kadang

45:51Kalau ada yang suka

45:53Ada yang suka pake

45:55Help tu sub comment nya apa

45:57Kalau saya sukanya

45:59Sub comment nya

46:01Terus help

46:03Langsung help

46:05Misalnya lagi pake ini

46:07Wp post list

46:09Tapi pakenya gimana ya

46:11Terus minus minus help ditambahin

46:13Jadi bisa langsung lihat comment nya

46:15Untuk masing-masing comment ya

46:17Iya per sub comment

46:19Per sub comment

46:21Di IRGS atau tempat saya

46:23Sudah bisa tuh per sub comment

46:25Nah bukan, maksudnya di sini

46:27Strukturnya ada aplikasi

46:29Yang

46:31Minus minus help tuh gak bisa

46:33Tapi dia pakenya

46:37Ya itu kayak my app

46:39Help sub comment

46:41Jadi apapun yang setelah help itu

46:43Khusus untuk help

46:45Kebalik ya

46:47Sub comment itu

46:49Dan kan sub comment itu bisa sampai 3 level

46:55Iya suka-suka kita sih sebenernya

46:57Iya

46:59Bebas saja sebenernya

47:01Tergantung desain nya, tapi kan

47:03Best practice nya kan kalau bisa jangan banyak-banyak

47:05Comment itu

47:07Terus misalkan

47:11Tapi kan emang comment nya sebenernya cuma satu kan

47:13Help, tapi

47:15Cuma perkara dipisah atau

47:17Dijadiin satu index gitu aja kan

47:19Ini contohnya git

47:23Di kompleks lagi ya

47:25Ada banyak nih

47:27Terus comment nya juga

47:29Ada banyak

47:31Jadi sebetulnya kalau apa

47:37Ngedesain arsitektur

47:39Atau apa, ya desain-desain

47:41CLI app ini kan

47:43Ibaratnya kalau kita ngoding

47:45JavaScript atau semacamnya kita mikir

47:47Suatu class

47:49Atau mungkin suatu function, metode-metode nya

47:51Sebenernya kalau di mikir itu kayak metode kan ya

47:53Comment itu kayak metode kan

47:55Kita harus mikir

47:57As a user

47:59Kita harus bisa melakukan

48:01Harus bisa melakukan ini, ini, ini

48:03Nah kalau git kan berarti harus

48:05Git add, git commit

48:07Git merge, dll

48:09Behaviour nya gimana

48:11Parameter nya, apa argumen-argumennya

48:13Apa aja, mana yang

48:15Harus ada, mana yang opsional

48:17Sama ada satu lagi

48:19Yang penting juga

48:21Silent atau

48:23Mau dikasih output

48:25Kayak

48:27Verbose atau

48:29Verbosity level

48:31Itu satu, kedua ada yang

48:35Quiet, quiet, quiet

48:37Quiet aja gitu cuman, jadi kita bisa

48:39Chaining ke

48:41Bukan, bisa chaining ke

48:43Aplikasi lain

48:45Itu yang tadi pakai pipeline

48:47Yang pakai

48:49Apalah namanya itu

48:51Yang dari satu namanya pipeline

48:53Kalau kita mau ngepipe ke tempat

48:55Lain, kalau output nya ada banyak, ok

48:57Message successful gitu kan

48:59Atau

49:01Comment executed successfully

49:03Kalau kita kasih

49:05Apa namanya

49:07Success message

49:09Tentu waktu di pipeline

49:11Ke tempat lain

49:13Kan rusak pipeline nya

49:15Jadi

49:17Bisa

49:19Kasih opsi kayak quiet

49:21Atau silent

49:23Atau no verbose

49:25Jadi bisa

49:27Output nya aja yang di

49:29Kayak git push

49:31Enumerating objects, blablabla

49:33Kan banyak banget ini isinya

49:35Sandanya ini, kita hanya pengen

49:37Let's say

49:39Ini hanya pengen ngambil

49:41Total delta nya aja

49:43Kalau kita pipeline kan bisa

49:45Contohnya

49:47Jadi waktu kita

49:49Ngedesign

49:51CLI comment nya kita

49:53Kita pikirin gitu juga

49:55Kalau seandainya kita mau pipeline

49:57Ke tempat lain bisa gak

49:59Contohnya ya jq

50:01Grab

50:03Eh grabnya gak

50:05Tapi jq biasanya bisa

50:07Atau

50:09Yang

50:11Apa namanya hal-hal yang lain

50:13Apa ya

50:15Rates CSV

50:19Dan ini disini saya baru

50:25Baru nyadar kalau ternyata

50:27Beberapa CLI itu ada

50:29Ngirimin data analytics ya

50:31Kayak angular

50:33Itu umum sih

50:35Gue taunya kalau install framework

50:37Itu hampir pasti ada

50:39Itu sesuai yang ditulis di situ

50:41Keliatannya best practice nya emang

50:43By default gak, karena kalau by default

50:45Collected statistic kayaknya

50:47Banyak yang marah

50:49Iya

50:51Next.js ya

50:53Enabled by default

50:55Consider alternative to collecting analytics

50:59Instrument your web docs

51:01Instrument your download

51:03Talk to user

51:07Ok

51:09Nextnya

51:11Ini ada design principle

51:13Untuk CLI dari Atlassian

51:15Atlassian punya

51:17CLI app gak

51:19Dia punya gak

51:23Banyak kali ya

51:25Banyak ya

51:27Apa lah Atlassian kan Jira

51:29Jira di bucket

51:31Jira bukan GitLab, Bitbucket

51:33Bitbucket oh ya

51:35Jira emang ada CLI nya

51:37Gak ada kan

51:39Mungkin suatu saat nanti teman yang di sini

51:43Bikin Jira CLI

51:45Mungkin ada yang unofficial

51:49Capek banget di tiket Jira tuh

51:51Nah Heroku juga

51:53Bagus nih, tapi kita bahas ini dulu ya

51:55Align with established convention

51:57CLI have pretty much been around since

51:59Down of the computer themself

52:01Ya itu tadi kayak Pascal

52:03Bikin nih Pascal

52:05Yang pasti ya

52:07Tetep ya, harus ada helpnya

52:09Yang kedua, show progress

52:11Visually, yang tadi kita bahas nih

52:13Progress nya harus ada

52:15Karena kita gak tahu

52:17Kecuali kalau kita memang request

52:19Quiet tadi ya, -Q misalkan

52:21Kita gak mau nih ada progress-progress

52:23Kayak gini, jadi ada pilihan

52:25Antara mau ngeliat

52:27Progress atau enggak

52:29Terus create a reaction for every action

52:33Ini prinsip kayak UI

52:35UI yang bukan terminal

52:37UI biasa kayak web UI atau UI lainnya

52:39Juga gitu kan, kalau di quit

52:41Submit, berubah jadi

52:43Login spinner atau apa

52:45Berarti ini berlaku juga buat CLI

52:47Craft human readable

52:49Error message, ini juga sama

52:51Di web juga begitu ya

52:53Jangan 404

52:55Error

52:59Errornya adalah error

53:01Support your

53:03Scheme reader

53:05Scheme reader itu apa?

53:07Jadi gak baca semua ya

53:09Gak baca cepet-cepet

53:11Scheming

53:13Benar juga sih, ya itu tadi karena

53:15Sebagian besar

53:17Sebagian besar, kalau kita sehari-hari

53:19Kita ada aktivitas AIN

53:21CLI

53:23Interaksi dengan CLI itu kan kayak cuma

53:25Buat ngerjain sesuatu yang

53:27Practical kan, ya itu kayak tadi

53:29Initiate new project lah

53:31Install suatu

53:33Library itu kan

53:35Kita buru-buru

53:37Atau get push atau apa

53:39Jadi kita gak beneran fokus di CLI

53:41General rule of thumb

53:43We follow was

53:45To keep any instructions

53:47Accompanying the CLI comment

53:49To no more than 3

53:51Sentence, 3 kalimat ya

53:53Atau 50-75

53:55Setiap para crowd, jadi jangan banyak-banyak

53:57Dipecah-pecah kan

53:59Berarti

54:01Di potong jadi beberapa step

54:03Kalau segitu konteksnya, butuh 1 paragraf

54:05Eh, tunggu-tunggu

54:07Dulu ada web browser

54:09Yang dari CLI kan

54:11Ada, links

54:13Masih pada pake gak?

54:15Enggak lah

54:17Kecuali terpaksa

54:19Kayak kemarin yang masalah

54:21SSL, masalah

54:23HTTPS sama HTTPS

54:25Modern browser gak bisa

54:27Harus HTTPS

54:29Itu pake akhirnya

54:31Cuma mau coba doang

54:35Suggest the next best step

54:37Jadi setelah login, harus ngapain lagi

54:41No, try force create

54:43Intinya jangan ngebingungin customer

54:47Nah, karena keterbatasan CLI kan

54:51Kalau UI yang

54:53Web atau native app

54:55Kan misalnya bisa ada

54:57Table of contents di kanan

54:59Bisa ada navigation menu

55:01Atau hamburger menu

55:03Ada banyak opsi

55:05Buat next step

55:07User mikir sendiri next stepnya apa

55:09Nah, kalau ini kan gak bisa kan gak ada

55:11Jadi kayak harus di-suggest

55:13Verbally pake text

55:15Consider your option

55:21When user run comment in your CLI

55:23They likely need to

55:25Also pass in some option

55:27To execute the comment

55:29Tambahkan flag ya

55:31Kecil banget nih

55:35Intinya argument-argumentnya

55:39Argument-argumentnya atau pilihan

55:41Pilihannya juga

55:43Ada yang bisa milih satu doang

55:45Kayak gini itu

55:47Ada yang bisa multiple choice

55:51Kalo pake inquirer

55:53Itu udah disediain tuh

55:55Kalo checkbox bentuknya

55:57Kayak checkbox gitu

55:59Jadi kalau user ngeklik spasi

56:01Itu jadi ke feel

56:03Kayak warna-warnanya

56:05Juga udah beda

56:07Jadi secara visual

56:09Ngebantu

56:11Tapi sebaiknya juga ditambahkan helper

56:13Kayak kasih tau user

56:15Bahwa ini adalah pilihan berganda

56:17Bisa pilih lebih dari satu

56:19Tapi kita nggak ngek

56:21Karena asumsi nya kalau aplikasi terminal

56:23Pilihannya satu

56:25Padahal sebenernya bisa pake spasi

56:27Untuk milihnya pake spasi

56:29Kalau pake ya

56:31Mungkin yards atau

56:33Okliffe juga sama

56:35Itu nya lain

56:37Jadi kayak kalau cuma biskip satu

56:39Kandang lebih besar

56:41Kalo bisa banyak

56:43Itu bulet

56:47Saya baru baca ada short ctrl+c

56:49Ingat di terminal itu

56:51Kita harus

56:53Bisa juga

56:55Memfasilitasi

56:59Kalau misalnya user pencet ctrl+c

57:01Itu kan sigin ya

57:03Terminate

57:05Terminate

57:07Gitu ya bisa sigin

57:09Tadi kan ada tuh di guideline

57:11Yang dibuka sama mas Risa

57:15Ada perintahnya

57:17Handling itu nya

57:19Terminate nya gimana

57:21Gimana tuh

57:23Di sini ya basic ya

57:25Ada tadi

57:27Karena sigterm itu

57:29Sudah kayak the godfather

57:31Comment

57:33Kontrolnya pasti

57:35Pasti akan

57:37Dikirim sinyal terminate

57:39Ini adalah

57:43Option yang tidak

57:45Diikuti oleh film ya

57:47Easy way out

57:49Enggak dikasih ya

57:51Gampang sinyalnya

57:53Pada yang bingung pake film ya

57:55Kalau mau keluar dari film itu gue bingung

57:57Apa sih ctrl+x bukan

57:59Atau titik 2wq

58:01Wq

58:03Gak pake w

58:05W itu kan write

58:07Menulis di save

58:09Kalau mau q false ya

58:11Q pentung

58:13Kalau engga pencet ini aja

58:15Zz

58:17Kalau engga command way aja tutup tabnya

58:21Gak bisa lah

58:25Atau pencet power off aja

58:27Semua komputernya

58:29Tapi ada swp biasanya

58:31Begitu kita buka lagi ada sup file

58:33Swap

58:39Nah tuh tadi

58:41Kalau user ngeklik ctrl+c

58:43Itu ada contoh best practice nya

58:45Docker tadi

58:47Exit as soon as possible

58:49Terus say something immediately

58:51Before you start clean up

58:53Add a timeout

58:55Jadi biar gak nyangkut

58:57Kalau quitting docker compose

59:03Tulisannya

59:05Serba jelas lah

59:07Karena satu-satunya

59:09Cara kita nyampein

59:11Context apapun

59:13Ke user ya cuma lewat text

59:15Jadi kayak text nya harus

59:17To the point dan jelas

59:19Terus ini

59:25Best practice berikutnya adalah

59:27Flex over arts

59:29Jadi lebih bagus menggunakan flex

59:31Daripada menggunakan command atau arts ya

59:35Jadi kayak gini nih misalkan

59:37Force deploy production jira

59:39Contohnya

59:41Eh kok pencet

59:43Developers write

59:45Force deploy -- environment

59:47Production --

59:49Product jira

59:51Experience developer can also

59:53Use short

59:55Short turn version

59:57Force deploy -a production -p jira

59:59Jadi lebih bagus menggunakan

1:00:01Concept flagging ya

1:00:03Daripada langsung begini

1:00:05Menurut si

1:00:09Atlasian

1:00:11Betul saya lebih suka

1:00:17Titik 2 wq tapi gak ngerti maksudnya

1:00:21Iya

1:00:23Titik 2 w itu adalah

1:00:25Save, titik 2 q adalah quit

1:00:27Ya write ya save write ya

1:00:29Tulis file

1:00:31Kalau pengen belajar film

1:00:33Mulailah dari film tutor

1:00:35Karena sudah dia bawa

1:00:37Iya film tutor

1:00:39Iya tinggal ketika aja film tutor

1:00:41Pertama kali pakai film itu

1:00:43Menjelankan film tutor

1:00:45Dan baca film tutor nya

1:00:47Biasalah baca

1:00:49Dokumentasi ya

1:00:51Ada lagi ini ini

1:00:57Yang dulu saya gunakan sebagai

1:00:59Referensi utama adalah

1:01:01Video sebenarnya

1:01:03Video dari

1:01:05Mbak Amanda

1:01:07Dia

1:01:09Waktu itu kerja di github

1:01:11Ini dia

1:01:13Menceritakan bagaimana

1:01:15Dia mendesain CLI untuk

1:01:17Github CLI

1:01:19GH

1:01:21Ada yang pakai GH

1:01:23Sempat pakai

1:01:25GH repo create

1:01:27Gini loh

1:01:29GH repo create

1:01:31Kita buat repo

1:01:33Jadi gak perlu ke webnya

1:01:35Coba enter

1:01:37Create new repo

1:01:39Iya coba enter

1:01:41Udah ada repo nya

1:01:43Push existing local

1:01:45Github.com

1:01:47Jadi kita bisa push juga

1:01:49Atau kita bisa pakai GH

1:01:51Kalau gak salah GH

1:01:53PR ya

1:01:55GHPR list

1:01:57Iya

1:01:59Ini dia cerita

1:02:01Gimana prosesnya

1:02:03Sampai dia kasih liat

1:02:05Sekarang sih udah gak ada dokumennya ya

1:02:07Dulu saya pakai

1:02:09Dokumen apa template

1:02:11Dokumennya dari dia

1:02:13Ada google docs kalau gak salah

1:02:15Nah ini nih dia kasih itu

1:02:17Jadi desainnya cara desainnya

1:02:19Gini

1:02:21Biar mendekati seperti terminal

1:02:23Jadi dibikin themes nya

1:02:25Udah gak ada

1:02:27Jadi temen-temen bisa nonton

1:02:31Ini lengkap ya

1:02:33Bahas film, iya bahas sedikit-dikit

1:02:35Film kan juga CLI

1:02:37Apps kan

1:02:39Justru salah satu CLI

1:02:41App yang paling banyak dipakai itu

1:02:43Kadang-kadang terpaksa ya kalau

1:02:47Di server

1:02:49Enggak

1:02:51Entara pakai nano atau theme kan pilihannya

1:02:53Ya jadi saya dulu waktu

1:02:57Coba mendesain karena kan

1:02:59Waktu dapet tugas itu

1:03:01Dapat project itu

1:03:03Belum pernah sama sekali jadi harus banyak

1:03:05Nonton dan membaca

1:03:07Teringatnya ada

1:03:11Ada course

1:03:13CLI kah

1:03:15Di Hektivate

1:03:17Enggak ini bukan project Hektivate

1:03:21Iya

1:03:23Terus ada ini juga

1:03:27Best practice dari Evel Marcian

1:03:29Evel Marcian

1:03:31Ini

1:03:33Yang pertama AFOI still silent treatment

1:03:37Ya sama kan

1:03:39Yang tadi juga disuruhin

1:03:41Comunicate progress

1:03:43Karena bingung kalau misalnya

1:03:47Kosong doang ini jalan atau enggak

1:03:49Ya nggak ada itu

1:03:51Ya nggak ada feedback ya

1:03:53Jadi jangan sampai

1:03:55User-nya dibiarkan diem kayak gini aja

1:03:57Spinner for when you are in the dark

1:04:01Sebaiknya pakai spinner ya

1:04:05Pro itu

1:04:07Ya tetap aja harus

1:04:09Dikomunikasiin kan saving config file

1:04:11Terus berikutnya

1:04:19Oh dia

1:04:21Dia kasih detail ya

1:04:23Ada braille alphabet karakter

1:04:25Untuk meniru

1:04:31Spinner

1:04:33Spinner-nya ya

1:04:35Kalau saya tepat ada

1:04:37Di JS itu sudah ada spinner

1:04:39Saya pakai spinner JS kalau misalnya

1:04:41Ada banyak sih

1:04:43Kalau spinner

1:04:47Ya ada banyak

1:04:49Nextnya

1:04:51The X of Y pattern

1:04:53Ideal when you have data

1:04:55Kalau misalkan download atau

1:04:57Progress ya

1:04:59Sebaiknya menggunakan angka

1:05:01Terus apa lagi nih

1:05:05Oh ini pakai Go ya Go library namanya

1:05:07UI live

1:05:09Progress bar

1:05:11For multiple simultaneous

1:05:13Process

1:05:15Ini

1:05:17Di Docker sering ya

1:05:19Di Docker ada ya

1:05:21Docker juga salah satu

1:05:23Siala yang bagus sih

1:05:25Yang bisa dicontoh

1:05:27Terus apa lagi

1:05:29Ini

1:05:31Keren banget

1:05:33Keep the lock clean

1:05:35Yang warna-warni gradient gitu

1:05:37Udah ada library-nya juga deh

1:05:39Yang dipakai sama Astro

1:05:41Astro juga gitu

1:05:43Betul

1:05:45Sama satu lagi

1:05:47Mana yang saya mau lihatin ya

1:05:49Nah terus

1:05:51Tools-nya sekarang kan tadi

1:05:53Udah apa namanya

1:05:55Udah best practice

1:05:57Ada lagi gak topik best practice

1:05:59Sebelum kita beranjak

1:06:01Lanjut

1:06:03Lanjut ya

1:06:05Oke

1:06:07Tadi ada komen kayaknya

1:06:09Apalagi sekarang banyak saya line-up integrate

1:06:11Tadi kita udah bahas ini di awal ya

1:06:13Justru AI

1:06:15Kayak topik lain lagi

1:06:17Kalau menurut

1:06:19Ya misalnya topik diskusi yang

1:06:21Terpisah dari best practice sih

1:06:23Karena menurut

1:06:25Menurut gue sekarang

1:06:27Kayak apa ya

1:06:29AI nubah banget

1:06:31Cara orang pakai

1:06:33Cara developer pakai

1:06:35CLA app atau terminal kan

1:06:37Dan ini juga kayaknya kasus

1:06:39Yang sekali satu bikin

1:06:41Terus hype

1:06:43Semua ngikut kayak

1:06:45Apa ya dari work

1:06:47Terminal abis itu

1:06:49Cursor juga bikin CLI

1:06:51Cursor bikin

1:06:53Co-pilot bikin

1:06:55Gemini kan Gemini CLI

1:06:57Gemini, Quen

1:06:59Yang dari Amazon itu Kiro

1:07:01Kiro gak ada CLI-nya

1:07:03Amazon Q

1:07:05Amazon Q

1:07:07Ada CLI-nya

1:07:09Kiro VSCode

1:07:11ROO ya

1:07:13ROO itu

1:07:15ROO code itu

1:07:17Mungkin ada terminal

1:07:19Semacam itu lah

1:07:21Yang di terminal semua

1:07:23Dan sampai ada joke-nya nih

1:07:25Bentar, link yang programmer

1:07:27Memes

1:07:29Sampe ada

1:07:31Coba di

1:07:33Intinya adalah

1:07:35CLA app itu

1:07:37Ini ya

1:07:39hype kembali ya

1:07:41Iya, tapi maksudnya cara

1:07:43Cara pakenya juga jadi berubah gitu

1:07:45Kalo dulu kita kan

1:07:47Kita napalin command ya

1:07:49ls -la

1:07:51Atau ls aja

1:07:53Sekarang karena

1:07:55Semua pake natural language juga

1:07:57Udah pake AI

1:07:59Show me the contents of the folder

1:08:01Iya, sometimes

1:08:03Work itu kan saya pake work

1:08:05Kadang dia suka ini sendiri

1:08:07Saya udah type commandnya dengan bener

1:08:09Trus dia suka

1:08:11Agent nya jalan sendiri

1:08:13Apa sih gitu

1:08:15Saya harus ubah dia ke terminal mode

1:08:17Paksa ke terminal mode

1:08:21Gak butuh gitu kan

1:08:23Gue tau apa yang di jalanin

1:08:25Microsoft Edit udah coba

1:08:29Udah yang jaman dulu, yang jaman sekarang

1:08:31Microsoft Edit bikin lagi ya

1:08:33Microsoft Edit

1:08:37Jadi ceritanya itu

1:08:39Jaman dulu tuh ada yang namanya

1:08:41Applikasi

1:08:43Di terminal namanya Edit

1:08:45Kalau di Microsoft, di Windows

1:08:47Dulu kan

1:08:49Terus

1:08:51Tujuannya adalah

1:08:53Buat edit-edit file di terminal

1:08:55Karena kan dulu

1:08:57Terutama di jamannya DOS sebelum Windows kan

1:08:59Itu kan banyak kan di

1:09:01CLI juga kan

1:09:03Sekarang Microsoft bikin

1:09:05Lagi dari awal

1:09:07Pake RAS

1:09:09Bener kan? Pake RAS

1:09:11Semua tergasti

1:09:13Pada waktunya

1:09:15Dia kan punya

1:09:17Product WSL kan

1:09:19Windows Subsystem Linux

1:09:21Yang biasanya dioperasikan

1:09:23Menggunakan terminal

1:09:25Tapi editor nya kan dia gak punya

1:09:27Mungkin

1:09:29Ini kayak nostalgia aja sih

1:09:31Sebenernya

1:09:33Nggak ada, nggak lengkap

1:09:35Nggak ada

1:09:37Syntax

1:09:39Highlighting nya nggak ada

1:09:41Cuma plain text aja kayak notepad

1:09:43Tapi di terminal lah

1:09:45Ini semua kayak happy-happy aja dong ini

1:09:47Maybe, I don't know

1:09:49Kan tadi

1:09:51Motivasinya adalah

1:09:53Pengguna Windows yang

1:09:55Developer itu kan ada

1:09:57WSL yang banyak

1:09:59Bekerja di terminal

1:10:01Dan di terminalnya Windows

1:10:03Itu belum ada editor

1:10:05Yang terminal-based

1:10:07Gitu aja

1:10:09Keduanya itu

1:10:11G-edit kan ada

1:10:13Gnu edit kan ada

1:10:15Itu kan

1:10:17Kalau udah di Linux-nya

1:10:19Kalau di Windows-nya

1:10:21Kalau sebelum masuk Windows

1:10:23Kan di Windows-nya

1:10:25Pake apa?

1:10:27Notepad.exe

1:10:29Kebuka WI-nya

1:10:31Pake vim bisa

1:10:33Tapi kan bukan produknya Microsoft

1:10:35Harus di install dulu kan

1:10:37Notepad plus-plus

1:10:39Notepad kan ada notepad

1:10:41Ada notepad

1:10:43Cuma kan GUI bukan

1:10:45Terminal

1:10:47Anyway

1:10:49Ini tadi udah ya

1:10:51Locklink juga udah

1:10:53Ada lagi nggak? Masih banyak ternyata ya

1:10:55Nah ini yang saya maksud

1:10:57Tadi keep the locklink supaya

1:10:59Bisa input via the pipe operator

1:11:01Pipe operator

1:11:03Iya jangan lupakan ya

1:11:05Kalau Linux-based itu

1:11:07Kita bisa chaining dari satu comment

1:11:09Ke comment berikutnya

1:11:11Jadi pastikan kalau bikin CLI

1:11:13Bisa hasilnya itu

1:11:15Bisa dilempar ke aplikasi yang lain

1:11:19Comments selanjutnya

1:11:21Oke

1:11:23Terakhir

1:11:25Ini ada beberapa library

1:11:27Ini library sebenernya

1:11:29Karena lucu aja

1:11:31Karena ada nama library yang lucu

1:11:33Namanya adalah Ratatouille

1:11:35Oh karena Touille ya ampun

1:11:37Tapi sebenernya bukan gitu

1:11:41Turusan Ratatouille

1:11:43Ya nggak ini kan playsetan

1:11:45Playsetan

1:11:47Ini pakai Bas kan

1:11:49Iya

1:11:51Jadi ini adalah library atau

1:11:53Frameworknya ya

1:11:55Terus yang kedua ada

1:11:57Mana tadi? Panjang banget

1:11:59Hah

1:12:01Oh karena

1:12:03Terima kasih ya namanya

1:12:05Namanya lucu lucu ya

1:12:09Ini pasti yang bikin karena

1:12:13Package namenya lagi free

1:12:15Ada yang pake bikin dulu

1:12:17Terus ya udah random bikin

1:12:19Yang ketiga bubble tea

1:12:21Oh bubble tea

1:12:23Gua juga ya

1:12:25Gua library

1:12:27Cara pakenya gimana

1:12:29Oh pake switch ya

1:12:33Pake switch

1:12:35Berikutnya

1:12:37Gum, gum ini apa?

1:12:39Dari mana?

1:12:43Shellscript

1:12:45Shellscript

1:12:47Bas berarti ya

1:12:49Bas ya

1:12:51Textual

1:12:55Tau nggak sih kita main

1:12:57Itu bacanya

1:12:59Apa sih itu yang crash

1:13:01Crash pentung

1:13:03Tau nggak apa bacanya

1:13:05Hash bang

1:13:07Hah?

1:13:09Hash bang

1:13:11She bang

1:13:13She bang oh she bang

1:13:15Kok jadi she?

1:13:17I don't know why

1:13:19SH kali SH bang

1:13:21Oh iya she bang

1:13:23Hash SH

1:13:25Kadang

1:13:27Ada dulu yang

1:13:29Temen kayak

1:13:31She bang

1:13:33Bukan

1:13:35She bangnya itu salah

1:13:37Dia bilang ngasih taunya she bangnya salah

1:13:39She bang she bang

1:13:41Akhirnya ceritau

1:13:43Oh maksudnya headernya

1:13:45Ya

1:13:47Next ada textual, python

1:13:49Ini sama ya kurang lebih ya

1:13:51Model-modelnya mirip-mirip

1:13:53Ada lagi nggak? Ink

1:13:55JavaScript ya

1:13:57Ini mirip seperti react, bener nggak?

1:13:59Ink

1:14:01Emang react

1:14:03Emang react, bukan mirip

1:14:05Sorry, sorry, salah

1:14:07Jadi kita pakai

1:14:09React untuk

1:14:11Terminal

1:14:13Ini

1:14:15Ini agak

1:14:17Agak sulit dinalar bener memproses dulu

1:14:19Why?

1:14:21Ya oke sih tapi

1:14:23Why?

1:14:25Why?

1:14:27Sama aja kayak react native

1:14:29Kalau mau diatur

1:14:31Mau di center kah

1:14:33Di kiri, di kanan, kayaknya di web itu udah paling

1:14:35Optimal menurut

1:14:37Tapi kan gak ada

1:14:39Gak ada ininya kan

1:14:41Apa yang mau dibikin reaktif?

1:14:43Kalau di sialan

1:14:45Kan react itu bukan artinya reaktif

1:14:47Ya tetap

1:14:49Namun kan dia kan proses

1:14:51Ria itu kan proses untuk ininya

1:14:53Untuk reaktif

1:14:55Ini dia cuma pakai react UI-nya doang

1:14:57Kayak use effect gitu-gitu kan

1:14:59Gak ada kan

1:15:01Gak ada kan

1:15:03Ini ini reaktifnya doang

1:15:05Life cycle nya si react

1:15:07Sekarang pakai life cycle nya reaktif

1:15:09Markup nya doang

1:15:11JSX, sebenernya butuhnya

1:15:13JSX, iya boleh sih

1:15:15Tapi ya

1:15:17Ini upgrade nya punya si reaktif kan

1:15:19Ini tadi enquire, iya punya EKA

1:15:21Enquire

1:15:23Tadi udah

1:15:25Punya EKA

1:15:27Rekomendasi EKA

1:15:29Punya CHAM, yang mana yang punya CHAM?

1:15:31UI bukan?

1:15:33CHAM bikinnya pakai

1:15:35Bubble Tea

1:15:37Oh Bubble Tea, oh iya namanya ya

1:15:39Dari namanya ya

1:15:41Ya kayaknya kalau namanya

1:15:43Yang mirip sama brandingnya

1:15:45CHAM tadi

1:15:47Atau GAM, enggak ya

1:15:49Coba tolong

1:15:51Dikonfirmasi ulang

1:15:53Seru juga ya CLI-T ya

1:15:57Banyak yang bisa dikulik

1:15:59Gak, dia nggak bosenin

1:16:01Dia web mulu

1:16:03Gimana how to center

1:16:05Beef

1:16:07Oh, saya ada satu

1:16:15Case yang di CLI itu

1:16:17Cukup memakan waktu, yaitu

1:16:19Bagaimana memikirkan

1:16:21Ukuran

1:16:23Ininya

1:16:25Layarnya

1:16:27Karena harus kapan dipotong

1:16:29Textnya

1:16:31Itu juga perlu

1:16:33Ada standardnya nggak sih?

1:16:35Kalau pre-tier

1:16:37Lain panjangnya

1:16:39Kayak ada yang default

1:16:41Berarti itu bisa disimpulin rata-rata

1:16:43Rata-rata, developer

1:16:45Bergantung user

1:16:47Bergantung datanya juga, sebanyak apa

1:16:49Kalau datanya banyak

1:16:51Jadi kalau dikecilin

1:16:55Besarin

1:16:57Harus bikin responsif juga

1:16:59Apalagi kalau kita mau nampilkan dalam bentuk table

1:17:01Terus kita kan supaya

1:17:03Table-nya itu bisa rapi

1:17:05Kan kita harus padding-padding space-space itu

1:17:07Supaya rapi garisnya

1:17:09Nah itu perlu dipikirkan

1:17:11Mungkin kalau ngulik

1:17:15Atau kita pake framework kayak

1:17:17Oclift tadi kayaknya mestinya udah ada ya

1:17:19Maksudnya itu kan hal yang

1:17:21Sudah ada library-nya

1:17:23Yang punya use case kayak gitu

1:17:25Jadi some-where pasti udah

1:17:27Ada sensible default-nya yang bisa kita ikutin

1:17:29Cukup?

1:17:35Kalau cukup

1:17:37Kita bahas

1:17:39Topik minggu depan

1:17:41Voting?

1:17:43Voting-nya?

1:17:45Kita udah jadi diktator minggu lalu

1:17:47Sekarang voti-voti

1:17:49Hektoberfest nih sekarang

1:17:51Hektoberfest ya

1:17:53Oh bentar sambil promosiin

1:17:55Itu form buat cerita horror

1:17:57Oh iya benar, bentar

1:17:59Ada ada ada

1:18:01Nanti edisi Halloween

1:18:03Kita mau bikin

1:18:05Edisi cerita horror

1:18:07Nah kalau misalnya temen-temen

1:18:09Ada cerita serem, cerita mengerikan

1:18:11Cerita serem yang bisa di-share

1:18:13Terkait development

1:18:15Bisa posting di

1:18:17GitHub discussion

1:18:19Kalau

1:18:21Gak mau

1:18:23Rizafami.com/horror

1:18:25Rizafami.com/horror

1:18:27Gak cocok ya

1:18:29Form kali ya

1:18:31Gak apa-apa, horror aja

1:18:33Google form kok, Google form

1:18:41Ngeobrol.in

1:18:43Web horror

1:18:45Oh iya bisa-bisa

1:18:47Nama, boleh diisi nama samaran

1:18:49Diisi aja, ini wajib tapi

1:18:51Eh ini gak wajib sih ya

1:18:53Mawar, bukan nama

1:18:55Bukannya dari icon itu

1:18:57Bisa kan biar gak harus login

1:18:59Gak harus login ya

1:19:01Gak perlu login

1:19:03Asci art

1:19:05Ya asci art juga sering ngepakai

1:19:07Cerita serem dulu

1:19:09Oh jangan

1:19:11Itu cerita sedih bukan serem

1:19:13Cerita sedih

1:19:17Tapi buat keluarga

1:19:19Serem sih

1:19:21Buat anak istri sih

1:19:23Serem ya

1:19:25Jadi cerita apa ya

1:19:27Cerita horror itu

1:19:29Lebih ke

1:19:31Kayak gak senang aja ngapus

1:19:33Nge-drop DB production

1:19:35Oh iya pokoknya yang serem

1:19:37Nah abis itu segualnya

1:19:39Cerita sedih

1:19:41Terlalu sedih, gara-gara nge-drop

1:19:43DB production

1:19:45Waduh

1:19:47Bahaya ya

1:19:49Ini agak sensitif kalo layoff itu ya

1:19:51Iya jangan

1:19:53Yang terkait

1:19:55Weapon development

1:19:57Kalo sekarang temen-temen

1:19:59Dilinkin tuh banyak yang kayak

1:20:01Apa namanya

1:20:03Vibe coding clean up, apa cleaner

1:20:05Vibe coding cleaner gitu ya

1:20:07Genitor, vibe coding janitor misalnya

1:20:09Ya ya ya

1:20:11Ternyata sekarang udah banyak

1:20:13Ternyata

1:20:15Kalo Ivan dulu

1:20:17Saya dulu

1:20:19Sering jadi pria panggilan

1:20:21Untuk

1:20:23Bersihin malicious

1:20:25Attack kayak

1:20:27Di WordPress misalnya kena hack

1:20:29Nggak, WordPressnya kena hack

1:20:31Saya yang bersihin

1:20:33Atau

1:20:35Sysadminnya gak sengaja

1:20:37Rm in Rf

1:20:39Route

1:20:41Waduh

1:20:43Waduh

1:20:45Dan itu biasanya di WHM

1:20:47WHM

1:20:49WHM itu apa?

1:20:51Kalo si panel atasnya kan WHM

1:20:53Si panel kan panel accountnya

1:20:55Atasnya kan WHM

1:20:57Webhost manager

1:20:59Si panel kan si panel

1:21:01Si panel yang untuk route-nya

1:21:03Saya pria

1:21:05Panggilan untuk membereskan

1:21:07Hal-hal seperti itu

1:21:09Dan

1:21:11Ya

1:21:13Jadi boleh ya kalo temen-temen punya

1:21:15Cerita-cerita yang bisa di share

1:21:17Tapi hati-hati juga

1:21:19Kalo misalkan di kantornya saat ini

1:21:21Mungkin disamarkan aja

1:21:23Nama kantornya atau nama projeknya

1:21:25Atau

1:21:27Kalo gak boleh di share ya

1:21:29Disamarkan aja

1:21:31Ya syaratnya harus cerita sendiri

1:21:33Biar seru

1:21:35Gak boleh cerita orang ya

1:21:37Ya kalo cerita orang

1:21:39Nonton di youtube kan gak asik

1:21:41Ya kan

1:21:45Atau kerangan sendiri juga

1:21:47Boleh, hayalan sendiri juga boleh

1:21:49Yang penting bukan cerita orang

1:21:51Misalnya kalo punya

1:21:53Hayalan sendiri gak boleh

1:21:55Kan jadinya

1:21:59Jadi novelist gitu ceritanya

1:22:01Misalnya

1:22:07Ini

1:22:09Saya mau ngetes

1:22:15Cerita horor

1:22:17Kapan

1:22:19Hei seram

1:22:25Halo

1:22:29Selamat malam

1:22:31Itu dong

1:22:33Serbeneran ya

1:22:35Terima kasih

1:22:37Jadi seram beneran

1:22:39Oke

1:22:41Kita mau bahas apa minggu depan

1:22:43Temen-temen boleh ini dulu

1:22:45Mungkin lagi ngisi form ya

1:22:47Boleh kita

1:22:49Pilih-pilih

1:22:51Topik buat minggu depan

1:22:53Mau bahas framework-nya

1:22:55Atau yang lain

1:23:01Framework kita punya

1:23:03Ionik yang udah lama

1:23:05Disubmit tapi gak dibahas-bahas

1:23:07Kita gak punya

1:23:09Orang yang pake ionik sih ya

1:23:11Jadi bingung ya

1:23:13Dulu ada yang ngusulin ionik

1:23:15Itu siapa sih

1:23:17Bahayu ini pasti

1:23:19Ada yang

1:23:21Ya coba kita

1:23:23Dia pake atau gak

1:23:25Terus suruh jadi narasumber

1:23:27Wah ini ada tambahan lagi nih

1:23:29Nah itu semua yang jawab

1:23:31Oke oke

1:23:33Nanti kita coba

1:23:35Contact ya

1:23:37Bahas bikin add-ins di Microsoft

1:23:39Office

1:23:41Emang bisa

1:23:43Kita baru tau

1:23:45Microsoft office

1:23:47Oh office yang itu ya

1:23:49Yang cloud ya

1:23:51Yang web ya

1:23:53360

1:23:55360

1:23:57Oh itu 360 ya

1:23:59Bukan 365 ya

1:24:01360

1:24:03Kayaknya bukan 365

1:24:055 harinya ribu

1:24:07Itu bukan hari

1:24:09Itu derajat kali

1:24:11365 hari

1:24:13Salah salah

1:24:15365 bener bener

1:24:17365

1:24:19Kalau 360 derajat

1:24:21Puter balik lagi dong

1:24:23Ya gue yang salah

1:24:25Bahas reporting

1:24:27Apa lagi yang menarik ya

1:24:29Developer well being

1:24:31Crystal report

1:24:33Kan reporting tadi kan

1:24:35Iya iya iya

1:24:37Kayaknya developer well being asik deh

1:24:39Kalau mau bahas non-technis

1:24:41Kapan-kapan kita bisa coba

1:24:43Oh non-technis lah ya

1:24:45Minggu depan non-technis mau gak temen-temen

1:24:47Oh kita bikin

1:24:49Ini iya iya

1:24:51Coba yang lain dulu

1:24:53Kita apa namanya

1:24:55Voting ya

1:24:57Apa

1:24:59World being

1:25:01Saran dari 333

1:25:03333

1:25:05Work life balance

1:25:07Bagaimana jarak

1:25:11Beda buku

1:25:13Oh beda buku ini

1:25:17Terlalu tebal mindset buku mindset

1:25:19Gak cukup seminggu

1:25:25Beda

1:25:27CSS unit

1:25:29Beda rumah

1:25:31Cuma bisa lama

1:25:33CSS unit ya bisa bisa

1:25:35Kita selalu lama

1:25:37Estimasi

1:25:39Estimasi cukup boleh

1:25:43CSS boleh

1:25:45Copilot UI

1:25:47Copilot UI

1:25:51Apa ini Copilot UI

1:25:53Oh tadi ya

1:25:55Eh Copilot kit

1:26:03Buat UI

1:26:05Generated UI ya

1:26:07Kayak ini

1:26:09Kayak bold.new gitu

1:26:11Saya baru tau Copilot kit

1:26:13Copilot kit

1:26:15Ini bukan dari

1:26:19GitHub ya

1:26:23Oh

1:26:25Ini bikin UI

1:26:27Bikin UI

1:26:29Kayak framework

1:26:31Bikin UI buat

1:26:33Agentic

1:26:35Baru tau nih

1:26:41Nice info

1:26:43Agentic application framework

1:26:47Open source

1:26:49AI state application

1:26:51Oh

1:26:53Itu seru tau

1:26:55examplesnya

1:26:57Nah itu juga

1:26:59Readymade template

1:27:01Readymade UI

1:27:03Beda web sendiri

1:27:07Disubmit dong

1:27:09Beda web

1:27:11Kita ada kan Beda web

1:27:13Ada yang baru lagi gak ya

1:27:15Belum ya

1:27:17Belum ada ya

1:27:19Tunggu subscription dari

1:27:21Temen-temen Dominicia

1:27:23Submission

1:27:25Oh iya submission

1:27:27CSS container

1:27:31Iya Copilot kit kayaknya menarik ya

1:27:35CSS container

1:27:37Sama unit aja apa besok

1:27:39Oke

1:27:41Dua itu

1:27:43Veto lagi

1:27:47Ini aja

1:27:49Kan tadi sudah beberapa pilihan

1:27:51Bikin aja dua

1:27:53Satu non-technis, satu teknis

1:27:55Copic minggu depan

1:27:57Oke non-technis berarti

1:27:59Itu ya

1:28:01Well being

1:28:03Iya

1:28:05Ngomong-ngomong apa ya

1:28:07Kecuali ada

1:28:09Kalau

1:28:11Ada yang punya strong opinion

1:28:13Kayak sama apa ya

1:28:15Burn out

1:28:17Kayak punya bayangan apa aja yang diomongin

1:28:19Iya sih

1:28:21Gak kebayang sih

1:28:23Gak kebayang sama sekali

1:28:25Kalau CSS itu udah kebayang

1:28:27Oke ya udah

1:28:29Jadi CSS

1:28:31CSS unit

1:28:33Dan container

1:28:35Satu lagi

1:28:37Pilihannya

1:28:39Tadi apa? Estimasi apa?

1:28:43Estimasi

1:28:45Dan project planning gimana

1:28:47Oke

1:28:49Kan estimasi itu bagian dari project planning kan

1:28:51Project planning

1:28:53Estimasi

1:28:55Gitu ya

1:28:57Silahkan polling

1:28:59Satu menit ke depan kita

1:29:01Tunggu satu menit lagi

1:29:03Biar 2130 gitu maksudnya

1:29:05Oh CSS unit 100%

1:29:07Sambil itu, sambil bikin

1:29:11Trap baru

1:29:13Di situ

1:29:15Copilot kit ini seru juga sih

1:29:17Apa?

1:29:19Agentic

1:29:21Framework

1:29:23Copilot Kit

1:29:27Agentic

1:29:29Kan mungkin bisa aja

1:29:31Agentic

1:29:33Agentic application framework

1:29:35Agentic application

1:29:37Framework

1:29:39Ini copilot kitnya

1:29:41Di dalam kali ya

1:29:43Contohnya

1:29:47Nanti sambil mulai cari-cari

1:29:49Kalau udah ada satu

1:29:51Pasti ke depannya bakal ada

1:29:53Yang kompetitornya kan

1:29:55Yang serupa

1:29:57Heatsbrown ini masuk gak ya?

1:29:59Ada yang tau gak Heatsbrown?

1:30:01Gak tau

1:30:03Dot dev

1:30:05Keyboard saya kenapa ini

1:30:07Ada yang

1:30:09Ada new head

1:30:11Nah ini cerita horror

1:30:13Cerita horror tuh

1:30:15Gerak-gerak sendiri

1:30:17Gak sih

1:30:19Heatsbrown

1:30:21Def

1:30:23Ini ini

1:30:25Generative UI

1:30:27Tapi gak bisa diklik

1:30:29Kenapa ini

1:30:31Oke lah

1:30:33Ini dulu ya

1:30:35Start discussion

1:30:37Tadi saran dari siapa tuh?

1:30:39Copilot Kit

1:30:41Dari mas Rahadian

1:30:43Dari mas Rahadian

1:30:45Saran dari mas Rahadian

1:30:49Awas loh kalo kita bahas gak dateng

1:30:51Ngancem

1:30:53Bercanda

1:30:55Bercanda

1:30:57Success Container lawannya

1:30:59JQuery

1:31:01JQuery

1:31:03Oh

1:31:054357

1:31:074357

1:31:09Wah

1:31:11Heatsbrown gak bisa ya

1:31:13Heatsbrown itu bukannya

1:31:15Bikin itu ya

1:31:17Game apa

1:31:19Heatsbrow pasti mau aplesetan

1:31:21Monopoly

1:31:23Sebelum

1:31:25Sebelum kamu

1:31:27Memelesetkan kita sudah menebak

1:31:33Ha ha

1:31:35Ha ha

1:31:37Ha ha

1:31:39Ha ha

1:31:41Ha ha

1:31:43Sudah

1:31:45Sudah

1:31:47Sudah 2 menit

1:31:49Kita tutup, pemenangnya adalah

1:31:51Udah nih, udah nih

1:31:53Pemenangnya adalah

1:31:55Project planning

1:31:57Oh

1:31:59Oke

1:32:01Project planning

1:32:03Project planning

1:32:05Pakai suara ini dong

1:32:07Suara sound effect dong

1:32:09Project planning

1:32:11Project planning apa

1:32:13Horor

1:32:15Horor

1:32:17Horor

1:32:19Horor

1:32:21NANI

1:32:23Project planning itu gimana sih maksudnya

1:32:27Project planning itu gimana sih maksudnya

1:32:29Masih belajar, masih bingung bedanya

1:32:31Dengan media query, iya besok kita bahas

1:32:33Eh gak jadi ya

1:32:35Media query itu buat viewportnya

1:32:37Kalau container buat parent

1:32:39Ya parent container

1:32:41Ya berarti minggu depannya kudu CSS

1:32:43Container sama media query

1:32:45Yes, minggu depannya lagi CSS

1:32:47Container sama media query, oke

1:32:49Dicata dulu ya

1:32:51Ada apa? Project planning ya

1:32:53Cerita menyenangkan mengenai container

1:32:55Query karena

1:32:57Pertama kali

1:32:59Ngobrolin web

1:33:01Cikal bakalnya

1:33:03Cikal bakal ngobrolin web

1:33:05Pasti container query

1:33:07Gue gak ngerti

1:33:09Wah kurang update nih

1:33:11Kurang update ya

1:33:13Akhirnya kita

1:33:15Menginisiasi ngobrolin web

1:33:17151

1:33:19Berarti tadi apa

1:33:21Project planning ya

1:33:23Planning, episode 152

1:33:25Minggu depannya lagi

1:33:27152

1:33:29Itu adalah CSS

1:33:31CSS container dan unit

1:33:33Sambung-sambungin aja udah

1:33:35Container dan unit

1:33:37Oke

1:33:39Tadi pertanyaan Ivan

1:33:41Tentang

1:33:43Di apresiasi dulu dong

1:33:45Nah, ada unit Sarah ya

1:33:47Boleh

1:33:49Emang

1:33:51Gue gak nangkep, siapa?

1:33:53Uni Sarah

1:33:55Uni Sarah + Seta

1:33:57Ya ampun

1:33:59Kita apresiasi

1:34:01Aja lah

1:34:03Ya boleh-boleh

1:34:05Oke

1:34:07Estimasi biasanya

1:34:09Kalau disuruh

1:34:11Bikin fitur A

1:34:13Kira-kira gimana cara estimasi

1:34:15Yang mendekati

1:34:17Ketepatan

1:34:19Yang akurat lah ya

1:34:21Yang akurat, gak mungkin

1:34:23Pasti bisa 100%

1:34:25Akurat gitu kan, gak mungkin kan

1:34:27Pasti ada

1:34:29Kecepatan atau

1:34:31Berapa lama nih gitu

1:34:33Toko online gak bisa

1:34:35Toko online

1:34:37Toko online yang itu bisa berapa

1:34:39Ya, estimasi

1:34:43Waktu

1:34:45Estimasi budget

1:34:47Terus planningnya gimana

1:34:49Ya ini ya

1:34:51Kalau misalkan kita mau bikin aplikasinya

1:34:53Atau bikin project gitu

1:34:55Terus mulainya dari mana, bikin apa dulu

1:34:57Bikin PRD kah

1:34:59Spesifikasi kah

1:35:01Ada functional requirement, ada non functional requirement

1:35:03Mungkin masuk ke situ kali ya

1:35:05Kita bahas lah nanti waktu estimasi

1:35:11Ya kita bahas

1:35:13Ada Mas Dito

1:35:15Kita apresiasi lagi

1:35:17Apresiasi Mas Dito nih

1:35:19Ya gak boleh, istusara

1:35:25PRD

1:35:27Mau ke Makassar

1:35:29Project requirement

1:35:31Itu, Ivan mau ke Makassar tuh

1:35:33Mas Dito

1:35:35Pasti mau makan

1:35:37Choto, atau Kondro

1:35:39Silakan, silakan

1:35:41Barang aja Mas Riza

1:35:43Eh emang boleh 2 web, kan

1:35:45Yaa yang banyak, web mah 1 aja

1:35:47Langsung diem

1:35:53Ayo

1:35:55Semuanya udah

1:35:57Kapan besok

1:35:59Gas ya

1:36:01Yulah

1:36:03Kita belum pernah live dari Makassar ya

1:36:07Siapa tau kita bisa ngobrolin web live dari Makassar