Bedah Situs meutia.net - Ngobrolin WEB

0:00[musik]

0:08Dapatkan hanya di Dominesia

0:10[musik]

0:19[musik]

0:30Kenapa laginya gitu?

0:32Kan lagi Superman, lagi Superman

0:36Lagi timanya Superman banget kan

0:39Udah pada nonton belum?

0:41Selamat malam semuanya

0:43Belum, belum ada di Netflix

0:46Oh, nungguin Netflix?

0:48Nggak mungkin

0:50Nggak mungkin ya

0:52Kalau DC Universe itu dia

0:54Di mana ya?

0:56DC Universe, bukan Netflix kan?

0:59Di Amerika

1:01Bukan, maksudnya

1:03Dia, ini barengan apa?

1:05Disney, atau apa gitu?

1:07Ya, Disney kali ya

1:09Eh, Disney kan itu

1:11Enggak lah, Disney itu Marvel

1:13Warner Brothers

1:17Nggak tahu

1:19CPI

1:21RGTNWNC

1:23Di bioskop lah, di bioskop ya

1:27Di bioskop kesayangan kita

1:29Ok

1:31Selamat malam semuanya

1:33Semoga sehat-sehat

1:35Semoga lancar-lancar semuanya

1:37Sudah Juli nih

1:41Sudah Juli

1:43Juli juga udah pertengahan Juli

1:45Eh, jadinya udah pertengahan Juli nih Mas Riza

1:47Udah ada kabar belum?

1:49Sudah

1:51Yes, no

1:53Positif, tidak

1:57Jadi, ya

1:59Selamat, senang-senang

2:01Padahal mau live, disana

2:03Seru-seru

2:05Kan banyak teman-teman GDI baru juga

2:07Jadi, ya

2:09Ya, emang mau live

2:13Gimana caranya live, disana

2:15Tinggal pasang kamera live, kok

2:17Gimana sih

2:19Iya sih, tapi kemarin juga kita nggak live kan

2:21Yang aku bergajin kemarin

2:23Iya

2:25By the way

2:27Kita ngomong begini kayak

2:29Cuma bisa tau insight doang, nggak ada yang tau

2:31Iya, insight juga

2:33Jadi, mungkin buat konteks ya

2:35Buat konteks biar nggak bingung ya

2:37Jadi, bulan Agustus

2:39Teman-teman Google Developer Expert

2:41Itu diundang ke

2:43Google I/O Connect

2:45Shanghai, China

2:49Tahun lalu, Beijing

2:51Tahun ini, Shanghai

2:53Tapi, sayangnya

2:55Saya nggak bisa ikutan

2:57Jadi, yang ikut disini

2:59Ivan Maika aja

3:01Mudah-mudahan nanti bisa

3:03Saya live disini, kalian disana

3:05Ceritain

3:07Gimana-gimana

3:09Selasa malam

3:11Ya, nggak usah live juga sih

3:13Tahun lalu juga nggak live

3:15Selasa malam itu

3:17Kayaknya kita udah ada cara ya

3:19Iya

3:21Acaranya rabu, pangs

3:23Pasti ada acara lah

3:27Kalau udah sampe sana pasti ada acara

3:29Entah itu acara pribadi, bareng-bareng

3:31Atau acara

3:33Pasminya kan

3:35Sebelum acara itu ada

3:37Makan bersama gitu

3:39Dinar kan

3:41Sampai ini

3:43Sampai goyang India dia

3:45Goyang India

3:47Waktu di Bangalore

3:49Waktu di Bangalore

3:51Nggak ikut, sorry ya

3:53Nggak ikut juga

3:55Pasti Beijing kita

3:57Kita ngobrol sama

3:59Oh kita pisah-pisah lagi

4:01Pasti Beijing

4:03Kita ketemu sama

4:05Nara

4:07Sumber yang ngomongin

4:09Elixir

4:11Sangat tidak menyangka ternyata dia ada disitu

4:13Sebagai GDG

4:15Dari Hong Kong

4:17Itu

4:19Asli kaget banget

4:21Kita selama ini nggak pernah lihat

4:23GDG dari Hong Kong

4:25GDG dari Hong Kong

4:27Jadi kita tuh

4:29Kan

4:31Kita nggak pernah ngeliat langsung

4:33Cuma ngeliat foto atau ngeliat videonya

4:35Kayak gini kan

4:37Sampai disana

4:39Mukanya familiar

4:41Saya ngeliatin dia, dia ngeliatin saya

4:43Bener nggak ya

4:45Bener nggak ya

4:47Udah lama ya udahlah biarin

4:49Tiba-tiba dia keluar

4:51Pas mau ngambil makan

4:53Pas dia ngadep belakang

4:55Saya panggil aja namanya

4:57Kalau salah kan dia nggak ngeliat kan

4:59Ternyata bener

5:01Ternyata bener

5:03Ya ampun

5:05Mas Alan

5:07Ternyata orangnya ngocol ya

5:13Ini malah internal gitu

5:15Nggak bahas situs yang

5:17Pemilik situsnya

5:19Kan santai aja

5:21Belum-belum

5:23Karena sebelum kita bahas tentang

5:25Budah situs malam hari ini

5:27Jadi

5:29Ya

5:31Bisa langsung ajak ke

5:33Discussion nya ngobrolin web

5:35Di GitHub

5:37Nanti disabit aja, mau bikin

5:39Tread sendiri boleh

5:41Atau mau nebeng juga nggak apa-apa

5:43Bisa disabit kesitu

5:45Tapi sebelum kita bedah situs

5:47Yang malam ini kayaknya

5:49Cukup keren gitu ya

5:51Banyak yang bisa kita pelajari

5:53Kita mau info dulu

5:55Bahwa episode ini

5:57Adalah episode ke sembilan

5:59Hasil kolobasi kita dengan Domensia

6:01Jadi kalau temen-temen

6:03Mau pakai

6:05Hosting, VPS

6:07Beli domain

6:09Jangan lupa belinya di Domensia

6:11Dan kita

6:13Bisa dapet

6:15Diskon ya 50%

6:17Sekali aja memang

6:19One time

6:21Untuk Cloud VPS

6:23Yang turbo

6:25Untuk Cloud VPS

6:27Yang tipenya turbo

6:29Jadi sekali lagi

6:31Kita kolaborasi dengan

6:33Domensia dan

6:35Jangan lupa pakai kode promo

6:37Ngobrolin

6:39VPSDN

6:41Ngobrolin

6:43VPSDN

6:45Jadi sekali lagi terima kasih buat Domensia

6:47Yang udah mendukung ngobrolin web ya

6:49Oke

6:51Baiklah

6:57Sekarang kita masuk ke sesi utama

6:59Yang adalah bedah situs

7:01Dan situs yang akan kita bedah

7:03Malam hari ini adalah

7:05Miliknya Mas

7:07Mas Yudi

7:09Oke

7:11Mas Yudi Ananda ya

7:13Namanya ya

7:15Ini

7:17Disubmit

7:1910 Juni

7:21Cuman pada saat itu dia submit

7:23Hanya

7:25URL nya aja

7:27Saya minta dong

7:31Kira-kira ada kode yang bisa diintik ga ya

7:33Penasaran juga kan teknologinya apa

7:35Terus gimana

7:37Cara projectnya

7:39Strukturnya gimana dan lain-lain kan

7:41Ternyata

7:43Menurut beliau ini

7:45Websitenya belum rampung

7:47Dan masih private

7:49Tapi saya dapat invite

7:51Jadi

7:53Temen-temen bisa

7:55Liat sedikit lah ya

7:57Walaupun ga bisa liat langsung

7:59Tapi bisa liat dari layar aja ya

8:01Di layar kaca

8:03Websitenya ini

8:05Simple

8:07Tapi

8:09Cakep ya

8:11Ini

8:13Mas

8:15Mas Yudinya ada ga ya

8:17Bisa kita tanya-tanya kali ya

8:19Kalau Mas Yudi ada ya

8:21Lebih seru lagi ya

8:23Kita invite tanya kali ya

8:25Bisa

8:27Kalau dia punya

8:29Bisa apa namanya

8:31Kasih DM

8:33Tapi saya udah kabarin sih

8:35Tanggal berapa mau kita bahas

8:37Mudah-mudahan bisa hadir gitu

8:39Kalau ga bisa ya sudah lah ya

8:41Mungkin bisa nonton cuplikan nya

8:43Nanti reply nya

8:45Nah ini kita agak

8:47Sedikit menebak-nebak

8:49Kali ya

8:51Ini adalah

8:53DaraBlog

8:55Wah hadir, mantap nih

8:57Kita tanya-tanya ya

8:59Ini sebenernya blog tentang apa sih

9:01Langsung aja tanya ya

9:03Ini adalah kumpulan blog dari

9:05Tenaga Pendidik

9:07Dari Dosen

9:09Ini bukan Mas Yudi

9:11Ini klien berarti ya

9:13Semoga sudah dapet ijen juga

9:15Ini personal

9:17Apa sih

9:19Pertama gue liat tuh

9:21Ini on brand banget

9:23Ini bukan

9:25Sejauh yang bisa dilihat ya

9:27Beliau itu kayak

9:29Akademisi gitu, jadi isinya ada

9:31Jurnal-jurnal, terus ya

9:33Ada atau yang lebih personal ya

9:35Kayak blog gitu

9:37Tapi maksudnya kayak website nya

9:39Secara branding mau wakili banget sih

9:41Kayak yang ya dari konten

9:43Kan ini jadi kayak sepaket dari

9:45Isinya ya, terus kayak bahasa

9:47Indonesia yang baik dan benar gitu loh

9:49As expected kan dari

9:51Bahasa Indonesia nya

9:53Yang benar-benar baku gitu ya

9:55Ivan Lanin banget lah, bukan

9:57Ivan Zepcom ya, Ivan Lanin banget

9:59Jadi kayak Nara Blog itu

10:01Ya pokoknya

10:03Sebisa mungkin

10:05Gue notice sampai bawah

10:07Sebisa mungkin kalau

10:09Istilah bahasa Indonesia yang dipakai adalah

10:11Bahasa Indonesia nya dan itu

10:13Konsisten banget sepanjang seluruh situs

10:15Ini bahkan bukan tentang web

10:17Tapi mau saya apa, dari

10:19Si web

10:21UI nya juga

10:23Satu

10:25Masuklah sama brandingnya

10:27Kayak warnanya

10:29Simple, gak masalah

10:31Simple, cuma dua warnanya sih

10:33Itu kan sebenarnya opacity nya

10:35Lain-lain tuh, maksudnya apa

10:37Kayak ketebalan

10:39Terasa kan, terus

10:41Apa, tadi kan

10:43Hal pertama yang gue notice, hal kedua

10:45Tipografi nya, font nya bagus banget

10:47Kayak pemilihan fontnya

10:49Sama kayak

10:51Kayak gak ada yang palus di mata gitu gak sih

10:53Kayak semua line height nya, segala macem

10:55Rapi

10:57Rapi ya

10:59Yang pertama saya liat

11:01Ininya apa namanya

11:03Artikel terakhirnya dia tentang

11:05WordPress

11:07Pada situsnya bukan

11:09Bukan pakai WordPress

11:11Bisa jadi di belakangnya WordPress

