Ngobrolin Safari - Ngobrolin WEB

8:00- Ya kan WebKit sama Gekko. Berarti kan dia pakai WebKit dan makanya itu diarsir. - Oh jadi ada ini ya, ada persentukan disini.

8:16- Iya. - Dan ada yang pindah agama juga tuh, kayak VLOG contohnya. VLOG yang biru tuh. VLOG sebelumnya pakai Gekko. VLOG itu di atas KZHC itu di atas EviVani contohnya. EviVani kan Gekko.

8:37- Oh tiba-tiba masuk hijau. - Tiba-tiba masuk hijau bisa berhenti. - Ya extra yang baru-baru ini, yang agak baru. Yang pindah warna.

8:50- Kalau kita lihat disini Mozilla dari mana? Mozilla dari Netscape kan. Netscape terus dia berhenti kan disini kan. Sebelum Netscape berhenti dia bikin engine sendiri. Netscape-nya masih lanjut sampai di tahun sekitar 2007-2008.

9:08Nah Mozilla-nya sendiri ini dia bikin awalnya namanya Phoenix. Kemudian jadi Firebird. Kemudian jadi Firefox. - Kenapa lo hewan semua ya? Kita ganti hewan.

9:24- Tapi temanya masih sama ya. Api ya. - Nah terapi-api. - Ya jadi kita fokusnya kesini ya. Jadi dari Conqueror dengan base-nya KHTML dan KJS itu akhirnya proses ininya disini ya.

9:41Dia langsung Safari ya. Bukan Webkit dulu ya. Bukan masuk ke Webkit dulu ya. Langsung Safari ya. Forking ya. Jadi Conqueror itu, KHTML dan KJS-nya diforking oleh Safari, oleh Apple, kemudian dijadikan Safari.

10:01Dan Webkit-nya juga jadi project sendiri. Walaupun sepertinya kalau yang saya baca under Apple juga. Walaupun dia open source ya. Safari-nya tidak open source, tapi Webkit-nya open source.

10:17- Ujung-ujungnya jadi Bling juga kan. - Ujung-ujungnya. Habis itu nggak lama si Webkit-nya itu difork oleh Google untuk bikin Google Chrome. Akhirnya jadi Bling namanya.

10:31Ya dari Bling itu engine-nya kemudian jadi Chromium-based. Di sini ada kelihatan nggak ya? - Itu dibawah tuh. - Hop-hop-hop. - Ini ya Bling-based. - Diatas sedikit. Turun-turun. Dia warna coklat.

10:52Chrome. Ini ya. Ini ya Chrome-nya. Ada banyak juga ya. Ada Midori, ada Iris, ada Aurora, ada Steel, ada Opera. Opera juga Bling-based. - Opera Mini ya. - Oh dibawah. - Opera Mobile.

11:10Bawah kan beda. Presto. Iya. Kalau Opera Mini di sini dari Opera ini ya. Opera Mobile. Kalau ini Gecko. Gecko Webkit. Nah. Jadi supaya apa ya supaya tidak semakin mengerucut lagi gitu ya.

11:30Mudah-mudahan sih karena ada plus minusnya ya pasti ya. Kalau browser semuanya sama itu enak sebenarnya ya. Di satu sisi enak tapi di sisi yang lain ya kayak nggak ada saingan ya.

11:46Dan apa ya? Nature of the Web bukan kayak gitu kan. Justru emang ya bisa dibilang keunikannya lah. - Keunggulan. - Keunggulan. - Kalau keunggulan ya keunggulan, kekurangan ya itu perspektif.

12:05Nah disinilah yang salah satu. Ini OS. Di Mac OS juga bisa di setting ada accessibility. Eh ke pencet.

12:21Nah di bagian sinilah ada kontribusi dari narasumber kita Mas Arya Hidayat ya. Jadi beliau ikutan kontribusi kesini dan akhirnya masuk ke Webkit jadinya.

12:36Jadi salah satu kontributor awal Webkit juga. Makanya kan Mas Arya itu sempat bikin yang buat testing tuh sebelum apa petir? - Phantom JS. - Phantom JS ya.

12:52Pesinya kan dari sini. Dari ke HTML. Awalnya banget. - Terus safari sampai terus tapi safari nggak ada pindah-pindah agama ya? - Nggak ada. Karena Webkitnya sendiri emang milik Apple. - Oh iya? - Nggak kayak opera kan. - Nggak kayak opera. Ngikut ya.

13:18- Jadi sebenarnya Webkit sendiri itu... - Nggak sanggup ngelajuntiin karena ini kali ya. - Iya betul. Jadi kita sempat... - Maintain layer engine itu berat kali ya.

13:32Iya. Jadi kita sempat ngobrol sedikit sama Eka di belakang tadi sebelum mulai. Firefox ini agak mulai tertinggal dari si safari dan Webkit. Karena banyak alasan. - Safarid learn from. - Mereka nggak punya produk. Kalo Google ada yang dijual, ada produknya.

13:53Hardware-nya pun ada. Android kan. Phone, tablet dan lain-lain. Safari tentunya ada. iOS, Macbook. Edge juga ada. Bahkan hardware-nya ada. Firefox juga. Mozilla nggak ada. Dulu sempat mau bikin phone. Inget nggak Mozilla phone?

14:11- Sempet tapi gagal. - Belom. - Gagal. Kayaknya semua proyek dia belum ada yang berhasil gitu ya. - Nggak. Masalahnya kan ini di dunia kapitalis ya. Maksud saya realistik kalau nggak ada backing korporat, korporat yang beneran apa di industri teknologi entah kayak Microsoft, entah sebagai apa, Apple, Google.

14:31Kan kalau kayak Firefox, Opera itu kan spirit-nya yang open source, foundation, non-profit. Ya secara konsep bagus. Cuma kayaknya kalau survival yang sampai lama bertahun-tahun kayaknya ya.

14:45Ada satu produk-produknya Mozilla yang mendunia itu ya, MDN. - Iya. Tapi kan produk non-profit kan. Paling iklan dari iklan doang. Iklan Adsense. Itu juga nggak ada.

15:02- Ada sih yang kayak VPN, MDN Plus, Thunderbird. - Iya VPN ada. - Thunderbird masih hidup ya? Thunderbird ya? - Oh masih ya? - Masih. Thunderbird itu dari jaman dulu ko. Keren tuh. Pocket punya Mozilla dong.

15:17Pocket punya Mozilla. Tapi ada, ya maksudnya mereka ada produk-produk tapi istilahnya nggak ada yang... - Ya produk perintilan kayak gitu buat survive jangka waktu yang... - Betul. Perintilan. - Karena dia non-profit organization sih ya.

15:32- Betul. Ya itu. Maksudnya itu bukan karena bagus jelek, cuma emang konsekuensinya kalau emang spirit-nya begitu, scope-nya nggak bisa seluas yang industri korporat kan, for profit. - Betul. - Ya risiko.

15:48- Apa ya, perkembangannya nggak bisa dibandingkan dengan browser-browser yang lain gitu. Makanya dia kalau ketinggalan ya wajar aja karena memang resource-nya kan nggak sebesar yang lain gitu kan.

16:01- Atau ya itu lagi-lagi risikonya... - Include Firefox. - Oh ya. Include Firefox. Risikonya ya lay-off kan kayak tim apa? Tim Rush ya waktu itu ada lay-off juga.

16:13- Sebenarnya mereka lumayan visioner dan inovatif juga kan. Rush mereka bikin. Walaupun itu nggak, tidak menghasilkan uang secara langsung gitu kan.

16:27- Sama lah kayak Google juga bikin Go kan atau bikin framework yang lain gitu. Si Firefox Mozilla juga sempat bikin beberapa bikin framework dan lain-lain kan.

16:39- Tapi nggak ada apa ya nggak ada lahan buat jualannya mereka gitu karena memang non-profit juga gitu. Jadi ya salah satu apa? - Mozilla juga punya community space di Jakarta ya udah tutup.

16:53- Udah tutup, udah tutup. Dulu sempat itu kan ada community space, ada apa dong? - Saya sempat ngadain event di sisi itu. - Ada yang ini juga kan kayak GDE juga kan mereka punya model kayak GDE juga kan yang buat speaker.

17:08- Ada dulu tapi sekarang ini udah nggak. - Masih ada sih website-nya. - Anyway ternyata si webkit ini juga lumayan banyak dipakai. Ada PlayStation pake PS3 ya. Sekarang udah PS5.

17:29- Design, ada yang pake nggak nih? Samsung ya? - Apa sih itu? - Smart TV. Kindle ebook reader juga. Nintendo console pake. 3DS internet browser juga pake. Blackberry browser juga ternyata pakenya webkit.

