Ngobrolin Web bersama Thomas Steiner ep43

1:27Nah, bintang tamu kita yang satu ini sudah 15 tahun di Google.

1:3215 tahun di Google.

1:35Jadi, mohon selamat datang Thomas Tenar.

1:38Halo-halo.

1:39- Hey Thomas. - Hai.

1:42- Terima kasih kerana datang. - Selamat datang.

1:44- Terima kasih kerana datang. - Terima kasih kerana datang.

1:47Terima kasih kerana datang.

1:47Bagus banget datang disini.

1:49Bagus, oke.

1:51Sebelum kita berbicara,

1:53kami ingin kamu memperkenalkan pertunjukan pendek-pendek untuk diri sendiri.

1:59Pertunjukan pendek-pendek? Tidak apa-apa.

2:02Oke, aku akan mengambil 30 menit.

2:05- Oh, bagus. - Halo.

2:07Para yang tidak kenal aku, aku Thomas Tenar.

2:10Aku Engineer Developer Relations di Chrome Team.

2:14Aku Thomas Jak di kebanyakan tempat di internet.

2:16Jadi, GitHub, Mastodon, Twitter, atau X.

2:19Jadi X.

2:20X.

2:21Dan, ya, saya bekerja pada apa yang kita panggil Project Fugu, yang mengenai mengenai mengenai mengenai memenuhi aplikasi yang baru di web.

2:30Dan lebih baru juga, saya juga terbuat yang bertanggungjawab untuk assembly web, jadi sekarang saya sedang berdepan dengan 2 topik besar ini.

2:38Jadi, secara esen, kerja saya adalah memungkinkan orang untuk membangun pengalaman aplikasi yang menakjubkan di platform web.

2:46Bagus, jadi berapa lama anda bekerja di Google?

2:50Saya mulai sebagai intern, sementara saya masih seorang pelajar, jadi ini berulang tahun 2005.

2:57Dan kemudian saya berkumpul sepanjang tahun 2007.

3:002005? Wow, jadi sudah 15 tahun.

3:07Saya berhenti berbual, tapi sudah berhenti berbual.

3:13Berhenti berbual, wow. Anda melompat menjadi tim yang berbeda dan rola yang berbeda, kan?

3:20Ya, jadi saya mulai dengan ad, jadi projek intern saya bekerja pada API AdWords.

3:27Jadi ini adalah Revenue Co di Google, secara esen.

3:29Jadi sebagai intern, saya merupakan sebahagian dari semua kerja yang memenuhi penyusup PHP untuk menggunakan ad di API AdWords.

3:40Dan Anda lebih tua daripada Chrome itu sendiri?

3:44Saya lebih tua daripada banyak hal.

3:47Saya memiliki ingatan Google Chrome Comic saat saya dihantar, saya masih memiliki sebuah kertas fisik.

4:02Saya memiliki ingatan orang yang berbicara seperti, "Hey, setelah berkontribusi dengan Firefox, kita mungkin bisa melakukan sesuatu sendiri."

4:11Jadi ini adalah waktu yang sangat menyenangkan.

4:14Saya tidak menjadi sebahagian dari Chrome pada saat itu.

4:16Tetapi ya, rumor dan sebagainya yang Anda dengar di syarikat ini adalah sesuatu yang saya sangat teruja.

4:23Sejujurnya, reaksi saya pada saat itu lebih seperti, "Hmm, adakah ini benar-benar masuk akal?

4:29Kita harus mungkin tidak fokus lebih dalam membuat Firefox lebih baik."

4:32Tapi ya, ini adalah di mana kita berada hari ini.

4:35Di sini kita berada.

4:37Saya tidur.

4:39Selain Google Chrome, apa brosor web favorit Anda?

4:42Saya menggunakan Safari banyak saja di iPhone, tentu saja.

4:46Dan itu masih seperti di salah satu brosor desktop kedua yang saya gunakan.

4:52Terutama karena banyak orang lain menggunakannya.

4:55Semua orang menggunakan Firefox, tapi saya harus mengatakan bahwa saya lebih seorang pengguna Safari dari Firefox.

5:02Saya mengerti.

5:03Tetapi terima kasih kepada Interop Project, kita sekarang lebih dekat.

5:06Semua 3 brosor lebih dekat untuk membawa standar ini.

5:11Oh, ya, sudah tentu.

5:13Saya pikir brosor besar-besar pada saat itu sudah berakhir.

5:17Sekarang semuanya benar-benar sebuah web tim.

5:20Jadi kita bekerja bersama di platform yang sama.

5:23Kadang-kadang kita memiliki pendapat yang berbeda dan itu sangat baik.

5:26Tetapi ya, kita semua adalah web tim.

5:29Ya.

5:31Oke, jadi tanya Defrel, bagaimana?

5:35Apa hari Anda hari ini seperti?

5:39Seperti yang saya katakan, saya bekerja untuk memanfaatkan orang untuk membuat app yang luar biasa di web.

5:43Maksudnya, semuanya dari standar kerja, berbicara dengan partner, menyiapkan perbicaraan konferensi yang berikutnya,

5:53menjelaskan perbicaraan konferensi, atau berbicara dengan penonton podcast seperti Anda.

5:57Berbicara dengan pembangun.

6:00Banyak kerja saya hanya membaca.

6:02Saya menghabiskan banyak waktu hanya membaca e-mail.

6:05Saya berlangganan di banyak repository GitHub.

6:08Saya mencoba untuk tetap berhubung dengan api berbeda yang kita bekerja.

6:13Dan penonton web yang lain juga bekerja.

6:15Saya mencoba untuk menjaga perhatian universal di semua penonton yang mereka memasak.

6:20Dan banyak kerja saya juga menikmati pembangunan.

6:25Banyak orang memiliki blog, bahkan hari ini.

6:28Blogging bukan itu.

6:30Jadi penonton feed RSS saya setiap hari menjemput saya dengan sesuatu yang baru dan mengagumkan untuk membaca.

6:36Terima kasih kepada semua penonton GDE dan penonton yang bukan penonton GDE untuk blogging.

6:44Mungkin kalian berada di deskripsi saya.

6:46Terima kasih banyak telah membuat hari saya lebih menarik setiap hari.

6:50Dan membantu saya belajar sesuatu yang baru setiap hari.

6:53Bila kamu menulis artikel Eka atau Ifam?

6:59Lama, tahun lalu.

7:06Saya tidak menulis artikel, tapi saya melakukan demo.

7:11Saya melakukan talks, tapi sekarang saya sedikit di belakang dengan artikelnya.

7:16Saya menerima permintaan.

7:19Tom, kamu seorang penyelidik, bukan? Ketika kamu menjadi penyelidik.

7:29Ketika kamu bekerja di Google, kamu seorang penyelidik atau penyelidik.

7:31Sekarang, kamu berbeda.

7:34Kamu menghabiskan kebanyakan masa membaca, menyiapkan untuk membaca.

7:39Bagaimana perubahanmu?

7:41Adakah itu perubahan yang signifikan untukmu?

7:45Biar saya jelaskan. Saya tidak pernah menjadi penyelidik software di Google.

7:50Saya tidak pernah menjadi penyelidik software.

7:55Saya bekerja dalam tugas yang berbeda.

7:59Mereka menggunakan segalanya dari penyelidik teknis,

8:01penyelidik konsultan, penyelidik penyelidik konsultan,

8:03penyelidik penyelidik pengguna, dan sekarang,

8:07penyelidik penyelidik penyelidik penyelidik pengguna,

8:10yang merupakan rebrand penyelidik penyelidik penyelidik penyelidik dan penyelidik program.

8:15Jadi, dua peran yang berbeda di Google,

8:18yang dikombinasi menjadi satu.

8:20Penyelidik penyelidik penyelidik penyelidik penyelidik itu yang saya sedang menggunakan.

8:24Tentu saja, pada awal saya membangun peran,

8:28saya bekerja dalam software yang dikonsumsi oleh orang.

8:32Sekarang, pada hari ini,

8:34saya bekerja banyak dalam standardisasi,

8:38mengerti apa yang penyelidik penyelidik inginkan,

8:41memastikan bahwa penyelidik penyelidik dan

8:45yang lain dalam standardisasi

8:48menyebutkan kerja,

8:50dalam sentiasi bahwa penyelidik penyelidik bisa mengerti,