11:13Satu orang ya

11:17Satu orang namanya Mbak Mkiya

11:19Itu personal saya

11:21Personal blog

11:23Personal blog ya

11:25Block nya bukan punya Mas Yudi

11:27Mas Yudi bikin aja

11:29Tapi bisa kepikiran sampai

11:31Desain nya

11:33Walaupun simple, sederhana

11:35Tapi enak

11:37Dibaca, emang bener-bener buat blog ya

11:39Apakah ini template

11:41Yang sudah jadi, terus di jahit

11:43Atau desain nya juga

11:45Bikin

11:47Ada desainer atau gimana

11:49Nah itu yang bisa jawab

11:53Kalau saya sih

11:55Yang saya

11:57Highlight adalah ini

11:59Karena saya kan asalnya dari AC

12:01Loks Mawwe

12:03Langsa itu kira-kira

12:05Langsa itu kira-kira

12:07Jakarta Bandung lah

12:09Jakarta Bandung

12:11Kalau kita mau ke Medan kita langsa dulu

12:13Tengah-tengahnya langsa

12:15Jakarta

12:17AC sama Medan

12:19Kalau lewat darat lewat langsa

12:21Ini berarti

12:23Mbak Mutia ini berarti dosen

12:25Di Institut Agama Islam Negeri

12:27Langsa ya

12:29Tapi tadi

12:31Baca blognya sekilas

12:33Ada cerita-cerita pas beliau kuliah

12:35Di luar negeri, kuliah di Sudan atau dimana

12:37Oh ini ya

12:41Ini kayaknya udah pakai

12:43Apa namanya

12:45Transition ya

12:47Bukan

12:49Enggak

12:51Oke

12:53Nah hal kedua yang menarik

12:55Yang saya

12:57Notice adalah

12:59Adanya kebun digital

13:01Digital Garden

13:03Digital Garden

13:05Sudah ada ya, sudah ada yang pakai

13:07Ternyata ya, sebenernya ada sih

13:09Saya baru

13:11Ya banyak lah

13:13Iya banyak sih, cuman

13:15Di Indonesia kan enggak terlalu familiar ya

13:17Dengan istilah digital garden ya

13:19Kalau webdev itu pasti familiar banget

13:21Karena dulu gue ingat pertama

13:23Ya maksudnya familiar

13:25Entah bikin dan ditekuni atau enggak

13:27Beda kasus ya, tapi kalau familiar

13:29Ya karena dulu itu naik banget

13:31Pas zaman Gatsby, jadi kayak Gatsby itu kan

13:33Yang nggak relatif

13:35Maksudnya ada trend

13:37Digital Garden, dengan jam stack

13:39Padahal sebenarnya ya

13:41Karena penasaran goal stacknya aja

13:43Habis itu gardennya sendiri

13:45Gak keurus, jadi hutan ya

13:47Itu beda kasus, tapi ini

13:49Baru pertama sih lihat konsep

13:51Digital Garden dipakai oleh

13:53Orang yang bukan dari circle

13:55JS webdev

13:57Webdev ya

13:59Oke

14:01Wah

14:05Eka bisa kasih ini enggak

14:07TLDR

14:09Kebun digital itu apa?

14:11Bedanya sama blog apa?

14:13Atau artikel?

14:15Sebetulnya sih, kalau blog itu kan

14:17Post personal ya

14:21Itu bukan istilah teknis ya

14:23Jadi kayak lebih ke

14:25Trend aja, maksudnya

14:27Nggak ada definisi

14:29Strictnya

14:31Digital Garden itu denger

14:33Apa ya

14:35Kita nulis apapun, kita

14:37Mempublish apapun

14:39Jadi maksudnya kalau blog mungkin

14:41Selama ini dianggap

14:43Strict, harus beri pak artikel

14:45Yang rapih, nah kalau

14:47Digital Garden itu lebih

14:49Nggak strict, jadi kayak misalnya nih

14:51Contoh yang paling sering

14:53In progress, maksudnya masih tulisan

14:55Masih draft

14:57Ya mungkin bukan draft ya

14:59Cuma maksudnya belum perfect nih

15:01Cuma maksudnya kita

15:03Udah siap mempublish itu, kita punya pengalaman

15:05Atau kita punya pemikiran tentang sesuatu

15:07Entah itu berkaitan dengan

15:09Development atau nggak

15:11Atau mungkin personal, pokoknya kita punya ide

15:13Yang siap dipublish, ya udah

15:15Dipublish aja, perkara itu

15:17Besok-besok itu masih perlu

15:19Direvisi lagi, ya nggak masalah

15:21Jadi kayak mindset itu lebih kayak

15:23Mindset sih namanya kayak

15:25Kebun lah

15:27Kebun kita pribadi, kan kita mau

15:29Cabai, tomat, apa-apa terserah

15:31Cuma kalau di dalam

15:33Konteks ini sih ini udah mateng

15:35Semua ya, ini kayak

15:37Artikel yang proper semua, cuma maksudnya

15:39Kalau dulu movement

15:41Digital Garden itu

15:43Kita men-share apapun yang

15:45Kita rasa

15:47Bagus untuk dipublikasikan

15:49Dan diketahui banyak orang

15:51I see, oh jadi

15:53Salah satu itunya ada

15:55Ini ya, updated appnya ada ya

15:57Jadi artikelnya

15:59Dipublish dulu, terus nanti dilengkapi lagi

16:01Oh mungkin ada tambahan lagi, ada update

16:03Misalkan versi react yang lebih baru

16:05Harusnya begini, gitu ya, jadi

16:07Nggak perlu bikin artikel baru, tapi dilengkapi

16:09Dari situ aja, gitu ya

16:11Nah ini di private chat, ada

16:13Artikel yang bagus, ini salah satu

16:15Yang punya-nya, ada yang tengok-tengok

16:17Halo

16:19Eh, halo ibu

16:21Nah itu

16:25Di chat tuh ada tentang

16:27Sejarahnya Digital Garden sih

16:29Ini dulu kerja di Gatsby, ini kayak

16:31Orang brandingnya Gatsby

16:33Nah, ya

16:35Apa ya, sejak

16:37Ada sosmed, kan orang terlalu

16:39Kebiasa, jadi ya udah

16:41Kalau nge-update sesuatu tuh di sosmed

16:43Di platformnya, berarti di platformnya

16:45Orang lain kan, di pihak ketiga

16:47Dan jadi terbiasa nggak bisa

16:49Nulis, ya banyak orang jadi nggak bisa

16:51Nulis kalimat lengkap juga, karena sosmed itu

16:53Ya kayak, ya gitu

16:55Nulisnya pendek-pendek, padahal dulu

16:57Maksud saya sebelum ada, sebelum

16:59Kekunci di

17:01Nilai ya, kalau

17:03Pake sosmed kan, itu kayak kekunci di

17:05Gedung atau di fasilitasnya

17:07Orang lain kan, pihak ketiga, kalau suatu

17:09Hari itu

17:11Apalah kubar atau berbayar

17:13Atau berubah kebijakan

17:15Itu konten kita kan di

17:17Jadi kayak ke

17:19Ikut hilang sama

17:21Apa, platform sosmed itu

17:23Sedangkan kalau misalnya

17:25Ini tuh kayak, lebih baik, yuk kita balik ke

17:27Ini yang kita nanam-nanam, kita berkreasi

17:29Kita nuangin

17:31Kita mengekspresikan diri

17:33Di kebum kita sendiri

17:35Nah, jadi maksudnya personal side

17:37Dijadiin platform yang

17:39Yang kayak gitu, maksudnya kita update

17:41Tentang apapun

17:43Oke, filosofinya itu ya

17:45Berarti ya

17:47Oke, oke

17:49Mantap

17:51Kita kembali ke sini

17:53Yang punya-nya hadir

17:55Selamat datang

17:57By the way, ada

17:59Ininya loh, kalau paling, scroll paling

18:01Bawah, sudah bisa

18:03Light mode juga, light mode

18:05Itu paling bawah light mode, itu

18:07Kanan bawah, kanan bawah

18:09Ini auto

18:11Kalau yang paling gede itu auto, ngikutin

18:13Apa device kita

18:15Ya, ini auto

18:17Bisa light

18:19Lengkap ya, dan ada

18:21Karbon juga ya

18:23Ya, sustainability

18:25Karbon juga dibahas

18:27Wah, ini lengkap sekali

18:29Kita mau bahas apa, bingung ya

18:31Ya

18:33Sabar, soal warna dulu

18:35Soal warna itu tadinya, kan kadang orang

18:37Katanya view transition ini

18:39Oh, view transition

18:41Katanya view transition, cuman

18:43Standard

18:45Ya, memang overview transition

18:47Kan fade

18:49Remix sudah support ya

18:51Jadi itu, apa

18:53Si light mode, kan

18:55Orang tuh banyak gak suka light mode, karena dia

18:57Ngapain ya, silo bikin sakit mata ya

18:59Kalau putih yang

19:01FFF kan emang

19:03Jereng banget kan, nah kalau ini kan bukan

19:05FFF nih, gak tau apa, cuma maksudnya

19:07Kayak lebih soft kan

19:09Gray

19:11Ya, maksudnya gray-nya apa, ya

19:13Nanti kan, ini pemilihan warnanya tasteful

19:15Apapun yang gak bikin sakit mata

19:17Iya, bukan putih-putih amat

19:19E6, E7, E7

19:21E6, E7, E7

19:23Kayak itu, kalau beli buku

19:25Di toko buku mahal kan

19:27Apa, kertasnya gak putih kan

19:29Kalau belinya bajakan di tempat-tempat kopi

19:31Itu putih sampai es

19:33Nah, kalau dibeli yang nopper

19:35Electronic ink ya, electronic ink

19:37Itu soft sepi ya

19:41E-ink, E-ink, disini kan ada ya

19:43Nah, itulah ada background color

19:45Mana, gak bisa di itu ya

19:47Bass light

19:51Pake OK LTH

19:55Nah, itu kan bawaannya

19:57Tailwind

19:59Ini pake tailwind ya

20:01Pake tailwind

20:03Ini pake tailwind ya

20:05Makanya begitu liat, langsung familiar

20:07Eh, tailwind, asik

20:09Bisa ngeliat ya

20:11Dari class name-nya

20:13Dari apa

20:15Class name-nya sama

20:17Penggunaan CSS

20:19Variable-nya, property-nya

20:21Nah, ini sekaligus

20:23Kalau orang yang lagi perang

20:25Tailwind lawan Vanilla CSS

20:27Suka tuduhannya, oh kalau tailwind tuh

20:29Mirip-mirip semua, jadi kayak gitu-gitu aja

20:31Nah, ini kan terbukti gak

20:33Sebenernya itu perkara ayo mampu

20:35Desain UI, atau higher

20:37Desainer UI yang kompeten

20:39Atau nggak, perkara-nya itu sih

20:41Tailwind kan cuma tulisnya aja

20:43Kalau pake daisy UI

20:45Pake tailwind UI, nah itu mungkin

20:47Mirip-mirip, tapi kalau misalkan kita

20:49Iya, kalau kita

20:51Pake tailwind-nya aja mah

20:53Ya, ini kan berarti

20:55Didesain dengan

20:57Spesifik kan, maksudnya kayak apa