17:56- Jadi intinya adalah si webkit ini menggunakan JavaScript core sebagai engine JavaScriptnya yang akhirnya digunakan oleh Boon yang terbaru ya salah satu inovasi terbarunya.

18:12Kalau yang lain pada pake V8 yang punya Chrome, Boon menggunakan JavaScript core. Sama-sama C++ API ya. Jadi kalau temen-temen mau bikin browser harus bisa C++ ya.

18:32- Siapa tahu ada yang bisa pake RUS sekarang? Ya kalau C++ kan karena dulu kayaknya opsinya cuma itu kali ya. Nggak tahu ada bahasa lain nggak sih.

18:42- Firefox kan mau bikin servo, tapi kan nggak jadi-jadi. Mereka mau bikin pake RUS itu servo. Tapi ya belum kesampaian.

18:56- Sempat Firefox tuh melakukan ini kan ya. Sempat Firefox tuh melakukan rombak engine-nya besar-besaran yang terakhir itu ya sempat dia bilang jadi lebih cepat.

19:06- Ya itu kalau nggak aneh ya. - Betul Mozilla bikin RUS ya. Salah satu yang bikin RUS. Bukan salah satu, emang penggagas ya yang bikin.

19:18- Dia yang bikin. - Nah ini kan tadi kita udah sempat bahas webkit itu asalnya dari KDE, dari environment KDE.

19:26Salah satu desktop environmentnya Linux. Kemudian ada kontributor dari Apple, Google, Nokia dan lain-lain.

19:34Sampai akhirnya si webkit ini difork oleh Google awalnya namanya web core. Web core itu dari webkit ya? Oh dari webkit. Yang difork itu web corenya.

19:53- Satu bagian kayak diambil komponennya dia bikin sendiri. - Kemudian jadi Blink.

19:59- Ya namanya Blink. - Berarti layout engine-nya doang.

20:04- Iya kan Blink itu kan layout engine ya? - Iya.

20:09- Eh V8 baru JavaScript engine-nya ya V8? - Iya bener. JavaScript core punya si webkit. Apa ya? Safari masuknya.

20:24Safari iya. Dan kemudian di 2005 Safari developer yang namanya Pak Dev Hyatt ini, Hyatt.

20:36Dia melakukan open source terhadap webkit yang tadinya namanya web core dan JavaScript core jadi webkit.

20:45Terus mulai 2005 berarti ya. Dan kabarnya si webkit ini adalah under Apple. Bener nggak?

20:59- Iya tadi ada diatas di patent namanya. Nama webkit. - Iya namanya dipatenkan oleh Apple.

21:05Jadi kodenya open source. Cuma nama webkit di patent atau trademark apa-apa ya? Nah tentu-tentu S/O 7 Maret 2013.

21:18Trademark. Apa ya implikasinya? Orang nggak boleh bikin komunitas webkit gitu.

21:27Webkit is open source and available under BSD2.

21:35- Tapi nggak semua. - Nggak semua. Web core. Beberapa komponen doang yang di open source.

21:43Webkit is open source and available under BSD2. With the exception of web core dan JavaScript component yang under GNU.

21:53Ya GPL.

21:58- Tetapi... - Nama webkitnya sendiri itu merek dagang Apple.

22:03Webkit itu nama dagangnya. Jadi nggak bisa pakai kata webkit.

22:07Jadi bukan perkara commit sih. Orang nggak boleh jualan pake email-email webkit.

22:12Iya. Kalau mau pakai webkit di forking, nggak boleh lagi menamakan EKA webkit. - EKA kit? Nggak forking web core sama JavaScript core-nya.

22:24Maksudnya bikin engine baru. EKA kit ya boleh-boleh aja. - Boleh aja. Tetapi harus mencantumkan web core sama JavaScript core di license-nya.

22:33Sesuai GNU lah. Pokoknya aturan GNU.

22:36Muhammad Istiqlal. Kalau nggak salah, Epiphani, genome web juga based on webkit. Ya betul.

22:42Jadi memang dia dibesarkan oleh Linux sebenarnya.

22:46Baru kemudian diadopsi sama Mac, sama Apple dan juga Microsoft ikutan. Eh, Microsoft. Sorry, Google awalnya ya, Google.

22:56Tadi kita sampai di... gimana? Open source. Feature development. Webkit 2. 2010 itu webkit versi 2.

23:10Terus... webkit is used rendering engine Safari. Oh iya. Ini ya, biru. Kemudian digunakan oleh Chrome.

23:26Dulu dipake oleh Chrome. Sebelum Chrome tadi yang kita bahasnya bikin baru, bikin sendiri.

23:31- Ya. - Berarti dulu sempat, berarti... Wait, Android itu sempat pakai webkit ya?

23:41Google Chrome on Android. Itu before version backpad.

23:48Iya. Iya. Iya berarti. Benar.

23:53Ya, jadi salah satu yang membuat orang-orang agak gimana gitu ya sama si Safari.

24:07Mereka kayak melakukan apa yang dilakukan oleh Microsoft pada saat mereka lagi jaya-jaya dulu.

24:15Yang dulu ya, bukan yang sekarang ya. Jadi mereka memaksa device untuk di include si Internet Explorer

24:25kalau dulu ya di Windows gitu kan. Safari juga melakukan itu. Mereka include... bahkan lebih parah ya.

24:34Maksudnya dalam hal ini ya orang awam ya. Kalau Apple... Mac OS, Mac OS udah pasti ada Safari kan.

24:45Yang kedua yang lebih parah adalah iOS. iOS itu tidak bisa ada browser selain...

24:55Enginnya webkit. Webkit.

25:08Dulu kayaknya grid template columns atau grid gap atau apapunnya kan dulu ada yang harus grid gap buat CSS, ada yang udah bisa pakai gap. Nah intinya cuma ngetes di Safari, Chrome, tapi dari laptop.

25:29Intinya nggak ngetes langsung di iOS phone. Nah ternyata intinya layout-nya di iPhone, di Chrome berantakan semua. Kenapa?

25:43Karena ya itu sebetulnya semua browser yang ada di iPhone itu intinya webkit kayak Safari, cuma dikasih casing, Chrome dikasih casing, Firefox.

25:55Maksudnya casing adalah service eksternalnya. Tampilannya mirip. Bukan tampilan, bukan cuma tampilan, tapi ya service eksternal.

26:04Kayak kan Chrome, Firefox ada profile ya. Sekarang kita bisa ngelog profile, itu ada fitur kayak bookmarks, ada password manager.

26:12Soalnya yang service-service yang nggak berhubungan langsung sama engine layout dan JavaScript-nya. Nah cuma kalau misalnya si perterasi semua engine-nya rendering lah, JavaScript processing, itu sebetulnya Safari doang.

26:26Jadi kayak semua Safari, kayak Apple memaksa buat semua browser kalau mau pasang di App Store, ya harus pakai Safari, cuma dikasih branding, dikasih logo browser masing-masing dan layanan eksternal.

26:41Iya, karena mereka megang dulu, setahun-tahun dulu. Kalau sekarang kan nggak, sudah boleh.

26:50Oh udah boleh. Di Eropa doang?

26:52Yang di Eropa.

26:53Di Eropa.

26:54Karena Eropa itu kayak semua hukumnya ketat banget ya. Mereka lobbying, bikin aturannya tuh ketatnya minta ampun.

27:02Udah kalah nih ceritanya, jadi iPhone yang di Eropa sudah buat iOS yang di Eropa, base-nya sudah bisa install JavaScript engine, browser engine lain.

27:14Oh udah normal ya busy tier-nya, jadi maksudnya Chrome ya, pakai engine-nya Chrome.

27:18Tapi implementasinya belum tahu ya, cuma udah ada aturannya di Eropa.

27:27Iya, jadi salah satu kenapa mereka bisa melakukan itu, ya karena mereka yang megang kendali di SDK, SDK-nya iPhone, iOS.

27:39Jadi SDK-nya atau API-nya buat browser itu dikunci, jadi hanya bisa menggunakan library webkit yang disediakan oleh developer kit-nya, software developer kit-nya.

27:52Jadi kalau kita mau bikin software yang bisa browsing internet, ya itu kita harus pakai library-nya mereka.

28:01Opsinya cuma itu, itu bukan opsi ya, itu dipaksa namanya.

28:04Iya pilihannya, jadi nggak dapat permission untuk bikin browser, untuk misalkan untuk buka www.google.com atau apa apple.com gitu dengan menggunakan engine lain nggak bisa.

28:20Termasuk juga kalau kita pakai apa namanya, kalau di aplikasi itu yang kita bisa buka browser di dalam aplikasi.

28:30Webview.

