มีข้อมูลอยู่ในมือก็ไร้ประโยชน์ ถ้าคุณไม่โค้ดแสดงผลออกมาเป็นภาพได้
.
การทำ 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
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「javascript get name」的推薦目錄:
- 關於javascript get name 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最讚貼文
- 關於javascript get name 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳解答
- 關於javascript get name 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳貼文
- 關於javascript get name 在 コバにゃんチャンネル Youtube 的精選貼文
- 關於javascript get name 在 大象中醫 Youtube 的最讚貼文
- 關於javascript get name 在 大象中醫 Youtube 的精選貼文
- 關於javascript get name 在 Get name of form element - Stack Overflow 的評價
- 關於javascript get name 在 JavaScript getElementsByName() Explained By Practical ... 的評價
- 關於javascript get name 在 get a javascript function name - gists · GitHub 的評價
- 關於javascript get name 在 How to get list name through javascript? - SharePoint Stack ... 的評價
- 關於javascript get name 在 Get Clicked HTML Element Name Using JavaScript - YouTube 的評價
javascript get name 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳解答
วันนี้จะขอพูดถึงเครื่องมือตัวหนึ่ง 😃
ของโลกการเขียนซอฟต์แวร์ที่ชื่อ Selenium
คนละชื่อกับ Selenium ในตารางธาตุวิชาเคมีนะ
.
Selenium แห่งโลกซอฟต์แวร์
มันเป็นเครื่องมือและไลบรารี่ในคราวเดียวกัน
เอาไว้ควบคุมบราวเซอร์อัตโนมัติ
.
เวลาพูดถึงเครื่องมือ หรือ tool 🔧⚒
จะไม่เหมือนสว่านในการก่อสร้างนะ
ที่ช่วยทำอัตโนมัติทุกอย่าง จนสบายมือ ไม่เหนื่อย
.
selenium ถูกนิยามเป็น tool ก็จริง
แต่เราต้องมานั่งเขียนโปรแกรมอยู่ดี
ต้องทำงานถึก นั่งพิมพ์ดีด
ต้องเขียนโค้ดเพื่อควบคุมหน้าเว็บด้วยสองมือ
.
ประโยชน์
🐵 1) จุดประสงค์หลักที่มันเกิดขึ้นมา
เขาเอาไว้ใช้ทำ test suite เป็นสำคัญ
พูดง่ายๆ ทำเทสหน้าเว็บไซต์อัตโนมัตินั่นแหละ
.
เช่นเราสามารถเขียนโปรแกรมใส่รหัสผ่าน กดล็อกอิน
คลิกลิงค์โน่นนี้อัตโนมัติ ทดสอบเว็บไซต์ได้เลย
ใครทำเทสอัตโนมัติ นิยมมาก
.
🐼 2) ถ้าจะประยุกต์แอดวานซ์หน่อย
ก็เอาไปทำโรบอทควบคุมเว็บไซต์อัตโนมัติ
เช่น เขียนโปรแกรมให้มันเข้าเว็บ ไปเล่นหุ้นให้เอง
.
แต่นั้นแหละครับมันก็สามารถเอาไปใช้ในทางไม่ดีได้เช่นกัน 😰
เหมือนดาบสองคมเนอะ
.
Selenium รองรับได้หลายบราวเซอร์ดังๆ หลายเจ้า เช่น
Chrom(ium), Firefox, Internet Explorer, Opera, และ Safari
.
แต่ข้อแม้ยุ่งยากนิดหนึ่ง 😠
เราต้องดาวน์โหลด webdriver แต่ละเว็บบราวเซอร์มาก่อน
ถึงจะเขียนโปรแกรมใช้งานบราวเซอร์ยี่ห้อนั้นได้ดั่งใจนึก
(บราวเซอร์คนละยี่ห้อ คนละเวอร์ชั่น ก็คนละ webdriver นะ)
.
ปัจจุบันมันรองรับหลายภาษาเขียนโปรแกรมดังหลายตัว เช่น
Python, Java, C#, JavaScript, Ruby, PHP, Perl
.
สนใจไปศึกษาเพิ่มเติมได้ที่
https://www.selenium.dev/documentation/en/
.
ตัวอย่างรูปที่เห็นตามโพสต์
เป็นโค้ดของภาษา Python
(ต้องมี webdriver ในกรณีนี้เป็นของ Chrome)
จุดประสงค์เอาไว้ล็อกอินหน้า facebook
โดยไม่ต้องกรอกรหัสผ่านให้ปวดมือ
.
เขียนโค้ดสั้นๆ แค่นี้แหละ
เป็นไงเห็นแล้วง่ายไหม?
.
✍ เขียนโดย โปรแกรมเมอร์ไทย thai programmer
Today I'll talk about one tool 😃
of the software writing world named Selenium
Different name with Selenium in the chemical periodic table.
.
Selenium of the Software World
It's a tool and a library at the same time
To control the automatic browser
.
Time to talk about tools or tools 🔧⚒
Won't be like a span in construction.
The one that helps automate everything until it's comfortable. Not tired.
.
Selenium is defined as tool. It's true.
But we have to sit on programming anyway.
Got to work. Sitting in typing.
Code must be written to control webpage with two hands.
.
Benefits
🐵 1) The main purpose for which it happened.
It's important to use test suite
Easy to say. Automatic website test.
.
Like we can program password press log in
Click this link automatically. Test the website.
Who made the autograph test so popular
.
🐼 2) If I want to apply, add to my inbox.
It's going to automate website controller robot
Like programming, let's get on the web, play stocks for yourself.
.
But that's it. It can be used in a bad way too. 😰
It's like a two-edged sword.
.
Selenium supports many loud browsers, such as
Chrom(ium), Firefox, Internet Explorer, Opera, และ Safari
.
But a bit of a complication 😠
We need to download each webdriver before.
Even if I could write a program to use that brand of browser, I would like to think.
(Different brand of browser, different version, different webdriver)
.
Currently, it supports many languages. Many famous programming such as.
Python, Java, C #, JavaScript, Ruby, PHP, Perl
.
If you are interested in studying more, please visit.
https://www.selenium.dev/documentation/en/
.
preview photos seen by post
The code of Python language
(Webdriver is required. In this case, it's Chrome)
The purpose is to log in facebook page.
Without filling the password for hand pain
.
Write a short code just this.
How is it? It's easy to see?
.
✍ Written by Thai programmer thai coderTranslated
javascript get name 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳貼文
วันนี้จะขอพูดถึงเครื่องมือตัวหนึ่ง 😃
ของโลกการเขียนซอฟต์แวร์ที่ชื่อ Selenium
คนละชื่อกับ Selenium ในตารางธาตุวิชาเคมีนะ
.
Selenium แห่งโลกซอฟต์แวร์
มันเป็นเครื่องมือและไลบรารี่ในคราวเดียวกัน
เอาไว้ควบคุมบราวเซอร์อัตโนมัติ
.
เวลาพูดถึงเครื่องมือ หรือ tool 🔧⚒
จะไม่เหมือนสว่านในการก่อสร้างนะ
ที่ช่วยทำอัตโนมัติทุกอย่าง จนสบายมือ ไม่เหนื่อย
.
selenium ถูกนิยามเป็น tool ก็จริง
แต่เราต้องมานั่งเขียนโปรแกรมอยู่ดี
ต้องทำงานถึก นั่งพิมพ์ดีด
ต้องเขียนโค้ดเพื่อควบคุมหน้าเว็บด้วยสองมือ
.
ประโยชน์
🐵 1) จุดประสงค์หลักที่มันเกิดขึ้นมา
เขาเอาไว้ใช้ทำ test suite เป็นสำคัญ
พูดง่ายๆ ทำเทสหน้าเว็บไซต์อัตโนมัตินั่นแหละ
.
เช่นเราสามารถเขียนโปรแกรมใส่รหัสผ่าน กดล็อกอิน
คลิกลิงค์โน่นนี้อัตโนมัติ ทดสอบเว็บไซต์ได้เลย
ใครทำเทสอัตโนมัติ นิยมมาก
.
🐼 2) ถ้าจะประยุกต์แอดวานซ์หน่อย
ก็เอาไปทำโรบอทควบคุมเว็บไซต์อัตโนมัติ
เช่น เขียนโปรแกรมให้มันเข้าเว็บ ไปเล่นหุ้นให้เอง
.
แต่นั้นแหละครับมันก็สามารถเอาไปใช้ในทางไม่ดีได้เช่นกัน 😰
เหมือนดาบสองคมเนอะ
.
Selenium รองรับได้หลายบราวเซอร์ดังๆ หลายเจ้า เช่น
Chrom(ium), Firefox, Internet Explorer, Opera, และ Safari
.
แต่ข้อแม้ยุ่งยากนิดหนึ่ง 😠
เราต้องดาวน์โหลด webdriver แต่ละเว็บบราวเซอร์มาก่อน
ถึงจะเขียนโปรแกรมใช้งานบราวเซอร์ยี่ห้อนั้นได้ดั่งใจนึก
(บราวเซอร์คนละยี่ห้อ คนละเวอร์ชั่น ก็คนละ webdriver นะ)
.
ปัจจุบันมันรองรับหลายภาษาเขียนโปรแกรมดังหลายตัว เช่น
Python, Java, C#, JavaScript, Ruby, PHP, Perl
.
สนใจไปศึกษาเพิ่มเติมได้ที่
https://www.selenium.dev/documentation/en/
.
ตัวอย่างรูปที่เห็นตามโพสต์
เป็นโค้ดของภาษา Python
(ต้องมี webdriver ในกรณีนี้เป็นของ Chrome)
จุดประสงค์เอาไว้ล็อกอินหน้า facebook
โดยไม่ต้องกรอกรหัสผ่านให้ปวดมือ
.
เขียนโค้ดสั้นๆ แค่นี้แหละ
เป็นไงเห็นแล้วง่ายไหม?
.
✍ เขียนโดย โปรแกรมเมอร์ไทย thai programmer
Today I'll talk about one tool 😃
of the software writing world named Selenium
Different name with Selenium in the chemical periodic table.
.
Selenium of the Software World
It's a tool and a library at the same time
To control the automatic browser
.
Time to talk about tools or tools 🔧⚒
Won't be like a span in construction.
The one that helps automate everything until it's comfortable. Not tired.
.
Selenium is defined as tool. It's true.
But we have to sit on programming anyway.
Got to work. Sitting in typing.
Code must be written to control webpage with two hands.
.
Benefits
🐵 1) The main purpose for which it happened.
It's important to use test suite
Easy to say. Automatic website test.
.
Like we can program password press log in
Click this link automatically. Test the website.
Who made the autograph test so popular
.
🐼 2) If I want to apply, add to my inbox.
It's going to automate website controller robot
Like programming, let's get on the web, play stocks for yourself.
.
But that's it. It can be used in a bad way too. 😰
It's like a two-edged sword.
.
Selenium supports many loud browsers, such as
Chrom(ium), Firefox, Internet Explorer, Opera, และ Safari
.
But a bit of a complication 😠
We need to download each webdriver before.
Even if I could write a program to use that brand of browser, I would like to think.
(Different brand of browser, different version, different webdriver)
.
Currently, it supports many languages. Many famous programming such as.
Python, Java, C #, JavaScript, Ruby, PHP, Perl
.
If you are interested in studying more, please visit.
https://www.selenium.dev/documentation/en/
.
preview photos seen by post
The code of Python language
(Webdriver is required. In this case, it's Chrome)
The purpose is to log in facebook page.
Without filling the password for hand pain
.
Write a short code just this.
How is it? It's easy to see?
.
✍ Written by Thai programmer thai coderTranslated
javascript get name 在 コバにゃんチャンネル Youtube 的精選貼文
javascript get name 在 大象中醫 Youtube 的最讚貼文
javascript get name 在 大象中醫 Youtube 的精選貼文
javascript get name 在 JavaScript getElementsByName() Explained By Practical ... 的推薦與評價
The getElementsByName() accepts a name which is the value of the name attribute of elements and returns a live NodeList of elements. The return collection of ... ... <看更多>
javascript get name 在 get a javascript function name - gists · GitHub 的推薦與評價
get a javascript function name. GitHub Gist: instantly share code, notes, and snippets. ... <看更多>
javascript get name 在 Get name of form element - Stack Overflow 的推薦與評價
... <看更多>
相關內容