20:59Modenya, temanya, style, branding si website-nya

21:01Gimana disesuaikan, ya itu mah

21:03Gak ada hubungannya sama pake tailwind

21:05Pake apa sih

21:07Hmm, terus ini

21:09Pake party town lagi ya

21:11Canggih sekali

21:13Terus

21:19Apa namanya, metanya juga

21:21Lengkap ya, untuk twitter

21:23Share ada, ogimage

21:25Ada, preload

21:27Font-nya

21:29RSS-nya

21:31Pastinya

21:33Terus, ada

21:35Manifest JSON

21:37Dan

21:39Tadi ada

21:41Apa lagi ya, oh, ada

21:43Ada ceritanya juga disini, tuh

21:45Tentang bagaimana

21:49Website ini

21:51Dipuat

21:53Oke

21:55Meneng, menenggainya

21:57Power

21:59Ini sabut versi

22:01Tenaga, dari kata tenaga

22:03Tenaga, tenaga

22:05Mikir dulu

22:07Loading-nya lama

22:09Biar kamu lihat kata-kata ini

22:11Pertama kali impressed

22:13Karena beneran bisa konsisten banget

22:15Di seluruh website-nya

22:17Itu tone kayak penulisannya

22:19Gaya penulisannya itu beneran konsisten

22:21Dan ya gitu loh, pake

22:23Kalau masih bisa dicari

22:25Pandangan bahasa Indonesia, pake bahasa Indonesia

22:29Pilosofi wabi-sabi ini apa ya?

22:31Coba tanya ya

22:35Desainnya desain sendiri?

22:37Ini desain sendiri?

22:39Siapa?

22:41Mas Yudi atau Mbak Mutia

22:43Mungkin bisa jawab

22:45Ini desainnya sendiri ya?

22:47Oh, teknologi-nya juga ada ya

22:49Pake React Router

22:51Oh, berarti ini yang remix ya?

22:53Ya, ya, ya

22:55Ini juga udah ada ya

22:57Ini remix jadi React Router

22:59Kontennya pakai sanity ya?

23:01Yang web framework

23:03Iya, yang tidak react

23:05Yang bukan react

23:07Bukan react tapi pre-react

23:09Sama aja

23:11Beda-beda, pre-react sama react

23:13Beda-beda titis

23:15Cuma mungkin kalau buat clickbait

23:17Cuma ternyata setelah dibaca kontennya

23:19Kecewa

23:23Oke

23:25Jadi deploy

23:27di Cloudflare

23:29Oke

23:31Berarti Cloudflare yang ini ya?

23:33Cloudflare yang

23:35Edge ya?

23:37Gak usah pakai Edge juga gak apa-apa

23:41Pake worker

23:43Cloudflare worker ya

23:45Typography-nya

23:47Pake yang namanya Newsreader

23:49Newsreader

23:51Oh, bahasa Indonesia

23:53Font itu adalah font tidak pakai T ya?

23:55Baiklah

23:57Hari ini saya belajar

23:59Ini kita banyak belajar bahasa Indonesia

24:01Apa?

24:03Kata-kata teknologi berbahasa Indonesia ya?

24:05Estetik

24:07Font, lucu juga ya

24:09Font

24:11Ekologi

24:13Font-nya gak pakai T mas Riza

24:15Font

24:17Keren, keren

24:19Belakangnya itu gak boleh terasa T-nya

24:21Font

24:23Font

24:25Selama ini juga gak pakai T

24:27Gimana?

24:29Wow

24:31Bisa sendiri

24:33Luar biasa

24:35Saya suka

24:37Full stack

24:39Cloudflare worker

24:41Server render kan?

24:45Remix ya?

24:47Server render

24:49Bisa menembak ke API-nya si

24:51Sanity

24:53Ya

24:55API

24:57REST API

24:59Sdk

25:01Sama aja sih ya

25:03Nice, nice

25:05Seru sekali

25:07Di private chat

25:09Kalau mau liat meta tag-nya

25:11Itu image-nya juga bagus

25:13Apa? Open graph image-nya

25:15Open graph image-nya bagus ya

25:17Benar-benar SEO

25:19Optimized ya

25:21Website nih

25:23Ada yang ketinggalan sih

25:25Sebenarnya

25:27Skima, gak pakai skima

25:29Skima

25:31Skima.org

25:33Pakai json.ld-nya

25:35Mungkin bisa ditambahkan nanti

25:37Skima.org

25:39Ini ya?

25:41Yang autor blablabla

25:43Bisa autornya

25:45Contohnya mana?

25:47Contohnya kalau misalnya mau

25:49Pakai

25:51Mungkin pakai

25:53Yang lebih tepatnya bukan yang punya

25:55Si Google

25:57Itu skima.org

25:59Webdev

26:01Rich data

26:03Skima webdev

26:05Atau Google ya

26:07Structure data

26:09Nah, structure data

26:11Ini

26:13Ya

26:15Linknya

26:17Di situ saking bagusnya

26:21Kita berburu apa yang gak ada

26:23Ya cuma

26:25Buat info aja

26:27Tapi sebetulnya gak sih pengen tahu juga

26:29Kalau untuk artikel biasa

26:31Blog post atau artikel yang general

26:33Kayak gini

26:35Seberapa recommended sih

26:37Structure data

26:39Sebenarnya

26:41Gak

26:43Kalau artikel

26:45Gue gak inget kenapanya

26:47Cuma yang jelas setelah diulik

26:49No need to bother

26:51Maksudnya waktu yang diluangkan

26:53Untuk ngerjain, mending dipakai

26:55Buat ngerjain yang lain kecuali

26:57Buat hal spesifik, kayak event

26:59Event itu masih dipakai buat

27:01Tampilan smartcard

27:03Yang ada lokasi fisiknya

27:05Atau entah kenapa

27:07Recept, kalau resep katanya itu masih

27:09Recipe, literal resep masakan

27:11Di luar itu

27:13Gue gak inget penjelasannya

27:15Masakan sampe sekarang

27:17Masih carut marut sih sebenarnya

27:19Ada namanya, plug in namanya

27:23Google blue pot tapi kayaknya gak

27:25Jalan, tetapi

27:27Masakan masih carut marut

27:29Tapi event, organization

27:31Artikel

27:33Blog, news lah

27:35Lebih tepatnya news sih

27:37Itu sebaiknya

27:39Bagus pakai risk data

27:41Structure data ini

27:43Sebenarnya memudahkan

27:45Data parsing

27:47Sebenarnya untuk si search engine

27:49Dan menampilkan hasil

27:51Kontennya

27:53Di halaman pencarian

27:55Konsepnya JSON

28:05Ini dia

28:07LD + JSON

28:09Siapa tau mau menampilkan

28:11Lebih spesifik mungkin ada image

28:13Ada reviewnya

28:15Kalau misalnya dipakai ada

28:17Comment, kan kita gak ada komentar ya

28:19Di blognya gak ada fitur

28:21Comment, seandainya

28:23Nanti suatu saat ada comment

28:25Bisa diatur, kayak itu yang

28:27Kayak

28:29Mungkin sudah dibaca

28:31Berapa kali, terus kemudian

28:33Artikel itu

28:35Berapa lama

28:375 minit read

28:39Berapa lama dibaca gitu ya

28:41Estimasi untuk

28:43Dibaca berapa lama

28:45Bisa kelihatan hasilnya di google

28:47Mesti di google ya

28:49Di bing juga bisa

28:51Mesin pencari

28:53Yang lain pun bisa

28:55Kalau seandainya fitur itu ada ya

28:57Sebaiknya ditambahkan

28:59JSON

29:01Ya, gak ada juga gak apa-apa sih sebenarnya

29:03Ini optional untuk memberikan

29:05Experience lebih baik

29:07Jika hasil

29:09Content kita muncul

29:11Di mesin pencari

29:13Nah ini kalau contohnya

29:15Dulu gue sampe bookmark link ini sih

29:17Coba buka deh, SD Polisis

29:19Scroll ke bawah, ada contoh-contohnya

29:21Contoh

29:23Jenis-jenis data spesifik

29:25Jenis konten spesifik

29:27Yang sangat benefit dari

29:29Apa? JSON

29:31LDC structure data ini

29:33Ya tampilannya gak harus gitu

29:35Cuma mau saya contoh-contohnya

29:37Oke, sebentar

29:39Jadi biasanya

29:51Kalau ada rating, ada komentar

29:53Ada

29:55Ya kayak metadata gitu lah

29:59Scroll terus

30:01Nah itu contoh-contohnya

30:05Jadi maksudnya bisa muncul

30:07Rating, cook time,

30:09Kaloris yang kayak tadi Ipan bilang

30:11Reading time ya

30:13Untuk kalau yang

30:17Di tengah itu kan resep

30:19Satu jenis makanan yang sama tapi kayak

30:21Di berbagai website

30:23Nah itu kayak ada smart

30:25Smart cardsnya gitu

30:29Menarik

30:31Ini ya contohnya ya

30:33Dari hasil research

30:37Apa? Ya tim gue dulu

30:39Kalau artikel, beneran

30:41Literally regular article

30:43Ya kurang, maksudnya ya

30:45Sepanjang

30:47Si data-data lain kayak metadata

30:49Yang basic sama kayak

30:51Struktur semantiknya bener sih

30:53Kayak gak terlalu ngaruh dulu ya

30:55Gak tahu kalau sekarang

30:57Cuma kalau ada metadata yang kayak

30:59Rating-rating

31:01Rating, komentar, apa

31:03Reply kayak forum tuh

31:05Kayak misalnya Kura kan suka misalnya

31:07Di atas ada pertanyaannya

31:09Di metadata-nya

31:11Kayak di subheadingnya itu

31:13Ada pertanyaan, terus kan ada kayak

31:15Card-card article di bawahnya

31:17Yang bisa di slide tuh kayak top answersnya

31:19Jawaban-jawaban yang top

31:21Nah itu tuh

31:23Itu kepake kalau buat relasi-relasi

31:25Yang kayak gitu

31:27Ya, tapi kalau misalnya mau diimplement

31:33Implement, gak ada ruginya

31:35Mungkin ada

31:37Kalau tuh, kalau artikel biasa

31:39Pengen implement ya gak apa-apa juga sih

31:41Maksudnya gak ada, gak ada kerugiannya

31:43Sama satu lagi

31:49Yang apa?

31:51Dari yang saya lihat

31:55Apa namanya?

31:57Dari sisi accessibility

31:59Untuk link

32:01Banyakan tautannya

32:05Belum ada pakai

32:07Area label

32:09Coba diklik dari

32:11Dari ini

32:13Maksudnya saya bisa lihat dari sisi accessibility

32:15Di top-top accessibility

32:17Nah itu konsol, apa

32:19Di elements aja ada icon-nya kan tuh

32:21Kanan atas yang ada gambar orang begini

32:23Ini

32:25Itu buat lihat ininya

32:27Jadi kalau kita lihat link

32:29Contoh link tuh, link tentang saya

32:31Link tentang saya

32:33Main link tentang saya

32:35Nah

32:37Open

32:39Nah itu masih, hanya

32:41Static text-nya ada, cukup, which is bagus

32:43Dan cukup, namun

32:45Ada beberapa device

