Uncategorized

Package บน ATOM

Package บน ATOM ที่ช่วยให้การเขียน Code สะดวกมากยิ่งขึ้น ประกอบไปด้วย Package เหล่านี้ Emmet ช่วยให้เราสามารถเขียน code ได้ง่ายขึ้น เพียงแค่พิมพ์ Syntax สั้นๆ สามารถดู syntax ได้ตามลิงค์นี้ http://docs.emmet.io/cheat-sheet/ atom-beautify ช่วยให้เราจัดฟอร์แมตของ code ให้สวยงามง่ายๆ เพียงกด Ctrl-Alt-B autoclose-html เครื่องมือที่ช่วยในการปิดแท็ก ของภาษา html ซึ่งจะปิดแท็กให้เราเอง script เครื่องมือที่ช่วยในการ run code ภายใน ATOM ได้เลย เพียงกด CTRL+SHIFT+B Linter เป็น package สำหรับตรวจสอบ Error ต่างๆ สามารถตรวจสอบได้หลายภาษา

Package บน ATOM Read More »

ความแตกต่างระหว่าง my sql กับ my sqli

ความแตกต่างระหว่าง my sql กับ my sqli        My sql เป็นระบบโปรแกรมจัดการข้อมูล  มีหน้าที่เก็บข้อมูลอย่างเป็นระบบ เพื่อให้ระบบรองรับการใช้งานของผู้ใช้ เช่น  การทำงานร่วมกับเครื่องบริการเว็บ web server เป็นระบบจัดการฐานข้อมูลโดยใช้ ภาษา SQL  ——>    ในส่วนของคำสั่ง  mysqli คือ extension(MySQL Improved Extension) ถูกพัฒนามาจาก คำสั่ง My Sql อีกทีเพืือที่จะเขียนในรูปแบบเดิมและรูปแบบ OOP ได้อย่างสมบูรณ์ครับ สนับสนุน transaction ทุกชนิดแต่ไม่รองรับ myisam ตารางเปรียบเทียบMySQL mysqli PDO ตัวอย่างการใช้ภาษา my sql กับ my sqli      ตัวอย่างคำสั่ง  my sql 1. SELECT- FROM privince_th

ความแตกต่างระหว่าง my sql กับ my sqli Read More »

UX UI ต่างกันอย่างไร ?

~~~~~~~~~~~~~สวัสดีค่าาา~~~~~~~~~~~~~ UX UI ต่างกันอย่างไร ? หลายๆคนคงจะเกิดความสงสัยว่าทำไมคำว่า UX UI ถึงอยู่ติดกันตลอดเลยย เกิดความคิดในใจว่าความหมายของมันเหมือนกันรึป่าว ลองมาดูกันนนนน ~~~ UX กับ UI ต่างกันยังไง? คนส่วนมากมักจะเกิดความเข้าใจผิดๆของ UX/UI บ่อยครั้ง เนื่องจากคิดว่า UX/UI คืออย่างเดียวกัน ความจริงแล้วมีเส้นบางๆคั่นกันอยู่นิดเดียวระหว่าง UX และ UI ในการประกาศรับสมัครงานที่มักจะรับสมัครในตำแหน่งการออกแบบ UX/UI ผู้ทำงานจึงอาจมีความ(จำเป็น)ต้องมีความสามารถทั้ง 2 อย่างในคนๆเดียวกัน  เพื่อให้ตรงกับความต้องการ ก็เลยกลายเป็นงานอย่างเดียวกันไปโดยปริยาย มั้ง แต่อย่างไรก็ตาม… UI ก็ไม่ใช่ UX ซะทีเดียว . . . ความแตกต่างของ UI กับ UX อีกสิ่งที่เหมือนกันและอาจทำให้คนเข้าใจผิดไปอีก คือ การขึ้นต้นด้วยคำว่า U = User หมายถึงงานทั้ง 2 มีความเกี่ยวข้องไปถึงผู้ใช้งานเหมือนกัน แต่จริงๆคำตอบมันมีอยู่แล้วว่ามันต่างกัน

UX UI ต่างกันอย่างไร ? Read More »

โปรแกรม Android กับ Java Syntax เบื้องต้น