28:31Webview, itu webview-nya kan pasti mau nggak mau kan safari atau webkit base juga kan jadinya kan.

28:36Karena yang dibuka hanya itu, mereka bisa melakukan itu, mereka berani melakukan itu.

28:42Tapi nggak dibelesin sama Google, Google kan bikin pixel, maksudnya kalau Google mau rese kan sebenarnya bisa dibelesin.

28:50Beda value.

28:52Satu itu, kedua kan mereka mengejar ketertinggalan, karena mereka harus kalau App Store udah banyak apps-nya, si Android ya harus lebih banyak lagi gitu, harus lebih lengkap.

29:07Mereka membuka sebesar-besarnya.

29:09Sebenarnya kenapa malam ini kita ngomongin tentang webkit selain atau webkit atau safari, selain karena.

29:23Safari.

29:24Ya karena apa tadi, supaya menghindari orang pada hanya menggunakan satu jenis atau satu keluarga browser, ini jadi semakin banyak kan.

29:34Dan yang menariknya adalah si safari ini akhir-akhir ini menunjukan peningkatan yang luar biasa besar terutama kalau di Interop.

29:54Ya Interop kan gambaran, ya gambaran besar lah, fitur-fitur apa yang developer mau, yang dirasa penting buat developer, dan gimana browser, tuh Ivan hilang, gimana browser kerjasama buat implement fitur itu.

30:08Iya.

30:25Iya.

30:27Betul.

30:35Beda sendiri.

30:44Sekarang ke safari.

30:59Waktu itu sempat beberapa tahun kayak gitu.

31:05Itu jamannya yang setau gua itu PWA sama CSS Grid.

31:10Oh iya PWA.

31:11PWA, CSS Grid sama, apa satu lagi ya gua lupa. Eh udah, udah lupa. Itu adalah satu fitur yang si safari itu nggak support.

31:29Dan PWA kan baru-baru ini kan dia support, maksudnya di ini ya, di mobile ya, kalau di desktopnya mungkin sudah lama.

31:37Tapi di mobile-nya kan PWA belum bisa, belum bisa add to homescreen kan.

31:43Bisa, tapi harus dipencet menu-nya.

31:47Iya.

31:49Tapi ada menu-nya sih ada add to homescreen.

31:51Nggak bisa otomatis.

31:53Jadi 2 tahun apa 3 tahun lalu deh, jaman itu kayak safari itu banyak ketinggalan dengan update-update-nya.

32:03Dan dia punya dunia-nya sendiri gitu, di saat apa namanya, dunia per browser-an mendukung PWA, CSS Advancement, dia tiba-tiba munculin yang namanya color.

32:20Oh dia bikin fitur warna sendiri karena butuh, karena perlu buat keperluan si Apple jualan iPhone sih.

32:28Iya, color. Yang mana kok jalannya beda sendiri gitu sama konsorsiun?

32:36Kebutuhan developer juga. Yang grid itu nyebelin sih, pokoknya sempat ingat akhirnya support grid, tapi nggak support gap, itu freak banget.

32:47Cuma menarik sih, IE dulu waktu dia memonopoly, terus progress-nya jadi melambat. Nah safari juga kan sempat monopoly lah minimal di user iPhone kan.

33:03Kan baru kali ini kan ada browser dan hardware itu beneran kayak sepaket yang bikin satu pihak.

33:10Dan dia apa, market share-nya besar banget. Itu development-nya juga, progress-nya juga jadi lambat kan. Itu kayaknya fenomena unik, menarik.

33:21Dan kalau perkara Apple ini safari, ngaruhnya ke release cycle juga kan. Dia kan cuma bisa update kalau Mac OS atau iOS update kan, nggak bisa ketinggalan.

33:32Nggak bisa ya? Bisa kali? - Nggak bisa, kalau misalnya mau update. - Eh, minor pun harus update dari USB.

33:41- Minor harus update iOS. - Apa, iOS-nya juga minor update kan, ada versioning-nya juga.

33:49- Sempat ada security update misalnya. Jadi dia harus increase version dari iOS-nya juga untuk supaya update si safari. Betul. - Nah itu agak ribet juga sih ya.

34:05Sama dengan Mac OS. Mac OS bisa safari di Mac OS, nggak bisa berdiri sendiri. Dia lengket sama operating system. Jadi ini kan ya, mau update browser harus restart.

34:19- Iya, harus nunggu dulu ya. - Maksudnya nggak bisa se-agel ya, browser yang lain kan jadinya. - Betul, kalau browser yang lain tinggal update aja. - Chrome tinggal reload aja dia.

34:35Malah nggak sadar, tiba-tiba cuma suruh restart. Nggak usah matiin laptop. - Karena kan dia tidak ada kaitannya sama hardware. Mungkin kalau si safarinya harus...

34:50Ada kayak kompilasi lah atau apa gitu yang membuat dia lebih optimize jalan di Mac OS kan. Kalau Chrome kan multi platform, jadi ya semuanya bisa jalan.

35:01- Safari bisa jalan di Windows? - Windows bisa. Aku pernah ke Warnet yang ada safarinya. Wow, dulu banget.

35:09- Di Interop yang safari, eksperimentalnya bagus loh. Coba aja di-click. - Bagus, bagus, bagus. Ini juga udah mulai ini kan.

35:21Nah itu semua stigma tadi. Kelihatannya sekitar 2 tahun terakhir ini udah mulai difix sih. Kayaknya mereka juga sadar.

35:33Ya mungkin mereka ngeliat apa, dimanapun ada value-nya kan. Kan nggak mungkin mereka ngejar ketertinggalan cuma karena iseng atau cuma demi idealisme atau apa. Nggak mungkin kan. Mereka kan jualan. Jadi ya mungkin sadar juga kalau ditinggal semua developer.

35:51Ya tetap bakal ada business impact yang kurang bagus. Nah buktinya ya itu.

35:59Kalau kita ingat, mungkin temen-temen nggak ngalamin ya. Saya juga nggak ngalamin sih, cuma saya ngikutin gitu ya.

36:08Sebenarnya cikal bakalnya PWA, add to homescreen itu dimulai dari si Apple sebenarnya, si safari.

36:17Safari itu adalah browser pertama di mobile yang bisa add to homescreen. Jadi seperti aplikasi. Jadi web kita itu seperti aplikasi.

36:29Dan dia sempet kayaknya membuka beberapa API yang bisa dieksekusi. API ini ya, API SDK yang si Apple-nya ya, misalkan buka kamera yang kayak sekarang tuh, buka kamera, bisa GPS dan lain-lain itu dulu dia sempet mau kesana arahnya.

36:48Ya mau kesana. Cuman akhirnya berbelok gara-gara si Apple meluncurkan App Store.

36:56Oh mereka mikir lebih run kalau selalu dipagerin.

37:01Ya, kalau mereka buka semua orang bisa bikin aplikasi lewat web, nggak bisa dimonetize kan, agak susah dimonetize.

37:10Tapi kalau misalkan mereka bikin App Store, mereka bisa ini, orang harus bayar lisensi setiap tahun, terus mungkin developernya juga bisa menghasilkan uang karena dia bisa bayar gitu kan, maksudnya berbayar, aplikasinya berbayar dan lain-lain.

37:26Akhirnya mereka lebih memilih jalur itu. Baru sekarang-sekarang ini mereka coba buka lagi.

37:35Dan yang menariknya selain karena mulai mengajar karta tinggalan, kan beberapa waktu yang lalu ada WWDC ya, conference-nya Apple yang announce beberapa hal yang paling di-highlight memang AI ya, Apple Intelligence.

37:56Lagi-lagi semua conference sekarang AI-AI. - Jadi mereka akhirnya koalisi dengan OpenAI.

38:06- OpenAI, kan waktu itu sempetnya ada gosip-gosip mau sama Google atau mau sama OpenAI yang notabene Microsoft, karena mereka nggak punya sendiri.

38:18Akhirnya mereka, padahal mereka udah duluan bikin Siri kan ya, sedangkan OpenAI kan baru-baru ini mereka bikin yang seperti itu tapi lebih canggih gitu kan.

38:29Nah Siri-nya sendiri sekarang udah diintegrasikan dengan OpenAI. - Siri kayaknya asisten yang paling susah dimengerti.

38:42- Susah dimengerti. Nah di luar itu mereka juga announce beberapa hal untuk Safari 18. Sekarang masih beta ya? - Masih beta.

38:56- Masih beta ya. Jadi mereka announce ini si Safari 18 apa aja update-nya mereka announce. Ini kita lihat sama-sama ya.

39:04- Nah ini kalau menurut gue sih Safari 18 nih geg-ge banget, oke banget, mantep kalau buat web developer ya.