32:47Yang buat

32:49Apa namanya?

32:51Alat bantu, screen reader

32:53Screen reader

32:55Yang lebih mengutamakan area

32:57Area label dan area

32:59Atribute, nah ini bisa dilihat

33:01Dari sisi, coba di

33:03Buka dari

33:05Dot-dot-dot itu kalau gak salah

33:07Kok Masteryism punya gak ada accessibility ya

33:09More tools

33:11Ada gak?

33:15Atau

33:17Show

33:19Atau gak ada sih

33:21Harusnya ada accessibility

33:23Ini? Gak ada

33:25Salah satunya ada, coba lihat di bawah

33:27Property

33:29Nah

33:31Nah

33:33Itu semua area kan

33:35Masih

33:37Blank ya

33:39Memang dari, belum diimplement

33:41Bagusnya diimplement

33:43Opsional, tapi bagusnya diimplement

33:45Karena semuanya

33:47Saya udah coba tadi pake keyboard

33:49Keyboard

33:51Navigation, which is work

33:53Keyboard aman, udah ada focus

33:57Ada focusnya

33:59Cuma nambahin area label aja ya

34:09Itu kayak alternate ya

34:15Bukan, alternate kan

34:17Beda lagi

34:19Beda ya

34:21Image sih yang pake

34:23Yeah, maksudnya

34:25Area label

34:27Untuk link

34:29Itu adalah alternate

34:31Untuk image

34:33Semua elemen yang punya

34:35Action

34:37Semua elemen yang punya action

34:41Oke

34:45Lanjut

34:47Lanjut

34:49Lanjut

34:51Tapi kalau voice

34:53Tergantung ya

34:55Screen reader behavior itu

34:57Agak ribet juga sih

34:59Kalau voice over udah aman

35:01Masa yang kayak

35:03Tentang saya itu

35:05Asal di dalamnya ada text

35:07Itu kayak otomatis di

35:09Kayak di voice ke

35:11Si clickable elemennya

35:13Cuma itu cuma voice over ya

35:15Gatau mungkin kalau NVIDIA

35:17Atau NVIDIA

35:19Atau screen reader lain

35:21Ya mungkin belum bisa

35:23Masa itu alasannya

35:25Ivan saranin semua

35:27Pake area label

35:29Jadi maksudnya behavior masing-masing

35:31Screen reader juga bisa bervariasi

35:33Oke

35:39Lalu untuk

35:41Ini gimana

35:43Saya gak menemukan

35:45Artikel yang ada image-nya

35:47Kenapa memang sengaja

35:49Tanpa ada image ya

35:51Gak pake image

35:53Ini artikelnya

35:57Ini artikel terbaru

35:59Artikel sorotan

36:01Kita cek di kebun ya

36:03Image-nya cuma foto

36:07Foto autornya aja ya

36:11Memang sengaja kali ya

36:13Saya pake ini juga sudah bagus sih

36:19Hasil render dari

36:21Reader

36:23Kalau Safari kan bisa reader ya

36:25Bisa

36:27Maksudnya hanya kontennya aja yang diambil

36:29Reader mode

36:31Itu juga sudah bagus

36:33Karena struktur semantiknya

36:35Betul itu otomatis

36:37Jadi bagus

36:39Saya biasanya

36:41Mengecek semantik dari

36:43HTML structure itu

36:45Langsung pake si Safari reader

36:47Kalau misalnya Safari reader-nya

36:49Acak-acakan

36:51Berarti ngacok intinya

36:53HTML structure-nya

36:55Jadi banyak CSS yang dipaksakan

36:59Akal-akalan montir

37:01Layout-nya dipaksakan

37:03Nah itu kelihatan

37:05Atau yang harusnya bukan heading

37:07Jadi jelek kalau di

37:09Reader mode

37:11Sebelum ada reading multi

37:13Safari kan juga kalau kita pake

37:15Aplikasi Read It Later

37:17Kayak pocket, insta paper

37:19Cara kerjanya sama

37:21Itu tuh kalau misalnya

37:23Iklan atau pake

37:25H2 atau apa itu jadi

37:27Gede kacau jadi gak enak dibaca

37:29Kalau aplikasi semacam itu

37:31Katanya belum selesai

37:35Kata Mas Yudi ini belum selesai

37:37Sebenernya ada image-nya tapi belum

37:39Selesai emigrasinya dari CMS sebelumnya

37:41CMS sebelumnya apa?

37:43WordPress ya

37:45WordPress

37:47Satu yang menarik disini

37:53Dari tadi cuma 2

37:55Kritik ya

37:57Kalau kritik yang

37:59Minor menurut saya

38:01Sedangkan yang satu yang saya mau

38:03Apresiasi dia sudah pakai

38:05Disini speculation

38:07Rule API

38:09Oh iya

38:11Sudah ada speculation rule API

38:13Jadi bisa ke network

38:15Langsung ke network

38:17Reload

38:21Reload aja

38:23Reload aja

38:25Paling atas

38:27Maksudnya scroll paling atas ininya di

38:29Network, tuh ada speculation

38:31Iya, diklik aja

38:33Lihat response-nya

38:35Lihat response dari

38:37Speculation-nya

38:39Nah disini

38:41Saya sukanya

38:43Pakainya konservatif

38:45Jadi gak

38:47Nggak ngabis-ngabisin

38:49Bandwidth-nya

38:51Nggak ngabis-ngabisin bandwidth-nya

38:53Si user

38:55Walaupun semuanya

38:57Semua link ya artinya href match

38:59Semua link yang menuju dokumen

39:01Atau halaman

39:03Baru akan di

39:05Pre-fetch lebih tepatnya

39:07Pre-fetch, karena ada 2 kan

39:09Di speculation itu ada pre-fetch, ada pre-load

39:11Nah di pre-fetch

39:13Di pre-fetch itu artinya cuma digambil

39:15Tetapi gak dirender di dalam memory

39:17Kalau pre-fetch itu

39:19Ngambil

39:21HTML aja terus disimpen

39:23Saat dibutuhkan

39:25Langsung di

39:27Transition ke situ

39:29Nah baru dirender

39:31Dan

39:33Href match-nya itu semua ya

39:35Jadi

39:37Halaman ini

39:39Tidak ada

39:41Yang namanya

39:43Transaction

39:45Saya paham dan boleh lah

39:47Tapi kalau ada transaction

39:49Contohnya

39:51E-commerce

39:53Kalau semuanya kita pre-load

39:55Akan jadi aneh ya

39:57Ngerti ya maksud saya ya

40:01Kalau e-commerce semua by button

40:03Di pre-load kan masalah tuh

40:05Jadinya

40:07Atau login ya

40:09Karena harus hati-hati juga

40:11Dengan pre-fetch dan pre-load

40:13Kalau

40:15Misalnya

40:17Apa namanya

40:19Yang di pre-fetch atau

40:21Di pre-load itu sensitif atau

40:23Resource consuming

40:25Akhirnya kan mendidot server sendiri

40:27Ceritanya

40:29Apalagi kalau pakai cloud service

40:31Unlimited

40:33Iya

40:35Bagus ya

40:37Untuk penggunaan

40:39Speculation rule API-nya

40:41Oke itu

40:43Apa namanya

40:45Apresiasi ya, tapi pertanyaan saya

40:47Satu mas Yudi, jawab jujur ya

40:49Ini bawaan dari Remix

40:51Atau mas Yudi yang implement

40:53sendiri

40:55Karena saya belum pernah pakai Remix soalnya

40:57Apa jangan-jangan by default sudah ada

40:59Speculation rules yang sudah diimplementasikan

41:01oleh Remix

41:03Kalau ngecek dari

41:05Docs-nya, speculation rules

41:07Gak ada deh implement sendiri

41:09Tapi kalau view transition

41:11Emang sudah ada dari Remix

41:13Ada linknya, ada docs-nya

41:15Maksudnya ada link element

41:17Ada link component yang

41:19Di provide oleh

41:21Itu yang error apa ya

41:23Coba lihat, kok ada

41:25Di console ada error dua

41:27Kalau mas Yudinya

41:29Implement sendiri, wah

41:31Itu berarti apresiasinya dua kali lipat

41:33Soalnya ini kan jarang ya

41:35Masih jarang saya memperhatikan bahwa

41:37Ada yang menggunakan speculation rule

41:39Kenapa? Ini apa?

41:41Error

41:43Blocker ya

41:45Enggak-enggak

41:47Buat respons, jadi bukan ad blocker

41:49Empat-empat

41:51Dari saya nya

41:53Dari klien

41:55Service worker

41:57Berarti ini kode

41:59Kode

42:01Kode development masuk nih

42:03Di load nih

42:07Itu kan

42:09Dibugger-nya

42:11Untuk sandbox kan

42:13Iya

42:15Oke, ini

42:17Wah, ada implementasi dari

42:19Cloudflare, tapi Remix pun ada

42:21Kalau mau konfigurasi sendiri

42:23Oh

42:25Mantap

42:27Buat yang belum familiar

42:31Speculation rules API

42:33Itu apa? Itu adalah

42:35Kurang lebih sederhananya

42:37Adalah

42:39Si

42:41Browser

42:43Menebak ya

42:45Menebak mana yang

42:47Speculative

42:49Kurang lebih sederhananya

42:51Dengan algoritma yang

42:53Terserah browser

42:55Menentukan

42:57Macam-macam

42:59Kalau yang paling symbol

43:01Mouseover, kalau misalnya user yang

43:03Punya kursor

43:05Punya kursor itu ada mouse

43:07Atau semacam pointer device

43:09Kalau udah mulai hover

43:11Suatu link kan berarti bisa disimplekan

43:13Akan mengklik link tersebut

43:15Kalau pakai touch screen

43:17Touch, tapi belum

43:19Event

43:21Up

43:23Kalau udah touch screen, berarti bakal

43:25Navigasi ke situ

43:27Browser juga bisa secara smart

43:29Mutusin kalau koneksinya lambat

43:31Enggak

43:33Melakukan

43:35Reload apapun dulu

43:37Tapi sejauh ini baru Chrome only

43:39Baru

43:41Chrome only ya

43:43Oke

43:45Ya

43:47Oh

43:49CMS sebelumnya pakai Highgrap

43:51Apa itu

43:53Highgrap.com ini

43:55Headless CMS

43:57Headless CMS

43:59Headless CMS

44:01Graph QL

44:03Graph QL

44:05Berarti ya

44:07Oke

44:09Oke

44:11Memindah ke

44:13Sanity

44:15Kenapa pindah ke Sanity?

44:17Karena pakai

44:19Graph QL

44:21Emang Sanity nggak ya?

44:23Sanity pakai apa?

44:25Ada STK-nya

44:27Ada

44:29Saya juga dulu migrasi bloknya

44:31Dari pakai Gatsby

44:33Pindah ke Eleventy

44:35Gara-gara

44:37Ada Graph QL yang males

44:39Lagi

44:45Oke

44:47Lanjut

44:49Nggak ada yang bisa dikomentari

44:53Sangking bagusnya

44:55Sangking bagusnya ya

44:57Kalau performance sudah oke ya?

44:59Performance oke

45:03Namun ini baru

45:05Ini baru di launching ya

45:07Maksudnya belum ada

45:09Saya coba dari page

