Javascript
-
Firebase
สร้างเว็บ CMS ด้วย Firebase Realtime Database และ Storage ตอนที่ 2
บทเรียนตอนที่ 2 ของการนำ Storage และ Database ของ Firebase มาทำระบบ CMS บนเว็บไซต์ด้วย Javascript หลังจาก Authentication เข้าระบบมาแล้ว ศึกษาบทเรียนก่อนหน้า: สร้าง Web App สำหรับเข้าระบบ…
Read More » -
Firebase
สร้างเว็บ CMS ด้วย Firebase Realtime Database และ Storage ตอนที่ 1
บทเรียนการสร้าง CMS บนเว็บด้วย Javascript ร่วมกับการเก็บข้อมูลเข้า Firebase แบบ JSON ผ่าน Realtime Database และเก็บไฟล์ภาพที่ Storage โปรดศึกษาบทเรียนก่อนหน้า: สร้าง Web App สำหรับเข้าระบบ Authentication ด้วย…
Read More » -
Firebase
สร้าง Web App สำหรับเข้าระบบ Authentication ด้วย Firebase
บทเรียนสำหรับสาย Web App ที่ชื่นชอบ JavaScript สำหรับการใช้ระบบ Authentication ของ Firebase อย่างง่าย บทเรียนก่อนหน้านี้: Labs: การใช้งาน Firebase Hosting และ Database สร้างเว็บไซต์ เป็นการแนะนำขึ้นตอนการ Init ตัว…
Read More » -
Google Developers
Labs: การสร้างหน้าเว็บ Login ด้วย Firebase Authentication
ตัวอย่างบทเรียนนี้คือ Labs สำหรับการสร้างหน้า Login และ Signup บนเว็บไซต์ผ่านระบบ Firebase Authentication ของ Google สำหรับผู้เริ่มต้น สิ่งที่จำเป็นต้องศึกษาก่อนจะเริ่มบทเรียนนี้: Labs: การใช้งาน Firebase Hosting และ Database สร้างเว็บไซต์ ซึ่งเราได้ศึกษาส่วนของ…
Read More » -
Developer
Hack! JavaScript APIs สำหรับควบคุมมือถือผ่าน Mobile Browser
บทความ Life Hack! เบาๆ แต่แสบสันวันนี้คือการแนะนำ APIs ของ JavaScript เก๋ๆ มาควบคุมการทำงานของอุปกรณ์โทรศัพท์มือถือผ่าน Mobile Web Browser หลังจากที่ใช้ชีวิตในการเขียนโปรแกรมเชื่อมต่อ บอร์ด Microcontroller อย่าง Raspberry Pi A+ และ…
Read More » -
Angularjs
AngularJS กับ POST ข้อมูลลง MySQL ผ่าน Web Service
บทเรียน AngularJS กับการส่งข้อมูลจาก Form ด้วย POST Method ผ่าน Web Service ไปเก็บลงในฐานข้อมูล MySQL แบบง่าย พร้อม Validation Form ที่มีมาพร้อม AngularJS บทความนี้เป็นบทความต่อเนื่องจากบทความ AngularJS…
Read More » -
Angularjs
AngularJS การแยก Controller และทำงานร่วมกับ Table
บทเรียน AngularJS กับการทำ ng-repeat ร่วมกับ HTML Tag table หรือ ตารางครับโดยบทเรียนนี้จะเป็นการกำหนด Controller เป็นไฟล์ Javascript ที่เรียกภายนอกครับ ศึกษาบทเรียนก่อนหน้านี้ การเขียน Single Page Application ด้วย…
Read More » -
Angularjs
การเขียน Single Page Application ด้วย AngularJS
AngularJS เป็น Javascript Framework สำหรับทำ eb Application อีกทั้ง AngularJS ยังได้รับการสนับสนุนโดย Google อีกเช่นกันครับ สิ่งแรกที่เราจะต้องเรียนรู้ก่อนจะเข้าสู่การศึกษา AngularJS นั้น เราอาจจะต้องมีพื้นฐานของ Javascript (DOM, Javascript Object) และ…
Read More » -
Developer
LEAP MOTION กับ JS สร้างเกม เป่า ยิ๊ง ฉุบ Rock Paper Scissors
ตัวอย่างการสร้างเกม Rock Paper Scissors หรือ เป่ายิ๊งฉุบ ด้วย LEAP Motion กับ Javascript กับงานที่ไป Contribute Repo ร่วมกับนักพัฒนาคนอื่น ในเมื่อเริ่ม Join งานนวัตกรรมแล้ว โจทย์หนึ่งคือ Leap…
Read More » -
Developer
Leap Motion กับ Javascript ในการ Detect Hand หรือมือของเรา
บทเรียน Javascript กับของเล่นใหม่ Leap Motion สำหรับ Detect มือและนิ้วของเราผ่านอุปกรณ์แสกนแล้วทำการ Rigged กระดูกมือเราให้ใช้งานร่วมกับ โปรแกรมได้ ก่อนอื่นที่จะทำอะไรกับบทความนี้ได้นั้น คุณต้องมีเจ้าเครื่อง Leap Motion มาก่อน สามารถสั่งซื้อผ่านอินเทอร์เน็ตได้ ในราคา 79.99$ (http://store-us.leapmotion.com/)…
Read More » -
Featured
สร้างเกมด้วย Unity 3d การใช้งาน Mobile Joystick
บทเรียนในตอนนี้จะเป็นการควบคุมตัวละครด้วย Mobile Joystick ซึ่งเป็น Assets Package หนึ่งของ Unity 3D สำหรับคนที่ต้องการสร้างเกมบน Mobile ครับ ก่อนจะเรียนรู้ในบทเรียนนี้แนะนำให้ไปศึกษาบทเรียนก่อนๆ หน้านี้ที่ https://www.daydev.com/category/developer/s11-game-development เริ่มต้นด้วยการเปิด โปรแกรมขึ้นมา แล้วสร้าง Scene ตามใจชอบได้เลยครับ ทีนี้ก็ส่วนของตัวละคร…
Read More » -
Featured
Workshop การเขียนเกม 3มิติ ด้วย Unity และ Javascript ตอนที่ 1
บทเรียน Workshop การสร้างเกม 3 มิติ ด้วย Unity 3D สาย Javascript กับการสร้างเกมแบบง่ายสำหรับผู้ที่สนใจพัฒนาเกม ตัวอย่างเกมแนว Click to Jump โดยแตะหรือคลิก ก่อนจะเรียนรู้ในบทเรียนนี้ลองไป ทดสอบการเขียนเกมเบื้องต้นใน Unity 3D…
Read More » -
Developer
Hack เจาะความเป็นส่วนตัว Facebook ด้วย Javascript SDK V.2
บทเรียนการเขียนโปรแกรม Javascript ร่วมกับ Facebook SDK เวอร์ชัน 2 สาธิตด้วยการเจาะความเป็นส่วนตัวเพื่อตอบคำถามว่า สรุปแล้ว Facebook มันเป็นส่วนตัวจริงหรือ? บทความนี้ถูกเขียนขึ้นเพราะมาจุดประสงค์ต่อไปนี้ มีหลายคน Request ให้เขียน Facebook SDK และ Graph API…
Read More » -
Article for Gamer
สร้างเกม HTML5 แบบ Cross Platform ด้วย enchant.js
enchant.js เป็น JavaScript Framework อีกตัวจากฝั่งญี่ปุ่นโดยทีมพัฒนา Ubiquitous Entertainment Inc.’s Akihabara Research Center หรือ UEI/ARC สำหรับพัฒนาเกม โดยโครงสร้างพื้นฐานของ enchant.js จะอยู่บนหลักของ Javascript ทำงานร่วมกับ HTML5 เป็นหลัก…
Read More » -
Article for Gamer
เริ่มต้นทดสอบการพัฒนาเกมด้วย Cocos Code IDE ด้วย JS Framework
บทเรียนเริ่มต้นสำหรับการพัฒนาเกมด้วย JS Framework ร่วมกับ Cocos Code IDE สำหรับทดสอบเกมที่ใช้งานได้จริง และ Feature แต่ละตัวของ Cocos Code IDE ครับ โฆษณา จากบทความก่อนหน้าแนะนำการใช้งาน Cocos Code IDE…
Read More » -
Developer
พัฒนาเกมบน Mobile กับเครื่องมือ Cocos Code IDE
เว็บไซต์ Daydev.com นั้นได้เคยนำเสนอบทความด้านการพัฒนาเกมบน iOS ด้วย Cocos2D, Cocos2D-x มาบ้างแล้วรอบนี้มีเครื่องมือ Cocos Code IDE มาแนะนำให้ลองเล่นกัน Advertising พื้นฐานการพัฒนาเกมด้วย Cocos2d-x นั้นเราจะทราบกันดีว่าต้องใช้หลักภาษาของ Javascript เป็นแก่นหลักของการพัฒนาเกม ซึ่งก็จะมีการติดตั้ง Cocos2d-x…
Read More » -
Advance
API ต้อนรับฟุตบอลโลก World Cup in Brazil 2014 กับ footballjs
เข้าสู่ฤดูกาลแข่งขัน World Cup in Brazil 2014 แล้วนะครับ หลายคนอยากทำ API หน้าเว็บดึงตารางอัพเดต Score ก็ขอแนะนำ API OpenFootball และ FootballJS ครับ หลักการไม่มีอะไรมากครับ ก็แค่ใช้ Javascript…
Read More » -
Advance
สร้าง Interactive Google Maps ให้น่าสนใจด้วย jMapping
jMapping เป็น jQuery Plugin ตัวหนึ่งที่ใช้งานร่วมกับ Google Maps เน้นการปรับแต่ง และติดตั้งที่ง่ายมากครับแค่ Javascript ไม่กี่บรรทัดก็แสดงผล Interactive ได้ Google Maps API V3 ที่เน้น Javascript และ…
Read More » -
Advance
รวมเทคนิคเขียนโปรแกรมร่วมกับ Google Maps JavaScript API v3
วิธีการเขียนโปรแกรมร่วมกับ Google Maps JavaScript API v3 ที่เน้นในการ Render Maps หรือแผนที่ของเราให้สวยงามโดยการทำงานเน้นที่ Javascript และ Google Maps API ตัวอย่างจากบทความที่แล้วจะเป็น Static Maps API V2…
Read More » -
Advance
เทคนิคเบาๆ ของผู้เริ่มต้นดึงข้อมูล Video ผ่าน YouTube API ด้วย Javascript
คราวนี้จะพาไปดูวิธีการดึงข้อมูล Web Service เพื่อเอาข้อมูลของ Video บน YouTube ผ่าน YouTube API เวอร์ชัน 2.1 ด้วย Javascript แบบง่ายๆ แน่นอนว่า API ที่ทางปล่อยให้เราเอาไปใช้ฟรีๆ ในรูปแบบ JSON…
Read More » -
Developer
พัฒนา Mobile Apps ด้วย Sencha Touch 2 ร่วมกับ Phonegap บน XCode
อีกวิธีการใช้การพัฒนาแอพพลิเคชันในรูปแบบ Hybrid Framework ให้ทำงานบนแพลตฟอร์ม iOS นั้นคือ Sencha Touch บน Phonegap ด้วย XCode เริ่มต้นนั้นจำเป็นที่ะต้องดาวน์โหลด Phonegap ที่เป็น Framework ในการพํฒนาแอพพลิเคชันแบบ HTML5 ตัว Phonegap ถ้าจะให้อธิบายนั้น อาจจะมีความหมายเข้าใจง่ายๆว่า…
Read More » -
Article for Mobile
Sencha Touch กับการแสดงข้อมูลจาก JSON สำหรับพัฒนา Mobile Web App
บทเรียนนี้จะเป็นการพัฒนา Mobile Web App ด้วย Framework Sencha Touch 2 ด้วยการทำงานร่วมกับ Webservice รูปแบบ JSON ครับ เอาเป็นว่าขอต่อเนื่องจากบทความก่อนหน้านี้เลยแล้วกันจากบทความ รอบนี้จะเป็นการพัฒนาแอพพลิเคชันของคุณตัวแรก ให้เปิด cmd ขึ้นมา ทำการพิมพ์คำสั่ง…
Read More » -
2D Game Development
เขียนเกมบน HTML5 ด้วย Cocos2d X HTML และ JavaScript สร้างตัวละคร
เริ่มต้นเขียนเกมบน HTML5 ด้วย Framework ที่ชื่อ Cocos2D X สำหรับ HTML5 ด้วยภาษาโปรแกรม JavaScript ให้เล่นได้ทุกอุปกรณ์ทั้งเว็บและสมาร์ทโฟนCocos2d HTML5 นั้นจะเน้นการทำงานบน Javascript เป็นหลักครับ ซึ่งแตกต่างจาก Cocos2D บน iPhone…
Read More » -
Advance
สร้างกราฟให้โดนใจด้วยบริการ Google Charts
ขึ้นชื่อว่า Google หลังจากที่เขย่าวงการเครือข่ายสังคมออนไลน์โดยเปิดตัวโครงการ Google+ ออกมาแล้ว หลายคนที่ได้ทดลองสมัครใช้งานไปได้ซักพัก ก็เริ่มที่จะมีคำถามในหัวเช่นเดียวกับผู้เขียนว่า แล้ว Google มีบริการอะไรอีก หรือเปล่าหากสังเกตที่เมนูด้านบนหน้าเว็บไซต์ www.google.com ก็จะเห็นเมนูนำทางมากมายปรากฏขึ้นมา ซึ่งส่วนมากเป็นชื่อบริการของ Google ที่พวกเราต่างเคยเข้าไปใช้งานมาบ้างแล้วแทบทั้งหมด ตั้งแต่ Google Docs, Google…
Read More » -
Applications and Tools
วิธีติด Google Analytics บน Facebook Fan Page
บทความนี้เหมาะสำหรับคนที่มี Fanpage มากมายบน Facebook และทุกคนเริ่มจะเก็บสถิติบน Fan Page แต่ก็อยากจะให้ค่า UIP หรือ Page View มันขึ้นที่ Google Analytics ด้วยนี่เป็นเทคนิคการจับปลาสองมือ สำหรับวิเคราะห์สถิติของ Fan Page ด้วย…
Read More » -
Advance
วิธีแก้ Error :HTML Parser บน IE8
สำหรับเซียนท่องอินเตอร์เน็ทที่ยังต้องยึดติดกับ Internet Explorer 8 หรือ IE8 ที่การแสดงผลบางครั้งอาจจะไม่ได้ดั่งใจและบางทีก็สวยแต่ไปเละใน Browser อื่นแต่ก็สไตล์ใครสไตล์มัน ซึ่งผู้ใช้ แ นั้นต้องเคยพบปัญหาการโหลดหน้าเว็บไม่สมบูรณ์ เกิด Error Massage เกี่ยวกับ HTML Parser วันนี้เรามีวิธีแก้มาฝาก ง่ายๆ…
Read More »