8:52bahwa mereka memenuhi kebutuhan komuniti penyelidik penyelidik.

8:55Jadi, itu adalah hal yang benar-benar

8:58menyelidik penyelidik penyelidik penyelidik,

9:00mengkonsultasi dengan partner yang berbeda.

9:02Dan, tentu saja, Anda juga harus

9:04menggantikan tangan Anda, jadi Anda harus menulis beberapa aplikasi sebenarnya,

9:08kadang-kadang demo kecil,

9:10kadang-kadang aplikasi yang lebih besar,

9:12untuk memahami api Dustus

9:14memenuhi kebutuhan pengguna.

9:16Dustus adalah apa yang penyelidik penyelidik mengharapkan.

9:19Dan apa yang saya, sebagai Customer Zero,

9:22setiap kali yang kita menyebutnya,

9:24memikirkan apa yang dilakukan,

9:26kemudian saya memberikan maklumat kepada penyelidik penyelidik

9:29dan memberitahu mereka, "Lihat, ini tidak berhasil,

9:32seperti yang saya harapkan."

9:34Dan kadang-kadang saya salah,

9:36kadang-kadang mereka bekerja

9:38menggunakan asumpsi yang berbeda.

9:40Hal yang mengejutkan saya

9:42pada mulanya adalah,

9:44penyelidik Chrome biasanya

9:46tidak terlalu terkenal dengan JavaScript

9:48dan program web secara jelas.

9:50Ada beberapa yang benar-benar terkenal,

9:52tetapi itu bukan kemampuan yang

9:54bagi penyelidik Chrome yang terkenal.

9:56Jadi,

9:58ketika Anda melihat co-tempel yang mereka

10:00membuat, Anda bisa

10:02melihat penyelidik C++

10:04yang muncul di co-tempel JavaScript

10:06yang mereka hantar.

10:08Jadi, banyak kerja mereka

10:10hanya melalui co-tempel

10:12dan melihat,

10:14"Oh, ini berbau seperti C++,

10:16jadi mungkin kita akan membuat ini lebih

10:18terkenal dengan

10:20bagaimana penyelidik JavaScript akan melakukan

10:22hal ini." Jadi, ya, ini

10:24role saya secara jelas.

10:26Dan saya mengubah

10:28kebanyakannya

10:30selama 20 tahun.

10:32Namun, itu selalu menjadi perubahan

10:34bagi penyelidik.

10:36- Menarik, seperti web devs

10:38di kumpulan ini, web developer

10:40dan browser devs di kumpulan ini.

10:42Dan kemudian, Anda dan tim Anda

10:44menutupkan

10:46komunikasi. - Enabler.

10:48Enabler, ya.

10:50Jadi, Tom, Anda

10:52akan mengatakan bahwa Anda

10:54sekarang dalam Fugu Project,

10:56kan? - Ya.

10:58- Dan WebAssembly, Anda mengatakan

11:00itu. Jadi,

11:02menurut saya, Fugu adalah

11:04pekerjaan yang kecil

11:06dan penting. Jadi, kenapa Fugu

11:08dan apa Fugu dan mengapa

11:10namanya Fugu?

11:12Menurut saya, ini adalah API web

11:14yang terperanjang, eksperimental,

11:16tetapi audiens mungkin... - Ini namanya

11:18Project Web Capabilities, kan?

11:20- Ya, sebenarnya

11:22itu agak seperti Project Capabilities,

11:24tetapi ya, namanya

11:26Fugu adalah kodenya

11:28secara internal.

11:30Bagaimana-bagaimana

11:32digunakan secara external

11:34sedikit, dan orang-orang

11:36lebih suka namanya daripada yang lain,

11:38ya, itu mulai

11:40menerima dari sana. Sekarang

11:42orang-orang tetap menyebutnya

11:44sebagai Project Fugu.

11:46Dan idea utama Project Fugu

11:48adalah memungkinkan Anda untuk melakukan

11:50hal-hal di web yang Anda tidak bisa lakukan sebelumnya.

11:52Jadi, itu berdasarkan

11:54segala-galanya, dari memberikan

11:56kesempatan kuat Anda untuk file,

11:58misalnya, ke klipboard,

12:00integrasi dalam sistem operasi,

12:02supaya Anda bisa, dengan aplikasi Anda,

12:04menjadi bagian dari

12:06cara, misalnya,

12:08aplikasi Windows berbagi data

12:10dengan resta aplikasi Windows yang lain.

12:12Jadi, Anda menggunakan API web share,

12:14misalnya.

12:16Ini memulai secara utama

12:18di desktop, tapi kemudian

12:20kita memiliki mobil, tentu saja, dan sekarang kita

12:22dalam pandemi, dan kita memiliki fokus kuat di desktop,

12:24dan akhirnya, itu

12:26tentang segala-galanya. Ini bukan hanya

12:28mobil, atau tidak hanya desktop.

12:30Ada segala-galanya

12:32dalam Project Fugu.

12:34Ini selalu mengenai memanfaatkan orang-orang untuk membangun

12:36aplikasi, dan ketika Anda memiliki idea

12:38aplikasi, dan Anda mulai memprogramasi,

12:40kemudian Anda mengetahui, "Oh,

12:42ini adalah satu fitur yang saya butuh, dan

12:44saya tidak bisa melakukannya karena tidak ada API browser.

12:46Jika Anda melakukannya, kemudian ini

12:48adalah tempat yang diperlukan, dan kita akan

12:50memikirkan cara

12:52bagaimana kita bisa mengenal fitur ini di web,

12:54apa yang diperlukan, apakah

12:56itu mungkin, karena kadang-kadang

12:58orang mengingat asumsi

13:00bahwa hal-hal tertentu

13:02akan dikeluarkan di web.

13:04Contohnya, ketika kita

13:06memiliki Macbook Pro,

13:08saya tidak tahu

13:10yang mana generasi, tetapi yang memiliki Touch Bar,

13:12ketika

13:14terlalu panas untuk digunakan Touch Bar,

13:16di awal, ketika orang memikirkan

13:18ini akan mengubah hidup mereka,

13:20banyak orang bertanya seperti, "Hey,

13:22akan bagus untuk memiliki akses web ini."

13:24Tetapi, tentu saja,

13:26hanya pada satu peralatan

13:28dari satu peralatan.

13:30Ini bukan sesuatu yang

13:32terlihat di semua komputer, seperti mouse,

13:34sekurang-kurangnya di kebanyakan komputer, seperti mouse

13:36atau trackpad atau sesuatu.

13:38Jadi, ini adalah sebuah

13:40kebutuhan yang sangat spesifik, yang tidak

13:42terlalu mengelakkan dari awal,

13:44tetapi ini membuatnya keras,

13:46untuk mengatakan bahwa ini adalah sesuatu yang harus kita build

13:48ke dalam platform web, hanya karena

13:50itu sangat spesifik, dan itu bukan

13:52sesuatu yang akan digunakan secara standard.

13:54Jadi, jika Microsoft membuat

13:56laptop surface

13:58dengan Touch Bar,

14:00itu pasti tidak akan menggunakan API

14:02yang sama dari Touch Bar Apple.

14:04Wow.

14:06Ya, saya ingat bahwa

14:08terlalu panjang tekanan Hacker News

14:10tentang semua Touch Bar

14:12dan API Web

14:14support dan sebagainya,

14:16tetapi akhirnya, akhirnya

14:18tidak berjalan lalu.

14:20Saya berpikir sudah lama,

14:22tetapi orang-orang hanya berhenti

14:24menggunakannya. Saya tidak

14:26benar-benar menyedari kebiasaan, karena saya menggunakan laptop

14:28di mode Clamp Shell

14:30untuk dikunci ke

14:32skrin yang tepat,

14:34dan seperti itu, saya tidak benar-benar bekerja

14:36mobil cukup untuk benar-benar menjadi kebiasaan

14:38menggunakan Touch Bar.

14:40Jadi, ya, maksud saya,

14:42secara pribadi, itu bukan kesilapan besar

14:44bahwa web ini tidak terbuka.

14:46Tetapi beberapa orang sedih, beberapa orang gembira,

14:48karena seperti yang saya katakan, itu bukan

14:50sesuatu yang secara universal

14:52terdapat di semua laptop

14:54atau semua desktop computer.

14:56Oke.

