By:
On:
In: JavaScript, React
With: 0 Comments

จากตัวอย่างในบทความก่อน เริ่มต้น Hello World ใน React.js คราวนี้จะลองเขียนแยกออกมาเป็น component เบื้องต้นกัน เริ่มแรกจากโค้ดเก่าให้ทำการแก้โค้ดใน script tag โดยสร้าง Class ที่มีชื่อว่า App ทำการ extends มาจาก React.Component โดยมี method render ที่ return ข้อมูลออกมาเป็นข้อความ tag h1 ซึ่งมีโค้ดดังนี้ เมื่อทำการแก้โค้ดเสร็จ ลองเปิดหน้าเพจดูกับพบว่าเป็นหน้าเปล่าๆ เพราะยังไม่ได้ทำการ render ผ่าน visual DOM นั้นเอง ซึ่งต้องใช้คำสั่ง ReactDOM.render โดยมีโค้ดในส่วนของ script tag ดังนี้ครับ สังเกตว่ามีการประกาศตัวแปร mount ขึ้นมาให้เก็บค่า DOM ที่เราต้องการ render ข้อมูล แล้วใช้คำสั่ง ReactDOM.render ที่ยังคง concept เดิมคือ ReactDOM.render( อะไร, ที่ไหน ) โดย class App ที่เป็น component ที่เราสร้างขึ้นนั้นให้ใช้เป็น close tag ของชื่อ class ที่เราสร้างขึ้นคือ <App /> นั้นเอง เมื่อลอง refresh เพจอีกรอบก็จะแสดงข้อความออกมาตามภาพด้านล่างครับ จุดสังเกตจะเห็นว่าแม้กระทั่งใน class component ก็ยังบังคับให้ใช้ method render แล้ว return ค่าออกมาRead More →

By:
On:
In: JavaScript, React
With: 0 Comments

ต่อจากบทความก่อน React คืออะไร ครั้งนี้จากลองในเขียน React.js กันแบบเริ่มต้นง่ายๆด้วยตัวอย่าง Classic อย่างแสดงข้อความ Hello World กัน โดยตัวอย่างนี้จะใช้รูปแบบ include ไฟล์จาก cdn เข้ามาในไฟล์ html ที่สร้างขึ้นแบบง่ายๆก่อนRead More →

By:
On:
In: JavaScript, React
With: 0 Comments

React หรือ React.js ก็แล้วแต่ใครจะเรียก คือ javascript library ที่ถูกพัฒนาโดย facebook ซึ่งออกแบบมาเพื่อสร้าง UI ให้กับ web application ซึ่งจะทำงานส่วนใหญ่เกี่ยวกับ view layer หัวใจหลักของ React นั้นคือ component การที่สร้าง component ขึ้นมาสามารถทำให้ reuse การใช้งานได้ และเมื่อประกอบกันหลาย component กลายเป็น UI ของ Web Application นั้นเองRead More →

By:
On:
In: ทั่วไป
With: 0 Comments

ใน version นี้มีการเพิ่มข้อมูลการแสดงผลใหม่คือ เงินปันผลสรุปแต่ละปีของหุ้นแต่ละตัว แต่ต้องขอบอกก่อนว่าจะเป็นข้อมูลประวัติการจ่ายปันผลที่ทาง app นี้มีเท่านั้น หากใย้อนกลับไปหลายๆปี ก็จะไม่มีเพราะไม่ได้ข้อมูลย้อนหลังในอดีต แต่เท่าที่ app นี้มีก็ย้อนหลังไปหลายปีเหมือนกัน หวังว่าผู้ใช้งานคงจะเข้าใจและใช้งานบนพื้นฐานที่ว่า จะมีข้อมูลย้อนหลังเก่าๆ ไม่ครบ ซึ่งข้อมูลปันผลรายปีนั้นจะอยู่ในหน้ารายละเอียดหุ้นRead More →

By:
On:
In: ทั่วไป
With: 0 Comments

version 2.8.0 มีการปรับในส่วนของ RSI เปลี่ยนชื่อเป็น Momentum เพื่อที่จะปรับปรุงใช้ข้อมูลจากส่วนอื่นเข้ามาช่วยในการหา momentum ว่าเป็นแรงขายหรือแรงซื้อ และคัดกรองหุ้นที่ผลประกอบการไม่ค่อยดีออกต่อไป จึงขอเปลี่ยนชื่อจาก RSI เป็น MomentumRead More →

By:
On:
In: Uncategorized, ทั่วไป
With: 0 Comments

