Bedah Web - Ngobrolin WEB

1:33Update, tiap sebentar update

1:35Tiap sebentar fail

1:37Pada orang yang pada bilang

1:39Ini tinggal, dia ngejalanin sendiri

1:41Bisnis sekarang udah

1:43Dapet 100 ribu dolar

1:45Atau apalah, suka FOMO

1:47Cuma beneran gak ada tenaga buat

1:49Ngutak-ngatik

1:51Sampai se-profitable itu

1:53Nah

1:55Kalau cuma penasaran, cuma pengen nyoba

1:57Udah puas nyoba kan

1:59Udah ditinggal

2:01Iya

2:03Use case-nya belum ketemu ya

2:05Pasti kayak mainan

2:07Mainan baru

2:09Mainan aja

2:11Mainan aja

2:13Kayak mainan baru gitu

2:15Satu-dua weekend, udah tau caranya

2:17Ya udah, kalau udah tau kan

2:19Iya, jadi apa ya

2:23Solusi yang mencari use case gitu

2:25Bukan kita ada masalah

2:27Oh ada ini nih yang kita bisa solving

2:29Jadi kebalikan

2:31Dia mencari solusi

2:33Yang mencari masalah ya

2:35Kayaknya hanya nice to have

2:37Keunggulannya adalah

2:39Dia demon kan, apa demon ya

2:41Di sejalan sendiri terus-terusan

2:43Nah itu kalau beneran bisa buat

2:45Misalnya buat cari juan gitu

2:47Apa beneran untung

2:49Profitable kan ya oke lah

2:51Cuma ini, ya

2:53Belum berhasil aja

2:55Kecuali yang apa

2:57Stratik Ikeos ya, dikasih duit

2:59Suruh beting di perlindungan

3:01Harus ada modal kali ya

3:03Cuma high reward

3:05High risk

3:07Betul

3:09Kalau yang mau yang lebih techful

3:11Maksudnya yang nggak se ekstrim itu

3:13Gak se ekstrim judi

3:15Ya berarti kan kalau jualan

3:17Tetep harus kita mikir kan apa yang dijual

3:19Orang kayaknya kalau lihat

3:21Apa kayak podcast-podcast

3:23Atau liat

3:25Apa sosmed

3:27FOMO aja, kelihatannya orang kok pada berhasil sih

3:29Kayak bikin duit banyak banget dari

3:31Capit-capitan itu

3:33Iya nggak pasti

3:35Duit juga sih

3:37Ya dengan faat apalah

3:39Output yang wow

3:41Banget

3:43Yang nggak bisa dikerjain

3:45Iya ngomongin soal cuan

3:47Jangan lupa teman-teman

3:49Kalau buat yang mau

3:51Hosting-hosting

3:53Bisa didominasi

3:55Pake promocode nya

3:57Ngobrolin web DN

3:59Dapat diskon cuan plusnya

4:01Adalah 10%

4:03Itu siklusnya setahun

4:05Atau 2 tahun, kalau yang mau

4:07Pakai VPS

4:09Bisa pakai cloud VPS

4:11Turbo Dominasi, itu diskonnya 50%

4:13Promocode nya ada disini

4:15Bisa jalanin

4:17Mudah-mudahan nanti Dominasi

4:25Ada service

4:29Langsung buat deploy

4:31Cloud ya

4:33Lebih gampang lagi buat

4:35Dicoba

4:37Promocode nya diskon 50%

4:39Bisa pakai

4:41Email yang sama, account yang sama

4:43Bisa berulang-ulang

4:45Jadi silahkan gunakan

4:47Dan sekali lagi

4:49Terima kasih buat Dominasia

4:51Malam hari ini kita sudah

4:53Didukung ya

4:55Dan juga

4:57Karena apa

4:59Kerja sama kita sama Dominasia

5:01Bantuin juga nyari website-website

5:03Yang

5:05Buat di bedah ya

5:07Dan malam ini kita akan kembali membedah

5:09Website atau aplikasi web

5:13Dari kliennya

5:15Tanda kutip

5:17Kliennya Dominasia, dibantu Dominasia

5:19Customer

5:21Lebih tepatnya

5:23Jadi malam hari ini kita

5:25Klien lawan kantor nya server

5:27Iya

5:29Customer lawan kantornya

5:31Owner, beda kan

5:33Oh gitu, customer

5:41Ya kita langsung undang aja

5:43Yang website-nya mau di bedah

5:45Disini sudah hadir mas Khalid

5:47Halo mas Khalid

5:49Halo

5:51Halo selamat malam

5:53Malam

5:55Gimana mungkin

5:59Boleh kenalan singkat lah

6:01Kenalan singkat

6:03Oke ya saya ijin kenalan dulu ya

6:05Mau gak?

6:07Nama saya Khalid Abdurrahman

6:09Ini saya karyawan

6:11Swasta di

6:13Jakarta, rumah saya di

6:15Cikarang, Bekasi

6:17Saya kerja sih

6:19Udah 5 tahun ya

6:21Sebagai back end

6:23Developer aja sih

6:25Di sisi waktu luang saya

6:27Ini saya sering bikin

6:29Website-website untuk

6:31Side project, tujuannya

6:33Supaya saya tetap

6:35Stay relevant dengan zaman ya

6:37Soalnya tempat saya kerja itu kan

6:39Corporate, jadi

6:41Teknologi terbarunya agak susah

6:43Gitu, lebih

6:45Pake teknologi lama gitu, jadi supaya

6:47Saya stay relevant dengan zaman

6:49Jadi ya nyoba-nyoba

6:51Side project bikin web-web gitu lah

6:53Oke

6:55Web-web, semangat dong

6:57Kita datang kesini lia web-web

6:59Emang teknologi

7:05Terbaru, yang paling baru

7:07Di perusahaannya apa?

7:09Kalau boleh tahu

7:11Nggak sampe situ

7:13Terbaru sih

7:15Apa ya, bahkan

7:17Kita tuh 80%

7:19Kita teknologinya masih pakai Java

7:218, itu berapa tahun lalu

7:23Java?

7:25Oke

7:27Paling yang terbaru ini Oracle-Oracle

7:29Oracle terbaru ya

7:31Ya

7:33Java 8 bukannya baru ya

7:35Nggak, udah lama

7:37Sekarang Java versi

7:39Berapa sih?

7:41Sekarang udah 20-an deh

7:43Kalau nggak salah

7:45Java 8 itu tahun

7:47Berapa berarti?

7:49Java 8 itu 2014

7:51Release-nya

7:5314, iya

7:55Sekarang sudah Java

7:5727

7:59Interface-nya apa?

8:01Interface-nya dipakai buat desktop-kah

8:03Atau server, atau web

8:05Atau apa?

8:07Web apps-nya internal perusahaan ya

8:09Pakenya Java

8:11Pakai framework tertentu nggak?

8:13Pakai

8:15Onaku udah mulai ya

8:17Dia santai-santai aja sih

8:19Framework-nya Spring

8:21Oh Spring

8:23Spring framework

8:25Ya

8:27Tapi Spring lumayan baru kan?

8:29Nggak, udah lama

8:31Ini Spring MVC

8:33Spring Boot yang baru ya?

8:35Ya, ini Spring MVC

8:37Spring MVC

8:39Spring Boot sama Spring MVC itu

8:41Ada hubungannya

8:43Atau nggak ada?

8:45Kayaknya sih, kalau nggak salah ya

8:47Kalau yang Spring Boot itu kayak evolusi terbarunya gitu

8:49Versi terbarunya

8:51Oke

8:53Berarti

8:55Yang next generation-nya gitu ya

8:57Ya

8:59Oke, nah

9:01Ngomongin side project-side project nih

9:03Mas Holid ini

9:05Submit aplikasi namanya

9:07Appfirst.id

9:09Boleh diceritakan mungkin

9:11Latar belakangnya

9:13Bikinnya, apa maksudnya

9:15Kenapa bikin aplikasi ini

9:17Dan teknologinya

9:19Oke

9:21Jadi, latar belakangnya ini

9:23Saya lihat

9:25Di 1 tahun

9:27Terakhir ini

9:29AI agent ini

9:31Udah jadi enabler dari

9:33Ide-ide orang yang

9:35Non-developer gitu

9:37Jadi sekarang kita banyak

9:39Lihat aplikasi

9:41Kalau kita buka media sosial tuh ada aja orang

9:43Bikin aplikasi ini itu ini itu

9:45Nah, kebanyakan tuh

9:47Aplikasi yang dipamerin itu ujungnya ya

9:49Cuma jadi side project

9:51Dan apa ya, nggak ada yang make

9:53Kebanyakan gitu dari temen-temen saya juga gitu

9:55Nah, akhirnya

9:57Saya inisiatif nih

9:59Coba bikin semacam

10:01Direktori aplikasi

10:03Direktori web, contoh

10:05Kalau di luar itu kita ada yang namanya

10:07Produkhan gitu contohnya

10:09Nah, ini konsepnya

10:11Seperti itu cuma

10:13Jauh lebih sederhana gitu

10:15Nah, untuk

10:17Teknologi

10:19Yang digunakannya itu

10:21Saya pakai Next.js ya untuk

10:23Untuk

10:25Monolith-nya ya, mau front-end

10:27Sama back-end-nya

10:29Terus ini apa

10:31Full

10:33Full 5 coding ya

10:35Ini desain front-end-nya

10:37Code-code khas banget, tapi emang

10:39Bagus, maksudnya bukan jelak ya

10:41Cuma ini khas banget sih, kalau udah ketemu

10:432-3 kali pasti afal, tapi

10:45At least udah nggak umu-umu

10:47Tapi apa, kombinasi serif

10:49Typeface typografi serifnya

10:51Sama warna, ada hijau

10:53Warna alatnya ya

10:55Khas cloud-code banget

10:57Dari warnanya

10:59Kalau kita buka cloud-code sama

11:01Sama ya, oke

11:03Tulsnya pake apa berarti?

11:05Kenapa?

11:07Pake cloud-code berarti?

11:09Oh nggak, aku nggak pake cloud-code

11:11Oh nggak, pakenya apa ini tulsnya?

11:13Ini full di

11:15Codex

11:17Codex

11:19OpenAI ya

11:21Terlalu mahal lah, buat saya mahal semua

11:23Terlalu mahal, semua juga

11:25Ini ya, pada complain ya

11:27Pada

11:29Semenjak

11:31Focus 4.7 ya, kalau nggak salah ya

11:33Semakin boros

11:35Oke

11:37Berapa lama ini

11:39Proses bikin

11:41Sampai jadi seperti ini?

11:43Ini tuh berkala ya

11:45Tadinya tuh nggak ada fitur

11:47Marketplace sama AI Gateway

11:49Pas launching itu cuma benar-benar

11:51Up directory sama artikel aja

11:53Jadi ya sekitar

11:55Seminggu pas awal

11:57MVP-nya gitu

11:59Sebelumnya udah bisa

12:03Node.js

12:05Next gitu, emang sudah

12:07Belajar atau

12:09Gara-gara ini jadi belajar?

12:11Sebelumnya sih

12:13Di kantor itu ya, mau ada

12:15Penetrasi berupa

12:17Angular gitu, itu kan kayak Node.js juga

12:19Gitu loh

12:21Mau nggak mau, saya belajar-belajar

12:23Cuma terus kenal dengan

12:25Ini baru tahu, tapi kalau saya disuruh

12:27Nodding manual, saya nggak bisa

12:29Ini cuma

12:31Pecut-pecut AI aja

12:33Oke, oke. Di kantor

12:35Pakainya angular ya, bisa angular ya

12:37Front end jadi front end

12:39Front end jadi back end

12:41Di kantor itu

12:43Mostly itu sekarang pakai

12:45ZK framework, pernah denger nggak?

12:47ZK framework

12:49Ya itulah tempat kantor saya emang kurang

12:51Kurang terkenal

12:53Teknologinya gitu pakainya

12:55Biasanya

12:57Beda sih, beda circle

12:59Enterprise kali

13:01Enterprise

13:03Ini artikelnya

13:05ZK

13:07Kenapa?

13:09Ini degenerate-kah

13:11Atau nulis sendiri ya, atau gimana?

13:13Saya bikin engine

13:15Generate-nya, jadi saya nulis

13:17Nulis temanya mau apa

13:19Terus degenerate, terus

13:21Saya review