14:58Saya ingin menunjukkan satu batasan

15:00yang mengatakan bahwa

15:02sejak pandemi,

15:04penggunaan desktop

15:06atau laptop

15:08berkembang

15:10dibandingkan

15:12dengan yang mobil.

15:14Adakah kamu bisa

15:16menjelaskan lebih?

15:18Jadi, kita sudah melihat

15:20trend ini,

15:22di mana orang mengerjakan

15:24beberapa komputasi dari mobile

15:26ke desktop computer.

15:28Hanya karena mereka terkunci di rumah, mereka tidak bisa

15:30melakukan, saya tidak tahu,

15:32komputasi atau sesuatu

15:34untuk bekerja, atau tidak perlu.

15:36Jadi, banyak

15:38penggunaan aplikasi

15:40komputasi tergantung dari

15:42mobile ke desktop.

15:44Saya tidak memiliki jaringan

15:46sekarang, jadi

15:48mungkin akan turun sedikit lagi.

15:50Tetapi desktop itu memang

15:52platform di mana web memiliki satu.

15:54Jadi, banyak perusahaan sekarang, ketika mereka

15:56memikirkan aplikasi desktop,

15:58mereka tidak memikirkan

16:00membangun untuk Macro

16:02sebagai Windows atau Linux

16:04secara natives dulu, tetapi

16:06sebagian besar, saya berpikir tentang

16:08bagaimana kita bisa menggunakan web

16:10atau teknologi web jika mereka membangun

16:12seperti aplikasi elektron

16:14untuk mencapai seperti banyak

16:16penggunaan yang mungkin di desktop

16:18tanpa harus melewati jaringan

16:20membangun aplikasi individu untuk semua

16:22sistem operasi ini.

16:24Oke,

16:26masuk akal.

16:28Adakah kamu memiliki

16:30pendapat

16:32tentang pandangan kamu

16:34di aplikasi mobil

16:36terhadap aplikasi web

16:38seperti keamanan,

16:40kemampuan,

16:42dan sebagainya.

16:44Jadi, terutama

16:46pada hari awal, ini lebih

16:48benar dari sekarang, tetapi

16:50pada hari awal, ketika

16:52Android, contohnya, tetapi juga

16:54iOS, adalah sistem operasi

16:56yang sangat terbuka,

16:58kamu memiliki aplikasi dan tiba-tiba

17:00tidak memiliki akses untuk segala-galanya.

17:02Ini telah ditutup sedikit

17:04sekarang, jadi jika kamu memasang

17:06sistem operasi yang baru,

17:08versi MacOS,

17:10akan memiliki lebih banyak prompt, seperti, misalnya,

17:12apabila kamu membuka folder download,

17:14akan bertanya, "Hey, apakah

17:16aplikasi ini, atau apakah aplikasi ini

17:18memiliki akses untuk download, untuk dokumen atau apa-apa?"

17:20Ketika di awal,

17:22pada hari awal, akan memiliki akses

17:24untuk seluruh

17:26space disk.

17:28Ada sedikit sandboxing yang terjadi

17:30di platform natif,

17:32Windows memiliki banyak prompt sekarang

17:34yang akan menanyakan, "Hey, apakah kamu

17:36benar-benar ingin melakukan ini dan itu?"

17:38Dan sama juga pada mobil,

17:40pada awalnya,

17:42ada banyak permissi yang telah diberikan

17:44secara percuma.

17:46Sekarang, jika kamu memiliki permissi,

17:48Android, setelah beberapa menit, akan melupakan

17:50permissinya, jadi jika kamu tidak menggunakan

17:52aplikasi selama beberapa menit,

17:54akan kehilangan, misalnya, latar belakang,

17:56akses lokasi,

17:58supaya kamu tidak mengeluarkan data kamu

18:00tanpa benar-benar tahu, jika kamu tidak menggunakan aplikasi.

18:02Dan, ya,

18:04saya pikir sistem operasi mobil,

18:06dan desktop juga, menemukan

18:08ketika mengenai keamanan

18:10web, seperti yang selalu terjadi di web.

18:12Jadi, aplikasi web

18:14selalu berjalan dalam sandbox,

18:16yaitu mereka tidak dapat

18:18akses percuma kepada

18:20semua API untuk dimulai,

18:22tetapi di web itu adalah sistem prompt.

18:24Jadi, setelah kamu mendapat akses pada sesuatu,

18:26atau kamu ingin mendapat akses pada sesuatu,

18:28kamu perlu prompt untuk akses terlebih dahulu.

18:30Jadi, ini adalah alat untuk kamera, ini adalah alat untuk mikrofon,

18:32ini adalah alat untuk

18:34akses file system.

18:36Ada lebih banyak API yang nyisih,

18:38seperti, contohnya, idle detection

18:40yang mengeteksi jika kamu menggunakan

18:42alat saat ini atau tidak.

18:44Jadi, semua ini terbuka

18:46sebagai permissi, dan hanya ketika pengguna

18:48mengatakan "Ya", kemudian kamu mendapat akses

18:50pada fitur.

18:54Terutama dengan API file system, kan?

18:56Betul, dan di sana

18:58kita lebih konservatif.

19:00Jadi, sekarang, permissi file system

19:02belum berhenti.

19:04Tetapi, ketika kamu menggunakan aplikasi ini,

19:06kamu perlu mengatakan

19:08sekali lagi bahwa kamu sebenarnya ingin

19:10mendapat akses pada aplikasi ini

19:12pada file yang telah dioperasikan sebelumnya.

19:14Ada beberapa cara untuk memindahkan ini

19:16sedikit, dan

19:18ya, saya mengharapkan berita

19:20terlalu cepat pada hal itu, karena

19:22kita akan memiliki, contohnya, VSCode.dev,

19:24jadi versi VSCode PWA.

19:26Mereka hanya bisa berkata,

19:28"Aplikasi ini sebenarnya saya ingin

19:30menjadi baik dengan aplikasi ini."

19:32Pemenangnya.

19:34"Aplikasi ini, saya ingin menjadi baik dengan aplikasi ini."

19:36Dan seperti itu, kamu tidak perlu

19:38mengatakan setiap kali kamu mengunakan aplikasi ini,

19:40tapi kamu masih ingin mendapat akses, karena

19:42itu bisa mengganggu, tentu saja.

19:44Tetapi, juga, itu bisa atau

19:46itu adalah fitur keselamatan.

19:48Jadi, cara kita memperkenalkan ini, kita perlu

19:50sangat berhati-hatilah bahwa kita tidak membuka

19:52lubang keamanan, yang pengguna tidak

19:54tahu.

19:56Ya, dan ini adalah jenis permisi

19:58seperti "Allow Listing",

20:00dibuat

20:02berdasarkan origin,

20:04domain origin.

20:06Seperti, kita

20:08bisa membiarkan pengguna

20:10memilih, mereka akan selalu membiarkan

20:12VSCode.dev untuk mengakses

20:14bahan-bahan mereka

20:16tanpa rekonfirmasi

20:18setiap kali, tetapi untuk

20:20domain lain, mereka masih memiliki

20:22cara untuk mengakses secara manual.

20:24Ya, seperti, itu sangat

20:26terpikir dengan baik,

20:28menurut saya.

20:30Saya hanya tertanya-tanya bagaimana sandbox ini bekerja

20:32dengan aplikasi elektron

20:34yang membentuk web?

20:36Atau masih memerlukan hal-hal seperti itu?

20:38Seperti,

20:40saya tahu yang Figma menggunakan

20:42aplikasi elektron,

20:44tepatkan saya jika saya salah.

20:46Kalau kita menggunakan aplikasi elektron,

20:48apakah kita perlu meminta permisi

20:50setiap kali kita menggunakan aplikasi?

20:52Atau kita bisa membentuk aplikasi itu sendiri?

20:54Saya pikir

20:56cara untuk menguruskan aplikasi elektron,

20:58saya bukan expert di sana,

21:00tapi cara saya pikirnya berfungsi,

21:02berdasarkan penglihatan saya sebagai pengguna,

21:04aplikasi elektron akan menguruskan permisi

21:06dan aplikasi elektron

21:08akan menghubungkan ke sistem operasi.

21:10Jadi, jika Anda ingin

21:12mengakses download,

21:14VSCode akan menanyakan Anda,

