พอดีว่าเมื่อก่อนปีใหม่ อยากทำ personal web ของตัวเอง ก็เลยกะว่าจะทำจริงจังเลยทำเป็น PWA ให้ได้ด้วย และด้วยความที่อยากลอง Vue.js แบบเต็มๆ ก็เลยคิดว่า จะจัดพร้อมๆกันเลย พอลงมือจริงก็เจออะไรโน่นนี่เยอะมากๆ ก็เลยอยากมาแชร์ว่าเจออะไรมาบ้าง กับการทำ PWA ด้วย Vue.js Vue.js ใช้งานง่าย Vue.JS ใช้งานง่ายจริงๆครับ ถ้าใครลอง React มา จะรู้สึกเลยว่า Vue.js ใช้งานง่ายกว่า แต่เอาเข้าจริง Vue.JS มีจุด dirty อยู่เยอะพอสมควร ส่วนตัวผมใช้ vue-cli ในการ create applicaiton ซึ่งก็ช่วยให้ เราไม่ต้องเสียเวลาไปกับ การ setup app หรือ webpack แต่ด้วยความที่เว็บผมไม่ใหญ่ ก็เลยไม่ได้ใช้ vuex หรือ vue router จริงๆตรงนี้ไม่ซีเรียสนะครับอยากใช้เท่าไหนก็ได้ อย่าลืม…
Feature นึงที่อยู่ในกลุ่ม PWA แล้วน่าสนใจมากๆคือ Web Bluetooth API ซื่อก็ตรงๆเลยครับ ทำให้เว็บต่อ Bluetooth ได้ ซึ่ง Device Bluetooth ที่เป็น Bluetooth Low energy ก็น่าจะ Support ค่อนข้างหมด อยู่แล้ว ด้วย Feature นี้ทำให้เว็บของเราเล่นอะไรได้มากขึ้นไม่ว่าจะ ต่อ sensor สุขภาพต่างๆ หรือแม้แต่ Sensor location ในอาคาร Service Web Bluetooth API ได้ Implement Service พื้นฐานในการ connect bluetooth อย่างเช่น battery_service, heart_rate, health_thermometer ไว้หมดแล้วซึ่งสามารถไปดู list ของ Device ได้ที่ https://www.bluetooth.com/specifications/gatt/services เปิด Setting…
ความสามารถของ Progressive Web App อย่างนึงคือ การทำ Notification ซึ่ง Notification นี้จะ ยังทำงานอยู่ถึงแม้ Tab นั้นจะ ผิดลงไปแล้ว ซึ่งจริงๆเราสามารถ Implement Server เองก็ได้แต่เนื่องจากผมขี้เกียจและก็มีของดีๆให้ใช้อยู่แล้วก็เลยใช้ดีกว่า Service ตัวนี้มีชื่อ ว่า Onesignal ครับ ข้อดีคือ “ตอนนี้ยังฟรีอยู่” แล้วก็ Support ทุก Platform ย้ำว่าทุก Platform จริงๆ ร่ายมายาวแล้วเริ่มเลยดีกว่า สำหรับเว็บ notification นั้น User จะสามารถได้รับ Notification ได้ ต่อให้เว็บนั้นปิดอยู่ หรือ tab นั้นไม่ได้ focus ก็ตาม (ขอให้เปิด Chrome เอาไว้) สิ่งที่ต้องมี ควรจะมีเว็บที่เป็น Https (ใช้ FIresbase…
Back to 2010 Wired Magazine Launch article name“The Web is Dead” in that time many web feeling panic and Mobile Application development is became trending. Salary of Mobile Developer has increased some Web developer change to Mobile Developer. Mobile Application number is crease to million but…. the web is not dead and still developing…
คำเตือนมันเกิน แปดบรรทัดไปเยอะ ถ้าไม่ว่างอ่าน อ่านแค่ ที่ย่อไว้พอ ย้อนกลับไปปี 2010 นิตยาสาร wired ปล่อยบทความที่ชื่อ Web is dead ออกมา ตอนนั้นคนทำเว็บหลายๆคนเริ่มเครียด กระแสการทำ Application เริ่มดังขึ้นเรื่อยๆ ค่าตัวคนทำ Application ก็เพิ่มขึ้นเรื่อยๆ คนบางคนถึงกับเลิกทำเว็บกันไปเลย ผ่านไป หกปี Application จำนวนมากขึ้นเพิ่มขึ้นเป็นดอกเห็ด แต่ เว็บก็ไม่ได้ตายไปไหน แถม เทคโนโลยีเว็บโตวันโตคืน เว็บโมบายเริ่มดีขึ้น แล้วสรุปเว็บจะตายมั้ย ?? คนยังใช้มือถือเป็นหลัก เรื่องนี้คงปฏิเสธไม่ได้ ว่าคนยังใช้ Mobile กันเป็นหลัก จำนวนการใช้อินเตอร์เน็ตจากมือถือ พุ่งทะลุ Desktop ไปแล้ว ถ้าดูลึกลงไป 70% ของการใช้งานเกิดขึ้นจาก Application ไม่ใช่เว็บ แต่ใน 70% นั้น มีเพียง 5 Application เท่านั้นที่คนเปิดทุกวัน นอกนั้นก็นั่งรอไปเรื่อยอยู่ในเครื่อง…
ถ้าให้บอกว่า Progrssive Web App เป็น เครื่องมือหรือเทคโนโลยีใหม่ ก็ อาจจะพูดไม่ได้เต็มปากจริงๆ แต่ Progressive Web App เป็นแนวทางการทำเว็บ ให้ออกมาเหมือน App ในอดีต การที่เราต้องทำ installation app เป็นเรื่องจำเป็นมากๆ เพราะว่า การเข้าถึงอุปกรณ์ต่างๆในเครื่อง ยังยาก ไม่ว่าจะเป็น กล้อง Bluetooth, Wifi, Microphone หรือ Notification แต่ด้วยมาตรฐาน HTML ในปัจจุบัน เลยทำให้เว็บสามารถทำอะไรแบบนั้นได้หมดแล้ว รวมถึง Chrome version ใหม่ๆก็ เร็วมากๆ จนเว็บสามารถใแทนเว็บได้แล้ว ลองดูได้ง่ายๆ เว็บ M.facebook.com กับ Application Facebook ที่แทบจะเหมือนกันหมด และบนเว็บยังกินทรัพยาการน้อยกว่าด้วย คราวนี้ Google ก็เลยมองว่าเอ้ย ลองมากำหนดแนวทางให้คนทำ App แล้ว…