วันจันทร์ที่ 7 ตุลาคม พ.ศ. 2562

Progressive Web App คืออะไร ?

คือการใช้งาน website ในมือถือผ่าน Browser แบบ Offline
ข้อดี
  • ใช้งานผ่านมือถือโดยไม่ต้องต่อ Internet ก็ได้
  • เมื่อทำรายการในช่วงที่ไม่ได้ต่อ internet แต่เมื่อต่อการเชื่อมต่อกลับมาก็จะมีบันทึกโดยอัตโนมัติ
  • ประหยัด Bandwith เหมือนกับการใช้งานผ่าน App
ข้อเสีย
  • ใช้งานเฉพาะ Android เท่านั้น
  • ถ้าเป็น IOS ต้อง Version 11.3  ขึ้นไป
  • ใช้งานแบตเครื่องมากกว่า App
  • การใช้งานแบบ Offline นั้นยังมีข้อจำกัด

วันจันทร์ที่ 30 กันยายน พ.ศ. 2562

แผนที่สายไฟฟ้าแรงสูงในประเทศไทย

แผนที่นี้อาจจะเก่าไปหน่อยนะครับ ซึ่งหาได้ล่าสุดเท่านั้นครับ

วันจันทร์ที่ 23 กันยายน พ.ศ. 2562

การใช้งาน gitlab

gitlab เป็นบริการที่เอาไว้สำหรับเก็บไฟล์ source code ของโปรแกรมได้เป็นอย่างดี
ซึ่งผมได้ลองเปรียบเทียบกับระหว่าง github กับ gitlab (บัญชีฟรี)พบว่าผมเลือก gitlab
เพราะ gitlab ให้ project แบบ private ได้ไม่จำกัด แต่ github ให้เพียงแค่ 3 เท่านั้น
วันนี้เลยมาสอนการใช้งาน gitlab ในการเก็บไฟล์ source code

1.สมัครใช้บัญชี gitlab จะใช้งานด้วย Email หรือผ่าน Gmail ก็ได้เหมือนกัน
2.ไปที่ปุ่ม New project กรอกรายละเอียด project แล้วกดปุ่ม Create project ซึ่งเราจะได้ project เปล่าๆ มาใช้งาน


3.ติดตั้ง program git ในเครื่องเรา download เมื่อติดตั้งเรียบร้อยแล้วให้ทำการเปิด git ขึ้นมา
โดยเลือก git cmd



4.ไปที่เว็บ gitlab เพื่อหา Link ดาวโหลด project เคสนนี้จะได้ Link
https://gitlab.com/thabot47/testproject.git



นำ Link ที่ได้ไปที่ CMD git ที่เปิดขึ้นมา
พิมพ์คำสั่ง git clone ตามด้วย Link ที่ได้มา


ระบบจะถาม user และ password ที่ ลงทะเบียนไว้กับ gitlab ให้กรอกลงไป
ระบบจะทำการ download ไฟล์ project เรามาไว้ที่เครื่องและทำการผูกกับระบบ git ไว้เรียบร้อย




5.เมื่อได้project เปล่าๆ และผูก git เรียบร้อยแล้วให้นำ Source code ที่เราเขียนไว้มาวางไว้ใน โฟล์เดอะของเรา
แต่เคสนี้เราจะใช้ Visualstudio Code ในการทดลองเพิ่มไฟล์ดู
ด้วยการเข้าไปที่โฟลเดอร์ testproject ด้วยคำสั่ง cd testproject ด้วย git cmd
หลังจากนั้นให้พิมพ์ code .  ระบบจะเปิด Visualstudio Code ขึ้นมาหากยังไม่มีให้ดาวโหลดมาติดตั้งด้วยนะครับ download 
และเมื่อเปิดโปรแกรมมาแล้วให้ลองทำการเพิ่มไฟล์ test.txt



ให้คลิกสัญลักญ์ git ซ้า้ยมือที่มีเลข 1 อยู่นั่นหมายความว่ามี 1 ไฟล์ที่มีการเปลี่ยนแปลง
ชื่อไฟล์ของเราจะมี U นั่นคือ Untrack ซึ่งจะไม่มีการเก็บไฟล์นี้บน Server gitlab
ให้คลิกที่ + เพื่อทำการติดตามเก็บ loging ของไฟล์นี้