21:16VSCode sebagai contoh aplikasi elektron,

21:18bukan PWA,

21:20tapi versi elektron,

21:22ini akan menanyakan Anda,

21:24apakah Anda ingin mengakses download VSCode?

21:26Anda bisa pergi ke sistem preferences

21:28dan menghubungkan aplikasi ini

21:30apakah Anda ingin?

21:32Jadi,

21:34itu adalah satu layer

21:36yang sama seperti browser.

21:38Permisi layer,

21:40elektron

21:42adalah satu layer permisi.

21:44Ya, elektron adalah satu layer permisi.

21:48Baik.

21:50Bagus.

21:52Saya pikir, sekarang,

21:54di kondisi saat ini,

21:56di web

21:58secara umum, saya pikir

22:00itu menarik untuk kita sebagai web developer,

22:02karena kita memiliki

22:04banyak kesempatan,

22:06kita memiliki banyak kemampuan,

22:08seperti web assembly,

22:10kita ada project Fugu,

22:12kita bisa membuat apa saja yang kita inginkan.

22:14Contohnya, seperti Figma,

22:16itu tidak mungkin sebelumnya,

22:18kan?

22:20Saya sangat suka

22:22web Photoshop

22:24juga, karena

22:26mereka tidak hanya menggunakan

22:28satu teknologi, mereka menggunakan

22:30web assembly, mereka menggunakan

22:32web komponen, dan banyak

22:34API Fugu.

22:36Boleh Anda ceritakan cerita

22:38tentang itu,

22:40silahkan?

22:42Ya, Photoshop ini

22:44adalah kes yang bagus, di mana

22:46sebuah pasangan, dalam kes ini Adobe,

22:48telah bekerja bersama dengan tim Chrome,

22:50dan di akhirnya,

22:52itu

22:54sebuah cerita sukses, dalam jenis

22:56bukan hanya produk yang

22:58berhasil di Chrome, tapi produk yang

23:00telah membantu lebih banyak API

23:02berhasil di broses lain.

23:04Jadi, biar saya jelaskan cepat

23:06tentang apa yang berlaku dalam kes Adobe.

23:08Jadi, cara Adobe itu bekerja

23:10adalah memiliki file swap besar,

23:12di mana ia menyimpan, contohnya,

23:14modifikasi file.

23:16Jadi, ketika Anda resiskan gambar,

23:18ia menghiasi ukuran yang berbeda.

23:20Jadi, ketika Anda zoom-in dengan cepat,

23:22ia akan hanya menggunakan

23:24salah satu level zoom pre-kalkulasi,

23:26bukan

23:28secara dinamis, resisasi selama-lamanya,

23:30yang membuat pengalaman zoom

23:32lebih berlebihan.

23:34Dan cara ini berhasil

23:36pada native adalah

23:38mereka memiliki file swap, jadi file yang

23:40cukup besar yang mereka dapat akses random,

23:42jadi di mana-mana yang mereka dapat akses,

23:44mereka dapat akses,

23:46dan mereka akan menulis dan menulis.

23:48Tapi di web, tidak ada cara untuk melakukan itu.

23:50Jadi,

23:52di web, tentu saja mereka bisa menggunakan

23:54barang dalam memori, tapi pada suatu

23:56saat, Anda hanya perlu menguasai

23:58sistem file, karena RAM itu

24:00tidak cukup besar di komputer-komputer

24:02atau bahkan di mobil.

24:04Jadi, mereka menguasai

24:06komputer Chrome dan bilang, "Lihat, kita memiliki

24:08repilasi ini, apakah cara

24:10kita bisa mulai dengan API untuk itu?"

24:12Jadi, usiannya ada,

24:14dan komputer Chrome

24:16menggunakan apa yang disulitkan

24:18Storage Foundation API.

24:20Jadi,

24:22ini adalah API yang menulis

24:24usianya, tapi memiliki beberapa

24:26shortcomings yang diwujudkan

24:28kepada penjual lain, yang diwujudkan kepada

24:30komputer-komputer.

24:32Jadi, pada akhirnya, mereka

24:34menulis kembali

24:36ke lantai lantai,

24:38menggunakan API yang berbeda,

24:40yang lebih menyesuaikan dengan penjual lain

24:42yang diwujudkan, dan penjual pembangun

24:44yang diwujudkan. Jadi, sekarang

24:46produk ini adalah

24:48sistem file private. Jadi, sistem file

24:50yang disulitkan sebagai

24:52"private to the origin" dan Eka,

24:54Anda menguasainya. Ini model yang

24:56cukup bijak untuk memisahkan

24:58hal-hal di web.

25:00Jadi, mereka menulis model ini,

25:02ya, kita hanya memiliki sistem file private

25:04yang bisa melakukan apa saja yang Anda inginkan

25:06dalam OPFS

25:08tanpa benar-benar mengakses

25:10area lain

25:12hard disk, dan

25:14cara OPFS berfungsi adalah

25:16sistem file yang tidak

25:18benar-benar terlihat terhadap pengguna, yaitu

25:20beberapa guardrails

25:22yang kita punya di web,

25:24seperti, misalnya, safe browsing,

25:26kita tidak menetapkan di sana. Jadi, apa yang kita ingin lakukan adalah

25:28kita ingin memastikan bahwa ketika orang-orang bekerja

25:30dengan file, mereka tidak

25:32menulis, misalnya, virus

25:34atau jika aplikasi

25:36memiliki akses dari file, tidak

25:38menge-stream source port virus

25:40ke dalam file itu.

25:42Dan cara ini diselamatkan

25:44di web terbuka adalah, kita menggunakan

25:46mekanisme safe browsing,

25:48yang tentu-tentu membuat operasi ini

25:50sangat lambat.

25:52Karena file ini tidak diwujudkan

25:54oleh sistem file yang biasa,

25:56kita bekerja dengan

25:58OPFS.

26:00Jadi, apa-apa yang ada di sana

26:02bisa dikatakan secara random

26:04dan menulis dan baca

26:06karena ini pribadi

26:08dari pengguna, jadi tidak terbuka

26:10kepada pengguna. Jadi, ini

26:12salah satu contoh di mana

26:14mereka bekerja dengan tim Chrome,

26:16tim Chrome bekerja dengan penjual lain,

26:18sekarang kita memiliki OPFS di

26:20semua browser utama, jadi di Firefox,

26:22di Safari, dan tentu saja

26:24di semuanya yang berdasarkan Chromium.

26:26Dan dengan itu,

26:28kita memiliki aplikasi yang

26:30sekarang, saya pikir,

26:32berhasil menggunakan

26:34hampir semua browser

26:36yang cukup modern untuk memiliki API-nya.

26:38Adakah kamu pernah mencoba ini? Karena

26:44saya bukan

26:46pengguna Photoshop.

26:50Karena saya tidak memiliki akun.

26:52Ya, saya hanya mencoba

26:54Figma, saya hanya menggunakan Figma, tapi tidak

26:56Photoshop.

26:58Jadi, semasa percobaan

27:00saya memiliki akun percobaan.

27:02Sekarang kita tidak bekerja

27:04dengan Adobe secara langsung

27:06lagi, jadi saya menghapus

27:08akun percobaan saya, tapi itu sangat

27:10keren untuk melihat bagaimana selama bulan

27:12semakin banyak fitur ini mulai bekerja

27:14di Safari juga. Jadi, di mulanya

27:16itu tidak berfungsi, mereka

27:18memblokirkannya, kemudian mereka memenuhi

27:20mode baca.

27:22Dan saya tidak yakin sekarang mereka

27:24memiliki mode tulis juga, tapi kamu bisa

27:26melihat bagaimana semasa penggunaan di Safari

27:28berkembang,

27:30penggunaan aplikasi di Safari

27:32misalnya juga

27:34mulai menjadi

27:36lebih terbuka.

27:38Jadi, orang-orang yang menonton

27:46ini, jika kamu penasaran, kamu bisa

27:48cek artikel itu,

27:50artikel itu,

27:52URL-nya untuk menulis lebih

27:54detail.

27:56Ya, itu saja.

27:58Satu, dan yang lainnya.

28:00Jadi, Tom,

28:02apakah

28:04aplikasi yang paling menarik

28:06di web

28:08sejauh ini?

28:10yang kamu coba?

28:12Jadi, saya pikir Photoshop adalah

