ANDROID APP: กรองหุ้นปันผล VERSION 3.3.0

Posted on

version 3.3.0 มีการเพิ่มข้อมูลของการเปลี่ยนแปลงราคาของหุ้นแต่ละตัว ในหน้ารายละเอียดหุ้น โดยแสดง % การเปลี่ยนของราคาปิด ในรอบ 1 วัน 5 วัน 20 วัน 45 วัน 100 วัน และ 200 วัน

react การ handle ของ Class Component โดยใช้ event object

Posted on

ในบ้างครั้งเวลาเราเขียน form ขึ้นมาแล้วมี input ใน form อยู่หลายอันแต่เราต้องการเก็บค่าของ input แต่ละอันทุกครั้งที่มีการเปลี่ยนแปลง แล้วค่อยจัดการ process ต่อเมื่อกดปุ่ม submit form เท่านั้น ใน React.js นั้นจะมีการใช้ state ในการเก็บค่าต่าง เราสามารถประยุกต์ร่วมกับ object event ของ DOM ได้ทำให้เราสามารถเขียน handle event onchange แค่ function เดียวที่รองรับ input หลายๆอันที่อยู่ใน form ได้

ANDROID APP: กรองหุ้นปันผล VERSION 3.2.0

Posted on

ใน version นี้มีการเพิ่มการจัดอันดับด้วยระบบ score ของหุ้นในแต่ละ sector ซึ่งผมต้องของบอกก่อนว่าระบบ score นี้ยังเป็นตัวต้นแบบคะแนนเลยอาจจะยังดูแปลก ซึ่งหุ้นที่มีคะแนนมาก จะดูน่าสนใจกว่าตัวหุ้นที่มีคะแนนน้อย แต่ยังไงการลงทุนก็มีความเสี่ยงควรศึกษาข้อมูลก่อนการลงทุนนะครับ ผมเพียงลองทำระบบคะแนนจากข้อมูลที่มีอยู่แล้วลองมาแสดงใน application นี้เท่านั้นนะครับ โดยผู้ใช้งานสามารถกดที่ปุ่ม score ในหน้าของ sector ได้เลยครับตามรูปด้านล่าง หลังจากนั้นก็จะแสดงหุ้นใน sector เรียงตามค่าคะแนนตามรูป **ระบบคะแนนยังเป็นแค่ตัวเลขเกิดจากการทดลอง การลงทุนมีความเสี่ยงควรศึกษาก่อนการลงทุน หากผู้ใช้งาน app มีคำแนะนำอะไรสามารถ comment กันเข้ามาได้ที่ thaicoding สามารถ download ได้ที่

React.js การใช้งาน handle event และ state เบื้องต้น

Posted on

หลังจากที่เราลองสร้าง class component และใช้งาน props มาในบทความก่อนหน้านี้ รอบนี้จะเป็นการใช้ handle event ของ form control และการ ใช้งาน state เบื้องต้น state จะใช้ได้ใน class component เท่านั้น และ state สามารถเปลี่ยนแปลงแก้ไขค่าได้ อีกทั้งยังมี life cycle ของ class มาเกี่ยวข้อง ส่วน function component จะไม่มีการใช้ state ซึ่งการใช้งาน state นั้นจะต้องถูกกำหนดค่าหรือ state เริ่มต้นที่ constructor ของ class component อีกทั้งยังต้องใช้คำสั่ง super ใน constructor อีกด้วยไม่นั้นจะ error ซึ่งเป็นข้อบังคับของทาง React.js เอาละเรามาดูอย่างโค้ดกันเลยดีกว่าโดยผมจะตัดเอาโค้ดในส่วนที่อยู่ในส่วน tag script […]

Uncategorized

React.js การใช้งาน props

Posted on