13:23Oke

13:25Lumayan ini ya

13:27Tampilannya bagus

13:29Ini semua file-based atau

13:31Pakai database?

13:33Ini pakai Postgre

13:35Postgre

13:39Oke

13:41Firebase-nya buat out-nya aja pakai

13:43Firebase authentication

13:45Termasuk rapi

13:47Ya, rapi

13:49Terus service Domain Asia

13:51Yang dipakai apa aja disini?

13:53Disini

13:55Domain ya, saya kebetulan ada

13:575 domain di Domain Asia

13:59Oh, punya 5 domain

14:01Di Domain Asia

14:03Oke

14:05Order domain, pasti liat nama domain

14:07Yang dibeli-beli

14:09Sering kepikiran

14:11Ketika ada ide, langsung beli domain

14:15Sekusinya belakangan

14:17Untungnya sekarang ada AI ya

14:19Jadi projek-projek

14:21Yang ada di kepala itu kadang-kadang bisa

14:23Selama ada token

14:25Langsung bisa dibuat ya

14:27Terus deploy-nya kemana nih deploy-nya?

14:31Deploy-nya ini saya

14:35Pake Coolify

14:37Coolify-nya jalan di VPS Hostinger

14:39Kompetitor ya, kompetitor

14:49Iya, nah

14:51Pembedaan kan, Domain Asia

14:53VPS sih Hostinger

14:55Hostinger itu lokal apa?

14:57Luar ya?

14:59Luar, Hostinger luar

15:01Luar, luar

15:03Hostinger kan

15:05Kayak GoDaddy gitu ya modelnya ya

15:07Hostinger mah Indonesia

15:09Bukan luar ya

15:15Itu dari dulu

15:17Dulu waktu

15:19Apa ya, yang

15:21Yang di Indonesia dulu namanya

15:23Kok saya lupa sih

15:27Nyaga

15:31Nyaga Hoster

15:33Nyaga Hoster

15:35Tapi sebenarnya cabang

15:37Cabang, dulu

15:39Brandnya di Indonesia namanya Nyaga Hoster

15:41Akhirnya sekarang sudah di merge kembali

15:43Nah, selama

15:47Mengembangkan aplikasi ini mungkin

15:49Ada tantangan atau

15:51Kendala apa gitu

15:53Yang sulit

15:55Selain habis token

15:57Kalau token gak pernah habis

15:59Aman, keren

16:01Rata kanan

16:03Rata nya bayar sendiri berarti, bukan dari kantor kan ya

16:05Oh dari kantor

16:07Kantor saya malah gak

16:09Dilarang disitu

16:11Oke, oke

16:13Nah, terus gimana supaya bisa cara rata kanan

16:17Gitu mas

16:19Ya, ya bayar

16:21Bayarnya bulanan, bayar bulanan udah

16:23Gak bakal habis

16:25Ini subscription berarti ya, subscription base ya

16:27Si kodex nya ya

16:29Sebenarnya kalau mau

16:31Apa ya

16:33Dengan jujur mah harusnya begitu

16:35Cuma kan ada ya market-market

16:37Gelap lah ya

16:39Untuk kita dapet kodex

16:41Murah gitu lah

16:43Dapat yang murah ya versi murahnya ya

16:45Oke, oke

16:47Oh jadi bukan

16:49Bukan ofisial dari OpenAI nya ya

16:51Berarti yang ambil paketnya ya

16:53Benarnya ofisial, tapi

16:55Yang cara mendapatkannya itu

16:57Agak illegal gitu

16:59Tapi tetap ofisial

17:01Jadi contoh lah

17:03Oh yang promo-promo gitu ya, gratis sebulan

17:05Yang gitu bukan

17:07Kita nyamar lah jadi negara apa

17:09Gak illegal

17:11Gak illegal itu, gray area aja

17:13Oh gray area bener sih

17:15Kalau illegal kan gak bisa connect

17:17Gak bisa dapet respon

17:19Gak illegal

17:21Kalau illegal itu contohnya carding

17:23Itu ilegal, juri lancinnya

17:25Itu ilegal, tapi kalau memanfaatkan

17:27Memanfaatkan

17:29Program promosi mereka sendiri

17:31Program

17:33Apa namanya, Bansos

17:35Nah itu

17:37Ya setidaknya sampai saat ini

17:39Belum legal, eh belum ilegal ya

17:41Gak tahu nanti ke depannya ya

17:43Ya gak, kalau ilegal

17:45Aksesnya dibutus udah

17:47Sesimpel itu sih, kecuali kita

17:49Sama kayak Pursor juga dulu kan gitu kan

17:51Awalnya kan dibuka tuh

17:53Buat apa, buat universitas

17:55Buat kampus kan

17:57Terus abis itu di FBU, sekarang ditutup

17:59Udah ilegal kan

18:01Makanya kalau ketahuan

18:03Di stop yaudah kan kita gak bisa

18:05Akses selama masih bisa jalan

18:07Ya berarti gak apa-apa

18:09Tapi betul sih Mbak Eka

18:11Itu emang diputus karena secara promo

18:13Misalnya biasanya sebulan

18:15Ya hidupnya cuma 2-3 hari

18:17Pasti sama open AI-nya

18:19Itu ditebang-tebangin lah istilahnya gitu

18:21Oh gitu

18:23Ya dia kan punya cara deteksi yang

18:25Kelarin dulu perjaannya

18:27Gue pernah tuh dapet

18:29Hampir seminggu

18:31Cuma pas lagi

18:33Ada kerjaan lain jadi gak bisa

18:35Intense secut dapet

18:37Apa, pokoknya

18:39Workspace seat

18:41Atau semakinnya gak tahu

18:43Dikasih gratisnya

18:45Nah daripada

18:47Kerjakanin strategi gurung-gurung ini

18:49Ya itu kendala sama nanti

18:51Ada pertanyaan selanjutnya

18:53Malah gak beda website ini

18:55Kendalanya

18:57Kendalanya itu

18:59Apa ya, pertama

19:01Dari sisi

19:03Apa

19:05Query itu

19:07Sering lambat itu

19:09Kalau di depan di home page itu

19:11Kan dia ada count tuh

19:13Nah itu belum pakai

19:15Table staging tuh

19:17Itu raw bener-bener langsung dari

19:19Count dari ininya

19:21Select count gitu

19:23Itu belum dituning

19:25Karena tadinya kan

19:27Gak terlalu serius gitu ya

19:29Cuma saya nyari-nyaripun

19:31Sekarang udah keblinger sama codenya

19:33Karena dibikinin AI ya

19:35Ini sih harus jadi poin tuning saya sih

19:37Nanti ke depannya itu kendala pertama

19:39Paling kendala kedua

19:41Itu dari sebenarnya

19:43Kalau dari development ini

19:45Relatif lancar ya

19:47Tapi pas operasionalnya itu

19:49Itu kendalanya kita

19:51Di VPS

19:53Itu dapet teguran lah dari

19:55Pihak hostinger gitulah

19:57Karena

19:59Koneksi egress nya itu

20:01Terlalu konstan

20:03Kalau diperhatiin saya jual fitur

20:05AI gateway itu ada di atas tuh

20:07Nah itu

20:09Ini buat apa sih?

20:11Gini

20:13Bapak-bapak pernah pake

20:15Agente coding kan ya?

20:17Pernah dong

20:19Oke

20:21Om-om

20:23Om udah bapak-bapak sih

20:25Bapak-bapak sorry itu

20:27Udah bapak-bapak

20:29Nah gini

20:31Agen di PC nya

20:33Agen di laptop masing-masing

20:35Itu tinggal dikonekin ke

20:37Gateway yang saya kasih

20:39Bisa coding unlimited

20:41Saya pake model day-pass

20:43Jadi 12.024 jam

20:45Coding sepuasnya pake model itu

20:47Modelnya apa? Apa aja?

20:49Itu

20:51Ada di tulisan

20:53Oh ada ya

20:55Kok jadi pelanggan ini kayaknya

20:57Jadi Proxy

20:59Kayak open router gitu ya

21:01Modelnya open router gitu ya

21:03Iya model gitu

21:05Proxy jadi Proxy

21:07Iya Proxy

21:09Cuma saya hentikan

21:11Dulu karena teguran ya

21:13Dapet dari open AI dapet

21:15Dari hostingnya dapet

21:17Jadi pause dulu

21:19Oh

21:21Emang gaboleh

21:23Emang gaboleh ya?

21:25Ya gaboleh apa ya?

21:27Kamu pake subscription terus dia jual

21:29Subscription

21:31Oh subscription

21:33Saya kirain API

21:35Calling

21:37Ini connectnya via API

21:39Jadi nanti

21:41Pelanggan akan bikin

21:43API case, saya kasih endpoint

21:45Di sistemnya udah ada, udah tuh tinggal masukin

21:47Ke extensi atau

21:49CLE nya lah

21:51Open AI

21:53Open AI nya

21:55Rambutan Fair Usage itu aja sih yang bikin

21:57Ada Fair Usage maksudnya

21:59Di sisi user-nya kamu

22:01Di sisi server-nya kamu kan jadi

22:03Proxy untuk ke

22:05Open AI

22:07Anthropy dan lain-lainnya

22:09Nah itu ingress-ingress nya jadi besar tuh

22:11Konstan

22:13Kena teguran sama hostingnya disitu

22:15Itu

22:17Oke

22:19Setup ini aja

22:21Dedicated di

22:23Data center

22:25Oh itu berarti

22:27On-premise ya on-premise

22:29Tapi tetap ditegur, tetap kena sama

22:33Open AI nya lah

22:35Ini ngajarin kriminal

22:37Gak kriminal sih

22:39Udah-udah

22:41Udah lah

22:43Subscriptionnya

22:45Grey area, udah gitu dia jual

22:47Udah

22:51Udah mendekati black nih, udah mendekati gelap nih

22:53Masyarakat kan

22:55Agentic Coding dan mengodingkan

22:57Masyarakat

22:59Iya-iya-iya

23:03Ya memang sih

23:05Salah satu kendala utama di Indonesia

23:07Kenapa

23:09Adopsi AI masih belum

23:11Terlalu massif ya, salah satunya

23:13Ya memang biaya ya

23:15Ini juga perlu kita

23:17Bukan perlu sih

23:19Harus kita cari solusinya

23:21Gak bisa mas

23:23Memang udah mahal ya

23:25Daripada beli Agentic Coding

23:27Saya mending mikir buat

23:29Beli solar aja dulu

23:31Atau beli Benz

23:33Iya-iya, betul

23:35Iya sih

23:37Agak ini ya, beda ya

23:39Udah beda level ya negara

23:41Apa

23:43State negaranya itu udah berbeda ya

23:45State negaranya yang satu negara

23:47Berkembang, satu negara maju

23:49Sedangkan kalau melirik ke

23:51Negara tetangga di Singapura

23:53Itu

23:55Apa namanya

23:57Dengan menemani

23:59Bagi-bagi gratis

24:01Bagi-bagi gratis untuk supaya

24:03Subscription ke AI

24:05Iya supaya

24:07Ya

24:09Tidak ada

24:11Tidak

24:13Asiatanegara lain gimana sih

24:15Yang bukan Singapura yang model-modelnya

24:17Filipina, Thailand

24:19Gitu, nggak, nggak

24:21Nggak kayak gitu

24:23Kalau nih kita dibagi-bagi

24:25Di jual lagi pasti

24:27Di jual lagi

24:29Kayak gini modelnya nih, kayak gini

24:31Langsung ada di Shopee tuh

24:33Langsung ada di Shopee

24:35Kupon code

24:37Resmi

24:39Nah ini kita

24:49Next bahas besok ini apa lagi nih

24:51Sudah selesai belum pertanyaannya

24:53Jadi tadi problem utamanya kan ini ya

24:55Tapi

24:57Udah tau kan solusinya apa

24:59Atau masih perlu

25:01Perlu solusi dari kita

25:03Kalau dari saya sebagai orang backend

25:05Saya akan bikin itu staging

25:07Tapi ada solusi lain nggak sih soalnya nggak bisa

25:09Frontend sama sekali mungkin

25:11Bisa ditahan dari frontend gitu jadi nggak selalu

25:13Hit ke belakang

25:17Yang paling omong sih

25:19Caching ya

25:21Nambah redis jadinya

25:23Key value storage apapun sih