28:14satu yang sangat menarik.

28:16Saya juga sangat menarik dengan

28:18aplikasi yang dipanggil Fotopia, yaitu

28:20Open

28:22untuk version Photoshop

28:24yang...

28:26Saya bukan pengguna yang kuat, tapi

28:28menurut saya, itu hampir sama

28:30kalau tidak sama kuat

28:32dari Photoshop asli.

28:34Tapi yang besar, Fotopia

28:36dibina oleh satu orang.

28:38Even...

28:40dari...

28:42Saya pikir cek, ya?

28:44Jadi, hanya satu orang yang

28:46membangun semua aplikasi yang menarik.

28:48Sementara Adobe Photoshop, tentu saja,

28:50ada tim banyaknya. Saya tidak tahu berapa banyak,

28:52tapi tentu saja lebih dari satu orang.

28:54Ya, saya melihat.

28:56Fotopia. Ya, itu

28:58satu alternatif.

29:00Ada satu alternatif untuk Figma, kan?

29:02Selepas Figma

29:04diambil oleh Adobe,

29:06ada satu

29:08aplikasi,

29:10satu alternatif, namanya...

29:12Ya, saya terlihat

29:14dengan aplikasi yang dipanggil Penpod.app.

29:16Yang cukup keren.

29:18Itu salah satu

29:20aplikasi ini. Apabila Anda melihatnya,

29:22mereka berjalan dengan baik di tab.

29:24Tapi, jika Anda

29:26bekerja sedikit, Anda dapat melihat

29:28bahwa ada banyak potensi untuk

29:30memanfaatkan api baru

29:32Fugu yang belum dimanfaatkan.

29:34Jadi, jika seseorang di sini

29:36tertarik dengan menambahkan

29:382 potensi untuk Penpod,

29:40saya pikir,

29:42buka isu, suggest apa yang Anda ingin lakukan.

29:44Seperti, misalnya, support file system

29:46yang sempurna.

29:48Jika mereka berkata, ya,

29:50Anda mungkin hanya memanfaatkan dan

29:52masukkan ke bahan-bahan, karena

29:54ini sepenuhnya open source.

29:56Jika Anda memulai bahan-bahan dan

29:58Anda bekerja dengannya, Anda dapat melihat bahwa

30:00selain menyimpan, itu memaksa Anda

30:02menunjukkan file, tapi itu tidak benar-benar

30:04cara yang paling banyak orang bekerja dengan file

30:06ini. Jadi, apa yang Anda ingin lakukan

30:08sebagai desainer grafis, Anda ingin

30:10membuat perubahan dan kemudian menyimpan

30:12mereka dan membuat lebih banyak perubahan dan

30:14kemudian menyimpan mereka lagi. Tapi apa yang Anda lakukan

30:16dengan Penpod sekarang adalah Anda harus menunjukkan

30:18sebuah kopi file setiap saat.

30:20Jadi, Anda akhirnya memiliki file 1,

30:22file 2, file 3, file 4 dan

30:24sebagainya dalam folder download,

30:26tapi tidak benar-benar seperti

30:28versi yang baru ditunjukkan

30:30dalam sentuh, Anda menunjukkan modifikasi

30:32kembali ke file awal.

30:34[inaudible]

30:36sebelum mereka memanfaatkan file system api,

30:38kan?

30:40[inaudible]

30:42api yang Anda bisa menambahkan, Anda

30:44juga bisa bekerja dalam file handling

30:46supaya Anda bisa klik right file atau

30:48klik double file dalam file explorer

30:50dan membuka dengan Penpod

30:52Saya tidak yakin

30:54tentang drag and drop, jika

30:56mereka telah mengintegrasi api drag and drop

30:58dengan file system

31:00access api, jadi integrasi

31:02yang sangat keren juga.

31:04Ini bukan PWA,

31:06jadi ini tidak benar-benar

31:08dibuat untuk instalasi, ini dibuat untuk

31:10bergerak dalam tab. Jadi,

31:12Penpod, by the way, saya tidak

31:14terlibat dengan mereka, saya

31:16sebenarnya belajar tentang mereka semalam,

31:18tapi ini adalah salah satu aplikasi ini

31:20di mana Anda bisa melihat, "Oh, wow,

31:22tidak semua orang telah mendengar Project

31:24Fubo atau mungkin tidak semua orang

31:26berpikir itu berguna, jadi saya tidak tahu, mungkin

31:28itu terbincang dalam masalah dan mereka

31:30tidak menarik untuk kita, jadi saya tidak

31:32benar-benar tahu, jadi itu mengapa saya mengatakan, jika Anda

31:34tertarik dengan menambahkan Fubo untuk Penpod,

31:36tentu membuka masalah

31:38terlebih dahulu dan membincangkan dengan

31:40developer team.

31:42Apakah mereka menggunakan WebAssembly

31:44juga?

31:46Saya tidak tahu apa yang mereka menggunakan,

31:48saya tidak benar-benar melihat ke dalamnya,

31:50saya telah terbiasa dengannya semalam, jadi

31:52saya tidak memiliki peluang untuk menginteraksi.

31:54Bagaimana dengan Photopia? Apakah mereka menggunakan

31:56WebAssembly?

31:58Saya tidak pikir mereka melakukannya,

32:00mereka mungkin, tapi saya tidak pikir mereka melakukannya.

32:02Jadi Photoshop,

32:04mereka melakukannya,

32:06mereka memiliki kod basis yang ada dari

32:08aplikasi natif,

32:10mereka mengisolasi

32:12feature core,

32:14algorithm core, dan mereka

32:16memiliki kod basis WebAssembly

32:18yang besar

32:20yang mereka gunakan di web juga.

32:22Photopia tidak menggunakan

32:24WebAssembly,

32:26mereka melakukannya,

32:28mereka memiliki kod basis WebAssembly,

32:30mereka memiliki kod basis WebAssembly,

32:32mereka memiliki kod basis WebAssembly,

32:34mereka memiliki kod basis WebAssembly,

32:36mereka memiliki kod basis WebAssembly,

32:38mereka memiliki kod basis WebAssembly,

32:40mereka memiliki kod basis WebAssembly,

32:42mereka memiliki kod basis WebAssembly,

32:44mereka memiliki kod basis WebAssembly,

32:46mereka memiliki kod basis WebAssembly,

32:48mereka memiliki kod basis WebAssembly,

32:50mereka memiliki kod basis WebAssembly,

32:52mereka memiliki kod basis WebAssembly,

32:54mereka memiliki kod basis WebAssembly,

32:56mereka memiliki kod basis WebAssembly,

32:58mereka memiliki kod basis WebAssembly,

33:00mereka memiliki kod basis WebAssembly,

33:02mereka memiliki kod basis WebAssembly,

33:04mereka memiliki kod basis WebAssembly,

33:06mereka memiliki kod basis WebAssembly,

33:08mereka memiliki kod basis WebAssembly,

33:10mereka memiliki kod basis WebAssembly,

33:12mereka memiliki kod basis WebAssembly,

33:14mereka memiliki kod basis WebAssembly,

33:16mereka memiliki kod basis WebAssembly,

33:18mereka memiliki kod basis WebAssembly,

33:20mereka memiliki kod basis WebAssembly,

33:22mereka memiliki kod basis WebAssembly,

33:24mereka memiliki kod basis WebAssembly,

33:26mereka memiliki kod basis WebAssembly,

33:28mereka memiliki kod basis WebAssembly,

33:30mereka memiliki kod basis WebAssembly,

33:32mereka memiliki kod basis WebAssembly,

33:34mereka memiliki kod basis WebAssembly,

33:36mereka memiliki kod basis WebAssembly,

33:38mereka memiliki kod basis WebAssembly,

33:40mereka memiliki kod basis WebAssembly,

33:42mereka memiliki kod basis WebAssembly,

33:44mereka memiliki kod basis WebAssembly,

33:46mereka memiliki kod basis WebAssembly,

33:48mereka memiliki kod basis WebAssembly,

33:50mereka memiliki kod basis WebAssembly,

33:52mereka memiliki kod basis WebAssembly,

33:54mereka memiliki kod basis WebAssembly,

33:56mereka memiliki kod basis WebAssembly,

33:58mereka memiliki kod basis WebAssembly,

34:00mereka memiliki kod basis WebAssembly,

