สาระความรู้
สาระความรู้จากสมาคมโปรแกรมเมอร์ไทย
React native หรือ Flutter เราควรเลือกใช้ตัวไหนในการสร้าง Mobile app ดี?
ปัจจุบันการสร้างแอพพิเคชั่น แบบ Cross-platform กำลังเป็นที่นิยม ด้วย Framework ที่สามารถสร้าง Native app โดยไม่ต้องใช้ภาษา swift สำหรับ iOS หรือว่า Java สำหรับ Android เลย React native และ Flutter เป็น Frameworkในการใช้สร้าง Appแบบ Cross-platform ที่ได้รับความนิยมอย่างมาก ปัจจุบันนี้ก็ได้ใช้สร้างแอพพลิเคชันเป็นหลายพันแอพเลยทีเดียว แต่ถ้าเราจำเป็นต้องเลือกระหว่าง Reactive หรือ Flutter เราควรจะเลือกใช้ตัวไหนดี? ไม่มีคำตอบที่ถูกต้องเสมอไปสำหรับคำถามนี้ คำตอบนี้ขึ้นอยู่กับความต้องการทางธุรกิจและ การใช้งานของคุณ ทั้ง Reactive และ Flutter ถือว่าเป็นคู่แข่งที่ทรงพลังพร้อมทั้งมีข้อดีและข้อเสีย ในฐานะที่ผู้เขียนนั้นเป็นผู้พัฒนา React native ผู้เขียนได้พยายามเขียนบทความนี้ขึ้นมาโดยไม่มีความลำเอียง React Native และ Flutter มาพร้อมกับความคล้ายคลึงกันหลายๆ อย่างเช่น การสร้างแอพแบบ Cross-platform โดยใช้ Code […]
วิธีการติดตั้ง React ตั้งแต่เริ่มต้น
แม้ว่า React จะได้รับความนิยมอย่างมาก แต่การติดตั้งแอปพลิเคชั่นตั้งแต่เริ่มต้นนั้นกลับเป็นงานที่ยากลำบาก เพื่อแก้ปัญหาสิ่งเหล่านี้ Facebook มาพร้อมกับฟีเจอร์อย่าง create-react-app เพื่อให้เป็นมิตรกับผู้ใช้ วันนี้ลองใช้เวลาในการทำความเข้าใจความซับซ้อนของแอพ React กัน
10 Front-End Framework มาแรงในปี 2018
เมื่อต้องพัฒนาเว็บไซต์ใหม่ Front-End Framework ช่วยให้คุณสามารถเริ่มงานได้ทันที ด้วยความนิยมของ framework จึงทำให้มี Front-End Framework ให้เลือกใช้งานหลายแบบและยังมี framework ใหม่ๆ ออกมาอยู่เสมอ
เทรนด์ออกแบบหน้าเว็บและแอพมาแรง ปี 2018 Part 2
สวัสดีครับ ยินดีต้อนรับสู่ Part 2 ครับ เพื่อเป็นการไม่เสียเวลาเรามาดูกันเลย Split Screens การแบ่งหลายจอนี้ ปรากฎได้ในเว็บและมือถือตั้งแต่สมัยอดีต ซึ่งปัจจุบันเทรนดังกล่าวนี้กลับมาอีกครั้ง วิธีการนี้จะมีประสิทธิภาพในแง่ของการออกแบบที่สามารถตอบสนองต่อผู้ใช้งานได้ดี เนื่องจากผู้ใช้สามารถเล่นกับเนื้อหาที่มีความหลากหลาย ให้ความสอดคล้องกัน แล้ววิธีการนี้ยังทำให้นักออกแบบมีพื้นจินตนาการที่ไร้ขีดจำกัด ในการดีไซน์ออกแบบผสมสี บางเว็บไซต์นั้นใช้หน้าจอแยกเพื่อนำเสนอตัวเลือกของผลิตภัณฑ์ที่มีความสำคัญเท่ากันหรือใกล้เคียงกัน สำหรับแอพหาคู่นี้ ใช้หน้าจอแยกตามแนวทแยงมุม บวกกับคอนทราสต์ของสี ซึ่งจะสร้างความกลมกลืน เนื่องจากมีการสอดคล้องกับเงา เว็บไซต์สารานุกรม ใช้หน้าจอแยกสำหรับแบ่งหน้ารายการ สำหรับมือถือ หน้าจอแยกกลายเป็นเทรนด์ที่เป็นมิตรกับผู้ใช้ เป็นการแก้ไขปัญหาของเนื้อหาและลำดับข้อมูลให้สามารถอ่านได้ง่าย โดยวิธีการจะเป็น ใช้กล่องหรือช่องว่างที่มีพื้นหลังโปร่งแสงสำหรับหัวเรื่องหลัก และเป็นการเพิ่มความคมชัดสวยงามให้กับหน้าเว็ปไซต์ แอปสูตรอาหารมังสวิรัติ ใช้การแบ่งสีบนพื้นหลัง เมื่อผู้ใช้รูดการ์ดสูตรในแคตตาล็อกจะมีการแยกความแตกต่างของส่วนที่สว่างและมืด เมื่อทำการส่งข้อมูลไปหน้าถัดไป หน้าจอก็จะถูกแยกออกจากกัน แอป Watering Tracker จะใช้หน้าจอแยกแนวนอน: ส่วนบนที่มีพื้นหลังที่มืดเป็นที่ดีสำหรับการนำเสนอแผนภูมิและภาพ ในขณะที่ส่วนที่ต่ำกว่าใช้พื้นหลังโทนสว่าง เพื่อให้อ่านง่าย Bold Typography ตัวพิมพ์ที่เป็นตัวหนาและยังคงเป็นที่ปรากฏในเว็บและมือถืออย่างต่อเนื่อง ตอนนี้มันกลายเป็นหนึ่งในองค์ประกอบการออกแบบที่สำคัญและนักออกแบบให้ความสนใจเป็นอย่างมาก ลำดับชั้นของตัวอักษรและแบบอักษรที่เหมาะสม เป็นส่วนประกอบหลักของทุกโครงการออกแบบ UI Landing Page ของ Big City Guide ใช้วิธีประยุกต์ลำดับตัวอักษร และ ภาพ […]
พิชิตปัญหาคุยกับไอทีไม่รู้เรื่อง ด้วยภาษาอังกฤษ!
เคยไหมที่ไอทีพูดอะไรก็ไม่รู้ แล้วคุณรู้สึกปวดหัวไหม? เคยอยากลองแก้ปัญหาไอทีเอง แล้วรู้สึกศัพท์อะไรไม่รู้เต็มไปหมด? ต้องปฎิเสธไม่ได้เลยทุกวันนี้คุณต้องใช้เทคโนโลยี และก็ต้องพบกับปัญหาหรือการเรียนรู้มากมาย ไม่ว่าจะเป็น
อนาคตของ Java Enterprise
ช่วงไม่กี่เดือนที่ผ่านมานี้ มีการเปิดเผยว่า ภาษา Java กำลังพบกับการเปลี่ยนแปลงครั้งใหญ่อีกครั้ง นอกจากการโหวตให้มีการเปลี่ยนชื่อของ Java Enterprise จากปัจจุบัน Java EE เป็น Jakarta EE – แบรนด์ที่อยู่ภายใต้การดูแลของ Eclipse Foundation สำหรับผู้ใช้ coding robust แอพพลิเคชั่นเอนเตอร์ไพร์ส โดยใช้ภาษา Java ในการปรับปรุงผลิตภัณฑ์และก้าวเข้าสู่ตลาด DevOps ที่กำลังแข่งขันสูงอยู่แล้ว อาจดูเหมือนเป็นสถานการณ์ที่เลวร้าย
คู่มือลัด: Scrum สำหรับสตาร์ทอัพ
สกรัม (Scrum) เป็นการบริหารโปรเจคอไจล์ (Agile) รูปแบบหนึ่งที่เน้นไปที่การทำงานให้เกิดผลอย่างเป็นรูปธรรม ความเร็วและการทำรอบ หากคุณได้ก้าวเข้าสู่ชุมชนสตาร์ทอัพ คุณอาจเคยได้ยินเกี่ยวกับวิธี Lean ทีม Scrum และ Agile ต่างก็มีหลายความเห็นมากมาย วันนี้ผมต้องการตัดความคิดเห็นที่คุณเคยได้ยินมาออกไป และโฟกัสกับสิ่งที่สามารถเปลี่ยนวิธีการบริหารทีม บริษัท หรือแม้กระทั่งชีวิตของคุณเอง:
ภาษาอังกฤษสำหรับ IT
ผู้มีทักษะด้านคอมพิวเตอร์ได้พัฒนา และบำรุงเครื่องมือคอมพิวเตอร์และซอฟต์แวร์ ก่อเกิดเป็นรากฐานของอินเตอร์เน็ตในปัจจุบัน พวกเขายังได้สร้างผู้เชี่ยวชาญ และ งานของอุตสาหกรรมนี้อีกว่า 34 เปอร์เซ็นต์ โปรแกรมเมอร์ลงมือเขียน ทดสอบ และปรับแต่งรายละเอียดคำสั่งการทำงาน ที่เรียกกันว่า โปรแกรม หรือซอฟต์แวร์ ที่คอมพิวเตอร์สามารถทำงานตามคำสั่งอย่าง เชื่อมต่ออินเตอร์เน็ตแล้ว เปิดหน้าเว็บขึ้นมา การใช้ภาษาโปรแกรมเช่น C++ หรือ Java พวกเขาทำการแตกงานใหญ่ๆสำหรับคอมพิวเตอร์ ออกเป็นงานย่อยที่สุด แล้วร้อยด้วยพลังแห่งตรรกะ
เทรนด์ออกแบบหน้าเว็บและแอพมาแรง ปี 2018 Part 1
ในปี 2018 มีการออกแบบหน้าจอผู้ใช้งานหรือ User Interface(UI) เกิดขึ้นอย่างมากมาย เราจึงทำการรวบรวม การออกแบบหน้าจอที่ผู้ใช้งานส่วนใหญ่นิยมชมชอบ มองแล้วมีความสะดวกสบาย น่าค้นหา และตอบโจทย์ผู้ใช้งาน Full-Screen Background Images หนึ่งในเทรนด์ที่มาแรงคือการใช้ภาพพื้นหลังเต็มหน้าจอ โดยใช้ภาพถ่ายหรือเป็นภาพกราฟิกพิเศษ วิธีการนี้ทำให้หน้าจอดึงดูดสายตาและทำให้เกิดอารมณ์ร่วมในผลงานได้เป็นอย่างดี นอกจากนี้ยังทำให้รู้สึกถึงความสมบูรณ์ขององค์ประกอบของภาพและโครงสร้างทั้งหมดด้วยครับ ตัวอย่างหน้าจอ ของ Big City Guide ใช้รูปภาพเมืองที่มีชื่อเสียงโด่งดังอย่างเมืองเบอร์ลินเป็นภาพพื้นหลัง รวมกับทั้งเพิ่มข้อมูลของสถานที่ เพื่อนำเสนอให้ผู้ใช้งาน และช่วยให้ผู้ใช้สามารถจดจำสถานที่แห่งนี้ได้ง่ายขึ้น นี่คือตัวอย่างโฮมเพจของเว็ปไซต์ที่ทำขึ้นสำหรับสตูดิโอออกแบบ ที่เชี่ยวชาญด้านการออกแบบทั้งภายนอกและภายใน จากรูปนี้มีการวางวัตถุและแบ่งสีเป็นสีต่าง ๆ วิธีนี้เป็นการเสนอบริการของสตูดิโอแห่งนี้แก่ลูกค้า Several Interactive Layers ผู้ออกแบบตั้งใจนำเสนอหน้าเว็ปสามารถตอบสนองต่อผู้ใช้งานได้ วิธีการจะเป็นการที่มีภาพซ้อนหลาย ๆ ชั้นเมื่อทำงานกับการเลื่อนจอ (scroll) ทำให้ผู้ใช้งานสามารถได้รับรู้ข้อมูลที่มากขึ้นและยังได้ประสบการณ์ใหม่ที่ไม่เหมือนใคร ๆ นี่เป็นตัวอย่างของเว็ปไซต์การกุศลเกี่ยวกับการปกป้องมหาสมุทร เว็ปไซต์มีการปฎิสัมพันธ์ โดยนักออกแบบนี้ใช้ภาพ 2 ชั้น เมื่อทำการเลื่อนจอ ภาพจะขยับไปมา โดยทั่วไปแล้ววิธีนี้มักใช้ตัวหนังสือและรูปภาพเป็นเนื้อหาของข้อความ Custom Digital Illustrations ใช้ภาพกราฟิก วิธีการนี้ต้องการสื่อความหมายให้ผู้ใช้งานรับรู้อย่างเป็นธรรมชาติ […]
ภาษาอังกฤษสำหรับคนทำงานด้าน IT ตอนที่ 3 : ทักษะและความสามารถ (Skills and Abilities)
ต่อเนื่องจากตอนที่ 2 ที่เราได้แนะนำตัวเกี่ยวกับประสบการณ์การทำงาน ในตอนที่ 3 เราจะกล่าวถึงทักษะและความสามารถที่เรามี ซึ่งเป็นประโยชน์อย่างมากในการแนะนำตัวในวงการไอที
ระบบสี (The Color System)
ระบบสีของ Material Design สารมารถใช้สร้างสรรค์ธีมสีที่สะท้อนถึงสไตล์หรือแบรนด์ของคุณได้ สารบัญ พาเลทและการใช้สี การสร้างธีมสี เครื่องมือในการเลือกสี พาเลทและการใช้สี ระบบสี Material Design ใช้วิธีการจัดการอย่างเป็นระบบเพื่อใช้สีกับ UI ของคุณ ในระบบนี้แม่สีหลัก (Primary color) และสีรอง(Secondary color) จะถูกเลือกเพื่อแสดงถึงแบรนด์ของคุณ สีเข้มและสีอ่อนของแต่ละสีสามารถนำไปใช้กับ UI ของคุณได้หลายวิธี
ภาษาอังกฤษสำหรับคนทำงานด้าน IT ตอนที่ 2 : ประสบการณ์การทำงาน (Experience)
จากที่ตอนที่ 1 Introducing yourself เราได้รู้วิธีการแนะนำตัวเบื้องต้นกันไปแล้ว ในตอนที่ 2 เราจะมาแนะนำเกี่ยวกับประสบการณ์การทำงาน ซึ่งเป็นประโยชน์อย่างมากในการแนะนำตัวในวงการไอที สามารถนำไปใช้ในบทสนทนาทั้งในการสมัครงาน หรือไปงาน meetup ต่างๆ เราสามารถแนะนำประสบการณ์ที่เคยทำมาได้ดังนี้ เริ่มต้นจากการบอกตำแหน่งที่เคยทำ I was a full-stack web developer in the government sector for 3 years. (ผมเคยเป็น full-stack developer ในภาครัฐมา 3 ปี) รายละเอียดของงาน I worked closely with my clients to understand their needs and developed a web-based application using PHP & MySQL to […]