25:25Iya apapun ya

25:27Bukan redis aja, bukan hanya redis

25:29Tapi yang paling umum digunakan redis

25:31Kan udah pakai

25:33Di GCP ada kan

25:35Namanya apa lupa

25:37Apanya key value

25:39Itu tuh intinya ada free tiernya lah

25:41Ada gratisnya, kalau usage masih

25:43Buat segini mah pokoknya pasti ada gratis

25:45Cuma lupa apa namanya

25:47Apa sih

25:49Masalahnya tadi apa

25:51Exciting banget

25:53Counting

25:55Counting langsung ke database

25:57Jadi setiap kali kita refresh

25:59Itu dia akan nembak ke database

26:01Untuk select count

26:03Oh berarti kan kita refresh-refresh terus

26:05Budainya jadi mahal

26:07Cache kan

26:09Ini jadi

26:11Jadi didos nih didos

26:15Cache kan

26:17Bener kan

26:19Tapi kalau cache kan

26:21Ya nambah

26:23Nambah teknologi baru

26:25Kalau mau

26:27Maksudnya nambah ini

26:31Nambah teknologi

26:33Cache itu bisa macam-macam ya

26:35Bisa cache di database

26:37Bisa cache di file

26:39Bisa cache di key value

26:41Di browser juga bisa

26:45Kalau mau dimana

26:47Kalau saya bikin ini

26:49Saya pakai yang ada

26:51Saya cache di server

26:53Mau cache di database

26:55Juga bisa jadi hasil sumnya itu

26:57Saya bikin A-nya di database

26:59Bikin table baru

27:01Isinya counter

27:03Jadi dia hanya read

27:05Gak perlu counting

27:07Itu udah lebih meringankan sih

27:09Gak perlu nge-select semuanya

27:11Jadi cuma select satu baris

27:13Udah data jadi di situ ya

27:15Iya dan pakai cron

27:17Pake cron tiap malam

27:19Untuk ke update

27:21Table baru

27:23Table counter itu

27:25Kedua, mau pakai file juga boleh

27:27Kalau masih satu server

27:29Pakai JSON file

27:31Atau kalau

27:33Mau

27:35Lebih mewah pakai

27:37Yang

27:39Redis, repli cache

27:41Redis

27:43Key value

27:45Ini deh, key value database

27:47KV database

27:49Biasanya, macem-macem

27:51Firebase, dokumen

27:53Database ya beda ya

27:55Firebase dokumen

27:57Jadi sudah kayak full-flash database kan

27:59Sama kayak monggo

28:01Db kan

28:03Overkill

28:05Oke

28:09Oke itu satu

28:11Terus ada kendala lagi yang lain

28:13Atau Eka tadi mau kasih masukan

28:15Nggak, bukan masukan

28:17Mau tanya aja sih

28:19Website-nya mah

28:21Ya udah ya, bagus-bagus aja

28:23Agak bingung mau komentar apa

28:25Lebih ke penasaran, pipe coding itu

28:27Masaknya banyak

28:29Cara approach-nya itu

28:31Macem-macem

28:33Kalau cuma one-shot

28:35Dan sekali bikin kan, itu relatif gampang

28:37Nah, belum kan

28:39Maintain, nambah feature, itu kan

28:41Rumit ya, maksudnya pendekatan yang dipakai

28:43Apa dari mungkin toolingnya

28:45Misalnya ada yang pakai

28:47Apa itu, Ghost Town atau apa

28:49Atau pakai VC, atau pakai

28:51Beats, atau malah cuma pakai

28:53Wigit Hub isu biasa, terus pakai

28:55Apa, apakah

28:57Pake kayak metode yang BMAD

28:59Atau apa, terus

29:01Mungkin pakai, kan orang ada

29:03Favorit masing-masing juga, ada yang pakai

29:05Agent Swarm lah

29:07Terus ya, pokoknya

29:09Strategi-strategi

29:11Pipe coding-nya, kayak gimana

29:13Oke

29:15Jadi, biasanya

29:17Kalau saya, pipe coding itu

29:19Flow-nya ya

29:21Misal kita ambil skenario

29:23Bikin

29:25Ada perubahan gitu, ada CR

29:27Ada semacam request feature

29:29Dari feature yang sudah ada

29:31Pertama, kalau saya

29:33Cuma, flow-nya simple banget sih

29:35Pertama, saya minta

29:37Kajian teknis

29:39Dari si AI Agent ya

29:41Diminta, saya kajian teknis

29:43Itu dari ujung ke ujung

29:45Dibuat dalam satu laporan

29:47Berformat .md

29:49Nah, dari format .md itu

29:51Saya akan review

29:53Saya akan review

29:55Kemudian, dituning lagi

29:57Hasilnya, kemudian

29:59Saya bikin Agent yang

30:01Emang, apa ya

30:03Untuk coding

30:05Nah, dari coding itu

30:07Saya biasanya ambil satu layer lagi

30:09Untuk benar-benar, memastikan nih

30:11Dokumen kajian teknis ini

30:13Itu

30:15Masih up to date gak

30:17Dengan kode-kode terbarunya, dengan feature-feature terbarunya

30:19Udah tuh, abis itu

30:21Dia akan langsung, mulai

30:23Eksekusi, tool saya itu benar-benar

30:25Cuma, codec cli, atau sekarang pakai

30:27P, pdv itu

30:29Tokennya hemat

30:31Udah, benar-benar itu aja

30:33Jadi, kalau ada

30:35Fitur baru, atau ada perubahan

30:37Coding yang sudah ada, flow nya

30:39Udah ngulang-ulang gitu, itu menurut saya sih

30:41Lebih cepet ya

30:43Dan minim box, karena dengan kita

30:45Suruh kajian teknis, dia akan

30:47Cek dulu, surrounding impactnya

30:49Gimana, termasuk dari

30:51Setelah

30:53Balik lagi nih, setelah

30:55Agent, mengeksekusi kode itu

30:57Saya minta, generate-in

30:59Test skenario nya

31:01Saya jadi gak pakai auto-metod tuh, karena kurang

31:03Percaya, gitu

31:05Jadi, saya benar-benar tes sendiri

31:07Jadi jatuhnya sekarang, kerjanya ya

31:09Planning, terus testing

31:11Deploy, udah gitu doang

31:13Oh, testing nya sendiri

31:15Sendiri

31:17Okay

31:19Player nya pertama, explore codebase kan tadi

31:21Terus, dikasih instruksi

31:23Buat, ya ngapain, apapun itu

31:25Nambah fitur atau apa

31:27Habis itu, agen nya

31:29Planning, habis itu execute

31:31Terus minta, apa, minta output

31:33Berupa test cases ya, berarti

31:35Iya, gitu

31:37Oh, test cases nya di generate

31:41Sama AI juga, berarti ya

31:43Iya, di

31:45Saya suruh bikin file.md juga, gitu

31:47Oh, file md

31:49Habis itu, nulis manual

31:51Untuk testing nya, nulis manual

31:53Nulis dari md itu

31:55Dari md itu, biasanya impact nya

31:57Kesini, misal impact nya

31:59Kesubmit, berarti skenario

32:01Skenario nya harus di test, sama AI nya itu ditulis

32:03Berarti ada update

32:05Terus update dengan kondisi data seperti ini

32:07Nah, jadi saya tinggal ngikutin

32:09Oh, jadi kayak bikin

32:11Apa, si

32:13Ya, bikin guide ya

32:15Iya

32:17Tapi, nge-coding nya tetap, ya nyontek si

32:19Hasil AI itu ya, kurang lebih ya

32:21Iya

32:23Tapi, sambil lu bikin unit testing

32:25Sama end-to-end testing

32:27Juga gak si AI nya?

32:29Enggak, soalnya takut

32:31Kabisan token

32:33Oh iya, makes sense

32:35Iya

32:37Bagus nih tips nya ya, jadi minta dia bikinin guide

32:39Terus yang nulis kita aja, gitu ya

32:41Kenapa gak sekalian minta

32:43Si AI nya yang pakai Chrome

32:45Untuk ngetes

32:47Guide nya itu? Nah, dulu

32:49Nah, kayak gitu, kita pakai

32:51Automation lah, bahasanya kita biasanya kan

32:53Pakai playwright atau apalah itu ya

32:55Nah itu, apa ya

32:57Jujur, boros banget token

32:59Kayak gitu

33:01Kalau dia yang nulis playwright

33:03Memang boros

33:05Tapi kalau misalnya si kodex nya

33:07Atau si

33:09Cloud code nya kamu suruh

33:11Untuk pakai misalnya

33:13Agent browser nya

33:15Ada skill nya

33:17Agent browser, dan dia pakai

33:19Browser yang

33:21Rust-based, yang buatannya si

33:23Varsel tuh

33:25Jadi si

33:27Agent browser, dia pakai agent browser untuk

33:29Ngefisit sesuai dengan

33:31Step by step nya kamu itu

33:33Jadi, gak, sebenernya gak baru

33:35Stoken, dia kena semua kayak

33:37Execute nya cuma, oke, execute ini

33:39Hah?

33:41Udah gak jalan AI nya itu, berarti pas

33:43Firing browser ya? Iya

33:45Agent browser, iya

33:47Jadi yang jalan tuh si chrome nya

33:49Si browser nya, jadi si AI nya cuma kayak

33:51Klik button ini

33:53Klik button ini, klik button ini, isi datanya

33:55Klik button ini, dan dia gak pakai sistem

33:57Screenshot-screenshot lagi

33:59Kalau dulu pakai sistem screenshot, mahal

34:01Karena nge-imagine

34:03Cognition, kalau sekarang dia suruh

34:05Antigrafin sampe sekarang masih kayak

34:07Gitu, jerum kurus

34:09Jadi sekarang pakai agent browser

34:11Si

34:13LLM nya, Codex

34:15Dia pakai namanya

34:17Accessibility Tree, karena di

34:19Chrome sudah ada Accessibility Tree

34:21Jadi kalau mau ngedetek dimana button,

34:23Dimana input box

34:25Dia cuma pakai

34:27Accessibility Tree, jadi cepet

34:29Gak perlu punya token

34:31Jadi, saya tuh sekarang

34:33Full flash nya tuh, sudah kayak seperti

34:35Mas Khalid juga

34:37Bedanya, yang sistem

34:39Testing nya itu, saya sudah serahkan semua ke

34:41LLM

34:43Berarti dia bisa nyari part

34:45Elemen nya sendiri tuh

34:47Bisa

34:49Itu scenario nya bentuknya

34:51Jason, atau apa sih

34:53Mau saya step by step

34:55Cari button submit, misalnya

34:57Dia sendiri yang atur

34:59Sudah minta nih, sudah bikin

35:01Test scenario

35:03As a user

35:05Jadi bukan sebagai playwright

35:07Test scenario sebagai user

35:09Step by step, yaudah nanti dia sendiri

35:11Yang baca file itu

35:13Dan

35:15Translate itu bagaimana memakai

35:17Sistem kita, di browser

35:19Udah cukup pinter kok

35:21Udah gak pakai gamar di screenshot ya

35:25Iya, dia bisa

35:27Login sendiri, bisa klik

35:29Bagian dashboard, bisa klik

35:31Menu, terus cari yang mana

35:33Yang mau di test

35:35Nanti dia kasih tau

35:37Kalau kita mau lebih

35:39Lebih advance sedikit

35:41Supaya kita mau tau apa yang dia test

35:43Suruh aja recording

35:45Screen recording

35:47Nah recording itu bukan

35:49Bukan, dari si chrome

35:51Si chrome kan sudah ada fitur

35:53Dari chrome sudah ada fitur recording

35:55Jadi dia akan

35:57Mengaktifkan

35:59API untuk recording itu

36:01Nanti hasil

36:03Hasil impact volume

36:05Bakal dia save ke file

36:07Itu yang dilakukan

36:11Sama anti-gravity ya kalau gak salah ya

36:13Ada recordingnya ya

36:15Saya gak pernah pakai

36:17Anti-gravity untuk testing

36:19Mungkin

36:21Tapi intinya sama-sama

36:23Itu dari chrome tool

36:25Chrome dev tool

36:27Jadi mau screenshot

36:29Mau recording itu sudah dari chrome

36:31Jadi gak ada urusan sama si LLN

36:33LLN cuma tau

36:35Apalagi kalau sudah pakai agent browser itu

