Superpowers for next gen web apps: Machine learning

Поділитися
Вставка
  • Опубліковано 15 лип 2024
  • Discover how to achieve superpowers by embracing machine learning in JavaScript using TensorFlow.js in the browser. Learn what machine learning is, get a high-level overview of how it works, get inspired through a whole bunch of creative prototypes (from invisibility to teleportation) that push the boundaries of what is possible in the modern web browser, and then take your own first steps with machine learning in minutes. By the end of the session, everyone (no matter what your background) will understand how to recognize an object of their choice, which could then be used in any creative way you can imagine on your own website. No background in machine learning is required. Take your first steps with TensorFlow.js!
    Resources:
    Learn more about TFJS → goo.gle/2UXmFzX
    Get Inspired with top community projects → goo.gle/39kf2vE
    #MadeWithTFJS latest submissions → goo.gle/377lUKe
    Speaker: Jason Mayes
    Watch all Chrome Developer Summit sessions here → goo.gle/cds20-sessions
    Subscribe to Google Chrome Developers here → goo.gle/ChromeDevs
    #chromedevsummit #chrome #machinelearning
    event: Chrome Dev Summit 2020; re_ty: Publish; product: Chrome - General; fullname: Jason Mayes;
  • Наука та технологія

КОМЕНТАРІ • 98

  • @JasonMayes
    @JasonMayes 3 роки тому +18

    Thanks for viewing the talk, if you have any further questions about TensorFlow.js come check out our booth at Chrome Dev Summit, or you can add me over on Twitter @jason_mayes / LinkedIn and ask me there!

  • @slavko321
    @slavko321 3 роки тому +4

    Great presentation, thank you!

    • @JasonMayes
      @JasonMayes 3 роки тому

      Thank you for the kind words

  • @antongeorgiev1089
    @antongeorgiev1089 3 роки тому +10

    A very pleasant and accessible explanation of the basics, thank you.

  • @carpioerwinjohnt
    @carpioerwinjohnt 3 роки тому +4

    awesome future for javascript, the web and ai/ml

  • @xmlbk
    @xmlbk 3 роки тому +3

    It's so cool! Thanks for sharing.

  • @mehdijarraya3196
    @mehdijarraya3196 3 роки тому +1

    Awesome video, thank you soo much.

  • @jsinnaour
    @jsinnaour 3 роки тому +2

    Thats awesome, ML + AI = life savers.

  • @jonasex3001
    @jonasex3001 3 роки тому +3

    Very very cool stuff. Great presentation.

  • @ErnestoSun
    @ErnestoSun 3 роки тому +9

    The clients are the new servers. This feels like distributed web finally...

  • @9kopb
    @9kopb 3 роки тому +2

    🔥awesome, thanks! 🏄

  • @MarkLangerGER
    @MarkLangerGER 3 роки тому +13

    Fantastic video for a newcomer. Thank you very much, Jason! 💪🏼

    • @JasonMayes
      @JasonMayes 3 роки тому +3

      Most welcome. If you have questions feel free to ask here or reach out to me on Twitter @jason_mayes or LinkedIn!

  • @TopicalAuthority
    @TopicalAuthority 3 роки тому +2

    Fantastic video, thanks!

  • @rashadali9923
    @rashadali9923 2 роки тому

    Amazing Video!!!
    Thanks a lot

  • @victorpinasarnault9135
    @victorpinasarnault9135 3 роки тому +3

    I Love it!

  • @mohitsingh5752
    @mohitsingh5752 3 роки тому +3

    Really simple and encouraging video .... Thank you Jason👍

  • @sofianezerrouki
    @sofianezerrouki 3 роки тому +2

    great technologies ...

  • @felixinit
    @felixinit 3 роки тому +14

    Uff!... A lot of material to learn AI applying TFSJ in Javascript Web Browser!... Thanks!

    • @JasonMayes
      @JasonMayes 3 роки тому +2

      If you have questions feel free to reach out on linked in or Twitter

  • @indylawi5021
    @indylawi5021 3 роки тому +6

    I've been doing ML with Python on the side. It is awesome that TF is available to add ML to Web dev with Javascript. Thank you for the info and demo.

  • @GabrielDalposso
    @GabrielDalposso 3 роки тому +4

    Coincidently I was recently searching for a way to do ML on the client side. Glad to see Google hearing my prayers 🙌
    Thanks to everyone in the team!

    • @JasonMayes
      @JasonMayes 3 роки тому

      Do let us know what you make if you end up using TensorFlow.js - we would love to see. Use the hashtag!

  • @abhinavsirohi
    @abhinavsirohi 3 роки тому +2

    AI explained well 🙏

  • @kuperrr6776
    @kuperrr6776 3 роки тому +3

    Awesome Job! thanks for the information!

    • @JasonMayes
      @JasonMayes 3 роки тому +2

      Most welcome. Glad you enjoyed the presentation! Look forward to seeing what you create!

  • @marjanralevski3058
    @marjanralevski3058 3 роки тому +2

    I was dreaming about this in my college days. Combining web dev with ML. I guess dreams do come true. Awesome!

    • @otorishingen8600
      @otorishingen8600 3 роки тому +2

      lol - me too .. the funniest thing is that javascript just wont go away XD

    • @JasonMayes
      @JasonMayes 3 роки тому +1

      JS is here to stay and I'm excited to see what you make! Do share if you do!

    • @marjanralevski3058
      @marjanralevski3058 3 роки тому +1

      @@JasonMayes sure thing. And moreover, I couldn't agree more about JS.

  • @_umarahmed
    @_umarahmed 3 роки тому +3

    Awesome! #TensorNinjas !

  • @andreadoimo3468
    @andreadoimo3468 3 роки тому +1

    AWESOME! best ML overview ever.

    • @JasonMayes
      @JasonMayes 3 роки тому

      Feel free to share with others who may enjoy and you can find me on Twitter / linked in if any further questions on tfjs

  • @natsaliya
    @natsaliya 3 роки тому +4

    It's very inspiring!

    • @JasonMayes
      @JasonMayes 3 роки тому +1

      Glad you enjoyed! If you have any questions reach out on Twitter @jason_mayes for a faster reply. Happy hacking!

  • @eliceoreyes4910
    @eliceoreyes4910 Рік тому

    Exelente más innobado y fácil de manejar

  • @masteringreactnative
    @masteringreactnative 3 роки тому +2

    Amazing! Can't wait to start learning

    • @JasonMayes
      @JasonMayes 3 роки тому

      Glad you enjoyed! If you have any questions reach out on Twitter @jason_mayes for a faster reply. Happy hacking!

  • @TomHermans
    @TomHermans 3 роки тому +4

    Great video Jason. Very informative and inspiring

    • @JasonMayes
      @JasonMayes 3 роки тому +2

      Glad it was useful! What else would you like to know about in the future in this space?

    • @TomHermans
      @TomHermans 3 роки тому +1

      @@JasonMayes practical projects. Setup, idea, training a model, applying it in a real project. With code and stuff. Just like a NN i'm very much a learner by example 😁

    • @JasonMayes
      @JasonMayes 3 роки тому +2

      @@TomHermans thanks for letting me know. We have some codelabs you may enjoy in the meantime before videos are made. Check Google codelabs and search TensorFlow JS

    • @eliceoreyes4910
      @eliceoreyes4910 Рік тому

      @@JasonMayes son muy buenos los proyectos

  • @btsreeler4186
    @btsreeler4186 3 роки тому +2

    Nice

  • @linfengwang9640
    @linfengwang9640 3 роки тому +2

    awesome, it seems a lot of using sicario with tfjs

  • @pulok9909
    @pulok9909 3 роки тому +2

    Very much informative

    • @JasonMayes
      @JasonMayes 3 роки тому

      Glad you enjoyed! Let us know if you make stuff!

  • @inrustwetrust25
    @inrustwetrust25 3 роки тому +3

    didn't knew that tf.js can do this much!!

    • @JasonMayes
      @JasonMayes 3 роки тому

      Hope to see what you make in the future!

  • @DTheHAge
    @DTheHAge 3 роки тому +2

    So all deep learnings are machine learnings, but not every machine learning is deep learning?
    Just kidding, very nice explaination. I don't know why I watched it, but I enjoyed it. It's very important that people realize that their phone and browser is already using multiple AIs and that we have the devices to calculate our Ais on our phones. This is in case of data protection a nice option. Imagine the AI that sorts the your mails for you (like in Gmail) would run on your device only. With this you could encrypt the model client-side and upload it for synchronization only.
    Or customized Ads. Just give the user a list of ads in different categories and let the AI locally calculate what the best ad for the user is.

    • @JasonMayes
      @JasonMayes 3 роки тому +4

      Indeed people often assume JS is just a toy but it's actually very powerful and has matured a lot since the early days. Glad you enjoyed! Happy hacking!

  • @franklemanschik_de
    @franklemanschik_de 3 роки тому +1

    I liked it a lot good starter material well done

  • @hanesmitter1469
    @hanesmitter1469 3 роки тому +2

    Uh! Now I know how superman shoots those laser beams from his eyes, after years of being dumb🤠

  • @karamturki6597
    @karamturki6597 3 роки тому +3

    nice one , thanks

    • @JasonMayes
      @JasonMayes 3 роки тому

      You are most welcome happy hacking!

  • @corky2812
    @corky2812 3 роки тому +2

    is there a tutorial link to get the face mesh with webgl cloud?

    • @JasonMayes
      @JasonMayes 3 роки тому

      Not sure quite what you referring to but if you want the facemesh demo the details are all on the tensorflowjs website under models - click on facemesh and you will find the demo i showed on the github repo readme

  • @politicaltroll8920
    @politicaltroll8920 3 роки тому +2

    I didn’t hear a word I was hypnotized by the microphone. 🌈 🎙

    • @JasonMayes
      @JasonMayes 3 роки тому +1

      RGB makes the ML run faster. :-)

  • @TesterAnimal1
    @TesterAnimal1 2 роки тому +1

    The superpowers that we were promised in the sci-fi movies.
    Yep. Like 1984…

  • @wzafar77
    @wzafar77 3 роки тому +1

    I learned if its above the line its an orange and if its below its an apple... damn... so much to learn...

    • @JasonMayes
      @JasonMayes 3 роки тому

      Simple beginnings from which everything else evolves from.

  • @ralphlagos4210
    @ralphlagos4210 3 роки тому

    What’s the difference from using this and accessing an api that does tensorflow already like let’s say in python?

    • @JasonMayes
      @JasonMayes 3 роки тому +2

      See towards end of talk where I talk specific advantages of running client side in browser such as privacy, lower cost, faster inference times (no server side call so no round trip time to server and back again etc)

    • @ralphlagos4210
      @ralphlagos4210 3 роки тому

      @@JasonMayes Amazing, thanks Jason!

  • @naturegoggle
    @naturegoggle 3 роки тому +2

    thanks for this awesome stuff but Ironman doesn't shoot lasers from his eyes/mouth. :D

    • @JasonMayes
      @JasonMayes 3 роки тому +1

      Whoops! Wrong superhero my bad. Maybe we can do from hand using handpose instead :-)

  • @Textras
    @Textras 3 роки тому +1

    Evil laughing (at TF potential) muahaha

    • @JasonMayes
      @JasonMayes 3 роки тому +1

      Do tag us with #madewithtfjs if you make something cool!

  • @DaleReeves232
    @DaleReeves232 3 роки тому

    iron man lasers lol

    • @JasonMayes
      @JasonMayes 3 роки тому

      My bad. I should have said the baby from "The Boys" who actually shoots lasses from eyes

  • @PeterMoueza
    @PeterMoueza 3 роки тому +1

    Tensorflow.js vs Lite
    A timeline :
    Artificial Intelligence vs ML vs deep learning 10:40 ubiquity
    10:46 transfert learning ML transfert 10:54 Facebook pose AR 11:20 pre trained 12:02 automatic scroll 12:36 detection vs recognition ... photogrammetry like ... examples 18:38 transfert learning 21:05 Auto ML 24:34 architecture 26:28 WebXR 26:53 resources 27:31 book 27:43 Codelabs 28:02 Community use cases 29:01 author

  • @komakaze1
    @komakaze1 3 роки тому +1

    Teachable Machine sounds like it might be easy and fun to play around with to learn and prototype machine learning!

  • @ibnusufajar1763
    @ibnusufajar1763 Рік тому

    IooJoo iini adalah untukmu kita ooooo

  • @cleonunes6059
    @cleonunes6059 Рік тому

    Igor vai

  • @bunny_rabbit5753
    @bunny_rabbit5753 3 роки тому +3

    Hey guys listen a joke 😁 "Thank you for leaning machine learning 😁😁😁😂😂😂😂😂😂"

  • @KT-ut9zg
    @KT-ut9zg 3 роки тому

    Public demo for the qna (github.com/tensorflow/tfjs-models/tree/master/qna) doesn't work:
    JS error: tfjs:17 Uncaught (in promise) Error: 'multiply' not yet implemented or not found in the registry. This kernel may not be supported by the tfjs backend you have chosen

    • @JasonMayes
      @JasonMayes 3 роки тому

      Can you submit a bug report. It is possible its because its referencing latest version of TFJS that has breaking changed. Changing to fixed version for the library import eg 2.0.0 may make this go away.

    • @jasonmayes_goog
      @jasonmayes_goog 3 роки тому

      I believe this should now be fixed.

  • @ironmonkey4411
    @ironmonkey4411 3 роки тому

    Tensor floww?? no thanks

    • @moonaka2
      @moonaka2 3 роки тому

      why not

    • @ironmonkey4411
      @ironmonkey4411 3 роки тому

      try an alternative, you will know

    • @moonaka2
      @moonaka2 3 роки тому

      @@ironmonkey4411 I'm new to machine learning so i was genuinely curious, Could you tell me why you think tensor flow is bad, and what alternatives do you think are better and why?

    • @ironmonkey4411
      @ironmonkey4411 3 роки тому

      take a simple exercise and develop it with more than one tool, for example tensorflow, pytorch, keras or any other, in my opinion tensorflow makes things very difficult for you in many ways, is powerful but.. it is hard work.

    • @moonaka2
      @moonaka2 3 роки тому

      @@ironmonkey4411 Which one produces the highest quality models on average?

  • @VishnuSunilkumar
    @VishnuSunilkumar 3 роки тому

    Nice