การใช้งาน prop ใน React.js นั้นจะเป็นการกำหนดค่า properties ต่างๆที่เราต้องการ โดย props นั้นจะใช้กับ component ใน react ซึ่งจะมี component 2 แบบคือ function component กับ class component ซึ่ง class component นั้นจะเป็นแบบเก่าดังเดิมของ React อยู่แล้วส่วน function component นั้นจะเป็น component แบบใหม่ที่จะเอามาตอบโจทย์การใช้งานแบบสั้นๆ และรูปแบบไม่ซับซ้อน อยู่ในรูปแบบ es 6 สามารถเขียนในรูปแบบ arrow function ได้เช่น

ANDROID APP: กรองหุ้นปันผล VERSION 3.1.1

Posted on

ใน version 3.1.1 จะเป็นแก้ไขข้อผิดพลาดในการแสดงข้อมูลผู้ถือหุ้น ที่มีการแสดงซ้ำกัน และนอกจากการแก้ปัญหานี้ ก็จะมีการลองแสดงคะแนนหุ้น โดยใน version นี้จะเป็นคะแนนว่าราคาหุ้นถูก ถ้าคะแนนยิ่งมากก็แสดงว่าหุ้นยิ่งถูก แต่ขอเตือนไว้ก่อนว่า หุ้นที่ถูกไม่ได้มากความว่าจะเป็นหุ้นที่ดี และคะแนนนี้เกิดจากคำนวณจากข้อมูลที่ระบบที่ app นี้ใช้มีข้อมูลอยู่เท่านั้น เพราะฉะนั้นผู้ใช้งาน app ควรพิจารณาข้อมูลให้ดี เพื่่อผลประโยชน์ในการใช้ app ในการดูข้อมูลในการลงทุนหุ้นนะครับ

React.js :การใช้ Constructor ของ Component

Posted on

ใน React.js นั้นทุกอย่างจะเริ่มต้นด้วย component จากนั้นก็จะมีเรื่องของ state เข้ามาเพื่อกำหนดจังหวะและ logic ในการทำงาน ซึ่งเรื่องของ state จะมาเขียนอธิบายในบทความหน้า แต่บทความนี้จะมาพูดถึง Constructor ซึ่งทาง React.js นั้นได้ออกแบบมาเป็นพื้นฐานรูปแบบทั่วไปเหมือนในภาษา Programming อื่นๆคือ ใช้คำว่า constructor เลยมีการเรียกใช้ super เพื่อใช้ constructor ของ class แม่ตามแบบฉบับ OOP มาตราฐาน ซึ่งการกำหนด constructor ของ class component ชัดเจนทำให้ง่ายต่อการพัฒนา ต่างจากรูปแบบ javascript แบบเก่าที่ใช้งาน constructor ได้สับสน เอาละเรามาดูรูปแบบการใช้งานกัน จากโค้ดจะเห็นมาสิ่งเริ่มต้นทำใน constructor นั้นจะเป็นการกำหนดค่า state และ prop ให้กับ component ที่สร้างขึ้นเพื่อเป็นการกำหนดค่าเริ่มต้น เหมือนกับ การสร้าง object ในภาษานั้นเองรวมไปถึงเพื่อให้ง่ายต่อการกำหนด […]

Feature ใหม่ใน ES6

Posted on

ES 6 หรือ ES 2015 เป็นมาตรฐาน javascript ใหม่ที่ออกในปี 2015 ซึ่งในปัจจุบัน browser ส่วนใหญ่รองรับประมาณ 90 % มีเพียงส่วนน้อยเท่านั้นที่ไม่สามารถใช้ มาตรฐานนี้ได้ หากใครพัฒนาระบบที่ยังใช้งาน browser รุ่นเก่าๆให้ระวังตรงนี้ด้วยครับ

ANDROID APP: กรองหุ้นปันผล VERSION 3.0.0

Posted on

หลังจากไม่ได้ update version ไปนาน เหตุผลก็เพราะพยายามปรับปรุงระบบของ application ให้เป็นแบบใหม่ จนในที่สุดก็ ปล่อยตัว update version 3.0 โดย version นี้จะเป็นการปรับปรุงระบบพอร์ต ที่ใช้บันทึกการซื้อขายหุ้นให้สามารถแก้ไข และลบรายการที่เราต้องการได้