36:37Dia sudah tinggal

36:39Konekin aja antara LLN dengan si browser

36:41Menarik nih, nanti kita coba deh

36:45Pertanyaan berikutnya

36:51Kenapa milihnya Next.js

36:53Apakah itu preferensi

36:55Pribadi atau dipilihin

36:57Sama AI atau gimana

37:01Untuk itu ya

37:03Saya pas awal bikinkan awam

37:05Dengan teknologi-teknologi yang kekinian

37:07Saya kasih

37:09Requirement seperti ini

37:11Saya kasih requirement seperti ini

37:13Dan entah kenapa setiap LLN itu

37:17AI agent kok ditanya

37:19Sampai saya bikin artikelnya

37:21Di blok itu, kenapa

37:23LLN selalu ngasih Next.js

37:25Harus dipaksa untuk ganti

37:31Tidak, itu udah

37:33Udah di default ya

37:37Berarti ini pilihannya AI ya

37:43Mengikut pilihannya AI ya

37:45Kenapa gak 10 stack

37:51Udah, 10 stack dari AI nya

37:55Itu kan sudah di jawab

37:59Sudah di jawab

38:01Ada 10 stack satu

38:03Itu kemarin bikin cuma

38:0520 menit itu

38:07Buat di taruh

38:09Cloudflare

38:11Sudah di cheat belum

38:13Belum

38:15Lagi kena masalah kan

38:17Security

38:19Pernobility

38:21Jadi jangan di update ya

38:23Bahaya-bahaya

38:25Jangan di update

38:29Terus selama

38:31Ini berarti sama sekali

38:33Belum mengerti Next.js pada saat

38:35Bikin aplikasi ini kan

38:37Jadi fokusnya ke AI

38:39Gak ada kesulitan apa-apa

38:47Biasanya kan kadang-kadang kita

38:49Udah familiar dengan satu

38:51Framework

38:53Terus dibantu sama AI kan jadi lebih

38:55Mengerti kan, kalau ini berarti

38:57Sama sekali

38:59Belum pernah menggunakan Next.js atau

39:01Dulu pernah coba-coba atau gimana

39:03Sebenernya sama sekali

39:05Belum pernah

39:07Pakai Next.js ya

39:09Paling

39:11Bahkan di awal-awal tuh saya nanya

39:13Ini cara run nya gimana, ternyata kan ada

39:15NPM run dev kalo gak salah

39:17Cara run nya gimana

39:19Yang penting saya tuh

39:21Paling ngasih tau ke AI nya

39:25Saya mau nya ini CEO nya bagus

39:27Berarti dari AI nya ini bisa

39:29Pakai SSR atau apa gitu namanya

39:31SSR atau apa gitu

39:33Server side rendering ya

39:35Terus

39:39Kalo

39:41Jadi kalo ada security

39:43Kalo flow nya gimana

39:45Nah itu saya

39:47Wah bener-bener gak tau itu

39:49Bahkan sampe sekarang

39:51Jadi kalo mau nambah fitur

39:53Mau nambah fitur nanya AI lagi

39:55Betul

39:57Itu tadi kan dibahas

39:59Harus gitu ya

40:01Di review dulu

40:03Apa namanya

40:05Bikin kajian dulu gitu ya

40:07Intinya, terus nanti mau nambahin

40:09Fitur, terus nanti

40:11Dibikin lagi guide nya

40:13Apa yang perlu diobah

40:15Belajar sambil bikin lah

40:17Kayak kemarin

40:19Keadaan kejadian karena

40:21Ya saya sekedar nanya ke AI tanpa

40:23Mengkaji ulang gitu

40:25Pernah itu kejadian produksinya diapus

40:27Oh iya

40:29Iya pernah

40:31Itu AI nya pake Jules itu

40:33Pake apa sorry

40:37Jules, Jules, Jules

40:39Pake Jules, Jules nya

40:41Jules Google

40:43Oh

40:45Yang itu ya

40:47Orkestration bukannya

40:49Ya juga

40:51Eksekusinya kan di cloud

40:53Salahnya saya tuh ngasih

40:55NV DB production

40:57Karena ya udah malem lah ya

40:59Ngantuk, bukannya dev malah

41:01Prod yang dikasih

41:03Oh berarti pake

41:07Ke database nya, konek nya pake ORM juga

41:09Atau langsung

41:11Iya pake apa ya namanya

41:13Drizzle apa drizzle

41:15Drizzle

41:17Ya itu juga

41:19Oh rekomendasi

41:21Drizzle better out itu

41:23Apa kalau out yang gampang

41:25Stack favorit LLM

41:27Btw saya struggle

41:29Disitu juga tuh drizzle itu

41:31Kayak apa ya

41:33Konsep migrasi ya

41:35Jadi

41:37Pas pertama kali deploy

41:39Dia itu

41:41Saya gak tau ini implementasi

41:43Saya bener atau engga ya

41:45Setiap kali ada

41:47Deployment ke production

41:49Caranya saya itu

41:51Saya akan bikin env variable

41:53Di terminal yang

41:55Berisi connection string DB production

41:57Terus npm

41:59DB run migrate

42:01Atau apa gitu lah

42:03Caranya begitu, jadi harus dieksekusi dari

42:05Harus dieksekusi dari

42:07PC lokal gitu

42:09Kalau dari pod si coolify nya dia gak bisa

42:11Itu kayak kok ribet banget

42:13Kayak ribet banget jadinya

42:15Gak ada initial

42:17Script yang dijalankan

42:19Otomatis pada saat redeploy gitu

42:21Gak ada ya, bisa sih harusnya

42:23Harusnya mungkin kayak gitu

42:25Di docker nya ya, dikasih ya

42:27Di docker file nya gitu

42:29Ya di docker file nya bisa

42:31AI ini kadang

42:33Ditap action satu semacamnya sih

42:35Ditap action ya

42:37Belum lagi kalau ada apa ya

42:41Dia tuh bisa

42:43Result tuh bisa error kalau

42:45Antara migrasi, history migrasi

42:47Sama struktur real DB nya itu

42:49Udah ada beda gitu itu

42:51Kadang error juga gitu pas dimigrasiin

42:53Musti jalanin

42:55Konflik ya

42:57Iya

42:59Kalau dari sisi performance gimana

43:07Ivan

43:09Aman, bagus

43:11Tidak ada yang perlu di komen

43:13Tidak ada yang perlu di komen ya

43:15Berarti rapi ya

43:17Wah luar biasa

43:19Jarang-jarang lho

43:21Jarang-jarang

43:23Apalagi penggunaan SDS kan

43:25Dikenal cukup

43:27Berat ya

43:29Tapi kalau

43:31Udah production sih lancarnya

43:33Gak banyak image

43:35Jadi penuh dengan typography

43:37Aman-aman

43:39Image paling di article ya

43:41Biasanya saya

43:43Tapi juga artikelnya kan

43:45Di awal gak ada thumbnail gitu kan

43:47Baru di click, baru ke dalemnya

43:49Jadi gak terlalu

43:51Jadi sebenarnya

43:53Ya bagus-bagus aja

43:55Image tuh pas di upload saya

43:57Compress, terus saya convert

43:59Jadi WP

44:01Oh berarti

44:03Memang udah ngerti ya

44:05Untuk image juga

44:07Coba suruh AI-nya suruh pake

44:09Next image package

44:11Oh iya, coba deh

44:13Tapi kan udah di Versel, gak apa-apa bisa jalan

44:15Kalau gak di Versel

44:17Bisa deh, bisa di custom

44:21Itu nya

44:23Image provider-nya

44:25Image provider-nya bisa di custom

44:27Oke

44:29Phone-nya aja

44:33Kalau dari saya sih

44:35Phone-nya gak

44:37Apa namanya

44:39Gak

44:41Kecil-kecil

44:43Hah? Yang mana?

44:45Kalau di homepage

44:47Homepage

44:49Nah ini

44:51Turun-turun-turun di bagian

44:53Directory

44:55Terus, nah itu kayak temu

44:57Itu tuh

44:59Kecil-kecil, halus-halus

45:01Ya itu juga

45:03Itu ya

45:05Accessibility-nya ya

45:07Baca ya

45:09Contrast-nya

45:11Contrast-nya aman

45:13Ya contrast aman

45:15Kurang ccwp

45:17Kurang sedikit ya

45:19Warning-warning

45:21Terus turun lagi

45:25Karena gak ada logo

45:29Terus mencari kontak

45:31Itu kan jadi kecil banget

45:33Yang di logonya tuh

45:35Ini?

45:37Itu ya

45:39Ini image ya?

45:41Nggak, itu

45:43Tulisan di image-kan

45:45Tulisan di image-kan

45:47Oh iya ya ya

45:49Plasolder, plasolder

45:51Oleh ini data

45:53Bagian kemikari ini dia bagian dari

45:55Cedar data di awal gitu

45:57Kalau yang baru-baru

45:59Dia tuh udah ada icon-nya

46:01Baru yang mana nih?

46:03Yang intinya juga

46:05Padahal kalau kita

46:07Stop-stop disini mas Nisa

46:09Contohnya ya, ini kan

46:11Space-nya di kanan tuh gede banget ya

46:13Empty

46:15Terus bagian logo-nya

46:17Gak kelihatan, itu kecil

46:19Intinya

46:21Proporsi aja sih, proporsi

46:23Masih ada kok space

46:25Kenapa harus nggak dimanfaatin

46:27Jadi lebih baik

46:29Cuma karena emang

46:31Kalau kan AI

46:33By default nggak punya mata ya

46:35Kecuali kita eksklusif

46:37Kita screenshot, terus bilang ini nggak

46:39Enak nih, apa thumbnail-nya terlalu kecil

46:41Tapi by default, kalau nggak

46:43Diarahin kesana karena

46:45Yang nggak punya mata, dia nggak punya sense of

46:47Visual estetik sih

46:49Jadi kayak harus ajak

46:51Mas Nisa

46:53Iya, terus naik dikit

46:55Oh ini yang baru-barunya nggak ada ya

46:57Logo-nya picek-picek tuh

46:59Oh iya juga ya

47:01Di atas naik atas

47:03Logo picek-picek

47:05Terus ya

47:07Kalau disini kan tulisannya kecil-kecil

47:09Sedangkan di halaman lain tulisannya gede-gede

47:11Di artikel tulisannya bagus gitu

47:13Phone-nya

47:15Kurang konsisten kali ya

47:19Kurang konsisten

47:21Jadi secara

47:23Desain token

47:25Dan desain sistemnya

47:27Nggak di konsistenin

47:29Terus

47:35Apa lagi ya, enak sih ngomentar

47:37Kalau untuk desainnya sendiri

47:39Pakai kodex juga

47:41Atau pakai tools kayak

47:43Stitch atau cloud design

47:47Loveable atau apa gitu

47:49Oh kalau waktu itu

47:51Saya kan

47:53Belum tahu ada stitch lah

47:55Waktu itu, belum tahu ada stitch

47:57Jadi saya tulis

47:59Requirement

48:01Saya mau bikin website seperti ini

48:03Dengan warna

48:05Yang benar-benar sama website-nya cloud

48:07Saya benar-benar

48:09Karena suka ya

48:11Nah karena website-nya ini

48:13Itu ada editorial dan directory

48:15Bikin 10 template

48:17Kalau di compare

48:19Ini sama ini warnanya coba aja

48:21Benar-benar sama

48:23Iya coba dibuka

48:25Ya kan

48:27Artikel kali ya

48:29Saya minta bikin

48:3110 template terus saya pilih gitu

48:33Langsung dari kodexnya berarti itu ya

48:37Iya

48:39Sudah ada cloud design sekarang

48:41Cloud design, ada cloud design

48:43Ada google stitch

48:45Ada open design, ada banyak sih

48:47Wih ya ya

48:51Vibe-nya sama ya

48:53Cuma warnanya ya diganti ya

48:55Ada lagi mungkin yang mau di komen

49:07Ini gak working

49:11Apa tuh

49:13Oh lambat ternyata

49:15Si screenshot gallery-nya

49:19Lambat ternyata

49:21Screenshot gallery

49:23Jadi kalau misalnya

49:25Stream dari R2 itu

49:27Oh ininya apa

49:31Storage-nya

49:33Pake R2

49:35R2 itu yang dari cloudflare

49:37Bukan ya

49:39Cloudflare kan ya