45:11Apa? Belum ada data

45:13Belum ada data

45:15Krux-nya

45:17Oh

45:19Jadi nggak tahu ini ya

45:21Kalau dari

45:23Komennya Mas Yudi sih

45:25Katanya belum selesai

45:27Mungkin masih private

45:29Mungkin belum di gembar-gemborkan kali ya

45:31Belum di propaganda

45:35Jadi nggak ada ininya

45:37Gak ada yang bisa dilihat dari

45:39Chrome UX Report-nya

45:41UX Report-nya ya

45:43Terus nggak ada

45:45Gak pakai ini ya

45:47Kalau misalnya pengen tahu

45:49Saya lihat nggak ada tracking buat

45:51Analytics atau

45:53Analytics ya

45:55Parti tahun apa?

45:57Parti tahun apa?

45:59Jadi maksudnya kalau mau lihat stats

46:01Hanya bisa dari Cloudflare aja berarti ya

46:03Benar juga

46:05Gak pakai kabin tuh

46:07Withkabin.com

46:09Kabin itu kan buat ini

46:11Buat nge-catch ulang

46:13Analytics ya

46:15Analytics withkabin.com

46:17Tapi maksudnya apa

46:19Analytics-nya di offload

46:21Lewat Parti Town

46:23Keliatannya ya

46:27Iya pakai

46:29Emang benar

46:31Kalau lihat dari networknya

46:35Baru kelihatan Mas Riza

46:37Pakekabin

46:39Withkabin.com

46:41Maksudnya

46:43Pakek worker ya

46:45Di pink-nya

46:47Nah ini juga

46:49Pemilihan analyticsnya pun

46:53Carbon conscious nih

46:55Ramah lingkungan

46:57Ya ramah lingkungan

46:59CDPR dan CCPA

47:01Compliant by design

47:03Baru kali ini melihat ada

47:07Blog yang ada ininya

47:09Jadi menarik sekali ya

47:11Kalau lihat blog yang ada itu

47:13Website yang ada apa?

47:15Carbon Statement-nya udah sering

47:17Tapi kalau website Indonesia

47:19Apa lagi website Indonesia

47:21Kalau website luar Indonesia udah

47:23Sering sih

47:25Bagusin web pemerintahan

47:27Juga dong

47:29Ya berarti

47:33Instansi pemerintahan kudeng

47:35Haya Rumas UDI nih

47:37Ivan siap

47:41Di itu sebagai

47:43Tenaga ahli-tenaga ahli

47:45Untuk membaguskan

47:47website pemerintahan

47:49Ada lagi yang mau dikomentarin nih

47:51Itu share sectionnya

47:53Coba buka artikel apapun deh

47:55Buka post apapun

47:59Oke

48:03Share

48:05Share-nya dimana?

48:07Belum share stream by the way

48:09Oh ya sorry

48:11Ini ya? Berarti

48:13Webshare ini?

48:15Nah udah pake webshare API

48:17Itu kan udah pake itu-nya macOS kan

48:19Iya ini macOS

48:21Ya mantap-mantap

48:23Jadi kalau dibuka dari Chrome

48:25Android, ya yang muncul

48:27Menunya Android asik kan

48:29Tapi ada kekurangannya juga

48:31Ini accessibility-nya belum

48:33Coba klik gamar

48:35Gamar orang

48:37Elements tuh, tift tools kanan atas

48:39Nah tuh button-nya

48:43Belum ada

48:45Itu bagikan

48:47Ada text-nya

48:49Kosong semua

48:51Kalau screen reader kayak gak tau itu

48:53icon apaan

48:55SVG doang

48:57Jadi kalau itu wajib harus dipakai

48:59Dikasih area label

49:01Kalau yang tadi, kalau link yang di atas

49:03Yang tentang saya itu

49:05Screen reader kayak voice over

49:07Udah bisa meng-voiced

49:09Kayak apa

49:11Dia nyari ke dalam, ada text-nya

49:13Di dalam link itu, ada text-nya

49:15Apun nested element

49:17Children-nya, dicari

49:19"Oh ada tentang saya" itu

49:21At least voice over ya, screen reader

49:23Voice over bawaan macOS

49:25Itu dia udah bisa ngebaca

49:27Link itu, jadi kalau

49:29User yang misalnya Tuna Netra

49:31Atau kurang penglihatan

49:33Pake screen reader

49:35Ngetap, mennavigasi ke link itu

49:37Udah bisa dibaca

49:39Link tentang saya

49:41Kalau kayak button ini kan beda kasus ya

49:43Ini gak ada text-nya sama sekali

49:45Di dalam button itu

49:47Cuma ada icon SVG

49:49Yang gak ada bunyinya gak bisa

49:51Gak bisa diakses

49:53Ya kurang aksesibel ya

49:55Wajib dikasih area label

49:57Area label ya

49:59Tadi juga

50:01Sama Ivan juga disarankan

50:03Untuk area label bagian

50:05Bagaimana tadi ya

50:07Oh iya link ya, bagian link

50:09Yang Eka

50:11Sampaikan adalah yang di bagian button

50:13Terutama yang di share button ini ya

50:15Ya apapun sih link atau button yang

50:17Yang ada action user-nya

50:19Ya, jadi apa

50:21Prinsip pemahamanya adalah

50:23Kan user yang pake screen reader tuh

50:25Nafigasinya misalnya entah

50:27Pake alat khusus atau pake keyboard

50:29Ya pas, pas elemen itu

50:31Kena fokus entah link atau button

50:33Ya kan harus ada bunyinya, harus ada

50:35Yang di announced, nah kalau misalnya

50:37Apa, gak ada

50:39Harus ada yang di aged gitu ya

50:41Child load-nya

50:43Gak ada text-nya sama sekali

50:45Itu isinya SVG dan gak ada

50:47Area label-nya, jadi gak bisa baca

50:49Apa-apa

50:51Gak bisa dibacakan oleh screen reader

50:53Oke

50:55Analytics itu gratis

50:57Cabin itu freemium

50:59Freemium

51:01Ada yang gratisnya

51:03Tapi terbatas

51:05Oh CO2-nya dari cabin ya

51:07Ya

51:09Maybe, ya

51:11Mas, ada yang aneh dengan

51:13Network-nya, coba buka

51:15Saya baru buka

51:17Iya

51:19Apa tuh

51:21Itu disabled cache-nya matiin

51:23Ya

51:25Di

51:27Trottling-nya

51:29Ya terserah

51:31Oke

51:33Coba JS-nya aja deh

51:35JS, buka JS apapun lah

51:37Iya

51:39Ini kan status 304 ya

51:41Gak, berarti kan gak ada node-body fight ya

51:43Cache

51:45Tapi gak nge-cache, coba liat ininya

51:47Settingan ini turun sedikit

51:49Di respond header

51:51Cache

51:53Cache control-nya itu max

51:55Age-nya 0

51:57Dia memang hit ke

51:59CDN, tapi gak

52:01Nge-cache

52:03Di browser

52:05Jadi kalo misalnya

52:07Cache di cloud player-nya tuh kayak punya itu

52:09Apa ya

52:11Kayak punya CDN gitu apa

52:13Ya CDN-nya hit

52:15CDN cache-nya hit

52:17Tapi begitu kita load

52:19Berarti setiap kali kita load

52:21JS ini selalu didownload

52:23Jadi kalo misalnya

52:25Total file-nya coba di

52:27Coba buka ini deh

52:29Sebagai comparison

52:31Web.dev

52:33Web.dev deh

52:35Kok gak bisa sih

52:45Buka apa

52:47Ya buka website-nya mas Riza

52:49Yang mana, atau website-nya Eka

52:51Katanya kemarin itu

52:53Eka

52:55Gak ada

52:59Emang gak ada

53:01Ini ada CSS-nya gak nih

53:03Ada

53:05Ada, coba buka network

53:07Coba diklik netwoknya

53:15Eh klik ininya

53:17Ya klik aja, ya CSS-nya boleh

53:19Klik header-nya apa

53:21Response header

53:23Response header, response

53:25Itu kan ada cache control

53:27Yang CSS seharian tuh

53:29Iya

53:31Sekarang

53:33Ditutup

53:35Ditutup ininya

53:37Ini kan

53:39Size-nya keliatan tuh

53:41Coba di reload

53:43Di reload

53:45Iya

53:47Tuh, this cache kan

53:49Gampil dari cache

53:51Jadi gak

53:53Gak nge-request ke network lagi

53:55Ngerti gak maksudnya

53:57Karena udah ada di browser kan

53:59Iya, sedangkan yang

54:01Si mewtia.net tadi

54:03Itu

54:05Dia memberikan cache header-nya itu

54:07Cuma 0

54:09Jadi dia gak pernah nge-cache di browser

54:11Oh dia nge-cache-nya

54:13Di sisi server-nya

54:15Di CDN

54:17Tapi sisi browser-nya enggak

54:19Jadi artinya setiap kali

54:21Orang nge-reload

54:23Selama ini coba kita klik dari

54:25Ngatiin semua

54:27Terus ini di-all

54:29Di-allkan aja

54:31Itu di-all, iya

54:33Di-reload

54:35Berarti setiap

54:37Kali orang

54:39Pindah halaman

54:41Atau nge-reload

54:43Menghabiskan 1,1 MB

54:45Data

54:47Ini ya? Iya

54:49Oh

54:51Jadi

54:53Kalau ini kan dia auto

54:57Dia kan gak reload kan

54:59Tapi setiap kali misalnya di-reload

55:011,1, reload, 1,1

55:03Reload, 1,1

55:05Jadi kalau misalnya ada yang nge-reload

55:07Pindah halaman gak

55:09Pakai data, pakai data-nya udah mau habis

55:11Kalau dia nge-reload 100 kali

55:13Habis 100 MB

55:15Oh berarti kurangnya itu adalah

55:19Casing di sisi browser ya?

55:21Iya

55:23Di remix gak ada?

55:29Saya minum dulu ya

55:31Gelase itu udah nyampe belum?

55:33Udah

55:37Terima kasih

55:47Berarti

55:49Browser cache

55:51Browser cache

55:53Browser cache perlu ditambahkan ya?

55:57Jadi penasaran sama remix

56:03Apakah remix tidak ada browser cache?

56:05Harusnya ada dong

56:07Kayaknya harus manual ya

56:09Gue barusan nge-check

56:11Ini gue sendiri, pakai astro

56:13Astro dan

56:15Fersail

56:17Emang gak ada juga body hold

56:19Kalau mau kayak gitu tadi

56:21Harus manual nambahin

56:23Block saya pakai eleventy udah otomatis

56:27Gak ngomong ngapain tuh

56:29Tidak melakukan apa-apa

56:31Itu dari Netlify

56:33Oh dari Netlify

56:35Netlify atau Fersail

56:37Kalau mau liat

56:41Dari response header

56:43Itu kan ada cache-nya

56:45Sebenernya

56:47Yang atur begituan adalah

56:49Gini nih

56:51Ceritanya nih, kalau misalnya kita

56:53Backend yang atur begituan engine X

56:55Atau Apache

56:57Bukan urusan

56:59Cloudflare, bukan urusan

57:01Cuma

57:03Kalau anak front-end

57:05Atau yang full stack yang sudah menggunakan