39:14- Hmm. - Progress-nya masaya signifikan di bidang UI banyak banget.

39:20- Banyak ya. - Nah tuh lihat ya kayak few transition akhirnya bisa semua kecuali Firefox.

39:28- Firefox. - Kebalikan.

39:43- Ya ya. - Ketinggalan.

40:07- Biasanya ada rodanya itu roda pedati kadang naik kadang turun. - Biasanya ada orang Firefox yang di hire sama Safari.

40:18- Nah itu dibajak mungkin. - Dibajak. Terus yang kedua ada style query.

40:25- Nah ini agak aneh. Masaya syntax-nya agak unik. Cuma ya berguna sih useful. Nah bagusnya di artikel ini zoom in deh.

40:37- Hmm zoom in? - Zoom in. Masaya biar ya nggak zoom in halamannya aja.

40:43- Nah ini kan artikel di personal website-nya orang yang emang web dev dan front-end ya masaya lebih cenderung ke front-end.

40:52- Dia ngasih rekomendasi di bawahnya. Udah safe to use atau belum. Kayak misalnya tadi few transition.

40:57- Oh yang kayak tadi ya ini ya. - Udah safe to use. Karena ya udah tuh kalau misalnya Firefox belum support.

41:05- Not showing fancy transition ya udah nggak apa-apa. Future detection aja kan. Pakai aja.

41:11- Nah terus kalau style query setia bilang kayak kalau opini-nya dia menurut dia sebetulnya.

41:17- Next to have lah ya. - Oh belum terlalu. Dia bilang I don't think so.

41:25- Karena future detection kan itu pakai rules baru tuh. Container aja. Masih kurang bagus feature detection-nya.

41:35- Jadi nggak terlalu dia rekomendasikan dulu. - Oke menarik. Ini tetap ya.

41:44Ini karena fokusnya kan ke Safari kan. Jadi yang Firefox ya kelihatan tertinggal. Karena yang di halenya kan Safari.

41:56- Ya cuma emang Firefox-nya juga belum adopsi kan. Maksudnya sepanjang release icon-nya mereka, mereka mutusin belum dulu.

42:05- Betul. Tapi kalau misalkan kita lihat, kalau misalkan ini ada update Safari. Mungkin akan ada yang Safari sudah update tapi.

42:14- Oh ya ada aja. - Yang Firefox sudah update tapi Safari belum update kan.

42:19- Ini karena highlight-nya kan highlight Safari. Yang kebetulan Firefox tidak.

42:25- Iya. Sedangkan yang lain udah anehnya gitu ya. - Icon paling kanan itu apa sih? Icon paling kanan itu apa ya? - Ini Android WebView kali.

42:35- Kalo yang sebelahnya Samsung browser ya? - Samsung browser. Ini kayaknya browser-nya Android yang bukan Chrome.

42:41- WebView. WebView. Current color. Current color apa? - Bukan. Current color di relative syntax.

42:50- Kayak misalnya kita bahas waktu itu misalnya warna apalah biru tapi dikurangin sedikit lightness-nya, dikurangin 50% blablabla.

43:00- Nah kalau dulu current color kan gak bisa. Harus absolute kan. Nah kalau sekarang udah bisa.

43:08- Oke. Ini udah hampir bisa nih. Firefox udah hampir bisa. - Nah udah semua.

43:13- Ini udah dari versi 16 loh. Berarti udah bisa sekarang ya? - Iya. Kalau urusan perwarnaan mereka rajin.

43:21- Cepet ya? Tapi kenapa belum safe? - Nah itu penjelasannya.

43:27- Feature detect. Maksudnya kayak device support atau enggak. Kalo JavaScript enak ya. Cuma if navigator.method yang mau dipakai itu apa?

43:38- Css bukan programming language kan ya? Gak bisa pake. - Nah programming language atau bukan tuh supports. Nah itu kan if. Anggap aja kondisional itu.

43:48- Entar lagi. Tunggu aja versi CSS5. Entar bisa programming language.

43:56- Bisa bikin, bisa manggil RSAPI CSS5 aja. - Bisa patch. Mau ngapain?

44:06- Nah limiting display ini apa? - Display kan kalau dulu dari display block ke display none. Gak bisa di-transition kan.

44:16- Nah sekarang udah bisa dong. Kalo dulu kan gak bisa ya. Kalo kalian kan kayak opacity-nya diituin dulu.

44:23Opacity atau transform, transform, translate, digeser, baru diilangi. Nah sekarang gak usah.

44:32Versi 18 nanti bakal bisa ya. Kok ada dua? Ini apa? Browser support behavior, allow discrete sama starting style. Ini udah bisa.

44:44Are they safe to use? Yes. Similar to JSV transition if you are okay with some user not seeing it.

44:50- Kalo gak support ya udah. - Save flexbox alignment.

44:56- Nah ini gue baru tau loh. Asli baru tau banget. - Did you know that flexbox layout can lead to data loss?

45:02- Maksudnya? - Ya jadi kalau container-nya gak terampilan.

45:08- Kepotong kalau container-nya gak cukup besar, kirain bakal scrape, bukannya bakal stretch ya. Ternyata itu kepotong.

45:16Overflow-nya ke hidden kali ya, gak tau. Nah itu nanti kalo isengpain liat, cek link post-nya aja.

45:26- Kok ada interactive demo-nya tuh? - Ini udah semua, bahkan semua Firefox-nya sudah.

45:32There's another post on this blog, did some interactive demo.

45:38- Baru tau lah. - Baru tau gue blog ini.

45:41- Iya bagus ya, bagus lengkap layout-nya, enak dilihat. - Nge-blog-nya.

45:47Iya ya. Mana contohnya? Oh ini. CSS is awesome.

45:55- Dikecilin coba. - Oh iya bener.

45:57Jadi gak ter-stretch.

46:02- Kalau contohnya, ada contoh yang dia apa tadi? - Yang dibetulin, ya nanti harusnya dibawah ya.

46:10- Kalau save, ini. Save nih ada save. - Kalo save ya gimana?

46:16- Coba kecilin, oh gitu. - Tetap hilang tapi ada ini.

46:21- Ininya bisa scroll ke samping. - Ada scroll, kalo ini tadi gak ada scroll ya.

46:25- Eh ada juga, bedanya apa? - Oh karena udah dibetulin nih browser-nya.

46:30- Gak tau, eh gak tau sih. - Hah?

46:32- Oh atau behavior-nya ya, dia motong di tengah. - Oh motongnya di ujung.

46:38- Bisa gak kelihatan. - Kalo ini, motongnya di tengah.

46:41- Nih, motongnya di tengah nih, tuh. - Oh.

46:44Jadi kayak ini gak apa-an nih, gak kebaca kan.

46:48- Kalo ini kan. - Kalo speksinya panjang, bisa gak kelihatan.

46:51Kalo ini behavior-standar ya, kayak window kita resize pun,

46:55- kepotongnya dari pinggir-pinggir kan. - Kayak gini, iya.

46:57- Kalo kita live-to-write. - Iya iya iya.

47:01- Oke, menarik. - Iya gitu, lanjut.

47:04- Save to use. - URL parse, ini JavaScript ya.

47:08- URL parse, eh dia baru bisa gitu, URL parse? - Wah, bukan sekarang ada URL parse.

47:15- Looks different. - Oh emang, emang dulu tuh.

47:18- Udah lama ini. - Udah ada kan, udah lama.

47:21- Udah berbeda, url.parse itu baru, kalo new url tuh.

47:26- New url, iya. - Oh iya iya iya.

47:28Tapi dia bakal ngepro, kalo dia bukan valid url, dia bakal throw error.

47:33- Jadi harus try-catch. - Itu kolyen dulu, sekarang engga.

47:36- Oh, sekarang engga ya? - Sekarang engga, gak pake throw lagi.

47:41Coba liat MDN-nya deh, mungkin kita juga baru tau URL parse ada.

47:47Oh, coba.

47:49Tuh, kompat data tuh JSON, throw JSON.

47:53- Itu kayaknya ada icon MDN. - Gak bisa diklik.

47:57Oh, gak bisa. Nah, coba klik.

48:01Oh, static method.

48:04Ya, URL parse.

48:07Wait, if not possible, null is return.

48:11- Jadi dia gak try-catch. - Gak try-catch ya.

48:14- Gak throw error lagi. - Gak throw error ya, gak throw error.

48:18- Oke. - Jadi dual aja ya.

48:22- Today I learn. - Today I learn.

48:24Tapi gak bisa di Samsung, gak bisa di Samsung browser ya.

48:28Aneh-aneh aja sih.

48:31Ada polyfill-nya jam sendiri.

48:33Gini-gininya enak sih, polyfillable banget.