49:41Contohnya itu tuh

49:43Flat V aplikasi kasir

49:45Londis sepatu

49:47Tadi saya coba

49:49Ada di private chat

49:51Itu di private chat

49:53Sebenarnya jalan tapi lambat aja

49:59Agak lambat ya

50:01Coba diklik

50:05Oh screenshot gallery-nya agak lambat

50:07Diklik aja

50:09Ada screenshot, ada gallery

50:11Oh iya

50:13Klik-klik kanan

50:15Klik-klik kanan ya

50:17Kayak mati gitu dulu ya

50:19Serasa gak jalan ya

50:21Saya tadi klik kok gak jalan sih

50:23Cepet nge-glitch sedikit ya

50:25Ini image-nya

50:27Seberapa gede

50:29Kalau ini kayaknya gak saya compress deh

50:31Itu udah responsif kok

50:33300 gak gede

50:37Eh gak, besar tuh

50:39Intrinsic size-nya 1000

50:41Oh iya

50:431284 ya

50:45Udah pake next image component sih

50:47Nah yang gini-gini nih

50:51Agak susah bilang

50:53The AI

50:55Oh iya, next image ya

50:57Iya, nah kan ada

50:59Current source-nya, coba diklik current source-nya

51:01Pas ada pop-up-nya

51:03Nah itu

51:05Coba lihat sebesar apa

51:07Sebenernya apa

51:09Di download

51:11Oh

51:13Kira-kira bisa

51:15Buka disini

51:17WebP, 89,6 kilo

51:19WebP soalnya

51:21Iya

51:2390 kilo ya

51:25Oh itu berarti udah saya komasok besar

51:27It's fine

51:29Cuma ininya si

51:31Gallery

51:33Gallery-nya, atau ini

51:35Oh, harusnya ada

51:37Loader kali ya, loading spinner gitu ya

51:39Ada loader, atau ada

51:41Gimana

51:43Sama sih space yang tempat image itu

51:45Dibikin placeholder div aja

51:47Yang ukurannya segitu

51:49Kalau itu kan, kalau image-nya belum tolok

51:51Kayak loncat

51:53Persepsi user itu

51:55Kerasa banget lambatnya kan

51:57Oke

51:59Saya catetin, biar langsung diimplementasi

52:01Nih malem ini

52:03Asik

52:05Langsung minta ehai untuk bikin ini nih

52:07Ini kan kemau karusel yang ringan

52:09Kan sebenernya teknologi web

52:11Yang native nih, yang bukan pakai

52:13Apa, gak pakai external library

52:15Yang berat, juga pakai CSS sama

52:17Javascript bawaan browser, udah bisa

52:19Pake karusel, nah tuh

52:21Link-nya di private chat

52:23Suruh aja AI-nya bikin

52:25Karusel bikinan

52:29Mas Adam Argyle

52:31Adam Argyle

52:33Tuh ada masukan juga

52:37Dari penonton

52:39Kasih lezzy image placeholder

52:41Kalau tidak salah punya next image

52:43Ada ya, oh iya ini bisa

52:45Lezzy placeholder juga ya

52:47Ada bawaan, apa next image

52:49Keliatannya udah provide deh

52:51Udah ya

52:53Sama tadi yang di home itu

52:57Keliatannya thumbnail

52:59Apa, thumbnail image-nya itu

53:01Jadi gepeng

53:03Ke squeeze

53:05Gitu

53:07Coba aja nanti

53:09Sambil penasaran sih pengen liat

53:11AI-nya nangkep atau enggak, scroll ke bawah

53:13Nah

53:15Klik kanan aja di thumbnail

53:17Manapun

53:19Itu kan gepeng kan

53:21Padahal itu udah pakai

53:25Class name

53:27Eh bentar, bukan

53:29Pencet div container-nya

53:31Container image-nya

53:33Di atas

53:35Atasnya iya

53:37Nah itu kan kalau detail-in

53:39Size-12

53:41Itu kan kayak, padahal udah

53:43Width dan height yang proportional

53:45Eh, cuma enggak kelihatan ya itu

53:47Shift + Command + D deh

53:51Biar lebih jelas

53:53Comment di

53:55Biar DevTools-nya

53:57Turun di bawah

53:59Yang mana tadi?

54:03Yang lagunya jadi gepeng

54:05Nah itu kayak height ssh tuh

54:07Ini namanya apa ya?

54:09Ini ya, helipod ya

54:11Ini bisa ya

54:13Nih

54:15Nah bawahnya

54:17Bukan bawahnya lagi

54:19Itu kan harusnya di atas kertas

54:21Ini maksudnya teknisnya

54:23Size-12 tuh udah di set width sama height-nya

54:25Tapi jadi gepeng

54:27Karena itu tuh flexbox

54:29Sekarang coba deh

54:31Ketika jadi element style

54:33Flex string-nya

54:35Flex

54:37String

54:39Nol

54:41Nah bener kan

54:43Coba buat

54:45Buat uji ke pintaran AI

54:47Tapi jangan bilang

54:49Jangan bilang

54:51Ini kok

54:53Ini size-nya udah benar, kok gepeng?

54:55Coba benerin

54:57Ini sesuatu yang recorder nggak tahu nih

54:59Ya makanya

55:01Mungkin ngetes gini pakai

55:03Itu nya mas Zain kan ya

55:05Sebenar

55:07Biar kita sama-sama belajar

55:09Flex string itu sebenarnya fungsinya apa sih?

55:11Nah itu revert lah pokoknya

55:15Flex itu

55:17Dia ngikut parentnya

55:19Jadi karena parentnya

55:21Flex

55:23Parentnya adalah yang MB-4 itu

55:25Nah si parentnya itu kan punya anak dua

55:29Punya anak dua, si logo

55:31Container logo

55:33Sama container text

55:35Sama image, eh sama ini

55:37Flex itu flexible

55:41Nah apa?

55:43Si container text-nya itu kan besar

55:45Intinya kalau nggak dikasih flex string

55:47Itu dia akan apa?

55:49Si container text yang besar itu

55:51Akan menekan

55:53Jadi bikin

55:55Itunya apa? Gepeng

55:57Dia akan stretch

55:59Ditekan ya

56:01Bahasa teknis yang lebih

56:03Bagus

56:05Kalau nggak nyontek, gue nggak bisa

56:07Ya apanya

56:09Penjelasan yang lebih teknis sih ada

56:11Cuma yang jelas kalau parentnya adalah

56:13Flex, terus punya anak dua

56:15Itu emang flexible

56:17Jadi namanya flexible, kita nggak bisa memprediksi

56:19Itu ukurannya berapa

56:21Yang besar akan stretch

56:23Se, ya apa?

56:25Oh karena ini dia butuh

56:27Space lebih besar gitu ya

56:29Karena dia paragon, dia bukan

56:31Bisa di override

56:35Dengan cara si yang

56:37Kita nggak mau ini susut

56:39Kita mau, dia kan udah

56:41Desk-desk 12

56:43Gak boleh shrinking ya

56:45Entah berapa lah width-nya kita udah bilang

56:47Misalnya kita pengen width-nya

56:49Berapa pixel atau berapa rem

56:51Width-nya harus empat rem

56:53Nah kita bisa override

56:55Behavior dari parent flex-nya

56:57Yaitu cukup self explanatory

56:59Flex string 0

57:01Jangan sampai sering

57:03Jangan sampai

57:05Kalau dibikin flex string 1

57:07Jadinya apa?

57:09Nol ini apa?

57:11Nol itu ya jangan

57:13Oh ini level ya

57:15Level terbesarnya adalah

57:17Yes or no

57:19Oh yes or no

57:21Di CSS nggak ada true/false ya

57:27Kalau ininya dibikin flex string

57:37Jadi manjang

57:39Lawannya flex string apa?

57:41Flex grow

57:43Grow

57:45Nah pernah liat nggak

57:49CSS flex titik 2 1

57:51Coba aja tetik

57:53Random di mana pun

57:55Flex

57:57Di sini

57:59Flex titik 2 1

58:03Gini

58:05Flex string-nya ilangin

58:07Flex string-nya ilangin

58:09Nah ada arrow itu coba dibuka deh

58:13Pasti pernah liat kan

58:15Flex titik 2 1

58:17Nah itu sebetulnya

58:19Shortcut

58:21Grow string

58:23Flex basis

58:25Flex basis itu semacam

58:27By default dia harus di-ranger seberapa

58:29Jadi bisa pakai percentage

58:31Kalau kita pengen gambarnya

58:33Container thumbnail itu

58:35Harus selalu 20% dari

58:37Parent-nya

58:39Nah itu di flex basisnya

58:41Jadi apa?

58:43Kalau mau di set satu per satu bisa

58:45Mau pakai shorthand flex itu bisa

58:47Jadi dikasih value 3

58:49Oke

58:53Mantap

58:55Oke ada lagi

58:59Cuma bentar jadi penasaran ini kan

59:01Kebetulan, gue tahu karena

59:03Spesialisasi di front-end

59:05Cuma misalnya ngerjain infra

59:07Atau apa yang gue nggak tahu kan

59:09Juga kayak gitu kan cuma

59:11Wah ini salah jangan gini gitu aja

59:13Nah itu cara work around-nya

59:15Gimana ya

59:17Grounding-nya

59:19Apakah kita nge-load agent skill ya kan

59:21Sekarang ada agent skill

59:23Tapi juga kita nggak tahu nggak bisa memastikan

59:25Bahwa itu benar kan

59:27Maksudnya apa

59:29Buat yang ngenalin dan sehari-hari

59:31Udah punya pengalaman real life

59:33Ya apapun itu lah back-end atau infra

59:35Kalau misalnya lihat sesuatu kan

59:37Walaupun mungkin belum kebayang harus nyoba

59:39Dulu tapi udah ada feeling kan

59:41Intuisi nah intuisi

59:43Intuisi manusia itu kan berdasarkan

59:45Experience

59:47Nah kalau AI dibikin biar punya intuisi

59:49Biar di steering ke arah yang betul

59:51Itu gimana ya

59:53Nggak bisa, kalau mau

59:55Salah satu solusinya adalah

59:57Kalau punya token lebih

59:59Bisa minta AI yang lain untuk

1:00:01Nge-review, kan sekarang

1:00:03Sering kan kejadian

1:00:05Yang bikin code-nya itu

1:00:07Cloud code

1:00:09Terus yang review-nya codex

1:00:11Atau sebaliknya

1:00:13Jadi nggak

1:00:15Bukan model yang sama, model yang berbeda

1:00:17Oh iya

1:00:19Pokoknya semua

1:00:21Misalkan kayak apa ya

1:00:23Pull request, semua pull request

1:00:25Atau semua changes itu harus

1:00:27Dereview dulu sebelum di commit

1:00:29Misalkan

1:00:31Tapi nge-review-nya jangan dengan

1:00:33AI yang sama

1:00:35Atau jangan dengan

1:00:37Coding agent yang sama, pakai

1:00:39Coding agent yang berbeda

1:00:41Ini ada pertanyaan

1:00:47Cuma kalau dua model sama-sama nggak sadar

1:00:49Bahwa ya kayak gitu

1:00:51Ini contoh kasus aja tadi, contoh kasus

1:00:53Bahwa kalau perennya flex

1:00:55Terus calutnya dua, dan satunya besar

1:00:57Itu yang satu bakal

1:00:59Kedorong, unless kita kasih

1:01:01Sering, nah itu kan hal

1:01:03Yang cukup spesifik ya

1:01:05Nah apakah sabung

1:01:07AI buat nge-review itu bisa

1:01:09Ya mungkin meng-catch

1:01:11Nge-catch sebagian issue

1:01:13Kayak gitu atau nggak ya? Soalnya

1:01:15Belum punya pengalaman

1:01:17Itu kan blind spot ya

1:01:19Bisa dibilang kayak blind spot

1:01:21Bisa jadi dia

1:01:23Petasang ini sih apa namanya

1:01:25Bisa jadi dia bikin

1:01:27Width important

1:01:29Terus dia

1:01:31Height important juga bisa kan

1:01:33Itu cara gue tuh

1:01:35Iya, kalau untuk

1:01:39Front end sih kayaknya minta

1:01:41Dereview sama anti-gravity atau

1:01:43Gem initialize sih kayaknya lumayan

1:01:45Efektif ya