เมื่อคลิกแล้วจะเปลี่ยนเป็น A (Add) หลังจากนั้นให้กรอกข้อความที่เราจะ commit การส่ง Code ในครั้งนี้ลงไป แล้วคลิกที่เครื่องหมายถูก

จากนั้นให้ไปที่ ... และเลือก Push เพื่อส่ง Code ของเราเข้าไปที่ Server gitlab



ที่ gitlab จะมีรายละเอียดการ commit ไปแล้วนะครับ


*** กรณีที่มี Source code อยู่แล้วและต้องการเก็บไปทั้ง Project ในครั้งเดียว
เมื่อเราได้ Project เปล่ามาแล้วนั้นให้เรานำ Source code  มาวางทั้งหมด
แล้วให้พิมพ์ คำสั่ง 
git add .
git commit -m "Initial commit"
git push -u origin master

เพียงเท่านั้นเราก็จะได้ Source code ขึ้นไปเก็บไว้ไม่หายแล้ว








วันจันทร์ที่ 16 กันยายน พ.ศ. 2562

วิธีการเปลี่ยน googlemap นำทางให้เป็นภาษาไทย โดยที่เครื่องเป็นภาษาอังกฤษ

โดยปกติแล้ว googlemap จะนำทางด้วยเสียงตามเครื่องที่เราใช้งาน
หากเครื่องเป็นภาษาอังกฤษ ก็จะนำทางด้วยภาษาอังกฤษ เป็นต้น
แต่เราอยากจะเปลี่ยนเป็นภาษาอื่นๆ ได้ง่ายๆ วิธีการ

ขั้นแรกให้เข้าไปที่ปุ่ม Setting เครื่องหมาย ขีดสามขีด



หลังจากนั้นให้กดที่ Setting


เลือกที่ Navigation settings


เลือก Voice selection เพื่อเลือกภาษาตามที่ต้องการ

วันจันทร์ที่ 2 กันยายน พ.ศ. 2562

การวัดระดับความสูงจากน้ำทะเล


เข้าไปที่ วัดความสูง

ซึ่งจะเป็นแผนที่อยู่ตรงกลางให้เลื่อนเพื่อหาตำแหน่งที่เราต้องการแล้วคลิกซ้าย 1 ที ที่แผนที่
google map จะแสดงระดับความสูงจากน้ำทะเล ในตัวอย่างอยู่ที่ 3.52 เมตร
*วิธีการนี้เหมาะกับการใช้งานคอมพิวเตอร์เท่านั้น
**ปกติการแสดงระดับความสูงระดับน้ำทะเลต้องเขียน Service เพื่อดึงซึ่งจะต้องเสียค่าบริการ แต่เคสนี้
เราเข้าไปใช้งานตัวอย่างของ API ซึ่งไม่ต้องเสียค่าบริการ หรือพูดง่ายๆก็คือใช้ของฟรีนั่นแหละ
แต่ก็ต้องแลกมาด้วยว่าต้องมาเลือนหาตำแหน่งที่เราต้องการให้มาอยู่ในประเทศที่เราต้องการ
ซึ่งค่าเริ่มต้นไม่ได้อยู่ในประเทศไทย แต่ของฟรียังไงก็ยอมได้นะ 555

วันจันทร์ที่ 26 สิงหาคม พ.ศ. 2562

การวัดค่าความสูงระดับน้ำทะเลด้วย google earth

เข้าไปที่ google earth (วิธีการนี้ใช้ได้บน Chrome PC เท่านั้น)
หลังจากเข้าเว็บแล้วให้คลิกที่ เปิด Earth ใน Chrome



เมื่อเอาเมาส์ไปชี้พื้นที่ไหนระบบจะแสดงค่าความสูงจากระดับน้ำทะเลมาให้


.NET Core 3.0 (Preview 8) ออกแล้ว

มีอะไรใหม่บ้าง
  • Windows desktop support with WPF and WinForms
  • Flexible deployment, side-by-side support and self-contained EXE executable files
  • Client-side Web development with C# and Razor
  • Significant performance improvements
  • New C# language features for productivity and fewer errors