57:07Tadi yang Fersail

57:09Atau sudah di handle semua

57:11Sudah di handle sama

57:13Platform

57:17Apapun itu lah Fersail, Netlify

57:19Cloudflare Worker

57:21Cuma perlu di notice aja

57:23Kayaknya yang di Cloudflare Worker

57:25Yang satu ini

57:27Saya gak ngerti kenapa

57:29Dibikin begitu

57:31Oh mungkin ada setting di Cloudflare

57:33Workernya kali ya, di konfigurasinya kali ya

57:35Mungkin

57:39Belum pernah pakai soalnya

57:41Cuma

57:43Kalau dari, saya kan pakenya Cloudflare

57:45Doang, bukan gak pake Cloudflare Worker

57:47Kalau si Cloudflare-nya itu

57:49Menghormati

57:51Response header

57:53Yang dari back-end

57:55Kalau saya pakai back-end-nya engine X

57:57Yang sudah ngirim, ini file JS-nya

57:59Perlu di cache

58:01Satu hari

58:03Atau satu tahun

58:05Ya dia gak ngerubah header itu

58:09Akan diteruskan aja

58:11Oke, berarti dari sisi platformnya ya

58:17Harus dicek ya

58:19Lanjut

58:27Apa lagi

58:29Apa lagi

58:31Mau liat

58:35Struktur kodenya

58:37Atau Repo-nya

58:39Boleh ya

58:41Repo-nya adalah monorepo

58:43Monorepo

58:45Emang

58:47Emang ada apa aja

58:49Kalau sampai multi-repo

58:51Saya baru komplain

58:53Kalau sampai multi-repo

58:55Kalau monorepo

58:57Studio itu bawa unsum

58:59Maksudnya struktur yang recommended dari unsumnya

59:07Ada CMS, jadi itu UI CMS

59:09Ada web

59:15Pastinya

59:17Type generator

59:19CF

59:21Terus ada, oh ini buat

59:25Studio

59:27Studio itu berarti dari

59:29Sanity

59:31GraphQL Studio

59:33Ini Sanity juga

59:35Mungkin

59:37Ini kan cuma 2

59:39Ini 3 ya itu

59:41Ada CDN

59:43Jadi web

59:45Web app, Sanity Studio

59:47Sama 3 CDN

59:49CDN ya

59:51Email

59:53Transaction, emang ada emailnya ya

1:00:01Emang ada

1:00:03Contact form

1:00:05Ada fitur emailnya

1:00:07Gak tau

1:00:09Coba bagian bawah

1:00:11Itu di footer

1:00:13Di footer ada

1:00:15Halo dong, itu isinya apa

1:00:17Iya isinya contact form

1:00:19Oh ada

1:00:21Emailnya pakai apa

1:00:27Notemailer bukan

1:00:31Tendensi, react email

1:00:33Untuk email template

1:00:41Oh iya email template

1:00:43Isinya

1:00:45Sebentar, ini buat

1:00:55Template ya

1:00:57Buat contact formnya

1:01:01Ada image

1:01:03Eh bukan ya, ini contact mail

1:01:05Gak tau deh

1:01:07Gak ada image soalnya

1:01:09Enggak deh, ini kayak email template

1:01:13Email template nya yang mau dikirimkan ya

1:01:15Iya

1:01:17Cuma pakai apa ini ya

1:01:19Pakai

1:01:21Maksudnya dikirimkan kemana

1:01:23Dikirimkan ke orangnya

1:01:27Oh ini transcepional emailnya ya

1:01:29Transcepional emailnya ya

1:01:31Index

1:01:37Emails contact email

1:01:41Emails

1:01:43Contact email

1:01:45Gak ada di sini

1:01:47Ini UI

1:01:49Ini email template nya

1:01:51Transcepional email

1:01:53Terparti, terpartinya apa

1:01:59Maksudnya gak ada sih, gak kelihatan

1:02:01Ini kok ada note modules

1:02:07Ini emang bisa kelihatan

1:02:17Enggak kan, ini cuma

1:02:19Simling doang kan

1:02:21Simling ya

1:02:23Itu UI nya

1:02:27Gak di situ deh

1:02:29Di web nya malah

1:02:31Note modules, oh

1:02:33Gak ke itu ya, note modules ini yang di root doang

1:02:35Yang di dalamnya ada note modules ya

1:02:37Tepatnya sengaja

1:02:39Termasukkan

1:02:41Termasukkan ya

1:02:43Studio ada gak note modules

1:02:49Gak ada, itu doang berarti

1:02:51INV aman ya

1:02:53INV aman ya

1:02:55Trauma

1:02:57Di web

1:03:07Controller nya disini semua

1:03:09Disource

1:03:11Ya kan service nya di hit dari sini kan

1:03:13Benar

1:03:15Rangular

1:03:17VT

1:03:23Tenstack react form

1:03:25Sanity client

1:03:29React email tadi ada

1:03:31Postmark

1:03:33Postmark, oh ketemu akhirnya

1:03:35Ketemu

1:03:37INV aman, bagus

1:03:41Gak soalnya

1:03:43Pengalaman bedah situs

1:03:45Sebelumnya

1:03:47Tiba-tiba ada INV

1:03:49Terus kita dengan santainya

1:03:51Kita buka

1:03:53Karena kita belum lihat

1:03:55Yang detail

1:03:57Sebelumnya sebelum live

1:03:59Kita buka

1:04:01Jangan-jangan ada isinya

1:04:03Sambil buka, taunya ada isinya

1:04:05Taunya beneran

1:04:07Oke

1:04:09Ini

1:04:11Ini rapi banget ya

1:04:13Foldernya

1:04:15Komponen, route scheme

1:04:17Dari remix kan

1:04:19Oh iya bener

1:04:21Ohannya dari remix ya

1:04:23Itulah enaknya framework ya

1:04:25Udah diatur semuanya ya

1:04:27Menarik

1:04:31Ini webnya

1:04:33Tadi email

1:04:35Terus studio ini buat sanity

1:04:37Di sanity nya apa yang perlu ditambahkan

1:04:39Gak itu

1:04:41Buat dashboard aja

1:04:43Jadi kayak

1:04:45Back office nya

1:04:47Ada office nya

1:04:49Saya kira kita harus masuk ke

1:04:53Sanity dashboard.sanity.io

1:04:55Gitu enggak ya

1:04:57Kayaknya bisa gitu

1:04:59Cuma yang sering

1:05:01Dipromos sindi studio itu

1:05:03Ini tuh pakai Rian

1:05:05Dan harusnya sih gak perlu

1:05:07Bisa di edit

1:05:09Kayak kita kayaknya bisa bikin

1:05:11Komponen apa

1:05:13UI Komponen

1:05:15Beri series data modelnya

1:05:17Schemanya, tapi itu juga gak wajib

1:05:19Saya sering lihat zot itu buat apa ya

1:05:25Type

1:05:27Validasi

1:05:29Type validation

1:05:31Zot.dev

1:05:33Terus ada juga z.dev

1:05:39Iya

1:05:41Ketuker-tuker

1:05:43Ya

1:05:45Itulah ya

1:05:47Maklum lah

1:05:49Developer susah mencari nama ya

1:05:51Zot itu musuhnya

1:05:53Superman bukan sih

1:05:55Iya

1:05:57Bener ya

1:05:59Jadi

1:06:01Intinya adalah

1:06:03Kita bisa

1:06:05Melakukan validation

1:06:07Terhadap objek, atau terhadap apapun ya

1:06:11Kayak

1:06:13Terus bedanya ini

1:06:15Wait

1:06:17Sama

1:06:19Ini validation di

1:06:21On the fly

1:06:23Bukan on

1:06:25Maksudnya

1:06:27Wait

1:06:29Ini

1:06:31Validation saat execution ya

1:06:33Bukan saat compile

1:06:35Itu maksudnya

1:06:37Execution bukan saat linting

1:06:39Bukan kayak TS

1:06:41Bukan kayak TypeScript

1:06:43Bukan

1:06:45Bener ya

1:06:53Berarti yang studio itu

1:06:55Front-end buat CMS-nya

1:06:57Sama content modeling

1:06:59Input validation

1:07:01Rule

1:07:03Zot

1:07:05Apakah sudah

1:07:07Ada pembahasan soal email SMTP server

1:07:09Gratis bayar beserta CSS email

1:07:11CSS email pernah

1:07:13Tapi yang SMTP belum ya

1:07:15Bener

1:07:17Bukan ya Gmail bisa ya

1:07:19Bisa

1:07:21Sering kena

1:07:23Ini aja

1:07:25Bukan

1:07:27Kena stop gara-gara

1:07:29Login dari lokasi yang berbeda

1:07:31Oho iya

1:07:33Red limit

1:07:35Red limit lah ya

1:07:37Eh masih mau lihat

1:07:41Codenya

1:07:43Kalau gratis sih

1:07:45Susah ya

1:07:47Tapi saya bilang sih

1:07:49Pakai share hosting aja

1:07:51Murah sih sebenarnya

1:07:53Pakai aja SMTP-nya

1:07:55Udah ada emailnya ya

1:07:57Iya

1:07:59Ya cuma buat

1:08:03Maksudnya

1:08:05Ada UI yang enak

1:08:07Misalnya apalah

1:08:09Kalau pakai posmat itu kan enak UI-nya

1:08:11Bukan

1:08:13SMTP-nya kan SMTP saja

1:08:15Dapat SMTP server

1:08:17Mau pakai

1:08:19Pakai apapun yang ngirimnya

1:08:21Teserah

1:08:23Mail client-nya kan teserah

1:08:25Mau kode sendiri, mau PHP, mau

1:08:27Apa pun

1:08:29Sama aja

1:08:31Iya kita cuma dapat SMTP

1:08:33Server-nya aja kan

1:08:35Akses ke SMTP server-nya ya

1:08:37CDN, CDN ini apa?

1:08:39Kayaknya

1:08:41File-file ini deh

1:08:43Static

1:08:45Static-nya

1:08:47Oh no

1:08:49Wrangler itu apa ya?

1:08:51Itu Cloudflare

1:08:53Itu Wrangler

1:08:55Itu komand CLI-nya

1:08:57Cloudflare

1:08:59Oh no

1:09:01Pakai oh no

1:09:03Ini CDN-nya bawaan

1:09:05Si Wrangler ya? Oh iya bener

1:09:07Oh no itu kan yang bikin

1:09:09Employee-nya Cloudflare

1:09:11Makanya dia sekarang lebih mengarah kesana

1:09:13Betul

1:09:15Ini berarti

1:09:17Punya-nya si Cloudflare ya

1:09:19Coba liat

1:09:21Source-nya isinya apa ya?

1:09:23Source-nya

1:09:25Proxy image

1:09:27Proxy image dari Sanity

1:09:29Oh iya

1:09:31Oh bukan Cloudflare ya?

1:09:33Proxy bukan

1:09:35Tetap di Cloudflare, tapi Proxy

1:09:37Oh di Cloudflare

1:09:39Biar bisa di-serve

1:09:41Dari CDN-nya

1:09:43Ini apa?

1:09:47Citra, Citra itu image ya

1:09:49Saya kira nama orang

1:09:51Saya kira malah itu

1:09:53Kayak untuk