1:01:47Tapi nggak tahu sampe sedetil itu atau nggak sih

1:01:49Nggak tahu ya

1:01:51Ini ada pertanyaan nih

1:01:53Mas Khalid, ini desain tampilannya

1:01:55Pakai skill nggak? Nggak kan ya

1:01:57Tadi ya? Nggak

1:01:59Nggak ya, langsung nembak ya

1:02:01Saya mau website-nya mirip seperti

1:02:03Anthropik ya, website

1:02:05Anthropik gitu ya

1:02:07Model begitu doang

1:02:09Begitu doang ya

1:02:11Oke

1:02:13Ada lagi mungkin?

1:02:15Atau dari mas Khalidnya ada yang mau

1:02:17Ditanyakan lagi?

1:02:19Belum ada lagi sih ya

1:02:23Belum ada ya, oke

1:02:25Kalau belum ada mungkin

1:02:27Untuk beda website-nya

1:02:29Sekian dulu

1:02:31Mudah-mudahan masukannya

1:02:33Bermanfaat, kita sama-sama belajar juga

1:02:35Terima kasih sudah submit

1:02:37Terima kasih sudah hadir

1:02:39Selama hari ini

1:02:41Gampang ya

1:02:43Website-nya bagus, sukses ya

1:02:45Buat ini aplikasi

1:02:47Semoga bisnis-bisnis

1:02:49AI gateway-nya bisa hidup lagi

1:02:51Bisa dapat solusi ya

1:02:55Tetap dijaga

1:02:57Di jalur yang aman ya

1:02:59Jangan terlalu gray ya

1:03:03Bahaya ya

1:03:05Double gray nggak apa-apa

1:03:07Jangan terlalu gelap aja

1:03:09Double gray, double gray

1:03:11Kan tadi ada 2 kan, 2 ya

1:03:13Batasnya kalau

1:03:15C-C-C-C itu batasnya gray

1:03:17Yang C-C-C-C

1:03:19Jangan sampai D-D-D-D atau E-E

1:03:212-2-2 juga masih

1:03:23Kalo bisa ke D-D-D-D

1:03:25Atau ke E-E-E

1:03:27Oke

1:03:29Siap

1:03:31Ya, gitu aja mungkin mas Khalid

1:03:33Terima kasih banyak

1:03:35Kita ketemu lain waktu ya

1:03:37Terima kasih

1:03:39Oke, kita coba

1:03:41Liat-liat di komentar ya

1:03:43Kalau ada

1:03:45Komentar-komentar yang menarik

1:03:47Oh iya

1:03:49Semoga bisa dicoba

1:03:51Ketinggalan lagi, makanya subscribe dong

1:03:53Mas Flex Bro

1:03:55Wah ini jagoan CSS nih

1:03:57Flex Bro

1:03:59Bukan mas

1:04:07Saya belum pernah ke Banyo mas

1:04:09Beda orang-beda orang

1:04:11Saya sudah

1:04:15Bukan mas Sudirissa bisa ngomong itu

1:04:17Ngapak

1:04:19Ngapak

1:04:21Beda orang selalu

1:04:23Nggak

1:04:25Saya sudah kirim di ngobrol diskusi

1:04:27Semoga bisa di bedah, ya

1:04:29Terima kasih ya, submitnya nanti kita coba

1:04:31Liat dan

1:04:33Kita coba bedah

1:04:35Di next

1:04:37Bedah web

1:04:39Sesi bedah web ya, terima kasih

1:04:41Sabung AI tadi

1:04:43Udah

1:04:45Di cloud, ada advisor

1:04:47Pengaruh banget nggak?

1:04:49Usah mah

1:04:51Gak, nggak pernah pake ya

1:04:53Nggak pernah pake

1:04:55Udah nggak subscribe lagi ya

1:04:57Promo cloud code-nya

1:04:59Udah habis

1:05:01Ada bergeberan baru

1:05:03Jadi company saya, tempat saya bekerja

1:05:05Subscribe ke tim plan

1:05:07Tim plan untuk?

1:05:09Enterprise plan

1:05:11Jadi satu company

1:05:13Antropik?

1:05:15Iya

1:05:17Jadi saya punya lagi cloud

1:05:19Punya lagi?

1:05:21Enak nih

1:05:23Tapi bedanya

1:05:25Bisa bahas cloud design

1:05:27Pakai nggak cloud design?

1:05:29Bisa pakai, saya baru saja bikin pakai cloud design

1:05:33Jadi waktu retrait kemarin itu

1:05:35Satu company di beliin

1:05:37Dikasih

1:05:39Dikasih semua

1:05:41Tokon-tokon

1:05:43Jadi seluruh

1:05:47Lini disuruh pakai AI

1:05:49Dan kita hackathon

1:05:51Seru sih seru-seru

1:05:55Bedanya cloud design

1:05:57Kalau di cloud design itu connect

1:06:01Jadi design system yang kita bikin

1:06:03Di cloud design

1:06:07Bisa dipakai

1:06:09Bisa dilihat oleh satu company

1:06:11Saya nggak tahu

1:06:13Ada analytics-nya gitu-gitu ya?

1:06:15Nggak, jadi bisa saya bikin design system

1:06:17Design token-nya saya

1:06:19Design system

1:06:21Design system-nya saya bisa dipakai oleh orang lain

1:06:23Share knowledge gitu ya

1:06:25Share, ada ya share knowledge

1:06:27Terus kemudian kalau nanya ke cloud

1:06:29Kita jadi sudah punya bot-bot-bot-bot-nya

1:06:31Yang sudah punya

1:06:33R-A-G-nya

1:06:35Udah ada memory

1:06:37R-A-G yang bisa di-connect

1:06:39Jadi satu company

1:06:41Sudah satu company di-connect

1:06:43Ke Google Drive, ke Google Gmail

1:06:45Sebagainya, di-connect ke Jira

1:06:47Bukan bikin sendiri yang

1:06:49Serius ada?

1:06:51Dari admin yang connectin ke drive

1:06:53Ke Jira

1:06:55Ke segala macam, jadi kita itu

1:06:57Sudah langsung bisa dapet

1:06:59Ya emang useful banget ya

1:07:01Bermanfaat

1:07:03Berapa itu sebulan tagihan-nya?

1:07:05Jangan di bitir

1:07:07Dengan-dengan sih 7ribuan

1:07:097ribu USD

1:07:11Per bulan

1:07:13Untuk berapa orang, berapa sit

1:07:15Unlimited, apa-apa sit

1:07:17Nggak, jadi ada

1:07:19Ininya kan, ada

1:07:21Bisa, misalnya

1:07:23Saya kan

1:07:25Ambilnya cuma yang kayak

1:07:27Kalo setara

1:07:29Kalo setara yang

1:07:31Pro, yang 20 USD

1:07:33Account-nya saya

1:07:35Tapi kalo mau request ke

1:07:37Yang 5x atau 20x

1:07:39Itu bisa

1:07:41Cuma perlu justifikasi aja

1:07:43Bisa di-provision

1:07:45Berarti

1:07:47Bisa di-provision akun ini

1:07:49Jatahnya segini

1:07:51Akun itu dapat

1:07:53Biasanya

1:07:55Seru ya

1:07:57Ya itu keputusan

1:08:01Yang sama

1:08:03Keputusan saya

1:08:05Jadi saya pakai saja, dikasih

1:08:07Alhamdulillah

1:08:09Ini, melanjutkan tadi

1:08:15Pertanyaan Eka, mau gak mau

1:08:17Kita harus ajarin AI-nya

1:08:19Harus step by step, karena langsung

1:08:21Ya kalo

1:08:23Kalo yang tadi kayak

1:08:25Yang dibenerin AI, saya lebih cepet

1:08:27Benerin langsung di file-nya, daripada

1:08:29Minta AI-nya

1:08:31Oh bukan sih, kalo

1:08:33Tadi concern gue adalah

1:08:35Apa ya, blind spot yang

1:08:37Karena bukan pengalaman dan ekspertis

1:08:39Pribadi kita, kasusnya lebih ke

1:08:41Yang kayak tadi, percara flex

1:08:43Kan, ya bisa

1:08:45Koreksi karena tau, nah suatu saat

1:08:47Kalo teknologi yang mungkin kita nggak terlalu

1:08:49Tahu, kita nggak tau celah kisih-kisihnya

1:08:51Jadi kayak mau ngarahin, juga nggak tau

1:08:53Ngarahin mulai dari mana

1:08:55Lebih ke mikir

1:08:57Kayak itu ada gap

1:08:59Yang gimana

1:09:01Macahinnya di dunia, yang nanti

1:09:03Kan Conan katanya

1:09:05Kayak Steve Yege itu loh, Gastown

1:09:07Yang kita udah nggak ngeliat kode sama sekali

1:09:09Udah kita becet-becet doang

1:09:11Tapi maksanya berarti kan itu ada gap besar

1:09:13Yang harus dipecahin

1:09:15Berarti apakah kita semua

1:09:17Belos kan

1:09:19Iya, jadi waktu

1:09:21Kapan ya, diskusi sama Ivan juga

1:09:23Yang membedakan antara

1:09:25Orang yang sudah mengerti

1:09:27Programming menggunakan AI dengan

1:09:29Orang yang dia

1:09:31Nggak tau menahu apa-apa

1:09:33Tentang programming, terus dia pakai AI

1:09:35Itu beda cara pakainya

1:09:37Iya

1:09:39Aduh, jadi

1:09:41Kalau AIK kan ngeliat kode-kode lu langsung

1:09:43Gitu kan, pengalaman saya

1:09:45Saat AI Hackathon kemarin itu

1:09:47Ya itu kayak

1:09:49Project manager, terus kemudian

1:09:51Bagian finance

1:09:53Mulai bikin aplikasi

1:09:55Mereka sendiri, mereka sangat happy

1:09:57Yay bikin aplikasi

1:09:59Tapi ujung-ujungnya setelah AI Hackathon

1:10:01Jadi saya dan tim saya

1:10:03Kerennya mereka

1:10:05Membuat AI Hackathon ini

1:10:07Timnya tuh bener-bener

1:10:09Dibikin diversifikasi

1:10:11Bagus banget, jadi saya dimasukin

1:10:13Ke tim yang

1:10:15Bagiannya finance

1:10:17Project manager

1:10:19Dan ada satu

1:10:21Cloud engineer

1:10:23Jadi bener-bener 4 orang

1:10:252 engineer, 2 totally

1:10:27Bukan engineer, jadi kita tuh berdua

1:10:29Mengajarkan cara pakai

1:10:31AI coding agent

1:10:33Cloud

1:10:35Cloud

1:10:37Gak pakai yang

1:10:39CLI tapi pakai yang

1:10:41Cloud power

1:10:43Cloud design, pertama cloud design

1:10:45Terus kemudian cloud code

1:10:47Tapi pakai aplikasi

1:10:49Jadi

1:10:51Mereka berhasil membuat

1:10:53Aplikasi yang mereka bayangkan

1:10:55Dan mereka visikan

1:10:57Tapi ujung-ujungnya tetep, abis itu

1:10:59Saya ambil alih

1:11:01Perbaiki sana-sini

1:11:03Jadi bagus

1:11:05Tetep harus ada ujung-ujungnya

1:11:07Tetep ada, kan kalau kata

1:11:09Adi Osmani kan AI itu

1:11:11Cuma bisa sampai 70%

1:11:13Masalah skalibilitas, deployment

1:11:15Nah itu kan agak-agak sulit tuh

1:11:17Kalau dibiarkan AI

1:11:19Dan sudah deploy, sudah dipakai

1:11:21Oh sudah deploy dan sudah

1:11:23Dipakai, itu dia deploy sendiri

1:11:25Enggak kan, dengan bantuan tim tech kan

1:11:27Enggak, saya yang deploy akhirnya

1:11:29Iya

1:11:31Tapi jadi dipermudah

1:11:35Oh iya jelas

1:11:37Dipermudah jelas

1:11:39Jadi apa ya, sekarang itu

1:11:41Orang udah gak ada

1:11:43Alasan lagi untuk

1:11:45Dia punya ide

1:11:47Langsung bisa dibikin ya

1:11:49Alasan satu-satunya alasan

1:11:51Alasannya kurang token

1:11:53Punya token, karena punya token

1:11:55Kalau gak punya ya sama aja

1:11:57Harusnya

1:12:03Wah ini agak-agak