สามารถดาวโหลดได้แล้ว .NetCore3

วันอาทิตย์ที่ 25 สิงหาคม พ.ศ. 2562

my4G แบบรายเดือน ลด 50 %

โปรย้ายค่ายเบอร์เดิมมา my หรือ เปลี่ยนจาก my แบบเติมเงินเป็นรายเดือน
ลดราคาค่าบริการ 50% ความเร็วของ Internet อยู่ที่ 384kbps



วันจันทร์ที่ 19 สิงหาคม พ.ศ. 2562

vue.js มันดียังไง

javascript frontend สมัยใหม่ที่ดังๆ ตอนนี้ก็มีอยู่สามเจ้าใหญ่ react, angular และ vue
ซึ่งตอนนี้คนที่มาแรงที่สุดก็คงจะไม่พ้น vue ทำให้คนใช้งานเจ้าตัวนี้เยอะมาก
แต่ คำถามและคำตอบใน internet ยังมีไม่มากเท่ากับ react สักเท่าไหร่ มันก็ยังพอกล้อมแกล้มไปได้นะ
ดูจากคะแนนล่าสุดในปี 2019 พบว่า vue นั้นนำ react ไปเป็นช่วงตัวเลยนะแต่ถ้าเทียบกับ
 angular นั้นยิ่งไม่เห็นฝุ่นเลยประมาณสามเสาไฟเลยอะ



แต่ถึงอย่างนั้นของดีๆ มันก็ต้องมีข้อเสียอยู่บ้างไม่ใช่ว่ามันจะไม่มีที่ติไปซะทุกอย่าง
เช่น vue ไม่สามารถทำ native ได้เหมือน react แต่ก็มีบางคนที่บอกว่าให้ไปใช้ native script ก็ได้
แต่ถ้าจะให้ดีมันควรอยู่ใน vue เลยไหมอะ

ส่วน Tranding ใน github เมื่อวันที่ 22/07/2019 พบว่า vue ก็ยังนำอยู่
vue 144,247
react 133,015
angular 49,733

แต่ศึกของ javascript ยังอีกยาวไกลยังไม่มีชนะขาดลอยเหมือนตอนยุค jquery ตอนนี้เราได้เข้าสู่ยุคใหม่ของ javascript กันแล้วเลือกเดินให้ถูกทางคุณจะได้ไม่เสียเวลาที่เลือกข้างผิด




วันจันทร์ที่ 12 สิงหาคม พ.ศ. 2562

การสร้าง Link เพื่อให้ google นำทางไปยังที่ต้องการ


ให้ใช้ URL ตามด้านล่างเพื่อทำการนำทาง

https://www.google.com/maps?saddr=My+Location&daddr=13.6951469,100.7518901

saddr = ต้นทาง (My+Location คือการระบุตำแหน่งปัจจุบันโดยไม่ต้องใส่ lat และ long)
daddr= ปลายทางที่ต้องการจะไป (สามารถใส่เป็น lat long หรือ ชื่อสถานที่ก็ได้ครับ)

วันศุกร์ที่ 9 สิงหาคม พ.ศ. 2562

วันอังคารที่ 6 สิงหาคม พ.ศ. 2562

ร่องรอยเมืองเก่าในประเทศไทย

เมืองเก่าๆในไทยนั้นมีอยู่เป็นจำนวนมากบางครั้งก็อยู่เป็นพื้นที่เมือง หรือบางที่ก็เป็นอุทยานไปแล้ว

1.อยุธยา



2.โคราช


3.ลพบุรี

4.สุโขทัย


5.กำแพงเพชร

6.ศรีสัชนาลัย


7.เชียงใหม่

8.เชียงแสน

9.ศรีเทพ

10.พิมาย

11.เมืองเสมา


12.บุรีรัมย์

13.สุรินทร์

14.ลำปาง
15.พะเยา

16.กรุงเทพ


วันจันทร์ที่ 5 สิงหาคม พ.ศ. 2562

Dolfin Wallet