1:09:55Lotion

1:09:57Lotion

1:09:59Hah kulit

1:10:01Developer kulitnya harus mulus

1:10:11Yoi

1:10:13Kan gak pernah kena matahari

1:10:15Iya, jadi

1:10:17Bagus dong

1:10:19Masih perlu Lotion

1:10:23HONO itu back-end

1:10:25HONO itu

1:10:27Web Framework ya

1:10:29Kayak Express

1:10:31Kayak pengganti Express

1:10:33Alternatifnya Express

1:10:35Tapi yang bikin sebenarnya

1:10:37Adalah employee dari Cloudflare

1:10:39Makanya sekarang HONO

1:10:41Itu arahnya ke arah

1:10:43Lebih dekat ke

1:10:45Full Stack Framework untuk Cloudflare

1:10:47Sekarang ya begitu jualannya

1:10:51Walaupun bisa

1:10:53Di deploy juga ke yang lain ya

1:10:55Ada OpenAPI

1:10:57OpenAPI?

1:10:59Itu konfigur OpenAPI

1:11:01Terusannya

1:11:03Middleware buat kita

1:11:05Middleware HONO

1:11:07Oh iya

1:11:13Middleware HONO

1:11:15Importnya mana?

1:11:17Kayak buat

1:11:19Buat konek ke

1:11:21Si

1:11:23Itu nya deh

1:11:25Buat konek ke

1:11:27Image Server

1:11:29Dokumentasi

1:11:33Dokumentasinya Senetree bukan?

1:11:39Bukan kayaknya deh

1:11:45Bukan ya

1:11:47Itu kayaknya bikin sendiri deh

1:11:49Pake HONO tapi

1:11:51Itu strukturnya struktur HONO

1:11:53Buka lagi coba

1:11:55Tadi OpenAPI

1:11:57Nah akan tuh

1:12:01Import Scalar

1:12:03From Scalar HONO API

1:12:05Reference

1:12:07Scalar ini apa?

1:12:15Itu kayak

1:12:17Ini kayak diproses terus

1:12:19Jadi hasilnya yang di generate adalah

1:12:21Apa?

1:12:23OpenAPI schema

1:12:25Keliatannya

1:12:27Ada

1:12:35Scalar itu apa?

1:12:39Nggak ada ya disini Scalar

1:12:41Ini kayaknya

1:12:43Kalau terbuat buat manggisnya adalah

1:12:45Kayak HONO plugin

1:12:47HONO

1:12:49Dokumentasi OpenAPI untuk

1:12:51Dokumentasi apa?

1:12:53Ini

1:12:55Webnya ada dokumentasi butuh dokumentasi gitu

1:12:57Mungkin buat the back end kali

1:12:59Senetree dong

1:13:01Kayak swagger

1:13:03Oh swagger

1:13:05Berarti ada API nya ini

1:13:07Web ini ada

1:13:09API nya

1:13:11Menyediakan REST API gitu

1:13:13Buat image cdnn tadi

1:13:15Image yang

1:13:17Proxy tadi

1:13:19Jadi itu auto generated

1:13:21Halaman swagger

1:13:23Apa halaman swagger nya

1:13:25Halaman swagger nya otomatis

1:13:29Ke generate

1:13:31Proxy ini ya

1:13:33Proxy image ini ya

1:13:35Buka link yang

1:13:37Di private chat deh

1:13:39Link paling bawah di private chat

1:13:41Yang Scalar.com

1:13:43Scalar.com

1:13:45Ini salah

1:13:47Nah itu

1:13:53Oh

1:13:55Hasilnya ya

1:13:57Jaman saya swagger itu

1:13:59Standard banget

1:14:01Standard banget

1:14:03Ini kan estetik

1:14:05Estetik ya

1:14:07Tapi kan enak liatnya ya

1:14:09Daripada itu langsung males

1:14:11Sakit mata gitu ya

1:14:13Tapi kan sebenarnya

1:14:15Beda jaman mas Riza

1:14:17Kalau yang swagger itu kan anak back end

1:14:19Yang consume kan gak butuh cekap-cekap

1:14:21Bisa dibacal cukup

1:14:23Yang penting ada yang dikopas sama

1:14:25Try it nya itu

1:14:27Kudafal gitu

1:14:29Yang dicari try it nya doang

1:14:31Nah coba itu scroll aja ke bawah kan

1:14:33Ada contoh-contoh kodenya tuh

1:14:35Di scalar itu

1:14:37Nah ini tadi

1:14:39Nah

1:14:41Yang intinya kan

1:14:43Se-simple itu app.get

1:14:45Scalar

1:14:47Trus isinya

1:14:49Argumen nya

1:14:51QRL.2 do

1:14:53Ada tim segala

1:14:57Ada moon, purple, solarize

1:15:03Dulu jaman nya kita setting

1:15:05Setting CI

1:15:07Pake Travis itu setengah mati itu

1:15:09Sama tuh UI nya kayak swagger

1:15:11Saya masih pake Travis

1:15:15Udah bagus aja UI nya

1:15:17Travis itu yang di online

1:15:19Kalau kita mau deploy sendiri

1:15:21Apa namanya?

1:15:23Jenkins

1:15:25Ya Jenkins

1:15:27One Travis

1:15:29UI nya mirip-mirip

1:15:31Sama AOS juga mirip-mirip ya

1:15:33Saya sih ada ya

1:15:35Kalau bisa berhasil

1:15:37Nge-configur Jenkins yang rapi

1:15:39Dengan semua

1:15:41Workflow nya saya

1:15:43Masalut yang ketangan saya

1:15:45Nggak bisa

1:15:47Saya tuh capek

1:15:49Nge-configur Jenkins

1:15:51Iya itu

1:15:53Konfigurasi nya luar biasa ya

1:15:55Kalau anak jaman sekarang tuh

1:15:57DX nya no, jelek

1:15:59DX developer experience nya

1:16:01Parah

1:16:03Tapi masih hidup lho Jenkins itu

1:16:05Masih banget

1:16:07Masih hidup lah yang dulu memakai

1:16:09Nggak mungkin semua langsung jadi dirombat

1:16:11Karena once set up

1:16:13Mereka nggak butuh sih ya

1:16:15Gak butuh Sama GitHub Action

1:16:17Gak butuh yang namanya

1:16:19Travis

1:16:21Kecuali ganti CTO nya ganti

1:16:25Terus ganti semua

1:16:29Iya itu kan yang menyebabkan

1:16:31DevOps

1:16:35Atau cloud engineer jadi ada kan

1:16:37Karena itu install

1:16:39Install Jenkins

1:16:41Jadi ada kerjaan ya

1:16:43DevOps masih butuh

1:16:49Kalau ada DevOps, kalau nggak ada DevOps

1:16:51Tengah mati kita

1:16:59Terus

1:17:01Coba

1:17:03Lihat

1:17:05Ke

1:17:07Tab security itu di atas tuh

1:17:09Saya pengen lihat

1:17:11Tab security

1:17:13Depan the bot

1:17:15Belum ya

1:17:17Oh itu

1:17:19Vulnerability

1:17:21Vulnerability alert ya

1:17:23Itu di kiri

1:17:25Kiri

1:17:27Belum ada ya

1:17:29Belum

1:17:31Insights

1:17:33Kayak Insights

1:17:35Dah berapa lama

1:17:37Baru tahu

1:17:39Pulse

1:17:41Nggak bisa

1:17:43Nggak dapet akses

1:17:45Karena ini invitation

1:17:47Bukan pemilik

1:17:49Terus

1:17:51Coba lihat ininya

1:17:53Coba lihat commit nya

1:17:55Siapa tahu

1:17:57Remove ENV

1:17:59ENV example

1:18:15Wait

1:18:17Langsung saya

1:18:19Komentar ini mas

1:18:21Yudi Ananda

1:18:23Belum verified

1:18:25Belum pakai

1:18:27Gpg

1:18:29Gpg untuk

1:18:31Github account

1:18:33Dan commit nya

1:18:35Belum di sign

1:18:37Sign commit dong

1:18:39Iya

1:18:41Nanti bisa ada yang impersonate dirimu

1:18:43Bahaya

1:18:45Bahaya

1:18:47Ini oh berarti mas Yudi

1:18:49Sendiri nih bikinnya

1:18:51Cia nya nyala ya

1:18:53Cia nya nyala

1:18:55Coba apa aja si cia nya

1:18:57Cia nya

1:18:59Actions

1:19:01Actions

1:19:03Gak ada

1:19:05Itu linter check itu

1:19:07Coba klik aja tadi yang angka

1:19:09Ada disini

1:19:11Ada disini itu

1:19:13Ini kan

1:19:15Cd

1:19:17Continuous Deployment

1:19:19300

1:19:2147

1:19:23Bukan Continuous Integration

1:19:25Bukan Continuous Deployment

1:19:27Bukan Continuous Deployment

1:19:29Bukan Continuous Deployment

1:19:31Bukan Continuous Deployment

1:19:33Kukira ini si

1:19:35Okay

1:19:37Coba

1:19:39Lihat struktur

1:19:41Branching

1:19:43Branching

1:19:45Branching

1:19:47Berarti

1:19:49Cuma ada tiga

1:19:51Iya

1:19:53Terus mainnya

1:19:55Mainnya belum di

1:19:57Belum di lock

1:19:59Belum di lock ya

1:20:01Delid

1:20:03Emang bisa

1:20:05Ya gak tau

1:20:07Coba aja

1:20:09Insight gak dapet

1:20:11Tapi bisa dilid

1:20:13Jangan

1:20:15Emang kalo roll

1:20:17Invite user ke repons

1:20:19Gak bisa itu ya sebagai admin

1:20:21Atau sebagai apa? Sebagai viewer doang

1:20:23Ada bisa

1:20:25Bisa

1:20:27Tips tulis pesan

1:20:29Commit

1:20:31Ada

1:20:33Oke kita profile

1:20:35Pakai

1:20:37ILLM

1:20:39Sebelumnya udah kasih notes ke conventional

1:20:41Commit

1:20:43Ini nya

1:20:45ConventionalCommits.org

1:20:47Silahkan

1:20:51And

1:20:53ConventionalCommits

1:20:55Commits.org

1:20:57Ini ya

1:20:59Nah itu paling atas

1:21:01Kadang mikir prefix nya apa

1:21:03Sama apa

1:21:05Saya tiga kasih AI sih

1:21:07Suruh baca ini

1:21:09Suruh baca ya

1:21:11Oke

1:21:13Fix

1:21:15Feature

1:21:17Ini bugs ya

1:21:19Feature

1:21:21Breaking Change

1:21:23Terus ada lagi

1:21:25Chor

1:21:27Chor itu apa

1:21:29Berisi-bersi

1:21:31Berisi-bersi

1:21:33CI

1:21:37Continuous Integration

1:21:39Commentation, Style

1:21:41Refactor, Performance, dan Test

1:21:43Saya lebih

1:21:47Ini kan cuma prefix

1:21:49Cuma prefix aja

1:21:51Saya lebih penting kayak

1:21:53Description comment itu sih

1:21:55Lebih penting

1:21:57Apa sih isinya

1:21:59Silahkan dibaca

1:22:03Silahkan dibaca ya

1:22:05Kok