1:12:05Seret ya

1:12:07Tadi kan kita udah dibahas

1:12:09Di awal tadi, kalau kita masih mikirin

1:12:11Perut, gak bisa kita mikirin

1:12:13Bagi-bagi token seperti Singapura

1:12:15Beda kebutuhan

1:12:19Karena

1:12:21Level negaranya juga berbeda

1:12:23Ya beda nasib bener

1:12:25Rupiah melemah

1:12:29Harga cloud makin mahal, iya

1:12:31Makin berasa ya

1:12:35Tapi saya sudah

1:12:37Exit belayar sendiri

1:12:39Oh masih ada sih

1:12:41Mochin doang

1:12:43Mochin ya

1:12:45JLM sama

1:12:47JLM sama OpenCode Go

1:12:49Which is Mochin

1:12:51Ya, jadi

1:12:53Kalau temen-temen merasa cloud atau

1:12:55Codex atau

1:12:57Model

1:12:59US atau model

1:13:01Barat terlalu mahal

1:13:03Coba salah satu solusi

1:13:05Yang lumayan murah-meriah

1:13:07Ada di model China ya

1:13:09Dipsyck bagus

1:13:11Katanya, JLM bagus

1:13:13Kini

1:13:15Quen juga bagus

1:13:17Iya

1:13:19Ini makin bagus

1:13:21Bagus, kalau mau

1:13:23Berlangganan yang murah-meriah

1:13:25Apa tadi OpenCode Go ya

1:13:275 dolar

1:13:2910 dolar

1:13:315 dolar, habis itu 10 dolar

1:13:33Habis itu 10 dolar

1:13:35Isinya model China

1:13:37Kalau mahasiswa tetap berat juga sih

1:13:39170.000 dolar ya sekarang

1:13:41Tergantung mahasiswa

1:13:43Strata apa sih

1:13:45Cuma kalau

1:13:47Kalau dulu

1:13:49Kalau dulu ngeliat harga dolar itu

1:13:51Secara naluri, dikali 10.000

1:13:5310.000 dolar ya

1:13:55Sekarang ngeliat harga dolar, dikali 20.000

1:13:57Udah nggak bisa dikali

1:13:59Kali 15, kali 20

1:14:01Biar bulet gitu ya

1:14:03Biar bulet

1:14:05Itu kan kantornya Ivan

1:14:07Banyak di online, tinggal cari aja nama saya

1:14:11HumanMate

1:14:13Eh masih kan HumanMate

1:14:15Masih masih

1:14:17Tapi

1:14:19WordPress ya

1:14:21Oke

1:14:23Buat minggu depan

1:14:25Buat minggu depan kita mau bahas apa

1:14:27Yang belum dibaca apa tuh

1:14:29Jelasin AI sesuai knowledge

1:14:31Jelasin AI, knowledge dan experience kita

1:14:37Tapi apakah

1:14:41Karena to the point atau gimana

1:14:43Nggak ngerti nih

1:14:45Lebih fokus

1:14:49Kalimat terakhir lah, credit abis

1:14:51Ya bisa sih

1:14:53Misalnya apalah ada suatu isu yang

1:14:55Kita gak tahu

1:14:57Mengarahinya gimana, karena bukan sortis kita

1:14:59Ya mungkin kita tanya-tanya aja

1:15:01Terus sampe betul

1:15:03Kita ngarahin

1:15:05Ya ya

1:15:09Cuma kan kasusnya ini hal yang nggak kita kuasain

1:15:11Ya kita deklaratif

1:15:13Apa yang impratif, apa deklaratif

1:15:15Punya hasilnya harus gini

1:15:17Saya mau punya hasilnya deklaratif ya

1:15:19Kita

1:15:21Perlu ini aja deh

1:15:23Ngasih temen-temen

1:15:25Sedikit caranya

1:15:27Bagaimana caranya sih

1:15:31Coding agent atau LLM

1:15:33Yang chat

1:15:35Yang kita lakukan itu per sesinya

1:15:37Seperti apa sih, kenapa sih toke kita

1:15:39Bisa habis

1:15:41Sebelum

1:15:43Acara dimulai, kalo misalnya

1:15:45Di coding agent kita begitu mulai

1:15:47Buka sesi baru

1:15:49Dia itu udah banyak konteks ya

1:15:51Kayak MCP konteks

1:15:53Skills

1:15:55System prompt segala macem tuh

1:15:57Ya semuanya sudah dibaca

1:15:59Anggap aja ini konteks ya semua ya

1:16:01Lalu kita

1:16:03Mengatakan hai

1:16:05Inilah hai nya kita

1:16:07Nah saat kita mengatakan hai itu

1:16:09Ini semua dikirimkan

1:16:11Terus si LLM nya

1:16:15Ngeresponse

1:16:17Ya kan, dia response, hai balik

1:16:19Terus kita nanya lagi

1:16:21Apa kabar

1:16:23Ya kan

1:16:25Nah saat kita nanya apa kabar itu

1:16:27Semua-semua ini dikirimkan

1:16:29Semuanya

1:16:31Seluruh konteksnya dikirimkan

1:16:33Seluruh konteks dikirimkan

1:16:35Nanti kemudian dia akan

1:16:37Balas lagi

1:16:39Demikian aja sebetulnya kalo kita tanya lagi

1:16:41Disini panjang gitu ya

1:16:43Nanti dia kirim lagi

1:16:45Jadi kalo misalnya kalian

1:16:47Attach PDF

1:16:49Yang beriga-iga

1:16:51Image

1:16:53Dan bertanya berkali-kali

1:16:55Yaitu tokennya cepet abis

1:16:57Udah

1:16:59Dan ada itu kan

1:17:01Ada apa, dumb zone kan

1:17:03Kalo di bawah

1:17:05Kalo bisa konteks window itu kita tetep

1:17:07Di bawah 50% kan, kalo di atas 50%

1:17:09Dia udah semakin bodoh kan

1:17:11Makanya

1:17:13Makanya ada cara

1:17:15Gimana caranya supaya

1:17:17Semua state

1:17:19Atau proses percakapan

1:17:21Progress dan lain-lain itu dipindahkan

1:17:23Ke dokumen atau ke

1:17:25External database

1:17:27Atau suka ada kan cloud dash

1:17:29Name atau apa

1:17:31Ada kayak

1:17:33Sqlite

1:17:35Setiap kali konteksnya udah mau penuh

1:17:37Atau setiap kali kita mau

1:17:39Task baru itu buka

1:17:41Window baru

1:17:43Atau buka session baru aja

1:17:45Session baru

1:17:47Ada fitur kayak compact

1:17:49Compressed atau compact

1:17:51Ada fitur kayak hand off

1:17:53Jadi kita sekarang lagi ngerjain apa nih

1:17:55Terus kita pengen

1:17:57Ke step selanjutnya atau fitur selanjutnya

1:17:59Tapi yang masih related

1:18:01Beberapa coding agent

1:18:03Punya coding harness

1:18:05Punya fasilitas hand off

1:18:07Itu kayak dia merengkas hal-hal yang penting aja

1:18:09Terus kayak

1:18:11Otomatis dipindahin ke

1:18:13Sesi baru, jadi lebih

1:18:15Otaknya dia lebih lowong

1:18:17Tapi hal-hal yang paling pentingnya

1:18:19Tetep ada informasi

1:18:21Tentang hal penting

1:18:23Saya menyarankan kalian sebelum masuk

1:18:25Ke coding agent

1:18:27Coba larikan chatbot

1:18:29Kalian

1:18:31Dari vanilla pakai javascript

1:18:33Konik aja ke OpenAI

1:18:35OpenAI

1:18:37API key

1:18:39Kalau enggak pakai open router

1:18:41Atau apa pun lah ya

1:18:43Di open router ada yang free

1:18:45Ada yang free

1:18:47Open router itu ada

1:18:49Gemini flash ya

1:18:51Gemini gratis

1:18:53Maksudnya gratis ada free tier ya

1:18:55Gemini flash ya

1:18:57Bisa free tier

1:18:59Coba aja pakai gemini API key

1:19:01Yang flash

1:19:03Bikin chatbotnya vanilla

1:19:05Supaya tahu cara kerjanya

1:19:07Si LL

1:19:09Yes

1:19:11Saya dari tutorialnya Mas Rize itu belajar

1:19:13Dan Mas Rize dari tutorialnya Mas

1:19:15Arya

1:19:17Arya Hidayat

1:19:19Benar-benar saya belajar itu satu per line

1:19:21Codenya itu saya belajar

1:19:23Oh begini tuh cara kerjanya

1:19:25Sampai mengerti

1:19:27Jadi

1:19:29Sebenarnya

1:19:31Compact pun sebenarnya ada efeknya

1:19:33Nggak bisa sering-sering kita pakai

1:19:35Bisa aja kehilangan konteks kan

1:19:37Hilangan konteks dan pakai token juga

1:19:39Orang suka nggak sadar kan

1:19:41Kalau kita bolak-balik compact

1:19:43Dia summarize kan

1:19:45Iya dia summarize

1:19:47Jadi saya dapat konteks

1:19:49Saya bikin new session aja

1:19:51Bikin baru aja

1:19:53Jadi usahakan

1:19:55Bikin ininya apa

1:19:57Sesinya tuh satu sesi

1:19:59Selesai

1:20:01Sesi berikutnya mungkin oh kalau ada ngebug

1:20:03Ya iya kecil-kecil

1:20:05Dipecah jadi kecil-kecil

1:20:07Nah itu bisa disebar ke

1:20:09Kan sekarang banyak juga

1:20:11Atau agent

1:20:13Atau agent swarm

1:20:15Atau agent team

1:20:17Nah maksudnya semua bisa jalan

1:20:19Berbaringan

1:20:21Kecil-kecil tanpa sampai

1:20:23Kalau tasnya besar

1:20:25Kan ya itu risiko konteksnya

1:20:27Penuh harus di compact, compress

1:20:29Dan lain-lain

1:20:31Apa kurangin kebutuhan kayak gitu

1:20:33Dipecah semua jalan

1:20:35Terakhir report ke

1:20:37Iya berarti

1:20:39Kita harus belajar project management dong ya

1:20:41Bagaimana mempecahkan

1:20:45Satu apa, satu

1:20:47Mekerjaan supaya bisa

1:20:49Atomic, jadi bisa dikerjakan

1:20:51Secara independen

1:20:53Masing-masing agent

1:20:55Atau mungkin agentnya kita cuman

1:20:57Pakai satu karena keterbatasan token ya

1:20:59Tapi dia tetap

1:21:01Tidak, sebisa mungkin tidak

1:21:03Berhubungan dengan pekerjaan

1:21:05Yang lain, ya kalau berhubungan ya

1:21:07Gak apa-apa, tapi harus dijelaskan

1:21:09Juga kan, oh ini dependent on

1:21:11Tas sekian gitu

1:21:13Oke, apakah

1:21:17Subscribe cloud enterprise

1:21:19Worth it

1:21:21Kalau buat

1:21:23Kampanyi gitu ya

1:21:25Subjektif, subjektif itu maksudnya

1:21:27Yang subscribe enterprise plan

1:21:29Pasti suatu

1:21:31Kantor atau perusahaan

1:21:33Atau apa, industri kan

1:21:35Nah si perusahaan itu

1:21:37Dia dapat value

1:21:39Dari mana kan, misalnya jualan

1:21:41Kalau jualan

1:21:43Kalau misalnya apa

1:21:45Dia subscribe enterprise plan dengan

1:21:47Semua perks dan privilege

1:21:49Yang Ivan bilang tadi

1:21:51Seimbang sama pemasukannya atau enggak kan gitu kan

1:21:53Output dan output code

1:21:55Bukan soal ini sih

1:21:57Yang dilihat itu

1:21:59Bukan soal

1:22:01Hanya bukan soal duitnya saja

1:22:03Tetapi ada

1:22:05Klausul-klausul kontrak tertentu

1:22:07Yang diberikan antropik dengan enterprise plan

1:22:09Contohnya

1:22:11Data yang digunakan, yang kita pakai

1:22:13Tidak digunakan untuk

1:22:15Training kembali

1:22:17Itu ada klausul

1:22:19SOP kali ya

1:22:21Ada kontrak lah, jadi

1:22:23Privacy, dan ketentuan berlaku lah ya

1:22:25Iya

