มานพ กองอุ่น

wave
มานพ กองอุ่น

มานพ กองอุ่น

เป็นสมาชิกเมื่อ: 18 ธ.ค. 2009

กระทู้

56

บทความ

116

บทเรียนรู้

321

Software Developer

  • ตามเก็บรูปจาก Google Image Search ด้วย Google Image Download

    3 ม.ค. 2019 Tutorial

    เราสามารถดาวน์โหลดรูปจาก Google Search Image ได้โดยไม่ต้องคลิกดาวน์โหลดทีละรูป โดยใช้ Google Image Download https://github.com/hardikvasa/google-images-download ใน Package นี้เป็นภาษา ​Python ดังนั้นต้องติดตั้ง Python ก่อน และ pip จากนั้นพิมพ์คำสั่งในการติดตั้ง google image download pip...

  • Tensorboard

    31 ธ.ค. 2018 Tutorial

    เริ่ม  tensorboard --logdir path/to/log & localhost:6006 kill pkill -f "tensorboard"  

  • คำสั่งในการสร้าง Model ใน Tensorflow

    31 ธ.ค. 2018 Tutorial

    python -m scripts.retrain --bottleneck_dir=tf_files/bottlenecks --how_many_training_steps=500 --model_dir=tf_files/models/ --summaries_dir=tf_files/training_summaries/"${ARCHITECTURE}" --output_graph=tf_files/retrained_graph.pb --output_labels=tf_files/retrained_labels.txt --architec...

  • Flutter คืออะไร

    8 ธ.ค. 2018 Tutorial

    Flutter คือ SDK สำหรับพัฒนา Application บน Mobile ซึ่งพัฒนาโดย Google โดย Flutter นั้นสามารถ build ไปยัง iOS และ Android ได้ด้วยการเขียนเพียงครั้งเดียว  Flutter พัฒนาด้วยภาษา Dart ซึ่ง Google เคลมว่า Fast Development หรือสามารถพัฒนา Application ได้อย่างรวดเร็ว Expressive, beautyf...

  • สร้าง API แบบ RESTFul ด้วย Yii Framework 2 พร้อม Token JWT

    23 พ.ย. 2018 Tutorial

    สำหรับบทเรียนรู้นี้เป็นการแชร์การทำ Authentication Baerer แบบ Token ​​JWT (ใช้ firebase jwt) สำหรับการเข้าถึง API โดยมีการ custom route ก่อนอื่นขอแชร์ Starter Package ไว้ก่อนล่ะกันครับ https://github.com/kongoon/yii2-training-laos-pdr สามารถ clone มาทดลองใช้กันได้ครับ หมายเหตุ ถ้าใ...

  • แสดง HTML ใน Page แบบสวยๆ กับ Flutter

    23 พ.ย. 2018 Tutorial

    ปัญหาหนึ่งที่เจอ เนื่องจากใน API ฝั่ง Server เราไม่ได้เขียนให้ตัด HTML ทำให้การแสดงผลใน Page นั้นมีคำสั่ง HTML โผล่มา นั่นคงไม่ดีแน่ ดังนั้น เรามีวิธีจัดการแปลงคำสั่งเหล่านี้ให้แสดงผลให้ถูกต้องด้วย libary 2 ตัว นั่นคือ html2md flutter_html_view ไม่ระบุ version นะครับ ลองไปค้นดู เพราะ ve...

  • คำสั่ง SQL ในการแปลง string เป็น datetime

    25 ก.ย. 2018 Tutorial

    -- SQL Server string to date / datetime conversion - datetime string format sql server  -- MSSQL string to datetime conversion - convert char to date - convert varchar to date  -- Subtract 100 from style number (format) for yy instead yyyy (or ccyy with century)  SELECT&...

  • เพิ่ม Font THSarabunNew ใน mPDF version 7

    16 ส.ค. 2018 Tutorial

    ในบทเรียนรู้นี้เรามาเพิ่ม font ใน mPDF version 7 กัน ซึ่งมีการตั้งค่าที่สะดวกกว่าเดิมมาก ดังนี้ โดยสร้าง folder fonts แล้วนำ font THSarabunNew.ttf มาวางใน /fonts แล้วตั้งค่าต่างๆ ลักษณะดังนี้ index.php <?php require_once 'vendor/autoload.php'; $mpdf = new \Mpdf\Mpdf(); $defaultC...

  • แปลง Timestamp เป็น Y-m-d H:i:s ด้วย beforeSave() และ afterFind()

    30 ก.ค. 2018 Tutorial

    บทเรียนรู้นี้เรามาแปลง timestamp เป็น Y-m-d H:i:s หรือ format อื่นๆ ได้ตามต้องการ ปัญหาคือ ใน database เราเก็บข้อมูลแบบ timestamp ซึ่งเมื่อเรานำมาแสดงผลใน DatePicker จะไม่สามารถนำมาแสดงผลได้ถูกต้อง ดังนั้นเราจะต้องแปลงกลับไปกลับมาด้วย beforeSave() เมื่อเพิ่ม/แก้ไขข้อมูล และ afterFind() เมื่อ เลือกข้...

  • สร้าง theme bulma ใน Yii Framework 2

    18 ก.ค. 2018 Tutorial

    Bulma เป็น CSS Framework อีกตัวหนึ่งที่มีความนิยมไม่แพ้ Bootstrap ซึ่งเราสามารถนำมาใส่ใน Yii Framework 2 เราได้เหมือนกัน ติดตั้ง Bulma ก่อนอื่นเนื่องจาก bulma เป็น package หนึ่งของ bower ดังนั้นเรามาติดตั้ง bulma ผ่าน bower package โดยเข้าไปที่ root ของ project แล้วพิมพ์คำสั่ง  b...

  • จับ Session ใส่ Database ให้เข้าระบบ Session เดียว ใน Yii Framework 2

    18 ก.ค. 2018 Tutorial

    ในบทเรียนรู้นี้เป็นการแก้ปัญหาโดยให้สมาชิก Login เพียงแค่เครื่องเดียว ที่ Login ใช้งานล่าสุด ตัวที่ Login ค้างไว้ให้ Logout แบบ Auto ซึ่งนั่นเราจะต้องจัดการกับ Session ที่เข้าใช้งานเว็บไซต์ให้ได้นั่นเอง โดยทั่วไปแล้ว Session จะเกิดที่ Browser ฝั่ง Client และจะถูกทำลายไปเมื่อปิด Browser ฉะนั้น...

  • Upload file เข้าสู่ Amazon Web Service (AWS) S3 Storage ด้วย Yii Framework 2

    17 ก.ค. 2018 Tutorial

    สำหรับ Amazon Web Service นั้นมีบริการ S3 Storage ที่ออกข่าวว่ามีค่ายโทรศัพท์ค่ายหนึ่งทำการ public จนมีการคัดลอกสำเนาบัตรประชาชนออกไปได้นั่นแหละครับ คือถ้าไม่ public มันจะไม่สามารถ access จากที่อื่นๆ ได้นั่นเอง ทีนี้ตัว S3 Storage นั้นมี PHP SDK ให้เราโดยสามารถติดตั้งผ่าน composer ได้โดยใช้คำ...

  • ตัด frontend/web ใน url ให้สั้นลงใน Yii Framework 2

    16 ก.ค. 2018 Tutorial

    ใน Yii Framework 2 นั้นหากเราติดตั้งที่ server ที่เราไม่สามารถเปลี่ยน document root ของเว็บไซต์ไปที่ frontend/web ได้ เมื่อเรา request ไปยังเว็บจะทำให้ url ยาว เช่น yourdomain.com/frontend/web ดังนั้นในบทเรียนรู้นี้เราจะมาตัด frontend/web หรือ backend/web ออก ให้สามารถเรียก url yourdomain.com แล...

  • MacBook Pro 2018 ออกรุ่นใหม่แล้ว

    14 ก.ค. 2018 Blog

    หลังจากที่รอคอยกันครึ่งปี วันนี้ Apple ได้ออก MacBook Pro รุ่นใหม่ 13 นิ้ว และ 15 นิ้ว พร้อมอัพเกรดฮาร์ดแวร์ต่างๆ ให้มีความเร็วมากขึ้น โดยมีรายละเอียดรุ่นต่างๆ ดังนี้ MacBook Pro 13 นิ้ว รุ่นไม่มี Touch Bar สำหรับรุ่นนี้ยังไม่มีการอัพเกรดโดยยังคงใช้ CPU แบบ Dual Core อยู่เหมือนเดิม ซึ่งมีร...

  • มาตรฐานค่าแถบสีธงชาติไทย

    12 ก.ค. 2018 Blog

    การกำหนดค่าสีให้เป็นมาตรฐานเพื่อเป็นแนวทางในการใช้สีธงชาติให้ถูกต้อง เป็นมาตรฐานเดียวกัน ตามหน่วยสากล ซึ่งวัดค่าด้วยเครื่อง Colorimetric spectrophotometer จาก 3 แหล่งคือ ธงชาติจากพิพิธภัณฑ์แห่งชาติ จากธง 2 ประเภท ได้แก่ ธงชัยเฉลิมพล และ ธงไตรรงค์ ธงชาติจากพิพิธภัณฑ์ธงชาติไทย ธงจากราชนาวี...

  • หาเวลา timestamp ในการแก้ไขไฟล์ด้วย filemtime()

    11 ก.ค. 2018 Tutorial

    โจทย์ปัญหาคือเมื่อมีการแก้ไขรูปโปรไฟล์ โดยการ uplaod ขึ้น server แล้ว browser จำ cache รูปเดิม จะทำอย่างไรให้ browser รู้ว่าเป็นรูปภาพใหม่ ดังนั้นเราจะต้องใส่ timestamp เข้าไปตอนแสดงผลรูปภาพด้วย image.jpg?12345566 ดังนั้น timestamp ของการแก้ไขรูปภาพน่าจะเหมาะสมที่สุด โดย filemtime() มีลักษณะ...

  • กำหนดให้รูปภาพย่อ-ขยายอัตโนมัติตามขนาดหน้าจอด้วย CSS

    9 ก.ค. 2018 Tutorial

    สำหรับบทเรียนรู้นี้เป็นการกำหนดให้รูปภาพย่อขยายอัตโนมัติตามขนาดหน้าจอที่เปิด โดยกำหนดดังนี้ <div class="page-content"> <img src="path/to/image.jpg" /> </div> ใน css จะเขียนดังต่อไปนี้ .page-content img { max-width: 100%; height: auto!important; } &n...

  • ใส่ ... เมื่อข้อความยาวด้วย CSS

    9 ก.ค. 2018 Tutorial

    ตัวอย่างนี้เป็นการกำหนดให้ข้อความตัดอัตโนมัติเมื่อยาวเกินกว่าขอบเขตการแสดงผล โดยใช้ css ในการตัดด้วยคำสั่ง overflow โดยมีการกำหนดดังนี้ <div class="post-title"> <h2>ทดสอบข้อความหัวเรื่องยาวๆ</h2> </div> สำหรับ css จะเขียนดังนี้ .post-title h2 { white-s...

  • Vue.js: Event modifiers

    7 ก.ค. 2018 Tutorial

    สำหรับ event modifiers นั้นเป็นการกำหนดรายละเอียดให้กับ event เช่น คลิกได้แค่ครั้งเดียว โดยใช้ .once เป็นต้น โดยสามารถกำหนดค่าต่างๆ ได้ดังต่อไปนี้ .stop .prevent .capture .self .once .passive ตัวอย่าง See the Pen Vue12 by Manop Kongoon (@kongoon) on CodePen.  

  • Vue.js: Events

    7 ก.ค. 2018 Tutorial

    events เป็นเหตุการณ์เมื่อผู้ใช้งานทำบางอย่างกับ web application เช่น click เป็นต้น แล้วเราจะให้เกิดอะไรขึ้น เราก็สามารถกำหนด หรือดักจับ event ได้ ตัวอย่าง การดักจับ event เมื่อ คลิก และ double click แล้วไปเปลี่ยนค่าของ data   See the Pen Vue11 by Manop Kongoon (@kongoon) on CodePen...