48:36- Yes, polyfill. - Nah, ini bukan semua fitur sih.

48:39Ini highlight personalnya dia.

48:42Hal-hal yang menarik dari Safari.

48:45Nah, tapi sebenernya kan tadi kita bahas tuh

48:57Firefox tuh banyak yang terkesan ketinggalan di artikel ini

49:00karena artikelnya emang fokus di fitur baru Safari.

49:04Tapi gak juga, kalau kita lihat introp kan

49:06emang yang skornya paling rendah Firefox.

49:09Jadi ya, walaupun gak se-extreme di artikel ini,

49:12ya, apa, notion anggapan bahwa Firefox mulai keteteran

49:17ya itu udah tersupport dengan matrix data.

49:23Dan yang menariknya semakin, apa ya, ke sekarang-sekarang ini

49:28banyak, mulai banyak developer orang-orang

49:33yang memanfaatkan WebKit sebagai base teknologi-nya.

49:37Contohnya Boon menggunakan JavaScript Core.

49:40Yang kabarnya.

49:42- Biar tidak monopolize juga. - Biar tidak monopolize juga.

49:47Ini salah satu yang menariknya adalah dia

49:50sudah TypeScript langsung gak perlu pakai compiler

49:54atau gak perlu pakai transpiler.

49:56Jadi bisa langsung, gak perlu install TSC dan lain-lain.

50:00Terus juga ada beberapa browser yang cukup modern juga.

50:07Ada Orion yang saya pernah coba.

50:10Dan sekarang udah gak dipakai lagi.

50:12- Orion browser. - Kenapa?

50:15Kenapa ya?

50:17Jadi, bukan, apa ya, ad blockernya.

50:23Mereka kan ada ad blocker langsung bawaan kan.

50:26Ad blockernya itu lumayan agresif.

50:28Jadi kayak YouTube gitu, ditolak sama YouTube gak bisa play jadinya.

50:32Gak bisa nampilin video.

50:35Cuma kurang meyakinkan sih.

50:39Maksudnya, Googling Orion browser, website transmit-nya,

50:43meta datanya gak diisi.

50:45Jadi tulisannya, "No information is available for this page."

50:49Itu berit banget sih bikin browser,

50:51tapi website-nya meta datanya gak diisi.

50:54Orion browser ini di-backing oleh Kagi.

50:59Kagi ini adalah search engine.

51:01Headlocker? Oh, search engine.

51:03Ya, search engine.

51:05- Mungkin itu cara mereka cari... - Data dari mana?

51:09Gak tahu. Zero telemetry, artinya gak di tracking.

51:20Terus web extension-nya bisa pakai yang punya Mozilla dan punya Chrome.

51:26- Oh, itu keren sih. - Bisa dua-duanya.

51:30Itu menariknya sebenarnya.

51:32Nah, dia itu, Orion itu 100% free,

51:37"Not advertising", tapi ada Orion Plus.

51:40Itu yang berbayar, jadi freemium, ya, istilahnya.

51:45Ini yang versi bayarnya.

51:48- Nah, ada satu lagi yang saya temukan. - Base apa? Webkit?

51:50- Base-nya Webkit. - Oh, ya.

51:53Ya, kita lagi ngomongin Webkit.

51:55Ada satu lagi yang lebih modern namanya...

51:59Namanya sebentar, lupa.

52:01Sigma ya? Sigma OS.

52:06Sigma OS ini mirip sekali seperti art.

52:10- Tapi base-nya Webkit. - Tapi based on Webkit.

52:13- Oh, iya. - Iya.

52:15Ini mirip sekali itu, lihat.

52:17Ini yang di sebelah kiri, terus ada workspace, ya, ada workspace.

52:23Terus tabs as tasks.

52:27Jadi, tab itu sebagai task manager lah.

52:29Kalau misalnya, wah, ini ada kerjaan, ya, dia buka tab, gitu kan.

52:33Ada split-screen juga, sama, ya.

52:37Register, saya nggak tahu kalau di art itu ada apa nggak.

52:40Kayaknya nggak ada, ya, ini kayaknya dia fitur sendiri, ya.

52:44Terus ada AI-nya juga.

52:49- Sekarang sudah harus ada AI semua. - Semua produk ada AI.

52:55Yang salah satu yang menarik adalah dia ada versi, ya, ada sih.

53:00Yang lain juga ada, ya, versi simplifying-nya, atau yang...

53:04- Kalau dipencet... - Reading mode, ya.

53:06- Kalau di Safari itu namanya Reading mode. - Kita Reading mode.

53:08- Jadi itu... - Kayak toolbar-tulbarnya hilang semua.

53:11Iya.

53:13Terus ad-free browsing, ad-blocker-nya juga langsung include di dalam.

53:19Jadi nggak perlu install extension.

53:24Terus focus mode, focus mode dia tadi, ya. Yang mesti gitu nggak ada tampilannya.

53:31Sama satu lagi yang kayak si tadi Orion, dia bisa install kedua extension.

53:39- Baik dari Firefox ataupun dari... - Oh, nice, ya.

53:41Bagus sih kalau itu jadi trend segala extension bisa dipakai.

53:47Karena dia based-nya WebKit dari Safari, ya, dapat native kencangnya dari itu kan, dari OS-nya kan.

53:56- Dari OS-nya. - Kalau dari...

53:58- Peski juga jalan. - DevTool-nya bagus.

54:02DevTool-nya DevTool Safari. Kurang sih, ya.

54:05- Salah satu perangannya, ya. - Itu nggak enak banget.

54:09- Salah satu perangannya itu, ya. - Tapi pakai buat browsing lah.

54:12- Jangan buat development. - Iya.

54:14- Iya, kalau buat dev tetap Chrome-ium. - Chrome-ium.

54:18Kalau buat browsing, kayaknya lebih cocok, ya.

54:22Udah gitu kan, ya, performance lah ya. Safe battery, space suspension, standar.

54:28Fill the first AI browser engine, ya. Itu udah biasa lah.

54:33- Tapi ini... - Kalau ini gimana? Oh, bayar.

54:36- Nggak ada engine. - Freemium juga, freemium juga.

54:38Ada yang kalau mau pakai query lebih banyak, bayar.

54:44Terus interactive summary, bayar. Terus apa lagi? Advance.

54:48- Oh, kalau pakai FT4, bayar. - Oh, intinya AI. Itu fitur AI.

54:51- Oh, yang dia jual itu cuma ini ya, apa? AI-nya ya berarti ya. - Iya, banyak compute.

54:57Mana lagi? Ada lagi nggak? Nggak ada ya? Udah.

55:03Kayaknya untuk saat ini masih apa ya, menyerupai mirip-mirip seperti art.

55:09Jadi belum ada sesuatu yang spesial yang berbeda dengan art browser.

55:14Spesialnya AI-nya itu. Kalau buat teaser ya.

55:18- Tapi art juga udah ada kan? - Art ada.

55:22- Art Brave udah ada. - Ada AI Max.

55:24- Brave juga udah ada. - Ada AI Max.

55:26- Max, ya. - Tapi nggak gue aktif kan.

55:30- Udah pakai art sekarang? Nggak pakai opera lagi? - Sudah. Sudah, pasti art.

55:34- Kapan pakai opera? - Oh, Ivan kan fanboy-nya opera?

55:39- Iya, used to. Sekarang udah pindah ke art. - Used to. Sekarang udah ke art, ya.

55:45- Iya. Satu-satunya hal yang... - Mungkin nanti kalau udah coba...

55:48- Kalau Sigma OS ya bisa bagus, deck tool-nya mungkin gue bisa pindah. - Stigma, Cok.

55:52Cuman ya lagi nyari sesuatu yang deck tool-nya bagus.

55:55Satu-satunya yang dia jual adalah yang berbeda dengan art ya menurut saya ya.

56:02Yaitu webkit. Kalau art pakai Chromium, dia pakai webkit. That's it.

56:07Yang lainnya mirip-mirip. Masih belum ada perbedaan yang terlalu signifikan.

56:12Yang kayak killer feature-nya lah. Belum ada killer feature-nya. Masih bisa kita dapatkan.

56:17Bahkan ini deck tool-nya kurang bagus. Mendingan art lebih bagus.

56:22- Nah itu webkit keunggulanya ya nebeng optimization-nya. - Iya.

56:30- Webkit yang kayak battery session blablabla tadi. - Yang ini. Betul.

56:33Ya, yang ini nih. Nah, ini dia. Performance-nya yang dibanggakan sama dia.

56:40Selama bisa pakai Apple Keychain kan bisa passkey-nya juga langsung kan.

56:44- Gak harus lewat HP atau device lain. - That's it.

