Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building Simple Collaborative Online IDE with A...

Building Simple Collaborative Online IDE with AngularFire and Firepad

Session นี้จะพาคุณสร้าง Simple Collaborative Online IDE สำหรับ Coding Interview แบบง่ายด้วยพลังของ AngularFire + Realtime Database + Firepad Firepad ใช้ Operational Transformation เป็น Technology ที่น่าสนใจสำหรับการสร้าง Collaboration Tools โดยทั่วไปแล้ว Collaborative Text Editor ส่วนใหญ่ต้องการ special code run ที่ Server แต่ด้วย Firepad ไม่จำเป็นต้องสร้าง backend ใช้เพียง Firebase Realtime Database สำหรับการทำ Data Synchronization ซึ่งสะดวกและง่ายกว่า

Firebase Thailand

April 01, 2023
Tweet

More Decks by Firebase Thailand

Other Decks in Technology

Transcript

  1. Senior Software Engineer at EarnIn Siwat Kaolueng Firebase Dev Day

    2023 GDG Bangkok Firebase Thailand Organized by Building Simple Collaborative Online IDE with AngularFire and Firepad
  2. Siwat Kaolueng (Jame) Senior Software Engineer at EarnIn Interested in

    Web Performance, Web Standards, Collaboration Tools, Local-first software, Operational Transformation (OT), Conflict Free Replicated Data Types (CRDTs)
  3. #FirebaseDevDay2023 Sandboxing untrusted code is useful when you have to

    rely on third-party developed software where you don't have access to source code, or you don't have resources to perform a source code assessment. Sandboxing can also be useful as an additional security boundary for your own code. Sandboxed untrusted code?
  4. #FirebaseDevDay2023 What happen if vm container try to access, or

    run the host (ex. Remove database, expose password) Remote Code Execution
  5. #FirebaseDevDay2023 Demo bit.ly/angular-firepad-0 (I did change a plan to spark

    plan, The demo is only work for collaborative editor. If you want to the run command to work, you need to use your own Firebase API Key)