ปัจจุบันมี wallet หลายเจ้ามากที่ใช้สำหรับซื้อสินค้าและบริการ แต่จากการตรวจสอบพบว่า Wallet พวกนั้นเวลาโอนเงินไปเข้าธนาคารยังต้องเสียค่าธรรมเนียมอยู่ ซึ่งDolfin Wallet ก็คิดค่าธรรมเนียม แต่ช่วงโปรโมชั่นนั้นไม่คิดค่าธรรมเนียม แต่มีการโอนเงินประเภท Promt pay เนี่ยแหละที่ทำให้ wallet ตัวนี้เหนือกว่า wallet ตัวอื่นเพราะตัวอื่นๆที่ใช้งานเช่น true wallet นั้นพึ่งยกเลิกการโอนเงิน Promt pay นี้ออกไป แต่ wallet ตัวนี้ฟรี ซึ่งทำให้เหนือกว่า wallet ตัวอื่นๆ ทุกตัว
หากให้จะใช้งานก็ใช้กันได้ตามปกตินะครับ แต่ต้องบอกไว้ก่อนถ้าจะโอนเงินได้นั้นต้องทำการยืนยันตัวตนก่อนนะครับ

วิธีการแก้ไข youtube เล่นแล้วหยุดเอง

เมื่อเราเปิด youtube บนคอมพิวเตอร์ไปสักพักโดยที่ทำงานอย่างอื่นไปด้วยโดยไม่ได้เปิดหน้าจอ youtube
นั้นเรามักจะเจอปัญหาเมื่อเล่นเพลงไปสักพักระบบจะหยุดแล้วต้องการให้เรามาคลิกเพื่อทำการเล่นเพลงต่ออีกครั้ง

การแก้ไขทำได้ด้วยลง addon ของ chrome  อันนี้ลงไป youtube ก็จะเล่นต่อเนื่องได้ตามปกติ
แต่ก็ยังมีหน้าจอที่ขึ้นมากดอยู่ดี แต่ก็ยังดีกว่าเพลงหยุดไปเลยนะครับ



วันอาทิตย์ที่ 4 สิงหาคม พ.ศ. 2562

ทุ่งกุลาร้องไห้


ทุ่งกุลาร้องไห้นั้นถามว่าอยู่ตรงไหนคงไม่มีใครทราบแน่ชัด
ข้อมูลจาก Wiki ก็กว้างเป็นอำเภอ แต่จากการเทียบกับแผนที่เก่าๆ น่าจะเป็นไปได้ซึ่งบริเวณที่วงกลมสีแดง ซึ่งสมัยก่อนนั้นแทบไม่มีหมูบ้านคนอยู่มาก่อนเลย
เราก็เลยอยากหาว่าอยู่ตำแหน่งไหนก็เลยต้องเทียบแผนที่เก่ากับแผนที่ปัจจุบัน

แผนที่คาดว่าน่าจะเป็นทุ่งกุลาร้องไห้



เทียบกับแผนที่เก่าปี 2501 ซึ่งบริเวณที่วงกลมเป็นพื้นที่ไม่มีคนอยู่เลย



mybycat ได้ทั้งเน็ตและทั้งโทร


โปรเพียงเดือนละ 139 บาท ได้โทรฟรีทุกเครือข่าย 99 นาทีและแถมยังได้ internet 384 Kbps แบบไม่จำกัด ถูกแบบนี้มีที่ไหน



วันศุกร์ที่ 2 สิงหาคม พ.ศ. 2562

ทางหลวงหมายเลข 2 ในอดีตที่หายไป

จุดเริ่มต้นของทางสายนี้อยู่ที่จังหวัดสระบุรี บริเวณแยกมิตรภาพ
ผ่านอำเภอแก่งคอยก่อนที่จะขึ้นเขาเข้าสู่ที่ราบสูงอีสาน
เมื่อเข้าเขตนครราชสีมาจะเข้ามาที่อำเภอปากช่อง
ซึ่งในสมัยตอนสร้างถนนใหม่ๆ ยังไม่มีเขื่อนลำตะคอง



แนวถนนเดิมก่อนที่จะสร้างเขื่อนลำตะคอง ซึ่งถนนนี้ได้ถูกเปลี่ยนมาเป็นทางหลวงหมายเลข 2422
และถนนบางส่วนไม่ได้ถูกใช้งานจะอยู่ในเขตเขื่อน ถ้าถึงฤดูแล้งก็จะเห็นถนนนี้ขึ้นมาให้เห็น