1:22:07Tapi sedih sih emoji nya

1:22:09Makasih

1:22:11Selama ini saya salah

1:22:13Karena develop sendiri

1:22:17Enakan pakai rebase daripada Mars

1:22:19Ya itu boleh

1:22:21Bebas

1:22:23Bisa aja

1:22:25Saya juga sedang bicara ini ke tim saya

1:22:27Kalau misalnya mau

1:22:29Di

1:22:31Pull request

1:22:33Kalau yang ke

1:22:35Default Brands

1:22:37Apakah kita mau rebase

1:22:39Atau kita mau squash

1:22:41Squash comment nya jadi

1:22:43Satu comment jadi bersih

1:22:45Saya biasanya squash

1:22:47Saya lebih suka squash sebenarnya

1:22:49Jadi bersih banget

1:22:51Default Brands nya

1:22:53Tapi sedang

1:22:57Kalau mau lihat individual change nya

1:22:59Bisa dibuka lagi

1:23:01Ke pull request nya kan

1:23:03Dan sudah ada

1:23:05History, comic yang sebelumnya ada

1:23:07Jadi ga usah ngapain motor-motorin

1:23:09Default Brands

1:23:11Main Brands

1:23:13Untuk dipahami

1:23:17Dan

1:23:19Dipikirkan

1:23:21Unit test

1:23:23Oh ada unit test

1:23:25OCDN router tadi ya

1:23:27Apa yang ditest

1:23:31Puroxy test

1:23:33Tapi ga jalan ya ini ya

1:23:39Test nya di CI ya

1:23:41Belum pakai CI

1:23:43Kan belum pakai CI katanya

1:23:45Jalan di

1:23:49Lokal aja ya

1:23:51Tiga minggu yang lalu

1:23:59First comment nya kapan

1:24:01Seratus lho

1:24:05Kepo

1:24:07Last month, baru sebulan

1:24:09Oh ga ada ya

1:24:11Next nya

1:24:13Ga ada

1:24:15Tapi warnanya biru

1:24:17GitHub di comment juga

1:24:23Dibedah GitHub

1:24:25Kenapa ga ilangin aja next nya

1:24:27Oh ga ada next

1:24:29Disable gitu ya

1:24:31Oh yang web nya belum ada unit test

1:24:33Baru ada yang back end tadi

1:24:35Proxy doang

1:24:37Linter

1:24:39Perlu linter sama formater ya

1:24:41Tapi karena kerja sendiri ga perlu

1:24:45Ngapain

1:24:49CI itu kan

1:24:53Selain untuk linter dan

1:24:55Lintas tadi juga butuh buat

1:24:57Dependensi kan

1:24:59Ngecek dependensi masih

1:25:01Integrate well atau engga gitu kan

1:25:03Jadi bukan hanya menjalankan test

1:25:11Tapi juga untuk ngecek bahwa

1:25:13Web nya bisa

1:25:15NPM install

1:25:17Bisa NPM start dan lain-lain ya

1:25:19Regresion test

1:25:21Regresion test

1:25:23Yang penting ya

1:25:25Accessibility

1:25:27Oke ada lagi

1:25:31Overall

1:25:33Overall

1:25:35Kalau sepuluh keren banget

1:25:37Satu ga banget

1:25:39Biasa aja

1:25:41Kita harusnya angkat-angkat begitu

1:25:43Gausah pakai angka lah

1:25:45Susah

1:25:47Tujuan nya bukan buat tipu

1:25:49Gak usah pakai angka

1:25:51Buat apa namanya

1:25:53Buat feedback, buat pembelajaran

1:25:55Saya juga belajar banyak jadinya

1:25:57Ya iya

1:25:59Betul

1:26:01Banyak hal-hal yang tidak kita ketahui

1:26:03Sebelumnya

1:26:05Terima kasih mas Yudi

1:26:07Terima kasih sudah submit

1:26:09Terima kasih

1:26:11Web nya keren banget walaupun belum jadi ya

1:26:19Sukses lah buat

1:26:21Lancar semoga lancar ini project nya

1:26:23Tapi

1:26:25Banyak ya banyak

1:26:27Apa ya

1:26:29Banyak insight

1:26:31Yang bisa kita dapat malam ini

1:26:35Kita tanya peserta

1:26:37Suka ga topik

1:26:39Benasitus begini

1:26:41Iya

1:26:43Kalau temen-temen punya

1:26:45Boleh ya langsung aja ke

1:26:47Github nya kita

1:26:49Ini gratis loh

1:26:51Kalau sama konsultan lain bayar

1:26:53Cuma kita ga benerin juga

1:26:57Kita komentar-komentar doang

1:26:59Oh iya itu justru

1:27:01Yang implementasi kan orang lain

1:27:03Kita kan cuma konsultan doang

1:27:05Tapi apa namanya

1:27:09Di pekerjaan saya juga

1:27:11Banyak

1:27:13Review situ sih

1:27:15Maksudnya

1:27:17Klien dateng dengan masalah

1:27:19Dan

1:27:23Kita memberikan list

1:27:25Yang bisa diperbaiki

1:27:27Terutama di performance, accessibility

1:27:29Sampai back-end performance sih sebenernya

1:27:31Cuman ya bedanya

1:27:33Kasusnya

1:27:35Database nya gede

1:27:37Bisa sampai

1:27:39Sampai

1:27:41Yang normal-normalnya aja

1:27:43Database nya bisa kayak

1:27:4570GB, 80GB

1:27:47Jadi banyak yang bisa

1:27:49Di review

1:27:51Kalau tadi situsnya

1:27:53Meletihodat ini

1:27:55Saya bahkan mencari-cari kesalahan

1:27:57Apa yang bisa

1:27:59Dikomenin, karena terlalu

1:28:01Susah

1:28:03Karena udah bagus

1:28:05Terlalu boring ga ada yang bisa

1:28:07Dikomentarin ya

1:28:09Karena udah bagus

1:28:11Itu internal sebelumnya tadi kita

1:28:13Sempat, sebelum mulai acara

1:28:15Ini situs apa ya kita komentarin

1:28:17Karena terlalu

1:28:19Perfect

1:28:21Jadi boring disini maksudnya

1:28:23Adalah compliment ya

1:28:25Pujian sebenernya, bingung kita

1:28:27Mau komentarin apa karena udah

1:28:29Secara performance bagus

1:28:31Secara UI bagus

1:28:33Codenya juga oke

1:28:37Jadi

1:28:39So far ini lah

1:28:41Angkat jempol

1:28:43Angkat jempol

1:28:45Mantap, pakai spekulasi api

1:28:49Segala, oke

1:28:51Jadi

1:28:53Sekali lagi terima kasih

1:28:55Buat Mbak Mutia dan Mas Yudi ya

1:28:57Buat yang sudah submit

1:28:59Nah sebenernya kan

1:29:01Minggu lalu kita voting kan

1:29:03Mau beda situsnya Eka

1:29:05Jadi beda situsnya Eka

1:29:07Itu gara-gara gak ada topic aja

1:29:09Ini buat cadangan aja

1:29:11Kalau besok-besok bingung

1:29:13Ya

1:29:15Live setiap

1:29:17Selasa malam

1:29:19Selasa malam

1:29:21Selasa ngobrolin mu

1:29:23Senen harga naik

1:29:25Selasa ngobrolin mu

1:29:27Waktunya ngobrolin mu ya

1:29:29Selasa malam

1:29:31Jam 8

1:29:33Waktu Indonesia Barat ya, jangan lupa

1:29:35Di subscribe aja di subscribe

1:29:37Jadi nanti notifikasinya muncul

1:29:41Nah kemarin kita

1:29:43Tadinya kita mau

1:29:45Beda webnya

1:29:47Projeknya Eka

1:29:49Tapi ternyata pas saya tanyain

1:29:51Minta reponya

1:29:53Ternyata di respon

1:29:55Jadi kita gini dulu

1:29:57Karena udah duluan juga ya

1:29:59Nah buat minggu depan

1:30:01Kita gak beda situs dulu ya

1:30:03Eka nanti next time aja ya

1:30:05Bosen lah jangan, kapan-kapan aja kalo udah bingung

1:30:07Iya makanya

1:30:09Ini ada beberapa

1:30:11Topik-topik

1:30:13Berdasarkan apa nih kita mau

1:30:15Dead created

1:30:17All

1:30:19Atau

1:30:21Let us activity

1:30:23Top all

1:30:25Top all

1:30:27Web security

1:30:29Web RTC

1:30:31Nantilah ya

1:30:33Kita harus seret

1:30:35Abang Johan lagi

1:30:37Kan ada update kan

1:30:39Web RTC ada update kan

1:30:41Ada update ya

1:30:43Di web API yang baru

1:30:45Atau kita mau

1:30:47Beda framework

1:30:49Kayaknya menarik

1:30:51Nggak ajak siapa ya

1:30:53Beda framework apa

1:30:55Beda buku

1:30:57Saya punya rekomendasi buku yang menarik

1:30:59Mau buku

1:31:01Biasa apa yang menarik

1:31:03Dari buku

1:31:05Kalo manusia kan yang menarik tangannya

1:31:07Kayaknya punya buku ini

1:31:09Bukunya dari magnet

1:31:11Boleh-boleh

1:31:13Ini tipis kok

1:31:15Bisa dibaca dalam waktu beberapa jam

1:31:17Mau

1:31:21Boleh, mau

1:31:23Kita gak voting lagi ya

1:31:25Jadi dikatur ya

1:31:27Oke

1:31:29Buat minggu depan

1:31:31Kita akan

1:31:33Bahas tentang

1:31:35Problem solving

1:31:37101

1:31:39Tapi

1:31:41Di problem solving apanya ya

1:31:43Ya baca dulu

1:31:45Makanya

1:31:47Masalah yang dipecahkan

1:31:49Masalah yang dipecahkan

1:31:51Di buku itu

1:31:53Salah satu contohnya itu

1:31:55Ada

1:31:57Sebuah grup band

1:31:59Yang

1:32:01Punya masalah

1:32:03Penontonnya sedikit

1:32:05Oke

1:32:07Maksudnya gue pesan dulu

1:32:09Masalah hidup

1:32:11Siapa yang pengaruhnya mas

1:32:13Problem solving

1:32:15Ken Watanabe

1:32:17Watanabe

1:32:21Problem solving

1:32:23101

1:32:25Ada

1:32:27Di Tokopedia

1:32:29Ada kindlenya

1:32:31Kindle aja

1:32:33Kita beli yang resmi ya

1:32:35Beli yang resmi ya temen-temen

1:32:37Itu resmi

1:32:39Di Tokopedia resmi

1:32:41Tapi saya suka

1:32:43Ada ya

1:32:45Ya coba yang kindlenya aja

1:32:47Lebih murah ya biasanya ya

1:32:49Lebih murah dan gampang

1:32:51Di bawah-bawah

1:32:53Gampang di bawah-bawah

1:32:55Oke cukup untuk malam ini

1:32:57Cukup

1:32:59Cukup terima kasih banyak

1:33:01Semuanya kita ketemu lagi

1:33:03Minggu depan selamat malam

1:33:05Selamat istirahat sampai jumpa

1:33:07Bye

1:33:21Tepat-tepat

1:33:51[Tekan like dan subscribe]