Category: Javascript

เริ่มต้นใช้งาน Electron บน windows 10 EP1

สวัสดีครับ ก่อนอื่นผมขอนะนำตัวก่อนนะครับ ผม นายอภินันท์  บุญทอง ชื่อเล่น ต๋อง ผมเรียนน่าจะจบแล้วเพราะเก็บหน่อยกิตครบแล้ว ผมเรียน อิเล็กทรอนิกส์  ผมเป็นเด็กที่จบจาก อาชีวะ ปวช.  ปวส. ต่อ คุรุ อิเล็ก..อีก โปรเจคจบ ที่ผมทำจะต้องมี UI ในการแสดงผล ตะก่อนผมทำใช้ HTML+javascript ทำเป็นเว็พแอบแสดง แต่ เว็พก็ยังเป็นเว็พ แต่มันก็ใช้ได้กับ โปรเจคจบ ผมก็ทำไป จนจบมาครับ มาถึงตอนนี้ผมก็ได้รู้จัก กับไอ่ตัว Electron  แรกๆๆลองทำตาม ในอินเตอร์เน็ต ทำไปทำมาแบบมั่วๆๆ ชัก2-3 วันมันก็รันได้...

มาลองเล่น Line webhook ด้วย Google cloud function กันดีกว่า

Chat bot คำนี้หลายคนอาจจะพึ่งเคยได้ยิน หรือบางคนอาจจะได้ยินมานานมากแล้ว โดนส่วนตัวผมก็เคยได้ยินมาบ้าง แต่ไม่เคยให้ความสนใจมากก่อน จนกระทั่งมาลองเล่น firebase hosting และ firebase function จึงอยากลองทำ chat bot เอาไว้สั่งงาน หรือเอาไว้ถามข้อมูลต่าง ๆ ดังนั้น วันนี้เลยมาเล่าสู่กันฟังว่า เจ้า firebase function ก็สามารถรับข้อมูลจาก Line chat bot ได้เช่นกันนะ เอาละ ไปลงมือกันเลย เตรียมวัตถุดิบ โทรศัพท์ที่ติดตั้ง line application...

JavaScript สมัย(ก่อน)นี้.. Grunt, Gulp, Yeoman, Bower

JavaScript ในปี 2015 เป็นต้นมานั้น สาย JavaScript มีการพัฒนาไปอย่างดุเดือด มี tools และ frameworks โผล่มากมาย.. ไม่ว่าจะเป็น AngularJS (version 1), Angular2, React, Vue.js! ยังไม่พอยังมีพวก gulp, grunt, eslint, browsersync, yeoman ยังไม่พอ ยังมี systemjs, bower, webpack โอ๊ย ปวดตับจริงๆครับ ลองดูรูปกัน… คุ้นๆตัวไหนบ้างหรือเปล่าครับ?...

ทำไมเจอ var that = this? แล้วตัวแปร this ใน javascript เป็นยังไงนะ?

หากพูดถึงตัวแปร this ในโลกของการเขียนโปรแกรมแบบ Object Oriented เราจะตีความตัวแปร this ว่ามันจะต้องหมายถึงตัว object ที่ทำงานนั้นๆอยู่  เป็นแน่แท้….. แต่มันไม่ใช่แบบนั้นใน javascript น่ะสิครับ!!  ยังไง? คือหยั่งงี้ครับ… เพราะว่าตัวแปร this ใน javascript มันจะหมายถึง Object อะไรนั้น มันขึ้นอยู่กับวิธีการเรียกใช้ฟังก์ชั่น (invocation pattern) ซึ่งมีด้วยกัน 4 แบบ ดังนี้

การติดตั้ง Node JS และ NPM บน Windows

จากบทความก่อนหน้านี้ที่ได้เล่าเกี่ยวกับการติดตั้ง Node js และ NVM ใน เดเบียน (Debain) ซึ่งแถมการใช้งาน node red ด้วย ในครั้งนี้จะมาเล่าวิธีการติดตั้ง Node js ใน windows ให้ทดลองลงเล่น และทำความรู้จักกันครับ Node JS คืออะไร  เป็นภาษา Javascript เพื่อใช้งานได้ทั้งในฝั่งของ Server และ Client โดยรวม Environment ต่าง ๆ เพื่อให้เราสามารถเขียนโปรแกรมใช้งานบนฝั่ง Server ได้...

[Hapi.js ตอนที่ 2] การใช้เชื่อมต่อ และใช้งาน Firebase ใน Hapi.js และ Angular.js

หลังจากที่พูดถึงการใช้งาน Hapi.js ไปแล้ว คราวนี้กลับมาพร้อมกับ Firebase ตามสัญญาครับ Hapi เป็น framework ตัวหนึ่งที่ทำงานบน Node.js โดยในที่นี้เราจะเอามาไว้สร้าง เซิฟ-เวอร์แล้วให้มันทำหน้าที่เป็นตัว render ไฟล์ html แบบเบื้องต้น   อ่านเพิ่มเติมได้ที่:  [Hapi.js ตอนที่ 1] ทำ web/api server ด้วย Hapi.js แทน Express.js ไปแล้ว.. ต่อกันเลยละกันเนาะ 🙂 2.ว่ากันด้วยเรื่องของ Firebase Firebase คืออะไร? ถ้าเข้าไปอ่านใน...

[Hapi.js ตอนที่ 1] ทำ web/api server ด้วย Hapi.js แทน Express.js

เนื่องจากบทความนี้ใช้เครื่องมืออยู่สามเครื่องมือ จึงขออนุญาตแบ่งบทความออกเป็นสามท่อนตามแต่ละเครื่องมือ คือ Hapi.js Firebase Angular.js ที่มาของบทความนี้เกิดจากว่าต้องการหาตัวจัดการกับ server ที่ดูง่ายๆ และทำงานกับ database ที่ไม่ยากเกินไปนัก ในระดับที่นั่งเขียนโค้ดกันไม่เกินชั่วโมงสองชั่วโมงก็ได้คร่าวๆแล้ว ตัว framework ที่เราเลือกผลจึงตกมาที่ Hapi เพราะดูจาก document แล้วอ่านไม่ยากเกินไป รวมทั้ง API ที่ดูเข้าใจง่าย (นอกจากนั้นอีกเหตุผลคือไม่เคยลอง แล้วอยากลอง) ในขณะเดียวกัน Firebase ก็ถือว่าเป็นทางเลือกที่ดีเนื่องจากเป็น database ที่อยู่บน cloud แถมเรียกใช้งานได้อย่างง่าย มี gui...

Skip to toolbar