56:53- Jadi ada... - Merasa sigma male, sigma female harus pakai itu ya.

56:58Jadi ya lumayan ini ya. Istilahnya jadi agak bervariasi gitu.

57:05Ada udah mulai banyak tools-tools yang menggunakan webkit gitu.

57:09- Kalau dulu kan kayak terfokusnya kesatu hal gitu kan. - Monopoly. Chromium.

57:12Iya, Monopoly aja. Sekarang udah mulai muncul kayak Boon. Terus juga ada sigma, ada Orion.

57:19Mudah-mudahan nanti bakal ada lagi yang lain yang berbasis webkit gitu ya.

57:25Cuman ya itu, webkit itu kekurangannya devtools-nya kurang sama integrasi ke yang lain.

57:31Dan emang gak digerap sama sekali.

57:33Gak ada yang kan dari blognya Safari atau apa ya gak pernah ada yang bahas devtools-nya.

57:39- Ngerang ya. - Kayaknya bukan prioritas.

57:42Iya, mereka lebih ke end user bukan buat developer kali ya.

57:48- Safari. - Iya.

57:51Maksudnya Safari. Kan webkit Safari kan kayaknya tightly coupled ya.

57:58Kayaknya ya. Kayaknya.

58:01Saya lagi, pernah kok pakai devtools-nya sih Safari.

58:05- Ya, gak se... - Tidak jelek, tapi ya...

58:08- Gak jelek, tapi gak senyap. - Oh, kalau buat kerja jelek gak enak sih.

58:13- Oh iya iya. - Ya, karena emang gak dioptimise.

58:17Maksudnya jalan. Kalau pengen ngecek network request, ya ada network tap.

58:21- Bisa, bisa. - Kalau pengen ngecek, ngecek apa?

58:23Style, elemen, panel elemen, ada, ada, cuma gak enak dipakainya.

58:32Udah lupa, cara buka yang gimana ya?

58:37Option command I, ya klik kanan aja.

58:42- Ada. - Hah?

58:47- Buka dari setting, kalau gak salah ya. - Ada, harus di-enable dulu developer tools-nya.

58:55- Oh iya. - Habis itu baru bisa di-inspect.

58:57Habis itu ya bisa pakai shortcut yang standar.

59:11Nah, coba sambil buka yang webkit blog itu.

59:16- Webkit blog yang tadi, mirip sama yang tadi. - Yang newsrom wdk, lebih lengkap.

59:21- Kayaknya sama deh, lebih lengkap ya. - Iya.

59:25Kalau tadi kan itu pilihannya dia aja kan, yang highlight.

59:34Nah, ini yang update dari Safari Beta kemarin, salah satunya adalah WebXR.

59:40- Karna mereka punya apple console. - Ada jualan hardware.

59:46Jualan hardware, jadi Safari udah bisa jalanin web AR, VR, dan lain-lain.

59:55- Oh iya? - Kemudian CSS-nya tadi, view transition udah kita bahas.

1:00:00Style query juga udah, ini udah bisa ya tuh. Oh, gak bisa.

1:00:10Ini apa nih? Current color. Terus animating display juga tadi udah.

1:00:20- Kan bukan Safari. - Backdrop filter. Ini Chrome. Chromium.

1:00:30Oh iya, khusus Safari. Chromium masa gak bisa?

1:00:34I don't know.

1:00:37Backdrop filter, ini juga menarik nih. Bisa begini ya sekarang CSS ya.

1:00:43Contrast. Sevia.

1:00:47Mantap.

1:00:50Soal warna emang oke ya.

1:00:54Tapi Safari 18 ini ya.

1:00:58- Iya, belum. - Belum support.

1:01:02Save in Flexbox yang tadi, nah ini kan.

1:01:06Scroll ke atas dikit deh, ada yang menarik sih. Shaping interaction regions.

1:01:12Karna ini implikasinya buat accessibility juga, scroll ke atas.

1:01:18Ya, mungkin bisa dianggap responsiveness, bisa untuk accessibility, atas lagi dikit.

1:01:26Nah, itu atas sampai ketemu judulnya. Shaping interaction regions. Coba zoom ini dikit.

1:01:35Nah, intinya tab targets, kalau kita pake, kita kan kebiasa bentuk player itu tadinya cuma laptop atau desktop.

1:01:43Habis itu kita hover, ada mouse-nya, ada pointer-nya, bisa di mouse over dan lain-lain.

1:01:50Terus habis itu HP, not screen, gak bisa di mouse over, cuma ya bisa di tab.

1:01:55Nah, sekarang Apple Vision Pro, 2 tab targets-nya.

1:01:59Anytime a user looks at interactive element, it's highlighted to let them know that it can be tab.

1:02:07Atau yang gak tau itu bentuknya gimana. Kalo kan kita cuma bilang sebagai designer atau developer,

1:02:13bisa mendesain bagaimana tampilannya. Apakah ada sudut elemennya atau gimana. Nah, itu.

1:02:21Tuh, ada videonya tuh. Optimized for the special.

1:02:27Ini maksudnya special web itu apa ya?

1:02:30Ya itu, web UI kalau pake kacamata mahal.

1:02:38Oh, Vision Pro.

1:02:42Kalau klik ya.

1:02:47Tampilannya gimana kalau pake?

1:02:52Gak dilihat ini.

1:02:57Oh, jadi ada region-nya ya. Jadi kayak button gitu ya.

1:03:04Terus apakah jadi bisa di styling pake CSS atau gimana? Nah, gak tau-tahu.

1:03:09Kayak estetikanya Apple lah, ada rounded corner, ada gradient.

1:03:16Iya, iya, iya, iya.

1:03:19This don't even have to be visible in your dome.

1:03:24Coba kodenya. Ada kodenya gak ya?

1:03:28Oh, gitu. Jadi kalo lagi buka, ada highlight.

1:03:32So, kita tau posisi matanya dimana gitu ya.

1:03:38Atau posisi cursor-nya yang lebih pentingnya ya.

1:03:41Jadi ngeklikkan gerakin tangan ya kalau gak salah.

1:03:44Iya, ada kliknya juga kalau gak.

1:03:49Gimana sih? Bisa klik?

1:03:53Bisa di styling atau cara mengwarnainnya?

1:03:57Ya, nanti liat sendiri.

1:04:00Gak tau loh. Itu di bawah ada keterangan gak?

1:04:06Ya, gak ada. Gak ada. Cuman suruh nonton video kita.

1:04:11Menit keberapa, menit keberapa, menit keberapa.

1:04:15Ini ada inspect yang dibug.

1:04:23Mereka lagi bangun ekosistem SPA ini kali ya.

1:04:26Ekosistemnya si Vision Pro AR.

1:04:31Oke, kita lanjut lagi ya. Ini tadi udah.

1:04:36Ini tadi juga udah. Content visibility.

1:04:41Content visibility control whether or not an element render its content in fashion that is full to making performance.

1:04:52Oh, ini udah lama ya di Chrome ya, tapi webkit baru Safari 18 ya.

1:04:57Kalau belum perlu di render, harus di render dulu.

1:05:02Gak akan di render dulu untuk performance ya.

1:05:05Kalau Firefox udah support, kemarin Safari akhirnya support juga.

1:05:12Dan ini, dia kembali ke fitrahnya nih, add to doc.

1:05:17Dulu add to homescreen ya.

1:05:20Tapi ini make OS ya.

1:05:23Jadi kalau misalkan kita buka Safari, kita suka webnya, kita sering buka gitu ya.

1:05:28Kita bisa add to doc, jadi dia seperti aplikasi.

1:05:32Jadi ada icon-nya.

1:05:33Ya, ada manifest file, ya PWA lah ya, standard PWA, software dan teknologi yang lain.

1:05:40Sampai akhirnya kita bisa customize icon-nya, bisa clean up URL-nya.

1:05:46Kalau sebelumnya kan add to homescreen.

1:05:51Eh, add to doc.

1:05:54Ini add to doc.

1:05:56Kalau sekarang sudah bisa add to doc.

1:05:59Kalau dulu sebelum jamannya PWA, itu ada aplikasi sendiri, tersendiri.

1:06:08Jadi kita mau bikin web app supaya ada aplikasinya atau bisa pakai spotlight.

1:06:17Spotlight bisa muncul, itu ada aplikasi sendiri, terparti yang bikin.

1:06:26Sekarang udah include sendiri ya.

1:06:32To improvement to web apps on Mac.

1:06:36Oh bisa, bisa.

1:06:41Bisa buka di aplikasinya, jadi Chrome.

1:06:44Oh pakai scope kayak ini ya, kayak Android ya.

1:06:50Eh, PWA Chrome Android juga bisa kok.

1:06:56Iya, iya.