—-****** Android กับ Java Syntax *****—– การเขียนโปรแกรม android  นั้นอาจจะใช้เครื่องมือในการเขียน บนโปรแกรม eclipse หรือ  android studio ก็ได้ โดยการเขียนนั้นใช้ภาษา java รูปแบบการเขียนเป็น OOP  โดยการเขียนในโปรแกรมภาษา JAVA  ในส่วนของ android studio นั้น จะแบ่งเป็นส่วนของ ภาษา XML และหลักภาษา java ในส่วนของ XML นั้น จะเป็นส่วนที่ถูกออกแบบใน GUI  การสร้างหน้าจอ คำสั่งปุ่มต่างๆ ตัวอย่างเช่น คำสั่งการใช้ปุ่ม <Button> android:id=”@+id/btn1″                          <———————  สร้าง id ให้กับปุ่ม    

โปรแกรม Android กับ Java Syntax เบื้องต้น Read More »

Office syndrome – ออฟฟิศซินโดรม คือ

อาการ ออฟฟิศซินโดรม คืออะไร?? ออฟฟิศซินโดรม เป็นอาการที่พบบ่อยในคนที่ทำงานในออฟฟิศ ซึ่งต้องนั่งทำงานตลอดเวลา แทบไม่ได้เคลื่อนไหวร่างกายไปไหนมาไหน หรือเคลื่อนไหวร่างกายน้อยมากในแต่ละวัน ทำให้กล้ามเนื้อเกิดการตึงเครียด เมื่อนั่งนาน ๆ จะก่อให้เกิดอาการกล้ามเนื้ออักเสบ ปวดเมื่อยหลัง ไหล่ คอ บ่า แขน ข้อมือ บางรายปวดเกร็งอย่างรุนแรงจนหันคอ หรือก้มเงยไม่ได้เลย พฤติกรรมที่ทำให้เกิด ออฟฟิศซินโดรม มักจะนั่งทำงานติดต่อกันนาน ๆ เพ่งจอคอมพิวเตอร์ติดต่อกันนานเกิน 1 ชั่วโมง โต๊ะ-เก้าอี้ ที่ใช้นั่งทำงานไม่สะดวกสบาย นั่งใกล้เครื่องถ่ายเอกสาร เครื่องแฟกซ์ หรือเครื่องพิมพ์เอกสาร

Office syndrome – ออฟฟิศซินโดรม คือ Read More »

Lambda บน Ruby และ Capybara

เจ้าอาจจะเคยได้ยินเกี่ยวกับ Lambda มา หรือเจ้าอาจจะเคยสัมผัสแล้ว ในภาษาอื่น นอกจากชื่อประหลาดนี่แล้ว Lambda ก็เป็นแค่ Function… ที่ไร้ชื่อ …นิรนาม Function นี้ แทรกซึม คลืบคลานไปทั่ว Code ทั้งหมด Lambda ใน Ruby ก็เป็น Object เช่นกัน ก็เหมือนกับสิ่งอื่นๆ ทั้งหมดนั่นแหละ สุดท้ายแล้ว Lambda ก็จะ Return ค่า เหมือนกับ Function ทั่วไป ฟังดูน่าเบื่อ แต่มันจะมอบพลังให้มากมายมหาศาล… Blog นี้จะพูดถึงการใช้งาน Lambda ในฐานะ QA ที่เขียน Automated Testing ด้วย Rspec, Capybara บน Ruby ซึ่งปกติแล้ว ในการเขียน Feature Spec เราก็ต้องคิดก่อน คล้ายกับเราไปนั่งกด Test

Lambda บน Ruby และ Capybara Read More »

การใช้งาน โปรแกรม gimp

โปรแกรม gimp  เป็นโปรแกรมแต่งรูปที่มีลักษณะการทำงานคล้ายๆ โปรแกรม photoshop  โปรแกรมวาดรูปสุดเก่งของลีนุก คุณสมบัติการใช้งานของ โปรแกรม gimp 1. มีเครื่องมือการใช้งานอย่างครบครัน 2 Transparency Support 3.Layers and channel 4.Undo Redo not limited Transformation tools 5. Plugin ง่ายต่อการติดตั้ง 6. Video Editing และอีกการทำงานที่สำคัญของโปรแกรมนี้ คือเป็นโปรแกรมแต่งรูปที่สามารถใช้คีย์ลัด หน้าต่างของโปรแกรม  gimp การสร้างงานใหม่ 1. ที่กรอบหน้าต่าง Main Toolbox คลิกเมนู File –>New หรือ กดแป้น Ctrl+N ที่คีย์บอร์ด 2. จะปรากฏกรอบหน้าต่าง Create a New Image ให้กำหนดรูปแบบของหน้าต่างแสดงภาพ 2. กำหนดขนาดของความกว้างยาวของขนาด  Width –

