โรสชันนี้จะเป็นอะไรที่ทอบไปเลือก Extraction Spa สานี้ต่อไปสปาล ขอบคุณคุณคิดคุณกำไรขอเดียนเชิญคือสวัสดีค่ะชื่อ มอน คิดคุณกำไรวันนี้มาพูดถึงเรื่องสปาลแต่ว่าสปาลไม่ใช่สปาลที่เรารู้จักกันคิดว่าหลาย หลาย ห้องรู้ว่าสปาลตัวนี้ยอมมาจากอะไรก็คือ Sinkern Page Application นะคะก็คือเป็นการทำ website แบบไม่มีการรอดหน้าเผ็ดแต่ว่าไปรอดข้อมโมนจาก Server มาอาจจะใช้ JQuery หรือเป็น framework ต่างต่างของเจ้าสคลิปได้ซึ่งอันนี้ก็เป็นหน้าปกที่เหมียวแค่เนี้ยครับ ที่เกี่ยวสปาลน่ะครับข้าวนี้ เริ่มต้อนหนีก่อนครับเริ่มจากว่าที่ผ่านมาเริ่มเห็นว่าเรามีคำเพลงกันCpChallenge นะครับที่ผ่านมาเกิดอะไรขึ้นบ้างซึ่งส่วนมากก็จะเป็นรูปถ่ายใช่มั้ยครับแต่คนนี้ ถ้าเป็นสายเดียวลอปเบอร์เราก็มาดูกันว่าเมื่อประมาณ Cp ก่อนเรายังรู้อะไรกันมาบ้างเริ่มต้อน ง่ายง่ายเลยมีอะไรมั้งครับ HTML, CSS นะครับจะว่าสคลิปCpChallenge นะครับเริ่มรูปเบียสพีย์เพิ่มใช่มั้ยครับคนนี้ เราเห็นว่าเวลาผ่านมา10 ปีแล้วคิดว่า หลายพันก็อาจจะพอจะนึกออกนะครับว่าปี 2019 นี่มีอะไรเข้ามาก็น่าจะเยอะอยู่นะครับส่วนมากก็จะเป็นภาษาเดิมนะครับแต่ว่ามีการเพิ่มฟังชั่นเพิ่มพริเจอมัยใหม่เข้ามาคือเป็นเจ้าสคลิปสมายใหม่ที่เราเขียนในรูปแบบที่มีประสิษภาพมากขึ้นร่วมถึงการเขียน CSX ในรูปแบบที่กระชับแล้วก็มีตัวช่วยในการที่เรียบว่า เป็น Task Runner นะครับในการ บิวฟาย CSX ของมาให้อยู่ในรูปแบบที่เบาซื้อเท่าไป ใช้งานได้ไม่ว่าจะเป็น list นะครับถ้าเกิดใครเคยใช้ก็จะเป็น post CSX นะครับตอนนี้ก็จะ view ขึ้นมาโดยใช้ครั้ง ใช้ Gulf อะไรก็ว่าไปจนมายุกประจุบานนี้แล้วก็จะเริ่มใช้ Word Webpack นะครับซึ่งตอนนี้ก็จะเป็นตัวที่ต้องใช้เขาเรียบว่า Web Framework ตัวสมายใหม่เข้ามาช่วยมากขึ้นก็จะเป็นใช้ NTM นะครับหรือว่าใช้ React ViewAngular ประมาณนี้ต่อกับข้อมูลที่อยู่หลังบ้านของเราซึ่งจะเพิ่มสิตภาพแล้วก็ความเร็ว ตรงนี้เข้ามาอันนี้สถามเพิ่มนี้ครับในนี้มีใครเป็น Developer ไหมครับโอเค เยอะเพราะสมควรนะครับก็จะได้เข้าใจง่ายขึ้นไม่ยากมากนะครับแล้วก็เทวยีสมายใหม่ ที่เจอกับContainer นะครับ เป็น Docker หรือว่าKubernetes นะครับก็เป็นเรื่องของฟังDeep Ops หรือว่าเป็นอิภาศักเตอร์ที่อาจจะไม่ต้องรู้มากก็ได้แต่ว่าจะได้ยินชื่อร่อย จะบ่าวเอาไปต่อย่อนแน่นาวคนได้นะครับอันนี้ต่อมาเมื่อประมาณ 2015 นะครับWordpress ก็ได้เปิดตัวKalypso ขึ้นมาKalypso เนี่ยเป็นเหมือนเรียกว่าเป็นเหมือนWordpress.comในนี้มีใครรู้จัก Wordpress.com ไหมครับOKWordpress.com ก็จะเป็นเหมือนให้บริการ Wordpress แต่ว่าเราไม่ต้องเอาตัว Wordpress เป็นลงที่สักว่าของเราเราก็แค่ไปใช้บริการซึ่ง Wordpress ก็เปิดให้ใช้ Free นะครับเพียงแต่ว่าก็ต้องมีประเกยที่แบบเสียเงินเพิ่มขึ้นถ้าเกิดเราต้องการ Function หรือว่า Teamตัว Calypso สร้างขึ้นมาเพื่อเป็นเหมือนทางเรื่องมันให้ให้กับคนใช้ Wordpressที่จริงแล้วเราสักว่าจะใช้ Tools หรือใช้ Frameworkของเจ้าว่าสคลิปไม่ว่าจะเป็นต่อน Node นะครับไม่ว่าจะเป็นต่อน Node ตัว Reactหรือว่าตัว Webpackในการ View ตัวนี้ขึ้นมาแล้วเรายังใช้ตัว Wordpressเป็นเหมือน Backend หลังบ้านเก็บข้อมูลอยู่ซึ่งตัว Calypso จะประกอบด้วยเหมือนกับตัว Appแล้วก็จะมีเรื่องของหน้า Website ที่เป็นผ่าน Browser ปกติแล้วก็อีกอันนึงก็คือเป็นเรื่องของDesktop App นะครับก็จะอันบน Window ได้อันบน Mac OS ได้แล้วที่ใช้เจ้าว่าสคลิปโดนหลวนแต่ว่าติดต่อเข้าไปWordpress โดยผ่าน APIซึ่ง API ที่ว่านก็คือWPWrest API นะครับซึ่งตัวนี้Wordpress ก็เอาเข้ามาใส่ว่าในคอได้ปร้อยแล้วก็สัมมาชายงานได้น่าจะเริ่มตัวสับว่ามันWirtpress 4.7 นะครับตัวนี้ไม่ต้องลงดึงข้อมูลหลอกมาอาจจะเป็น Edge Act นะครับใช้ View ใช้ Angulaใช้ Reactในห้องนี้มีใครเคยใช้ React นะครับขอเสียงหน่อยโอเค มีประมาณ 1 นะครับซึ่ง React ข้างน่ะครั้งข้าเรียกว่า popular เลยเที่ยวเพราะว่า Facebook นี่เป็นผู้ให้เหมือนว่าให้การสับสนุนซึ่งในสตักของจะว่าสคลิปที่ Facebookและจะมีอยู่หลายตัวด้วยกันรักรักที่มีใช้กับ website เลยว่า React นะครับแล้วก็ตัวที่เป็นMobile App นะครับเรียกว่า React Native นะครับอันนี้เอาไว้สร้าง App สำหรับ Android หรือว่าIOS นะครับแล้วก็ต่อมาก็จะเป็นDesktop App นะครับ จะใช้เล็กต่อนตัวนี้อาจจะไม่เจอกัน React เขาไรนะครับแต่ว่าเป็น frameworkที่ใช้เจ้าว่าสคลิปเกียบขึ้นมาสำหรับ Developer มีถ้าไหนใช้Wishon Suu No Code นะครับโอ้ เผียบเลยAtom ครับเงียบเลยมันก่อน Atom คิดใช่มั้ยครับถ้าไม่นับก่อนนั้นอะไรนะสับราวอันนี้ ถามหน่อยแล้วกันสับราวมีใครใช่อยู่ไหมงาวเหมือนกันนะครับซึ่งตัว Atom นะครับกับตัว Wishon Suu No Code นะก็ใช้Electron สร้างขึ้นมั้ยวิวขึ้นมาเป็น Desktop Appก็เป็น Mac OSLinux หรือว่าเป็นWindow นะครับอันนี้เราก็ใจเห็นว่าเทียวที่เป็นเจ้าว่าสคลิปเข้ามาอยู่ในชื่อตัวจัววันของเรามันห่างเยอะขึ้นซึ่งในนอนว่า Facebook ที่เราใช้กันอยู่แล้วก็ใช้ React นะครับแน่นอนใช้กันทุกวันนะครับCheck Feed, Check ข้าวสาร หรือว่าPost ลูกต่างต่างส่วน React Native เนี่ยมีใช้ในบางส่วนของ Appที่เป็น Facebook, Instagramที่เราใช้ในมือถือเนี่ยครับมีข้อมูลในนั้นอยู่บางส่วนที่ทำมาจาก React Nativeจะสังเก็ดว่าตัวนี้เนี่ยค่อนข้างจะเอามาใช้ใน Production จริงได้อย่างต่อมากันเหมือนกันติดต่อกันระหว่างตัว WordPress กับตัว React นะครับอันนี้ต้องโยก React ขึ้นมาเพราะว่าคุณชิ้นกับ React มากกว่าจริงๆก็อาจจะใช้ Viewใช้ Angular ได้นะครับเพื่อใครมีความเรียกว่า Knowledgeในด้านหลืนที่ไม่ใช้ React นะครับแต่จริงคือใช้งานเหมือนกันก็คือติดต่อเข้าไปผ่านWP WordPress API นะครับซึ่งไอ้คสารอะไรอย่างนี้อ่าต้องไปดูเพื่อหนึ่งจาก Session เวลาไม่นางมากนะครับคนนี้เนี่ยวิธีการติดต่อเข้าไปใน API เนี่ยถ้าเกิดเป็น Web ทั่วไปจะติดปัญหาอยู่หนึ่งนะครับก็คือ เราจะได้ข้อมูลมาอย่างเดียวแต่เราจะไม่ได้ของสร้างซึ่งตรงนี้เนี่ยจะมีประสิทธิภาพไม่เคยดีหรอกนะครับเหมือนเราไปติดต่อใช้ค้าเรียกว่าใช้ดื่มข้อมูลมาเนี่ยแต่ว่า ตัว GoogleService Engine แล้วเนี่ยเขาจะมีรู้ว่า นี่ข้อมูลตรงนี้จริงๆ แล้วมันอยู่ใน tag อะไรหรือว่าเป็นข้อมูลอยู่กับอะไรซึ่งถ้าเกิดสำหรับคนใช้เลียกก็จะมีตัวช่วยนะครับก็จะเป็นเรื่องของสำหรับไปช่วยในการแบนเดอร์ฟัง server เนี่ยออกมาเพื่อเป็น tag ไอธีแมวแล้วเราก็สามารถที่จะเหมือนประมาณว่าโลธเวปขึ้นมาแล้ว SEO ประดักจำได้นะครับแต่ว่าการไปลิ้งในหน้าทัดไปเขาก็ไปดื่มข้อมูลอย่างเดียวแล้วซึ่งตัวเนี่ยเราก็จะเปลี่ยนแล้วถ้าเกิดเราเข้าเราวตรงตรงตรงซึ่งจะแตกต่าง จากที่เราทำตีมแบบปกติที่ต้องผ่าน PSP ใช่มั้ยครับผ่าน tag ตั้งต่างผ่าน puck in บ้างอะไรอย่างนี้ครับซึ่งเราสามารถบิวขึ้นมาจากJS โปเจกของเราเนี่ยเป็นเรียบเป็นอะไรก็ได้ขึ้นมาได้เลยพี่แต่เราหาวิธีให้มัน support SEO นะครับเขาจะได้ไม่ติดไปหาตัวนี้มากก็ไม่น่าจะเปลี่ยนหาอะไรก็คุยตรงผ่าน API ได้เลยซึ่งคอดีของสปาก็ย่างง่ายก็คือเรวนะครับเพราะว่าเขาคุยกันแค่JS 3.5 นะครับไม่ต้องมี HTML tagไม่ต้องมีข้อมูลที่ไม่ต้องลด 3 มาครับคือเพราะพอมอร์ ใช่มั้ยครับว่าเวลาเรา request ไปหน้าโปตตั้ง ๆเราจะได้ข้อมูลสำ ๆ มาเจนแทก HTML, CSS แบบเตอมหรือว่า tag ที่เราอาจจะไม่ต้องการแต่ว่าก็ลดมาใหม่ตอนนี้เราจะรู้สึกว่าเจ้าเวลาไปในการลดตอนนี้เข้าข้างเยอะเราก็ลดมาใช่ว่าข้อมูลที่จำเป็นตอนนี้ก็จะมาในรู้แบบ JS 3.5ส่วนพวกค้า CSS เลยอย่างต่างก็ใช้สามไปอันนี้ก็เข้าข้างสรวงต่อมานะครับนี่เข้าดีต่อมากก็คือเราก็สามารถที่จะดึงตัว web page นะครับผ่าน API นะด้วยทำ app หรือว่าทำ web ได้หลายแผลฟองจะทำ desktop ก็ได้จะทำ mobile app ก็ได้หรือว่าจะทำ web site ท่อไปก็ได้อันนี้เราก็สามารถที่เอาไปต่อยอดได้เยอะซึ่ง web page ของเราก็จะเป็นเหมือนกับ CMSแต่ว่าใช้ update บลอกข้าวสาร หรือคอนเท็ดน่างต่างเขาก็จะรู้สึกว่าไม่ไม่ต้องเรียนรู้อะไรใหม่แต่ฟังหน้าบ้านของเราเรา view ด้วยเท่ายีสมัยเนี้ยได้เลยตอนนี้ก็ช่วยช่วยเห็นภาพมากขึ้นมีอันนึงที่อยากให้ดูก็เป็นเรื่องคอดีของเขาเหมือนกันก็คือเรื่องของโอ้โทษนะครับประตูมี web อันนึงนะครับอย่าละ web ผมหา web ไม่เจอ โอเคเดี๋ยวข้าวไปก่อนแล้วกันซึ่งคอดีอย่างหนึ่งของ SPAคือเราจะมีของส่างของ NGMELเหมือนเดิมซึ่งมันจะสดวอกถ้าเกิดเราทำขึ้นมาเป็น plate transition นะครับสมัยเรากดไปหน้าหนึงมีการเป็นแป้งของข้างบนบางอย่างเราจะเล่นลูกเล่นเป็น plate transitionเป็น animation นั่นต่างอะไรอย่างครับซึ่ง website ตัวอย่างที่ยิ่งมีให้ดูอยู่แต่ว่าหายไปได้ไม่รู้แล้วโอเคก็ห้องหมดทั้งหมดนะครับLightning Talk ก็คือพูดเร็วเร็วก็คือตัว SPA นี่ตัว Single Plate Applicationใช้ WP-Race API ในการดึงข้อมูลนอกมาทำให้เรามีเหมือนเป็นทางเลือกใหม่ใหม่ส่างขึ้นมาแล้วที่จะใช้วิธีแบบเด็มเดิมเป็นทางเลือกหนึ่งก็ส่งไทย ๆก็คือพูดเรื่องกูเต่มเบอร์กมากกูเต่มเบอร์ก release ไปเมื่อปีก่อนอันนี้เป็นเรื่อง Face 1 นะครับปีนี้ขึ้น Face 2 แล้วเฟ้นหนึ่งมีอะไรบ้างครับมีเรื่องของการEdit Content ใช่ไหมครับเป็นเหมือนตัวส่างควนเต้นเพื่อที่จะใส่ข้อมุ่นลงไปใช่ไหมครับเพื่อที่จะแก้ไข่หน้าส่วนของข้อมุ่นเวบไซ ขึ้นมาแต่ในข้างเดียวกันมันนี่มีส่วนเดินที่ยังไม่ได้มีการอับเดษซึ่งปีทะศัตร์ไปทาง WordPress เนี่ยเตรียมจะทำ Face 2Face 3,Face 4 ต่อไปซึ่ง Face 2 เนี่ยก็จะ focus ไปที่ตัวใส่บ้าครับเหมือนเมนูข้างบนตัวนี้ตั้งเกิดว่า WordPress เนี่ยกำลังมุ่งหน้ามาแก้คงส่างของของเดิมที่ใช้ PSPแต่ว่ามีการคุยกับหน้า Frontend มากขึ้นนะครับจะเห็นว่าทั้งหมดทั้งหมวนมีการเป็นแป้งที่เราต้องตาม ตามให้ทันนึงแต่ในข้างเดียวกันเราก็เดินรู้ไปด้วยกันได้เพราะว่าเขาก็ใช้เวลาในการซื้อว่าหมดทั้งหมวน จะเห็นว่าเราอาจต้องเรียนรู้อ่ะเพราะลองรับอันาโคตรที่กำลังจะกลายเข้ามาเดี๋ยวเราจะไปทำยังอื่นที่ใช้ WordPress ได้มากขึ้นกว่าเดิมแทนที่จะเป็นเวบสายอย่างเดียวก็สุดท้ายนะครับก็ทิ้งท้ายไว้เรื่อยไปโยกนี้ของคุณแมทเป็นเจ้าของ WordPressพูดไว้เมืองประมาณี 2015ที่คลิปโซอ่เกิดขึ้นมานะครับเขาก็บอกว่าจงเรียนรู้เจ้าสคลิปอย่าลึกซึ้งนะครับความหมายก็คือตั้งแต่วันนั้นมานะครับประมาณ 4-5 ปีการเป็นแปลงของเจ้าสคลิปค่อนข้างเร็วแล้วก็เอามาใช้กับฟริจภาพนุษย์ต่างของ WordPress ค่อนข้างเยอะซึ้งในนาโคตรทัดไปก็น่าจะช่วยให้เรารอดในยุกการเป็นแปลงที่จะมาถึงนี้นะครับโอเค ขอบคุณครับ