1:07:00Jadi nama istilahnya adalah scope ya.

1:07:04Kalau di Android itu kok nggak salah titik 2 kan, ada blablabla titik 2 slash slash kan.

1:07:10Iya, scope dimanifest saja son, web app manifest.

1:07:13Emang itu kan udah standar ya, browser apapun.

1:07:20Bisa pakai extension.

1:07:23Extension support, safari extension, spatial media, ini yang berhubungan sama...

1:07:29Oh ini yang tadi ya.

1:07:31Terus request fullscreen.

1:07:36Nah ini juga nih yang sedikit membedakan visi antara Chrome dan juga safari support untuk media.

1:07:47Karena kalau di Apple itu pakai HEIJ.

1:07:53Kalau di Chrome itu mereka lebih pro, Aviv.

1:07:57Iya, jadi ini tarik ulur nih berdua nih.

1:08:00Setelah lagi ketemunya JPEG XL.

1:08:04JPEG XL.

1:08:06Oh iya.

1:08:08Ini apa ATML? Writing Suggestion Sama Dengan True.

1:08:15Apa ini? Coba kita baca.

1:08:19Inland Predictive Text on iOS.

1:08:22Ini siap-siap buat AI.

1:08:25Oh siap-siap buat AI.

1:08:28Sekarang nggak bisa karena saya nggak di safari juga.

1:08:32Nggak di macOS.

1:08:34Dengan kualitas ini belum ada bener-bener deh. Emang emang udah jalan apa?

1:08:40Writing Suggestion ini gimana sih? Coba.

1:08:44Coba buka, coba buka.

1:08:47Ini di chat.

1:08:51Di chat umum.

1:08:53Coba testing.

1:08:57Switch Control.

1:08:59Oh nggak bisa juga. Switch ini kayaknya khusus iOS ya?

1:09:03Ini bukannya bukan di macOS, bukan di iOS, nggak bisa.

1:09:08Checkboxnya Switch gitu.

1:09:10Kayak tombolnya laki-laki gitu ya.

1:09:13Berarti pakai Custom Element mungkin ya.

1:09:17Custom Elementnya biasa sendiri.

1:09:20Now when a user taps a Switch Control on iPhone, a single tap is failed.

1:09:26Just like how toggling a Switch fill in setting app on iOS.

1:09:31Oh we are consistent sama iOS.

1:09:33Ya, native iOS-nya kan udah lama support kan yang Switch ini kan.

1:09:37Sedangkan di browser mereka belum ada, akhirnya mereka bikin.

1:09:42Date sekarang udah support juga.

1:09:45Date time.

1:09:47Ya date time.

1:09:49Ya, usually element have label need but sometimes there's no text label.

1:09:57Oh override.

1:10:02Kalau perlu override.

1:10:06Pakai braille label sama braille.

1:10:10Oh ini buat accessibility ya.

1:10:14Ya, tapi kalau accessibility, kadang kan ada orang yang low-vision atau tuna-netra,

1:10:21tapi pakai yang voice-over sama inputnya juga biasa, text biasa.

1:10:28Tapi ada yang pakai alat khusus, alat khusus tuh kayak nggak tau lah bentuknya gimana.

1:10:33Jadi braille, buat connector, buat curve braille gitu.

1:10:38Nah itu khusus.

1:10:41Nggak bisa writing suggestion.

1:10:45Safari 18, emang udah Safari 18?

1:10:49Oh belum, ya tunggu 18, 18 beta.

1:10:52Watch video without distractions in viewer for Safari beta Mac OS.

1:10:57Selama ini juga bisa full screen.

1:11:00Bukan, kayak picture in picture ya.

1:11:04Picture itu kan kalau kita scroll down atau kita pindah window alo ini nggak, cuma disitu.

1:11:10Ini yang lainnya digelapin gitu ya, ditutup ya.

1:11:15Jadi modal.

1:11:18Kalau vision OS kita nggak bisa komen lah ya.

1:11:21WebRTC, support for WebRTC HFC.

1:11:26Ya ini media juga ya.

1:11:28Tadi HEC, ini HFC.

1:11:31HFC, ya HFC.

1:11:33Pasky, 2 years ago WebRTC 2.2 announced support for Pasky. A groundbreaking industry standard way to login to website and app services.

1:11:43- Mereka udah ini ya web? - Yang ini tambah mediasen kondisional itu loh.

1:11:49- Apa ya? - Jadi tambah ini.

1:11:51Bisa diautomatis ngecek kalau misalnya sudah ada credentialnya dibuat.

1:12:01- Dibuat, dia bisa langsung... - Gak perlu nanya lagi.

1:12:04Mau pake, nggak dia tanya, dia nggak perlu nanya gitu.

1:12:08Jadi bisa ngecek kalau di paskingnya sudah pernah buat, belum credential, jadi tinggal pake.

1:12:17Jadi kalau belum buat, jangan ditanya gitu loh.

1:12:21Kalau sekarang implementasinya selalu munculin, pake nggak pake, ada nggak ada, munculin.

1:12:29Mau pake Pasky nggak, tapi ternyata nggak ada gitu.

1:12:33- Oh, sial. - Soalnya sekarang juga sehari-hari kayaknya Safari, GitHub atau login apapun yang support Pasky udah lancar-lancar aja.

1:12:43Ini berarti kalau kasusnya kalau emang belum bikin ya?

1:12:48- Iya. - Unicode kerap terus.

1:12:53- Oh, sekarang bisa bikin gini ya? - Iya.

1:12:57Web API tadi URL parse ya, ini buat JavaScript ya.

1:13:04Terus apa lagi nih? Canvas.

1:13:08- Will read frequently, WebGL. - WebGL.

1:13:14- Nggak ngerti ya. - Oke.

1:13:18- Nggak ngerti. - Ini bikin low-level aplikasi low-level.

1:13:24- Weka WebView. - Weka WebView.

1:13:28Weka WebView itu kayak versi lebih oke-nya dari WebView di iOS.

1:13:35Kalau mau pake WebView, pakenya Weka WebView.

1:13:39- Equal Pay. - Lebih oke-nya maksudnya apa?

1:13:44- Lebih apa ya? - Lebih baru, lebih optimize.

1:13:49Kalau dulu kan NS WebView ya kalau nggak salah ya. NS itu kan next step.

1:13:55Ingat nggak Steve Jobs kan begitu dipecat sama Apple, dia bikin perusahaan namanya NEXT untuk bikin komputer kan.

1:14:03Terus mereka bikin OS, bikin programming lain juga namanya Objective-C.

1:14:09Makanya kalau teman-teman belajar Objective-C itu struktur data atau tipe datanya itu pake NS.

1:14:18Next step, next NS something, NS something, termasuk juga WebView.

1:14:25Dulu ada yang namanya NS WebView, itu Objective-C punya.

1:14:30Jadi sekarang yang lebih modernnya Weka WebView.

1:14:36CSS. Itu masih ada ke HTML. Masih ada ke HTML. Masih bawaannya.

1:14:52- Deprecated. - Iya, deprecated.

1:14:57Tapi ternyata masih ada sampai sekarang gitu. Baru deprecated-nya sekarang kan.

1:15:01Cuma someone-somewhere pasti ada yang komplain, "Wah website saya rusak."

1:15:08Gara-gara media print. - image GPC 2000 udah di support ya?

1:15:13- Dihapus. - Removed support.

1:15:15- Safari was the only browser to even provide support. - Nggak ada yang bernafas.

1:15:23- JPEG 2000 kan, jadi yang balik lagi kan JPEG Excel kan? - Excel itu bukan fasus.

1:15:32Itu dengan browser lain nggak ada yang adopsi.

1:15:37- Project gagal. - Project gagal.

1:15:41Storage, support AppCache. Safari 4. Oh buat caching ya.

1:15:50WebKit Deprecated AppCache. 2001 remove support.

1:15:56Third party user Weka WebView. Now we are removing those exception.

1:16:01This change to WebKit will only affect the rare web content loaded in older third party apps

1:16:08that have JavaScript code which relies on accessing AppCache related.

1:16:12WebCache-nya sudah nggak bisa. Web API, keyboard event, key location, alt graph key,

1:16:23bug fix, ya bug fix ya, baca sendiri ya teman-teman ya.

1:16:27Weka WebView dipakai di Ionic buat ini ya, hybrid, buat develop aplikasi hybrid ya.

1:16:39- Saya pernah baca satu podcast mengenai WebKit ini sih dari orang iPol-nya.

1:16:52Itu yang blog yang tadi itu mulai rutin mereka publish dari bus semenjak 2 atau 3 tahun terakhir

1:16:59saat mereka mulai mengejar ketinggalan ini. - Sejak mulai ngejar.