การใช้งาน โปรแกรม gimp Read More »

การใช้งาน Git ขั้นพื้นฐาน

Git ขั้นพื้นฐาน Git คือ Version Control ที่ใช้ในการพัฒนา Software ช่วยเก็บรักษาไฟล์ สามารถติดตามการเปลี่ยนแปลงของไฟล์ได้ รวมทั้งสามารถย้อนกลับไปยัง Version ต่างๆได้ การใช้งานคำสั่งพื้นฐาน Git ที่ใช้งานกันบ่อยๆ บน Terminal git status คือ แสดงไฟล์ที่มีการเปลี่ยนแปลง หรือยังต้องการ add หรือ commit git add คือ การเพิ่มไฟล์เป็นสถานะ stage git reset คือ การ unstage ไฟล์ที่เราเคย stage git commit คือการ commit ไฟล์ที่ stage โดยมักจะใช้  git commit -m เพื่อเพิ่มข้อความในสิ่งที่ทำไป git log คือการดุประวัติที่เคย commit ไว้ git

การใช้งาน Git ขั้นพื้นฐาน Read More »

[HTML5] Web Storage

Web Storage คือ ตัวเก็บข้อมูลที่ Browser หรือทางฝั่ง Client นั้นเอง เอ๊ะ! คุ้นๆกับความหมายมันไหมล่ะครับ ใช่แล้ว มันคล้ายๆ กับ Cookie นั้นเอง แต่เจ้าตัว Web Storage นั้นมากับ HTML5 ซึ่งความต่างของเจ้าตัว Web Storage กับ Cookie มีความต่างดังนี้ Web Storage Cookie ขนาด: เก็บข้อมูลได้ 5 MB ขนาด: เก็บข้อมูลได้ 4 KB ความเร็ว: ข้อมูลจาก Web Storage จะไม่ส่งไปกับ HTTP request จะใช้ก็ต่อเมื่อเรียกใช้เท่านั้น ความเร็ว: ในทุกๆ ครั้งที่เกิด HTTP request ข้อมูล cookie จะต้องถูกส่งไปด้วย ส่งผลให้การส่งผ่านข้อมูลนั้นช้าลง เรารู้ความต่างของมันไปแล้วเรามารู้จักกับมันกันดีกว่าครับ

[HTML5] Web Storage Read More »

HTML5 แตกต่างจาก HTML4 อย่างไร ?

HTML5 แตกต่างจาก HTML4 ? เว็บที่เราเห็นกันทุกวันนี้แสดงผลให้เราเห็นได้ด้วย HTML โดย HTML 4 นั้นออกมาตั้งแต่ปี คศ. 1999 ซึ่งเมื่อเวลาผ่านไปความต้องการของผู้ใช้งานก็เปลี่ยนไปด้วย โดยในปัจจุบันมีการใช้สื่อ Multimedia ต่างๆ มากขึ้น จึงมีการปรับสเป็คของ HTML ให้สามารถใช้งานกับสื่อ Multimedia ได้ด้วยตัวเองโดยไม่ต้องพึ่งพา Flash หรือ Media player ต่างๆ จึกเกิดเป็น HTML 5 ที่รองรับ Tag Audio และ Video รวมทั้งมีการเพิ่มแท็กที่ใช้ในการสื่อความหมายของโครงสร้าง (Semantic) โดนเมื่อก่อนเราจะใช้ <div> แทนทุกๆที่และใส่ class หรือ id ในการบ่งบอกแทน สิ่งที่มีขึ้นมาใหม่ใน HTML5 Semantic Element คือแท็กที่ให้ความหมายกับโครงสร้างของ HTML เช่น <header>, <article> , <section>

HTML5 แตกต่างจาก HTML4 อย่างไร ? Read More »