มีข้อมูลอยู่ในมือก็ไร้ประโยชน์ ถ้าคุณไม่โค้ดแสดงผลออกมาเป็นภาพได้
.
การทำ visualization กับ data จุดประสงค์เพื่อนำข้อมูลมาแสดงผลเป็นกราฟฟิกสวยงาม สามารถเล่าเรื่องได้ตามภาพ ซึ่งจะเข้าใจมากกว่าอธิบายเป็นตัวอักษร หรือพูดปากเปล่า
.
ลองนึกถึงเวลาเราไปพรีเซนต์งานให้ลูกค้าหรือ users ดูซิ
ยืนหน้าห้องประชุม สบตาคุยกันไปคุยกันมา
มัวแต่คุยภาษาเทคนิค ยิ่งไม่เห็นภาพด้วย
.
users ฟังจะงงแค่ไหน???
เดี่ยวมาบ่นคนไอที .....พูดอะไรไม่รู้เรื่อง....
เดี่ยวไม่จ่ายเงินจ้างเรา ...เอ๊ะเกี่ยวกันไปเปล่า
.
พอดีผมได้มีโอกาสแตะ ได้มีโอกาสเล่นไลบรารี่ฝั่ง JavaScript
เอาไว้แสดงผลข้อมูล หรือก็คือการทำ visualization กับข้อมูลนั่นเอง
แล้วเราแสดงผลหน้าเว็บบราวเซอร์ได้เลยครับ
.
ใช้งานได้ฟรีนะ เลยมาแชร์ให้ดู
ชื่อไลบรารี่คือ "d3.js" ลองอ่านคู่มือการใช้งานได้ที่นี้
https://d3js.org/
.
ตัวนี้นิยมมาก ตัวโค้ดเผยแพร่อยู่ใน github
มีคน fork ไปเกือบ 2 หมื่น ให้ดาว 8 หมื่น เกือบๆ 9 หมื่น
เอกสารถูกแปลไปหลายภาษา
https://github.com/d3/d3/wiki
(ยกเว้นภาษาไทยไม่มีนะครับ ให้ตายซิผับผ่า)
.
ไลบรารี่ตัวนี้ใช้ JavaScript ในการเขียนแสดงกราฟต่างๆ
แต่เป็น ES6 ขึ้นต่ำขึ้นไปนะ
.
ใครไม่เคยเขียน JavaScript อาจงงเล็กน้อยถึงขั้นมาก
เพราะจะเจอไวยากรณ์ชวนปวดหัวเล่นๆ
เจอทั้งวงเล็บ และปีกกาซ้อนหลายตลบ
.
ถ้าใครไม่เป็น javaScript ซื้อหนังสือของผมมาอ่านได้เลย
(โปรโมทขายหนังสือหน่อย ไม่ได้โฆษณานาน)
.
https://docs.google.com/…/1FAIpQLSfZp0Vz-p6Oj1cDA…/viewform…
It's useless to have information on hand. If you don't have a code, you can show it as a picture.
.
Visualization with data. Purpose to show information as graphics. Beautiful graphics. You can tell stories in a picture which is more understood than describing letters or empty words.
.
Think about when we went to present a presentation for customers or users.
Standing in front of the conference room. Eye contact. Let's talk.
Just talking in technical language. The more I don't see the picture.
.
How confused will the users listen???
I will complain about IT people..... I don't know what to say....
I won't pay for you to hire me... eh, related.
.
I have a chance to touch it. I have a chance to play the JavaScript library.
Is it for visualization or is it visualization with information?
And we can show you the results of the browser web page.
.
It's free to use. Let's share.
The name of the library is ′′ d3 js ′′ Check out the usage manual here
https://d3js.org/
.
This one is very popular. The code is published on github.
There are people fork going to be almost 2 ten thousand to give 8 ten thousand stars. Almost 9 ten thousand.
Documents are translated in many languages
https://github.com/d3/d3/wiki
(Except Thai, I don't have it. Damn. Pub)
.
This library uses JavaScript to write graphs
But ES6 is going to get lower.
.
Who has never written JavaScript. A little to much.
Because I will find grammar to make me feel headache for fun.
Found both brackets and wing stacked.
.
If anyone isn't javaScript, buy my book, read it.
(Promote to sell books. I haven't advertised for long time)
.
https://docs.google.com/forms/d/e/1FAIpQLSfZp0Vz-p6Oj1cDAKIXfmexAbTh2vFDymFYlCIn8JwkA7UIrA/viewform?c=0&w=1Translated
d language github 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳解答
transcompiler ก็คือตัวแปรภาษา ระดับโค้ดสู่โค้ด 🤓
โดยแปลงภาษาเขียนโปรแกรม
จากภาษาระดับสูง ไปเป็นภาษาระดับสูงอีกภาษาหนึ่ง
เช่นโค้ดจาก Python กลายเป็นโค้ด C++
โค้ดจาก Java กลายเป็น Kotlin เป็นต้น
.
transcompiler จะต่างกับ compiler แบบดั้งเดิม
เพราะ compiler แบบเดิม
ที่แปลจากภาษาระดับสูงไปเป็นภาษาระดับต่ำ (assembly)
แต่กรณีคือโค้ดภาษาระดับสูงสู่ โค้ดภาษาระดับสูงด้วยกัน
.
ในตอนนี้เราสามารถใช้ transcompiler
ที่เบื้องหลังคือ AI ให้ทำการแปลงโค้ดให้ได้นะ
มันเป็นผลงานวิจัยของทีม facebook เกี่ยวกับ AI ล่าสุดเลย
ศาสตร์ที่ใช้คือ deep learning
.
เทคนิคที่ใช้
✔ โมเดลแบบ sequence-to-sequence (seq2seq) ด้วย attention
✔ เทรนโดยใช้แนวทาง unsupervised machine translation ตามที่งานวิจัยเสนอซึ่งมี 3 ขั้นตอนได้แก่
- Cross-lingual Masked Language Model pretraining
- Denoising auto-encoding
- Back-translation
✔ data set ที่ใช้ เทรน เป็นโค้ดของ github
.
.
ตามรูปที่เห็นในโพสต์จะเห็นว่า
✔ โค้ดในภาษา python ได้ประกาศฟังก์ชั่น SumOfKsubArray
แล้วได้ถูกแปลงเป็นโค้ดในภาษา C++ ได้อย่างทึ่ง
✔ อย่าง deque() ถูกแปลงเป็น deque
แล้วแปลงการเรียกใช้ [] ใน python ให้เป็นการเรียกฟังก์ชั่น front, back, pop_back และ push_back ในภาษา C++
✔ แปลงการใช้ประโยค for loop ไสตล์ python ไปเป็น for loop ในภาษา C++
.
.
สนใจก็ไปอ่านวิจัยของทีม facebook ได้ที่นี้
https://arxiv.org/abs/2006.03511
.
.
.
.
.
+++++ขั่วโมงขายของ++++
สำหรับใครที่ไม่อยากตกเทรนเรื่อง AI
😻 ก็จะแนะนำหนังสือขายดี "AI ไม่ยาก เรียนรู้ด้วยเลขม. ปลาย"
ไม่ต้องมีความรู้เรื่องโค้ดดิ้ง ขอให้มีพื้นฐานเลข ม. ปลาย ก็อ่านได้
ก็สั่งซื้อ ebook ได้ที่นี้ (ขออภัยยังไม่มีเล่มกระดาษขาย)
👉 https://www.mebmarket.com/web/index.php?action=BookDetails&data=YToyOntzOjc6InVzZXJfaWQiO3M6NzoiMTcyNTQ4MyI7czo3OiJib29rX2lkIjtzOjY6IjEwODI0NiI7fQ
.
ส่วนตัวอย่างหนังสือ ก็ดูได้ที่
👉 https://drive.google.com/file/d/1zG64QAuPKtnWu-Jizn4i2JYUbHnHa8cJ/view?usp=sharing
.
ราคาขาย 295 บาท ฿
แต่ถ้าซื้อผ่านระบบของ Apple จะแพงขึ้น ราคา 329 บาท ฿
วิธีอ่าน อ่านผ่านแอพหรือโปรแกรมเท่านั้น
.
✍ เขียนโดย โปรแกรมเมอร์ไทย thai programmer
d language github 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最讚貼文
มีข้อมูลอยู่ในมือก็ไร้ประโยชน์ ถ้าคุณไม่โค้ดแสดงผลออกมาเป็นภาพได้
.
การทำ visualization กับ data จุดประสงค์เพื่อนำข้อมูลมาแสดงผลเป็นกราฟฟิกสวยงาม สามารถเล่าเรื่องได้ตามภาพ ซึ่งจะเข้าใจมากกว่าอธิบายเป็นตัวอักษร หรือพูดปากเปล่า
.
ลองนึกถึงเวลาเราไปพรีเซนต์งานให้ลูกค้าหรือ users ดูซิ
ยืนหน้าห้องประชุม สบตาคุยกันไปคุยกันมา
มัวแต่คุยภาษาเทคนิค ยิ่งไม่เห็นภาพด้วย
.
users ฟังจะงงแค่ไหน???
เดี่ยวมาบ่นคนไอที .....พูดอะไรไม่รู้เรื่อง....
เดี่ยวไม่จ่ายเงินจ้างเรา ...เอ๊ะเกี่ยวกันไปเปล่า
.
พอดีผมได้มีโอกาสแตะ ได้มีโอกาสเล่นไลบรารี่ฝั่ง JavaScript
เอาไว้แสดงผลข้อมูล หรือก็คือการทำ visualization กับข้อมูลนั่นเอง
แล้วเราแสดงผลหน้าเว็บบราวเซอร์ได้เลยครับ
.
ใช้งานได้ฟรีนะ เลยมาแชร์ให้ดู
ชื่อไลบรารี่คือ "d3.js" ลองอ่านคู่มือการใช้งานได้ที่นี้
https://d3js.org/
.
ตัวนี้นิยมมาก ตัวโค้ดเผยแพร่อยู่ใน github
มีคน fork ไปเกือบ 2 หมื่น ให้ดาว 8 หมื่น เกือบๆ 9 หมื่น
เอกสารถูกแปลไปหลายภาษา
https://github.com/d3/d3/wiki
(ยกเว้นภาษาไทยไม่มีนะครับ ให้ตายซิผับผ่า)
.
ไลบรารี่ตัวนี้ใช้ JavaScript ในการเขียนแสดงกราฟต่างๆ
แต่เป็น ES6 ขึ้นต่ำขึ้นไปนะ
.
ใครไม่เคยเขียน JavaScript อาจงงเล็กน้อยถึงขั้นมาก
เพราะจะเจอไวยากรณ์ชวนปวดหัวเล่นๆ
เจอทั้งวงเล็บ และปีกกาซ้อนหลายตลบ
.
ถ้าใครไม่เป็น javaScript ซื้อหนังสือของผมมาอ่านได้เลย
(โปรโมทขายหนังสือหน่อย ไม่ได้โฆษณานาน)
.
https://docs.google.com/…/1FAIpQLSfZp0Vz-p6Oj1cDA…/viewform…
It's useless to have information on hand. If you don't have a code, you can show it as a picture.
.
Visualization with data. Purpose to show information as graphics. Beautiful graphics. You can tell stories in a picture which is more understood than describing letters or empty words.
.
Think about when we went to present a presentation for customers or users.
Standing in front of the conference room. Eye contact. Let's talk.
Just talking in technical language. The more I don't see the picture.
.
How confused will the users listen???
I will complain about IT people..... I don't know what to say....
I won't pay for you to hire me... eh, related.
.
I have a chance to touch it. I have a chance to play the JavaScript library.
Is it for visualization or is it visualization with information?
And we can show you the results of the browser web page.
.
It's free to use. Let's share.
The name of the library is ′′ d3 js ′′ Check out the usage manual here
https://d3js.org/
.
This one is very popular. The code is published on github.
There are people fork going to be almost 2 ten thousand to give 8 ten thousand stars. Almost 9 ten thousand.
Documents are translated in many languages
https://github.com/d3/d3/wiki
(Except Thai, I don't have it. Damn. Pub)
.
This library uses JavaScript to write graphs
But ES6 is going to get lower.
.
Who has never written JavaScript. A little to much.
Because I will find grammar to make me feel headache for fun.
Found both brackets and wing stacked.
.
If anyone isn't javaScript, buy my book, read it.
(Promote to sell books. I haven't advertised for long time)
.
https://docs.google.com/forms/d/e/1FAIpQLSfZp0Vz-p6Oj1cDAKIXfmexAbTh2vFDymFYlCIn8JwkA7UIrA/viewform?c=0&w=1Translated