34:02mereka memiliki kod basis WebAssembly,

34:04mereka memiliki kod basis WebAssembly,

34:06mereka memiliki kod basis WebAssembly,

34:08mereka memiliki kod basis WebAssembly,

34:10mereka memiliki kod basis WebAssembly,

34:12mereka memiliki kod basis WebAssembly,

34:14mereka memiliki kod basis WebAssembly,

34:16mereka memiliki kod basis WebAssembly,

34:18mereka memiliki kod basis WebAssembly,

34:20mereka memiliki kod basis WebAssembly,

34:22mereka memiliki kod basis WebAssembly,

34:24mereka memiliki kod basis WebAssembly,

34:26mereka memiliki kod basis WebAssembly,

34:28mereka memiliki kod basis WebAssembly,

34:30mereka memiliki kod basis WebAssembly,

34:32mereka memiliki kod basis WebAssembly,

34:34mereka memiliki kod basis WebAssembly,

34:36mereka memiliki kod basis WebAssembly,

34:38mereka memiliki kod basis WebAssembly,

34:40mereka memiliki kod basis WebAssembly,

34:42mereka memiliki kod basis WebAssembly,

34:44mereka memiliki kod basis WebAssembly,

34:46mereka memiliki kod basis WebAssembly,

34:48mereka memiliki kod basis WebAssembly,

34:50mereka memiliki kod basis WebAssembly,

34:52mereka memiliki kod basis WebAssembly,

34:54mereka memiliki kod basis WebAssembly,

34:56mereka memiliki kod basis WebAssembly,

34:58mereka memiliki kod basis WebAssembly,

35:00mereka memiliki kod basis WebAssembly,

35:02mereka memiliki kod basis WebAssembly,

35:04mereka memiliki kod basis WebAssembly,

35:06mereka memiliki kod basis WebAssembly,

35:08mereka memiliki kod basis WebAssembly,

35:10mereka memiliki kod basis WebAssembly,

35:12mereka memiliki kod basis WebAssembly,

35:14mereka memiliki kod basis WebAssembly,

35:16mereka memiliki kod basis WebAssembly,

35:18mereka memiliki kod basis WebAssembly,

35:20mereka memiliki kod basis WebAssembly,

35:22mereka memiliki kod basis WebAssembly,

35:24mereka memiliki kod basis WebAssembly,

35:26mereka memiliki kod basis WebAssembly,

35:28mereka memiliki kod basis WebAssembly,

35:30mereka memiliki kod basis WebAssembly,

35:32mereka memiliki kod basis WebAssembly,

35:34mereka memiliki kod basis WebAssembly,

35:36mereka memiliki kod basis WebAssembly,

35:38mereka memiliki kod basis WebAssembly,

35:40mereka memiliki kod basis WebAssembly,

35:42mereka memiliki kod basis WebAssembly,

35:44mereka memiliki kod basis WebAssembly,

35:46mereka memiliki kod basis WebAssembly,

35:48mereka memiliki kod basis WebAssembly,

35:50mereka memiliki kod basis WebAssembly,

35:52mereka memiliki kod basis WebAssembly,

35:54mereka memiliki kod basis WebAssembly,

35:56mereka memiliki kod basis WebAssembly,

35:58mereka memiliki kod basis WebAssembly,

36:00mereka memiliki kod basis WebAssembly,

36:02mereka memiliki kod basis WebAssembly,

36:04mereka memiliki kod basis WebAssembly,

36:06mereka memiliki kod basis WebAssembly,

36:08mereka memiliki kod basis WebAssembly,

36:10mereka memiliki kod basis WebAssembly,

36:12mereka memiliki kod basis WebAssembly,

36:14mereka memiliki kod basis WebAssembly,

36:16mereka memiliki kod basis WebAssembly,

36:18mereka memiliki kod basis WebAssembly,

36:20mereka memiliki kod basis WebAssembly,

36:22mereka memiliki kod basis WebAssembly,

36:24mereka memiliki kod basis WebAssembly,

36:26mereka memiliki kod basis WebAssembly,

36:28mereka memiliki kod basis WebAssembly,

36:30mereka memiliki kod basis WebAssembly,

36:32mereka memiliki kod basis WebAssembly,

36:34mereka memiliki kod basis WebAssembly,

36:36mereka memiliki kod basis WebAssembly,

36:38mereka memiliki kod basis WebAssembly,

36:40mereka memiliki kod basis WebAssembly,

36:42mereka memiliki kod basis WebAssembly,

36:44mereka memiliki kod basis WebAssembly,

36:46mereka memiliki kod basis WebAssembly,

36:48mereka memiliki kod basis WebAssembly,

36:50mereka memiliki kod basis WebAssembly,

36:52mereka memiliki kod basis WebAssembly,

36:54mereka memiliki kod basis WebAssembly,

36:56mereka memiliki kod basis WebAssembly,

36:58mereka memiliki kod basis WebAssembly,

37:00mereka memiliki kod basis WebAssembly,

37:02mereka memiliki kod basis WebAssembly,

37:04mereka memiliki kod basis WebAssembly,

37:06mereka memiliki kod basis WebAssembly,

37:08mereka memiliki kod basis WebAssembly,

37:10mereka memiliki kod basis WebAssembly,

37:12mereka memiliki kod basis WebAssembly,

37:14mereka memiliki kod basis WebAssembly,

37:16mereka memiliki kod basis WebAssembly,

37:18mereka memiliki kod basis WebAssembly,

37:20mereka memiliki kod basis WebAssembly,

37:22mereka memiliki kod basis WebAssembly,

37:24mereka memiliki kod basis WebAssembly,

37:26mereka memiliki kod basis WebAssembly,

37:28mereka memiliki kod basis WebAssembly,

37:30mereka memiliki kod basis WebAssembly,

37:32mereka memiliki kod basis WebAssembly,

37:34mereka memiliki kod basis WebAssembly,

37:36mereka memiliki kod basis WebAssembly,

37:38mereka memiliki kod basis WebAssembly,

37:40mereka memiliki kod basis WebAssembly,

37:42mereka memiliki kod basis WebAssembly,

37:44mereka memiliki kod basis WebAssembly,

37:46mereka memiliki kod basis WebAssembly,

37:48mereka memiliki kod basis WebAssembly,

37:50mereka memiliki kod basis WebAssembly,

37:52mereka memiliki kod basis WebAssembly,

37:54mereka memiliki kod basis WebAssembly,

37:56mereka memiliki kod basis WebAssembly,

37:58mereka memiliki kod basis WebAssembly,

38:00mereka memiliki kod basis WebAssembly,

38:02mereka memiliki kod basis WebAssembly,

38:04mereka memiliki kod basis WebAssembly,

38:06mereka memiliki kod basis WebAssembly,

38:08mereka memiliki kod basis WebAssembly,

38:10mereka memiliki kod basis WebAssembly,

38:12mereka memiliki kod basis WebAssembly,

38:14mereka memiliki kod basis WebAssembly,

38:16mereka memiliki kod basis WebAssembly,

38:18mereka memiliki kod basis WebAssembly,

38:20mereka memiliki kod basis WebAssembly,

38:22mereka memiliki kod basis WebAssembly,

38:24mereka memiliki kod basis WebAssembly,

38:26mereka memiliki kod basis WebAssembly,

38:28mereka memiliki kod basis WebAssembly,

38:30jika seseorang ingin membangun versi open source,

38:34menggunakan Arduino dan Sensors,

38:37dan menghubungkannya ke web app mereka sendiri

38:42dengan Serial atau USB,

38:44itu akan mungkin berhasil, kan?

38:46Itu akan mungkin berhasil,

38:48nilainya adalah brand-nya,

38:53trus kualitas pembuatan,

38:55jadi pada acara itu kita ada beberapa orang,

38:58jadi pada acara itu kita ada beberapa orang,

39:00karena robotnya bergerak di lantai,

39:02kita ada beberapa orang bergerak di lantai,

39:03dan tidak ada apa-apa yang terbuka,

39:05jadi kalau kamu melakukan sesuatu seperti ini dengan Arduino,

39:08kamu harus membangun kes yang sangat bagus,

39:11tapi ya, untuk Lego,

39:14itu sangat stabil, dibuat untuk anak-anak,

39:16dan ya, kabelnya sudah selesai dan sebagainya,