1:17:03- Gua tapi nama cewe itu dia lip-nya di Safari. - Di Syntax FM ya?

1:17:09Dengar juga sih kalau di Syntax FM. - Dia yang dulu dari Firefox nggak sih?

1:17:14Lupa namanya. - Nah berarti terjawab kan bener kan?

1:17:17- Ya betul, emang dibajak Apple. - Jadi salah satu programnya dia itu adalah

1:17:22mulai mempublikasikan update-nya mereka, dan blog itulah salah satunya.

1:17:27Berarti itu best practice ya? Kayak bikin apa ya? Kayak accountability ya?

1:17:34Tanda kutip sih, maksudnya accountability itu public gitu.

1:17:37Kayak ini kita bikin ini, jadi kayak kultur yang bikin kemajuan.

1:17:43- Kultur yang mungkin di Firefox dirasa cukup berhasil dengan MDN-nya salah satunya kan ya.

1:17:48Jadi mereka mau adopsi itu untuk di Mozilla, di Safari atau WebKit.

1:17:54- Apa? Namu itu Syntax, maksudnya judul episode-nya seru deh.

1:17:58Maksanya judulnya gini webkit, tapi kita pasti langsung ngerti maksudnya.

1:18:04Buka tuh di private chat. - Yes, yes, yes. Bentar.

1:18:09- Safari is the new Chrome, judulnya.

1:18:16- Jadi kan stigma-nya Safari adalah IE baru. Nah, ini Safari adalah Chrome baru.

1:18:25Safari is the new Chrome. - Jen Simmons.

1:18:28- Emang dia mantan ini ya? - Iya, dulu dia dari Firefox.

1:18:39Apple Evangelist Safari and WebKit, member of CSS Working Group.

1:18:47- Ada di mastodon-nya.

1:18:50- Ini gimana bacanya sih ini menu-nya? - Ini.

1:18:55- Miring begini.

1:18:58- Make video. - Nah, itu-nya masih belum di-update dong.

1:19:05- Zoom in, coba zoom in. - Masih Mozilla dia.

1:19:09- Oh, itu benar dia. - Belum di-update aja.

1:19:13- Oh, dia ada YouTube juga. Isinya apa? - Podcast.

1:19:18- Berarti harus bisa kita undang nih dia nih. Loh.

1:19:22- Oh, iya designer ya dia. Jadi banyakan CSS yang dia main.

1:19:30- Iya, emang specialist layout. - Specialistnya, iya, iya.

1:19:35- Jen Simmons. Eh, Jen Simmons apa Jen Simmons?

1:19:40- Simmons. - Simmons kayaknya.

1:19:43- Berarti benar ya. Emang kalau kita ngomongin Firefox itu salah satu yang outstanding ya.

1:19:54Beberapa tahun yang lalu itu memang CSS-nya ya.

1:19:57- Iya, oke. - Flex.

1:19:59- Dan dokumentasinya selama bapak siapa itu yang kita pernah ketemu di Jogja?

1:20:05- Naiman, Robert Naiman. - Robert, Robert Naiman.

1:20:10Bapak itu yang update-update MDN itu biasanya.

1:20:15- Iya. - Desk tools-nya juga.

1:20:17Jadi dulu sebelum, bahkan sebelum Chrome kan sekarang udah ada kalau grid atau flex,

1:20:22ada itunya ya, kita bisa toggle gridline-nya di layar. Itu yang adopsi fitur itu dulu Firefox.

1:20:31- Firefox, iya. Makanya tadi kan curiga, ini fitur CSS-nya banyak update nih.

1:20:37Jangan-jangan ada terjadi transfer pemain. Ternyata benar kan.

1:20:43Lead-nya malah udah ke Safari. Jadi jelas lah ya.

1:20:48- Ya pemain minta-nya udah dibeli. Apple. - Iya, dibeli.

1:20:52Jadi kiblatnya agak berubah.

1:20:56Oke, ada lagi yang perlu kita bahas.

1:21:00Kalau pertanyaannya Valeri, ini kita jawab nanti ya di sesi khusus belajar Phoenix Elixir ya.

1:21:09Jangan di sini ya. Kayak nggak nyambung banget.

1:21:11- Iya, mau dong. Mau dong bikin episode itu Phoenix Elixir.

1:21:15- Oh mau? - Karena gua nggak ngerti sama sekali.

1:21:18- Oh kita undang siapa ya? Kita harus ada undang ininya lah.

1:21:23- Iya, yang ada nggak komunitasnya atau apa lah. Atau yang bikin.

1:21:27- Siap, siap. Nanti dicek. - Apa lah sering dicek.

1:21:29- Mas Fahmi. - Siapa?

1:21:32- Mas Fahmi. - Mas Fahmi Risa.

1:21:34- Siapa tuh? - Siapa tuh?

1:21:37- Kalau saya kan itu sebagai pengurusan zombie aja. Belum ada production.

1:21:45Evangelist nggak dibayar. Evangelist yang belum menguntungkan. Belum monetisasi.

1:21:54Sepertinya sudah ya. Cukup ya untuk malam ini kali ya.

1:21:59Cukup lah ya kita ngomong-ngomongin safari. Mungkin next time-nya kita bisa ngomongin...

1:22:06- Roast of Life? - Roast of Life kita udah ngomong belum?

1:22:09- Udah ngomongin tadi. - Udah ya? Iya tadi sih. Cuman kan belum...

1:22:14- Belum detail. - Atau kita mau itu apa? Nostalgia.

1:22:19- Bahas... - Life from Mozilla Space.

1:22:22- DevTool, DevTool. Kita belum pernah bahas DevTool yang ini.

1:22:26- Oh iya. - Pernah nggak sih? Pernah? Belum.

1:22:29- Kapan? Belum kayaknya. - Coba aja.

1:22:31- Update-update DevTool terakhir kan mungkin? - Ada. Cuman sekilas-sekilas gitu.

1:22:37- Iya. - Eh ada ya, DevTool?

1:22:40- Ada episode 38. - Udah lama banget.

1:22:44- Berarti harus refresh. - Udah ngobrolin update, DevTools.

1:22:48- Ngomongin lagi. Episode 38? - Bahas Ionic.

1:22:53- Kita ngomongin apa? Ionic? - Itu kata Mas Bahyu.

1:22:59- Oh iya. - Bahas Ionic.

1:23:01- Bahas Bahyu. Memang dia fanboynya Ionic. Apa yang mau kita bahas dari Ionic?

1:23:07- Bahyu jadi ini kali ya? - Ionic Stencil.

1:23:10- Jadi Narasumber boleh ya? - Iya.

1:23:15- Iya dong. Biar ada yang bisa ditanya. - Mas Imre. Mas Imre nanti kita coba ya.

1:23:19- Bahas Cloud kita. - Kapan? Bahas apa yang Imre?

1:23:23- Bahas Cloud. Infrastructure. - Bahas ini, bahas Lanken.

1:23:30- Tapi Ionic Stencil itu kayaknya belum dibahas ya.

1:23:35- Stencil itu berarti web component framework bukan?

1:23:40- Library kan. - Library ya.

1:23:43- Oh banyak yang mau Cloud. - Bukan framework sih.

1:23:46- Kita mau bahas Cloud apa lagi? Gimana cara deploy web gitu ya?

1:23:52- Pake scaling web. - Gimana cara hindari bil nge-dap?

1:23:59- Itu juga penting dong. - Oh iya. Apa namanya?

1:24:04The economics of Cloud. - Coba Firebase ada yang seru.

1:24:09- Frugal. - Firebase.

1:24:12- Firebase Genkit, Apple Sting, dan itu kan masih nyambung sama web ya.

1:24:18Soalnya Apple Sting. - Oke. Baiklah kalau begitu.

1:24:25Untuk malam hari ini kita udahan dulu ngomongin safarinya.

1:24:30Mudah-mudahan minggu depan kita bahas hal-hal yang lain.

1:24:34Jangan lupa masih ditunggu di kesana.in/ngobrolinweb.

1:24:38Itu GitHub discussion. Jadi teman-teman bisa post apa aja di sana.

1:24:43Termasuk juga saran kritik atau saran resumber. Boleh.

1:24:48Nanti kita pantengin ya. Untuk malam ini sekian dulu.

1:24:51Terima kasih banyak. Bahas DevTool. Oh, bahas DevTool lagi kita.

1:24:55- Udah. Episode ke-8. - Ya cari aja di playlist ya.

1:25:00Sekian dulu. Terima kasih banyak. Selamat malam. Selamat istirahat.

1:25:03- Sampai jumpa minggu depan. - Bye bye.

1:25:06- Bye bye. - Bye bye.