MehnDev
Content about Web and App Development
03/11/2020
#ทวงคืนPornhub
🌎 จาก 1-2 วันที่ผ่านมา ทางกระทรวงดิจิตอลทำการบล็อกเว็บไซต์ Pornhub เว็บประจำของใครหลายๆ คน
ปกติเว็บ Pornhub เป็นเว็บ HTTPS ที่มีการเข้ารหัสเว็บจึงทำให้บล็อกตัวเว็บโดยตรงไม่ได้ ทางกระทรวงจึงให้ ISP ไปทำการบล็อกในขั้นตอนการ Resolve DNS ที่เป็น HTTP ที่ไม่ได้เข้ารหัสแทน
ดังนั้นทางแก้ง่ายๆ ก็คือ การเข้ารหัส DNS ซะ แค่นี้ระบบจะไม่สามารถโดนดักได้ว่าเรากำลังยิง Domain Name อะไรเพราะเข้ารหัสอยู่ ซึ่งสามารถทำได้ง่ายๆ โดยเปิดการใช้ DNS-over-HTTPS บน Web Browser
▶️ Firefox:
Preferences > Network Settings > Enable DNS-over-HTTPS (CloudFlare)
▶️ Chrome:
Settings > Security > Use Secure DNS > With Custom > เลือก Google หรือ CloudFlare
04/09/2020
ขั้นตอนการตั้งค่าให้ VS Code ทำงานร่วมกับ flutter
1. เปิด VS Code เรียก View > Command Palette...
2. พิมพ์ install เลือก Extensions: Install Extensions
3. พิมพ์ flutter ในช่องค้นหา extension เพื่อติดตั้งส่วนเสริม
ตรวจสอบว่าส่วนเสริมพร้อมใช้งานหรือไม่
1. เรียก View > Command Palette...
2. พิมพ์ doctor เลือก Flutter: Run Flutter Doctor
3. ตรวจสอบดูผลลัพท์ใน OUTPUT Pane
การสร้าง project ใหม่ด้วย VS Code
1. เรียก View > Command Palette...
2. เลือก Flutter: New Project
3. ระบุชื่อ Project และตำแหน่งที่จะวาง Project
หลังจากการตั้งค่าให้ VS Code รู้จัก flutter แล้วจะมีแถบบาร์ด้านล่าง แสดงข้อมูลอุปกรณ์ที่จะทำการรัน app และสามารถทำการกดปุ่ม run เพื่อรัน app ของเราได้โดยตรงผ่าน VS Code (ไม่ต้องไปพิมพ์ flutter run ผ่าน command line ด้านนอก)
30/08/2020
ขั้นตอนการติดตั้ง flutter แบบเร่งด่วน (ฉบับคนขี้เกียจอ่าน doc)
- Download flutter จาก http://flutter.dev
- Upzip ไฟล์ที่ download มาเก็บสักที่บนเครื่อง
- เพิ่ม flutter path เข้าไปยัง PATH บนเครื่องด้วยคำสั่ง
$ export PATH="$PATH:"
เช่น ถ้าเราเก็บ flutter ไว้ที่ /Users/john/dev/flutter ก็ใส่เป็น export PATH="$PATH:/Users/john/dev/flutter"
- จากนั้นใช้คำสั่ง flutter doctor จากที่ไหนก็ได้ เพื่อเช็คว่าเราต้องติดตั้งโปรแกรมอะไรอื่นๆ เพิ่มเติมหรือไม่ เช่น Android Studio, XCode ถ้าติดตั้งแล้วก็พร้อมใช้งาน flutter ทันที
$ flutter doctor
29/08/2020
วันนี้ลองทำ web ด้วย flutter ง่ายดีแฮะ ใช้โค้ดเดิมได้เลย แค่ enable web development
$ flutter channel beta
$ flutter upgrade
$ flutter config —enable-web
จากนั้นก็สร้าง project แล้วรันได้ตามปกติ
$ flutter create myapp
$ cd myapp
$ flutter run
แต่เท่าที่ลองดูคือ เหมาะกับการทำ web app อย่างเดียว ไม่เหมาะกับทำหน้า website เท่าไหร่ เพราะ flutter ใช้ระบบ canvas ทำ SEO ก็ไม่ได้ ทำการ copy select text ก็ไม่ได้ แต่ถ้าใช้ทำแค่ web app ก็เหมาะอยู่นะ