39:19jadi mereka tidak datang dengan mudah,

39:21jadi itu banyak pengalaman yang Lego telah menemukan,

39:25yang paling penting adalah instruksi,

39:28kalau kamu masuk ke aplikasi,

39:29kamu bisa melihat instruksi yang dibina,

39:31dan ada banyak pikiran yang dimasukkan,

39:33bagaimana kita bisa menggambarkan

39:35penggunaan sensor tertentu

39:37dengan contoh yang sangat motivasi?

39:39Untuk anak-anak,

39:41ada banyak cara dan cara mengembangkan api-api ini,

39:45dan fitur-fitur ini, sensor ini,

39:47yang ya, sebagai projek open source,

39:50kamu tentu saja bisa,

39:52tapi ya, kamu harus memiliki banyak pikiran,

39:54kamu perlu menggunakan banyak kreativitas,

39:57untuk menciptakan sesuatu seperti ini.

39:59Saya ingat bahwa saya memiliki ini,

40:06ketika saya pergi ke sekolah,

40:08salah satu studi yang saya lakukan,

40:14adalah untuk mengkode micro controller,

40:17tapi tidak dengan Drak Android,

40:19hanya dengan semua kode,

40:21dan di Visual Basic,

40:24dan mengkompilkan,

40:26dan menghantarkan ke micro controller ini,

40:28dan menggunakan Pathfinder,

40:31seperti yang kamu lakukan,

40:33tapi sekarang dengan Lego,

40:35hanya dengan Drak Android,

40:37itu lebih mudah.

40:39Mereka menggunakan Scratch di MLT,

40:43jadi jika kamu tahu Scratch,

40:45interfacenya sangat terkenal,

40:47jadi tergantung di Scratch,

40:49dan cara di mana Scratch dilisensi,

40:51ya, kamu tidak perlu open-source,

40:54derivative dari Scratch,

40:56itu sangat memanfaatkan,

40:58dalam maksudnya,

41:00kamu bisa membangun di atas Scratch.

41:02Ya, tapi Lego App juga menarik,

41:05Lego App, karena saya melihat dalam artikelnya,

41:08kamu bisa menggunakan UI Drak Android,

41:11versi Scratch-nya,

41:13atau untuk lebih banyak pelajar,

41:15kamu juga bisa menulis Python secara langsung,

41:18jadi Python juga akan dikumpilkan

41:21oleh script assembly web, ya?

41:24Ya, itu benar.

41:26Untuk pelajar awal,

41:28kamu bisa menulis micro-Python,

41:30jadi ada beberapa limitasi,

41:32bukan full-Python, tapi micro-Python,

41:34tapi ya, itu sangat mirip dengan

41:36actual-Python, jika kamu berada di dalam

41:38kontraan apa yang bisa kamu lakukan,

41:40dan ya, itu digunakan di konteks universitas,

41:43misalnya, untuk mengajarkan

41:45masing-masing belajar di beberapa universitas,

41:47jadi itu cukup keren.

41:49Jadi kamu melihat anak-anak ini bermain dengan Lego,

41:51dan itu tentu saja sangat motivasi,

41:54jika kamu bisa melihat secara langsung,

41:56bagaimana, saya tidak tahu,

41:57agar alat belajar diperlukan,

41:59ketika kamu melihat robot yang berjalan-jalan

42:01dan tetap di jalan yang langsung,

42:04bukan kehilangan jalan,

42:06karena alat kamu benar-benar benar,

42:08jadi kamu bisa melihat resulannya secara langsung

42:10dengan apa yang kamu lakukan, jadi

42:11saya berharap ketika saya menjadi pelajar di universitas,

42:13kami memiliki, kami memiliki,

42:15kami memiliki, maaf,

42:17saya merusak dalam bahasa Inggris,

42:19kami memiliki akses dengan sesuatu seperti ini,

42:21tetapi kami tidak.

42:23Ya, ini menarik.

42:29Adakah Bluetooth

42:37adalah hasil proyek Fugu

42:39atau web serial?

42:41Adakah itu datang dari proyek Fugu

42:43atau sudah lama di dalam web standard?

42:47Bluetooth web dan web serial API?

42:51Bluetooth web dan USB web

42:53sudah cukup tua sekarang,

42:55jadi saya pikir mereka dibuat pada tahun 2015,

42:58web serial, web feed dan sebagainya,

43:00mereka sudah cukup muda,

43:02mereka dibuat beberapa tahun yang lalu saja,

43:05jadi saya pikir yang paling muda mereka adalah web serial.

43:09Oke.

43:13Dan juga web NFC,

43:15jika Anda ingin mendapatkan akses dengan sticker NFC

43:17atau kartu NFC atau device,

43:21Anda juga bisa melakukannya di web sekarang,

43:23itu cukup keren.

43:25Maksudnya Anda bisa menulis dan menulis NFC dengan aplikasi itu?

43:27Betul, Anda bisa menulis dan menulis, ya.

43:29Jika Anda memiliki perangkat mobil,

43:31Anda bisa, misalnya, berjalan ke musim,

43:33dan jika ada sticker NFC,

43:35Anda bisa menahan perangkatmu,

43:37Anda bisa menahan perangkatmu dengan sticker,

43:39lalu menulis stickernya,

43:41lalu Anda bisa membuat sticker NFC menulis,

43:45jadi Anda bisa menulisnya jika Anda ingin,

43:47tapi ini harus dilengkapkan,

43:49jadi Anda tidak bisa menulis sticker musim dengan sesuatu yang lain.

43:53Tapi ya, jika Anda ingin,

43:55kemungkinan Anda,

43:57Anda bisa mendapatkan akses.

43:59Ya, kita bisa membuat kartu business NFC atau sesuatu,

44:02jika seseorang meminta kontak kita,

44:04jika seseorang meminta kontak kita,

44:04jika seseorang meminta kontak kita,

44:04jika seseorang meminta kontak kita,

44:04jika seseorang meminta kontak kita,

44:04jika seseorang meminta kontak kita,

44:04jika seseorang meminta kontak kita,

44:04jika seseorang meminta kontak kita,

44:04jika seseorang meminta kontak kita,

44:14jika seseorang meminta kontak kita,

44:22jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:38jika seseorang meminta kontak kita,

44:52jika seseorang meminta kontak kita,

45:12jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:22jika seseorang meminta kontak kita,

45:32jika seseorang meminta kontak kita,

45:32jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:42jika seseorang meminta kontak kita,

45:52jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:02jika seseorang meminta kontak kita,

46:12jika seseorang meminta kontak kita,

46:22jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:40jika seseorang meminta kontak kita,

46:54jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:12jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:28jika seseorang meminta kontak kita,

47:42jika seseorang meminta kontak kita,

47:42jika seseorang meminta kontak kita,

47:42jika seseorang meminta kontak kita,

47:56jika seseorang meminta kontak kita,

48:16jika seseorang meminta kontak kita,

48:26jika seseorang meminta kontak kita,

48:26jika seseorang meminta kontak kita,

48:46jika seseorang meminta kontak kita,

48:56jika seseorang meminta kontak kita,

49:16jika seseorang meminta kontak kita,

49:26jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:46jika seseorang meminta kontak kita,

49:56jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16jika seseorang meminta kontak kita,

50:16dan sangat memperkenalkan PWA di Microsoft Store.

50:21Tapi apapun yang terjadi dengan mobil,

50:23saya pikir banyak orang menggunakan sesuatu seperti Play Store, App Store untuk menemukan aplikasi baru.

50:29Saya pikir ada potensi besar untuk mengekalkan search, web search,

50:35entah Google, Bing, apa-apa, apapun experience web search untuk membantu orang menemukan aplikasi baru

50:42dan menemukan aplikasi baru di Insta.

50:44Sebenarnya, Edge...

50:46Bila itu? Sebenarnya, hari sebelumnya, mereka telah meluncurkan penjelasan

50:50yang dipanggil "web install API explainer"

50:56di repository "Edge explainer".

51:00Tentunya, idea itu, jika ada cara untuk aplikasi web untuk menyebutkan

51:04"Saya ingin bisa dimasukkan dari PWA Store",

51:08seperti directory di web, API ini akan memungkinkan mereka untuk melakukannya.

51:15Anda bisa memikirkan ini lebih jauh, Anda tidak memerlukan directory seperti ini,