1:22:27Lalu data sharing

1:22:29Hanya bisa inside company

1:22:31Jadi nggak ada yang bisa keluar

1:22:33Terus

1:22:37Privacy

1:22:39Masing-masing

1:22:43Jadi untuk konekin ke Google Drive

1:22:45Segala macam itu

1:22:47Karena Google Drive nya itu kan

1:22:49Kita pakai yang Google

1:22:51Workspace kan ya

1:22:53Kita pakai Google Workspace

1:22:55Yang hanya bisa di approve oleh admin

1:22:57Jadi kita kan kalau pakai cloudnya kita sendiri

1:22:59Yang bukan enterprise

1:23:01Nggak bisa tuh kita konekin ke Google Drive nya

1:23:03Kita punya

1:23:05Yang punya perusahaan

1:23:07Karena harus admin yang approval

1:23:09Jadi kalau admin approval

1:23:11Satu-satu-satu-satu kan ribet ya

1:23:13Atau berantakan kan

1:23:15Nggak tahu punya account siapa, nggak bisa dijamin

1:23:17Kalau misalnya pakai enterprise plan

1:23:19Hanya admin yang bisa

1:23:21Konekin ke Google Drive

1:23:23Hanya admin yang bisa konekin ke Jira

1:23:25Jadi

1:23:27Satu

1:23:29Satu payung ceritanya

1:23:31Jadi kita tinggal

1:23:33Tinggal pakai, jadi koneksinya

1:23:35OAuth nya tuh cuma satu

1:23:37Nggak bermutri-mutri OAuth segala macem

1:23:39Jadi

1:23:41Lupa lagi misalnya si X

1:23:43Sudah tidak bekerja lagi

1:23:45Eh ternyata masih konek ke cloud

1:23:47Di Google Drive yang lama

1:23:49Kan berabik

1:23:51Contohnya

1:23:53Jadi security, privacy

1:23:55Itu ditawarkan oleh enterprise

1:23:57Oh SSO

1:23:59Ditawarkan oleh sistem dari sisi

1:24:01Enterprise plan

1:24:03Worth it nya ya tergantung

1:24:05Kalau kalian company nya

1:24:07Ke arah security, privacy dan segala macem

1:24:09Itu dan client nya

1:24:15Enterprise yang mewajibkan

1:24:17Soctu

1:24:19Atau kemudian mewajibkan

1:24:21Privacy dan sebagainya

1:24:23Wajib punya enterprise, nggak bisa nggak

1:24:25Kalau nggak ya nggak perlu

1:24:29Itu jelas

1:24:31Maksudnya itu valid semua

1:24:33Tapi kan di luar itu juga

1:24:35Kenapa sih sampai dibelain banget

1:24:37Harus sampai apa

1:24:39Semua pakai agent decoding kan

1:24:41Berarti semua employenya

1:24:43Logikanya kalau udah spend

1:24:45Sebanyak itu buat subscribe

1:24:47Enterprise plan, berarti kan

1:24:49Semua developer nya dipush

1:24:51Untuk pakai agent decoding

1:24:53Biar apa, biar

1:24:55Ya biar

1:24:57Efisien dan efektif kan

1:24:59Biar 10x kan

1:25:01Biar output nya

1:25:03Misalnya 5 kali lipat atau 10 kali lipat

1:25:05Atau entah berapa kali lipat

1:25:07Kalau dia

1:25:09Kalau dia tanpa

1:25:11Feon nya

1:25:13Masih diharapkan

1:25:15Dengan spend sebanyak itu

1:25:17Tapi maksudnya realitanya

1:25:19Ya realitanya

1:25:21Kayak gitu atau nggak dan

1:25:23Coding output itu kan

1:25:25Masih belum

1:25:27Belum correlate dengan

1:25:29Income atau apapun value yang

1:25:31Dijeptain oleh si perusahaan

1:25:33Itu juga tetap harus di connect kan

1:25:35Ibaratnya dengan developer

1:25:37Mungkin bisa

1:25:3910x

1:25:41Nah income nya, harus 10x juga

1:25:43Berarti kan

1:25:45Itu flow yang

1:25:47Itu muter kan, kalau misalnya

1:25:49Itu semua nggak tercapai

1:25:51Nggak sesuai plan, nggak sesuai harapan

1:25:53Ya kan berarti nggak bisa sustain

1:25:55Buyer segitu terus kan

1:25:57Nah balik ke pertanyaan worth it atau nggak

1:25:59Itu kan berarti kayak

1:26:01Apa ya, ujingi

1:26:03Pasar

1:26:05Jawabannya adalah

1:26:07Kita nggak bisa bilang di depan worth it atau nggak

1:26:09Kan

1:26:11Jadi kayak

1:26:13Kayak harus ada

1:26:15Ada apa ya, kayak prosedur

1:26:17Untuk menganalisa apakah

1:26:19Effort

1:26:21Dan spending sebesar itu

1:26:23Worth it atau nggak dibanding

1:26:25Apa, di quantify

1:26:27Di quantify kan

1:26:29Apa, quantify nya entah income

1:26:31Atau yang nggak harus selalu income finansial

1:26:33Kalau misalnya non profit

1:26:35Namanya memberi manfaat ke

1:26:37Sekian keluarga atau sekian penerima

1:26:39Manfaat, lah itu bisa 10x juga

1:26:41Atau nggak, kasarannya kan kayak gitu kan

1:26:43Kalau nggak bisa ya udah nggak usah

1:26:45Nggak worth it

1:26:47Itulah, saya bersyukur

1:26:49Tidak memimpin sebuah

1:26:51Perusahaan, nggak mau kursing dengan begituan

1:26:53Kalau ditanya worth it

1:26:57Sebenarnya kalau nggak, tidak melihat

1:26:59Biaya ya pasti worth it

1:27:01Karena kan cloud itu salah satu

1:27:03Leading kan sekarang saat ini ya

1:27:05Walaupun memang dikenal

1:27:07Mahal, tapi

1:27:09Apa ya

1:27:11Inovasi-inovasinya kayak

1:27:13Cloud design

1:27:15Cloud co-work yang buat

1:27:17Non developer

1:27:19Sama cloud code

1:27:21Dan lain-lainnya

1:27:23Itu ya

1:27:25Worth it sih

1:27:27Tapi kalau misalkan ditanya

1:27:29Pertanyaannya enterprise, enterprise plan

1:27:31Berarti kan emang untuk sekantor

1:27:33Beneran udah, ini kalian

1:27:35Kalian mau pakai AI, cuma boleh pakai ini

1:27:37Karena ada itu tadi semua

1:27:39Aturan-aturannya

1:27:41Jadi cuma dua sekarang

1:27:43Perusahaannya

1:27:45Kalau misalkan mau

1:27:47Seluruh perusahaan menggunakan satu

1:27:49LLM aja

1:27:51Dari satu perusahaan

1:27:53Ya, mau nggak mau, harus enterprise

1:27:55Kalau nggak ya, akan

1:27:57Beda-beda nih, tiap

1:27:59Tiap orang atau

1:28:01Tiap

1:28:03Business unit kan

1:28:05Beda-beda, jadi nggak bisa

1:28:07Beda-beda bahaya

1:28:09Justru lebih bahaya

1:28:13Kalau ada

1:28:15Enginernya yang pakai

1:28:17Punya pribadinya

1:28:19Misalkan, itu kan

1:28:21Ada resiko kan

1:28:23Datanya dipakai kah

1:28:25Buat training dan lain-lain

1:28:27Itu lebih membahayakan kalau nggak pakai

1:28:29Ada perusahaan-perusahaan

1:28:31Jujur sih, misalnya gue nih

1:28:33Cuma kalau gue sih dikerja

1:28:35Nggak subscribe enterprise plan apapun

1:28:39Tapi misalnya skenario hypothetical

1:28:41Gue punya agensi web

1:28:43Tapi

1:28:45Customer base-nya, konsumen Indonesia

1:28:47Yang mana nggak ada aturan

1:28:49Ketat juga tentang itu tadi

1:28:51Harus SOC 2

1:28:53Atau apapun itu kan

1:28:55Mungkin klien Indonesia pada umumnya

1:28:57Yang secara budget juga pas-pasan

1:28:59Ya jujur, gue pasti nggak mau

1:29:01Subscribe enterprise plan

1:29:03Dengan

1:29:05Mending designer 1 orang

1:29:07Gue kasih akun

1:29:09Mungkin developer bikin akun 1

1:29:11Misalnya develop

1:29:13Ini contoh kasusnya

1:29:15Agensi kecil ya

1:29:17Agensi yang mungkin developernya cuma 3-5 orang

1:29:19Ya udah bikin 1 akun

1:29:21Kalian share tekan udah 1 akun

1:29:23Designer dan orang marketing

1:29:25Atau apa yang butuh bikin slide

1:29:271 akun, kalian sharing udah

1:29:29Masing-masing yang 20 dolar doang

1:29:31Kalau misalnya abis ya udah

1:29:33Kerja manual

1:29:35Realistis kan, maksudnya

1:29:37Kalau misalnya agensi di Indonesia

1:29:39Agensinya kecil, target market-nya

1:29:41Pasar Indonesia pada umumnya

1:29:437.000 dolar sebulan ya

1:29:45Thanks lah

1:29:47Itu bukan

1:29:497.000 itu total ya

1:29:51Jadi, karena orangnya banyak juga sih

1:29:53Sebenarnya

1:29:55Oh itu per orang ya

1:29:57Per slot juga, kayak Gmail account

1:29:59Google workspace kan

1:30:01Per user per account kan ada

1:30:03Jadi, kalau timnya kecil

1:30:05Saya nggak tahu ya berapa minimalnya

1:30:07Kalau si enterprise plannya

1:30:09Si cloud AI ya

1:30:11Kalau, sama kayak Gmail juga kan

1:30:13Kan nggak

1:30:15Mesti harus

1:30:17Google

1:30:19Google workspace

1:30:21For business kan ada kan ya

1:30:23Enterprise kan ya

1:30:25Bayarnya kan per user per month

1:30:27Per seat

1:30:29Iya, ini sama

1:30:31Jadi, si cloud ini juga per seat

1:30:33Cuma, berapa minimalnya nggak tahu

1:30:35Minimalnya, ada minimalnya pasti kan

1:30:37Minimum number-nya itu

1:30:39Kalau self-service

1:30:41Kalau gue baca ya

1:30:43Itu 20

1:30:45Jadi, anggap aja kalau 20

1:30:47Kali yang

1:30:4950 dolar

1:30:5120 dolar, berarti 400 dolar

1:30:53Minimal

1:30:55Bukan 7.000

1:30:59Ya, nggak tahu sih

1:31:017.000 itu kan total

1:31:03Per seluruh orang

1:31:05Oke, tapi itu tepat sih

1:31:07Maksudnya, kalau dari perspektif

1:31:09Sebagai yang

1:31:11Yang bayar cloud enterprise

1:31:13Itu kan pasti yang memimpin

1:31:15Suatu perusahaan, atau agensi

1:31:17Atau industri, atau semacamnya

1:31:19Ya worth it atau nggak, tergantung

1:31:21Tergantung kondisi si masing-masing

1:31:23Tempat itu kan

1:31:25Yes

1:31:29Oke, cukup

1:31:31Pembahasan ini

1:31:33AI, kita minggu depan bahas AI lagi ya

1:31:35Bahas

1:31:37Kayaknya, ini ada beberapa teman-teman

1:31:39Disini yang jagoan desainnya, kayak

1:31:41Flexbro ya, kayaknya

1:31:43Semuanya ini ya

1:31:45Jadi jangan sampai ketinggalan

1:31:47Kita mau bahas tentang bagaimana

1:31:49Desain.md

1:31:51Ya, mendesain

1:31:53Aplikasi dengan bantuan AI

1:31:55Mungkin ada kita bahas

1:31:57Stage-nya Google

1:31:59Atau kalau Ivan bisa

1:32:01Mendemokan

1:32:03Cloud design

1:32:05Oh iya, kok bisa

1:32:07Bisa, bisa

1:32:09Ya, sip

1:32:11Nanti kita bisa bandingkan

1:32:13Oke, mungkin untuk malam ini

1:32:15Sekian dulu, terima kasih buat semuanya yang sudah hadir

1:32:17Kita ketemu lagi minggu depan

1:32:19Selamat malam, bye-bye