update version 2.7.1 เพิ่มการแสดงข้อมูลรายชื่อผู้บริหารของแต่ละบริษัท ปรับปรุงเพื่อลดข้อผิดพลาดของ app สามารถติดตั้งได้จาก หากท้านในมีข้อแนะนำหรืออย่างให้พัฒนาอะไรสามารถเข้ามาให้คำแนะนำได้ที่ https://www.facebook.com/thaicoding/Read More →

By:
On:
In: ทั่วไป
With: 0 Comments

การปรับเปลี่ยนใน version 2.7.0 1.มีการปรับการแสดงข้อมูลหน้า inside trade ให้ระเอียดมากขึ้น โดยแสดง ชื่อผู้ทำรายการ วันที่ และจำนวนหุ้น ราคาหุ้นที่ทำรายการ จาก version ก่อนหน้านี้แสดงแค่ ชื่อหุ้นกับวันที่ทำรายการเท่านั้น นอกจากการปรับการแสดงข้อมูลแล้วสามารถกดเข้าไปดูข้อมูล inside trade แบบระเอียดของหุ้นตัวนั้นได้เลยจากหน้ารายการนี้ 2.การปรับหน้าแสดงข้อมูลหุ้น XD มีการเพิ่มการแสดงข้อมูลวันที่จ่ายและ จำนวนเงินที่จ่ายปันผลต่อหุ้นเข้ามาอีกด้วย สามารถดูตัวอย่างการปรับเปลี่ยนตามภาพด้านล่างเลยครับ แล้วอย่าลืม update version กันนะครับเพื่อการทำงานของ app ที่เต็มประสิทธิภาพ สามารถติดตั้งได้จาก หากท้านในมีข้อแนะนำหรืออย่างให้พัฒนาอะไรสามารถเข้ามาให้คำแนะนำได้ที่ https://www.facebook.com/thaicoding/Read More →

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

By:
On:
In: ทั่วไป
With: 0 Comments

ใน version 2.6.5 นี้เป็นการปรับแต่งในส่วนของ portfolio ให้สามารถ add transaction ประเภทเงินปันผลได้แล้ว โดยให้ทำการใส่ชื่อย่อหุ้น แล้วก็จำนวนเงินทั้งหมดที่ได้รับการปันผลจากหุ้นตัวนั้น เพื่อที่จะได้นำไปรวมในการคำนวณ profit ของหุ้นตัวนั้นด้วย ในการใส่ข้อมูลเงินปันผลก็แค่เรื่องประเภทเป็น DIVIDEND เท่านั้นเอง เมื่อทำการบันทึก transaction ที่เป็นเงินปันผลหน้าแสดงกำไรขาดทุน ก็จะแสดงรายการปันผลขึ้นมารวมไปถึงนำเงินปันผลไปคิดคำนวณรวม profit/ loss อีกด้วย นอกจากนี้ยังมีการปรับปรุงโค้ดบ้างส่วนเพื่อแก้ไขปัญหา app เด้งบ่อยที่เจอในมือถือบ้างรุ่นอีกด้วย สามารถติดตั้งได้จาก หากท้านในมีข้อแนะนำหรืออย่างให้พัฒนาอะไรสามารถเข้ามาให้คำแนะนำได้ที่ https://www.facebook.com/thaicoding/Read More →

By:
On:
In: ทั่วไป
With: 0 Comments

ใน version นี้มีการปรับแต่งในส่วนของข้อมูลตัวเลขทางการเงินของหุ้น ให้มีข้อมูลเพิ่มมากขึ้น หากไม่เกิดข้อผิดพลาดอะไร ข้อมูลตัวเลขทางการเงินจะทำการ update ทุกๆไตรมาส โดยตัวเลขทางการเงินแบบใหม่นี้สามารถดูได้จากเมนูเดิมคือ ข้อมูลทางการเงินให้หน้ารายละเอียดหุ้นที่อยู่ใน tab ข้อมูลเพิ่มเติม นอกจากนี้ยังมีการปรับแต่งหน้าจอบ้างหน้าให้ดูง่ายขึ้นรวมไปถึงอัพเดตโปรแกรมให้ดีขึ้น แต่พบว่ามือถือบ้างยี่ห้อจะเกิดหน้าจอแจ้งปิด app ในการเปิดครั้งแรกเป็นบ้างครั้ง ทั้งนี้ต้องขออภัย ทางผมจะเร่งแก้ไขให้ได้ในอนาคต สามารถติดตั้งได้จาก หากท้านในมีข้อแนะนำหรืออย่างให้พัฒนาอะไรสามารถเข้ามาให้คำแนะนำได้ที่ https://www.facebook.com/thaicoding/Read More →