ถนนนี้น่าจะเป็นถนนที่บอกได้ว่าสมัยที่สร้างถนนมิตรภาพที่ยังเป็น 2 ช่องจราจรนั้นเป็นแบบไหน
ซึ่งถนนมิตรภาพนี้แทบจะไม่มีจุดที่เป็น 2 ช่องจราจร อีกแล้วเพราะมีการปรับปรุงเพื่อรองรับกับปริมาณรถที่เพิ่มขึ้นทุกวัน


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



แนวถนนสายเดิมก่อนที่จะตัดเส้นทางทำให้ระทางสั้นลง บางช่วงของถนนนี้เป็น 4ช่อง และยังคงมี 2 ช่องจราจรด้วยะ


สภาพถนนเจนจบทิศช่วงยังมี 2 ช่องจราจร


จุดสุดท้ายที่ถูกยกเลิกจากการเป็นถนนหมายเลข 2 คือถนน 233 ช่วงตั้งแต่แยกการเคหะแห่งชาติ ไปจบถึงตัวเมืองหนองคายซึ่งแต่เดิมเป็นทางหลวงหมายเลข 2 แต่ถูกยกเลิกไปเพื่อให้ถนนเชื่อมต่อกับประเทศลาวแทน ซึ่งถนน 233 เป็น 4 ช่องจราจรไปหมดแล้ว







วันพฤหัสบดีที่ 1 สิงหาคม พ.ศ. 2562

vuejs firebase การ deploy เข้า Server

1.ที่ project vue ให้ พิมพ์คำสั่ง npm run build  เพื่อทำการ complie ไฟล์
2.เข้าไปที่โฟลเดอร์ dist ภายใน project vue ด้วย cmd


3.ทำการพิมพ์คำสั่ง firebase init เพื่อสร้าง Project ในการ deploy
 Are you ready to proceed? (Y/n) ให้กด Y

เลือก Hosting ด้วย Spacebar

เลือก project ที่สร้างไว้ใน firebase ไว้แล้วหากยังไม่ได้สร้างให้เข้าไปสร้างก่อน


กด Enter ตามรูป


4.เปิดไฟล์ firebase.json เพื่อแก้ไข โดยการเปลี่ยเป็น . ดังรูป แล้วกด Save


5.พิมพ์ firebase deploy ใน cmd เป็นอันเสร็จเรียบร้อย


เปรียบเทียบขนาดของเมืองในไทย 10 อันดับ ด้วย googlemap

การจัดอันดับนี้ใช้ภาพถ่ายของ google เป็นหลัก อาจจะไม่ตรงกับความเป็นจริงสักเท่าไหร่นัก
แต่ก็พอมองดูความเจริญของหัวเมืองต่างๆ พอได้

1.กรุงเทพ
เมืองหลวงของประเทศก็ยังคงต้องเป็นเมืองที่ใหญ่ที่สุด



2.ชลบุรี มีบริเวณเมืองในเขตอำเภอเมืองชลบุรี บางแสน แหลมฉะบัง และนิคมอุตสาหกรรม


3.ระยอง มีบริเวณอำเภอเมืองและเขตนิคมอุตสาหกรรมเป็นหลัก

4.สมุทรปราการ มีเขตเมืองต่อเนื่องจากเขตบางนาของกรุงเทพ
เรียกได้ว่าเป็นส่วนต่อของกรุงเทพ



5.เชียงใหม่ ขนาดของเมืองอยู่บริเวณรอบถนนวงแหวนเสียเป็นส่วนใหญ่


6.ภูเก็ต ตัวเมืองจะเป็นพื้นที่บริเวณกว้าง ไม่หนาแน่นเหมือนเมืองอื่นๆ



7.สุราษธานี


8.หาดใหญ่ ความจริญอยู่ตามแนวรางรถไฟ


9.นครราชสีมา เป็นเมืองที่โตแนบยาว


10.ขอนแก่น เมืองจะโตและหนาแน่นในบริเวณย่านสถานีรถไฟ