51:19karena jika perangkat Search yang orang menggunakan

51:22mengekalkan dan menemukan aplikasi baru, Anda bisa melakukannya lebih jauh.

51:26Jadi, ini adalah API yang sangat menarik dalam konteks ini,

51:30di mana idea itu benar-benar...

51:33Mari kita menemukan bagaimana pengalaman aplikasi web yang benar-benar berfungsi untuk pengguna.

51:37Dan itu, ya, bisa dimasukkan dan diumumkan dengan pengalaman rendah

51:43tanpa melalui Store, tanpa download,

51:46langsung dari Search dan Results page, atau dari PWA directory.

51:50Jadi, ada beberapa pikiran dalam penyelesaian ini.

51:53Baik.

51:55Sekarang, satu pertanyaan terakhir mengenai "web assembly".

51:59Jadi, jika kita menggunakan "web assembly",

52:03dalam "web assembly" ada contoh pengantin untuk res API.

52:10Jadi, proses itu akan berada di dalam "web assembly" atau di javascript?

52:17Dengan web.

52:20Ya, dengan web.

52:21Contohnya, mungkin "web assembly" menggunakan Websocket,

52:25proses itu akan berada di javascript atau di website "web assembly"?

52:32Saya pikir itu tidak mungkin menggunakan Websocket dari "web assembly" hari ini.

52:41Saya mungkin salah, tapi saya tidak pikir ada cara hari ini.

52:45Tapi Anda pasti bisa menggunakan javascript untuk membuat "web assembly",

52:49maaf, "web socket connection" dan kemudian menghubungkannya ke dalam dunia "web assembly".

52:55Mungkin ada cara untuk melakukan itu dengan API modern yang bisa dihubungkan dari modul "web assembly" ke javascript,

53:06kemudian melakukannya di sana.

53:08Sebenarnya, Anda masih akan melakukannya di javascript, tetapi pada level "web assembly".

53:13Saya pikir untuk membahas apa yang sepatutnya,

53:16mungkin ada protokol yang berbeda, bukan Websocket, tapi web transport,

53:22itu akan menjadi versi yang lebih modern dalam protokol UDP.

53:27Mungkin ada cara yang lebih adresif untuk menggunakan ini.

53:33Tanpa mengetahui detailnya, susah untuk membuat rekomendasi di sana.

53:37Saya pikir, pertanyaannya adalah,

53:40bagaimana "web assembly" berhubungan dengan server API "web assembly"?

53:45Contohnya, apakah melalui javascript atau kembali ke javascript atau secara separat?

53:53Ya, ke prosesnya sendiri.

53:56Mungkin di javascript.

53:59Oke.

54:00Karena pada saat yang sama Anda masih, tentu saja,

54:02meskipun Anda menggunakan "web assembly", Anda masih perlu menghormati polisi origin yang sama,

54:08jadi Anda tidak dapat mengelakkan polisi origin yang sama dengan menggunakan "web assembly".

54:13Jadi, ini masih berhubungan dengan javascript untuk membuat permintaan dan mendapatkan data dan prosesnya.

54:21Baiklah.

54:23Kami akan mengumumkan sesi ini.

54:27Sebelum itu, saya ingin menanyakan Tom satu pertanyaan terakhir.

54:32Apa apakah API Fugu yang paling menyenangkan di masa depan?

54:36Pada pendapat Anda?

54:37Yang berikutnya.

54:38Ya, sekarang dalam protokol.

54:40Berikutnya.

54:41Oh, jadi yang berikutnya, itu menarik.

54:43Berikutnya, ya.

54:44Jadi, yang berikutnya, ada banyak hal di pipeline.

54:48Ada banyak hal yang kita lakukan untuk memperbaikinya.

54:53Jadi, sesuatu yang saya bercanda tentang dan itu akan menyebutkan banyak penggunaan Electron.

55:02Pada Mac, setidaknya, adalah untuk memiliki api menu aplikasi.

55:07Jadi, pada Mac, paradis pengguna adalah untuk aplikasi ketika Anda menggunakan mereka,

55:11bahwa mereka menggunakan menu bar di atas layar dan tidak di dalam dinding.

55:17Ini, tentu saja, sangat spesifik dari Mac.

55:21Ya, paradis UI dan paradis UX yang Anda perlu mengadhiri.

55:26Jadi, kembali ke pertimbangan bar tersentuh.

55:29Ini bukan sesuatu yang mungkin pengguna Windows akan sangat menarik.

55:34Sama saja dengan Microsoft Sonoma membuat aplikasi web sekarang.

55:41Mungkin lebih banyak pengguna akan menarik.

55:44Jadi, pada saat ini, akan ada bahan khusus Mac yang akan disokong, atau mungkin disokong.

55:51Jadi, jangan menerima harapan terlalu tinggi.

55:54Tapi mungkin akan menarik dari pengguna yang berbeda.

55:56Jadi, ini bisa menjadi API yang menarik untuk disokong di web.

56:00Supaya Anda dapat akses ke menu bar atas layar dan seperti itu benar-benar terintegrasi dalam sistem operasi.

56:08Oke. Jadi, jika orang ingin tahu tentang API berikutnya, Anda bisa pergi ke fugu tracker web.

56:17- App. - Ya, dan cari...

56:20fugu-tracker.web.app. Baiklah.

56:24Cari API yang Anda ingin lihat.

56:27Ya, jadi di sini, saya pikir untuk menu aplikasi, Anda harus menemukan.

56:31Jadi, yang saya baru menyebutkan.

56:33Itu yang merah. Lihat, menu aplikasi merah.

56:36- Di mana? - Oh ya.

56:38- F menu. - Ya, sudah dihasilkan.

56:41- Karena ada... - Hashtag.

56:44Bagus, sangat bagus.

56:46Oke, Tom. Mungkin kita bisa...

56:51- Ya, episode ini. - Ada apa-apa lagi yang Anda ingin kongsi?

56:54- Ya. - Ada apa-apa lagi yang Anda ingin kongsi?

56:58- Ada apa-apa lagi yang Anda ingin kongsi? - Ya, sudah dihasilkan.

57:00Ya, sudah dihasilkan.

57:02Silakan coba API fugu. Jika Anda memiliki idea aplikasi,

57:05membuat di web, menggunakan API web yang ada di luar sana.

57:10Jika Anda memiliki sesuatu yang bekerja dan berjalan, dan Anda pikir itu berbaloi untuk orang lain untuk mencoba,

57:16pergi ke API fugu showcase dan menerima aplikasi Anda.

57:20Jadi kami sangat senang menunjukkan semua aplikasi yang dimasukkan dengan API fugu ini.

57:26Jadi jika Anda pergi ke showcase fugu, di atas itu ada button "Submit New App" yang Anda tekan.

57:34Kemudian Anda menetap di form Google dan Anda menerima itu.

57:37Kemudian setelah beberapa jam atau mungkin sehari atau dua,

57:40itu akan muncul di showcase fugu.

57:42Dan Anda bisa menunjukkan aplikasi Anda kepada banyak orang dan penggunaan.

57:46Mungkin Anda akan lebih berminat dengan orang yang menggunakan API Anda dan aplikasi Anda.

57:54Anda bisa melihat use case juga.

57:59Jika Anda ingin membuat aplikasi baru, apakah itu bisa digunakan di web?

58:04Jika Anda mencari inspirasi untuk proyek, Anda berniat untuk melakukan ini di Hacker News Clones.

58:10Anda dapat menemukan inspirasi untuk menggunakan API baru di sana.

58:15Ya, betul.

58:17Bagus, Tom. Terima kasih kerana datang.

58:21Terima kasih banyak-banyak.

58:23Terima kasih.

58:25Dan saya menantikan untuk bertemu Anda secara peribadi.

58:27Terima kasih untuk Chat, karena dia akan membantu kami.

58:30Ya, sekali lagi.

58:33Oke, sekian dari kita.

58:35Terima kasih banyak-banyak untuk waktu.

58:38Terima kasih banyak-banyak untuk pertanyaan dan diskusi.

58:41Kami akan melihat Anda selama minggu depan.

58:46Seperti biasa.

58:49Kami akan kembali berbicara bahasa Indonesia lagi.

58:51Ya, pada pukul 8 pagi.

58:53Sampai jumpa minggu depan.

58:55Bye bye.