Category Archive บทความทั่วไป

Byadmin

Cocoapods ตอนที่ 1 – แหล่งรวม Library สำหรับนักพัฒนา

cocoapods.org เป็นเว็บที่รวม Library สำหรับ swift และ Objective C

ใน Cocoapods จะมี Library ต่างๆ ซึ่งนักพัฒนาคนอื่นๆ ได้แชร์ไว้ เราสามารถนำมาใช้ในโปรเจ็คเราได้ ช่วยลดเวลาในการเขียนโค้ด และใช้ประโยชน์จากสิ่งที่คนอื่นเขียนไว้แล้ว และเรายังสามารถแบ่งปันให้คนอื่นใช้ร่วมกันด้วย ทำให้เกิดประโยชน์ต่อสังคมนักพัฒนาโปรแกรม

ภาพที่ 1 เว็บ cocopods.org
ภาพที่ 1 เว็บ cocopods.org

การใช้งานเว็บ cocoapods ให้ไปที่ www.cocopods.org จะมีหน้าต่างค้นหาแสดงเป็นหน้าแรก เราสามารถทำการค้นหาโดยพิมพ์ข้อความในช่อง search

ภาพที่ 2 การค้นหา Library ใน cocopods
ภาพที่ 2 การค้นหา Library ใน cocoapods

จากตัวอย่าง ผมต้องการ Library ที่สามารถแสดงภาพไอคอนว่าแอปกำลังโหลดอยู่ โดยวัตถุประสงค์เพื่อนำมาใช้ในโปรเจ็คขณะรอโหลดหน้าข้อมูล ผมก็ search คำว่า Progress

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

ภาพที่ 3 ตัวอย่าง Library จะมีการแสดงข้อมูลและตัวอย่างหน้าจอ
ภาพที่ 3 ตัวอย่าง Library ProgressHUD จะมีการแสดงข้อมูลและตัวอย่างหน้าจอ

คลิกเลือกที่ ProgressHUD แล้วเข้าไปดูรายละเอียด ก็จะเห็นว่ามี Icon แบบที่ผมต้องการได้มีนักพัฒนาแชร์ไว้แล้ว ผมสามารถนำมาใช้โปรเจ็คได้เลย

การนำมาใช้ในโปรเจ็คจะอาศัยเครื่องมือของ cocoapods ซึ่งผมจะอธิบายในตอนถัดไปครับ

Byadmin

Style sheet, CSS, Less, Saas

style sheet หรือชื่อเต็มๆ คือ cascade style sheet หรือย่อว่า css

เป็นไฟล์ที่เป็นส่วนประกอบของเว็บไซต์ เพื่อใช้ในการวาง Layout ของเว็บ

สมัยก่อนก็รู้จักแต่ CSS

แต่เดี๋ยวนี้เจอ 2 คำเพิ่มขึ้นมา คือ

  1. Sass (ไม่ใช่ software as a service – SaaS นะ ห้ามสับสน)
  2. Less

ความเป็นมา

Saas

Saas ถูกออกแบบโดย Hampton Catlin และพัฒนาโดย Natalie Weizenbaum ตั้งแต่ปี 2006

แต่พึ่งจะมี Stable release ออกมาเมื่อปี 2017 นี่เอง

Saas เป็น script language ที่จะถูกแปลถูก compile ไปเป็น CSS อีกที

Saas ทำให้การเขียน css ง่ายขึ้น เราสามารถประกาศตัวแปร จัดกลุ่ม code ต่างๆได้

แล้วค่อย compile เป็น css อีกที

Less

เกิดทีหลัง Saas โดยได้แรงบันดาลใจมาจาก Saas เพียงแต่ว่าออกแบบมาให้การเขียนโค้ดใกล้เคียงกับ CSS มากที่สุด

Less สามารถที่จะ real time compile ได้ อธิบายง่ายๆ คือปกติ เวลาใช้ Saas หรือ less เราจะเขียนได้ไฟล์นามสกุล .saas หรือ .less

แล้วเอาไปผ่าน compiler จะได้เป็นไฟล์ .css แล้วค่อย upload ไปไว้ในเว็บของเราอีกที

แต่ less มีความสามารถมากกว่านั้นหน่อยก็คือ สามารถเอาไฟล์ less.js ไปไว้ในเว็บของเรา แล้วเรียกใช้ ซึ่งทำให้ เราไม่ต้องไปทำให้เป็นไฟล์

.css ก่อนนั่นเอง

Byadmin

Web Framework

Web framework หรือ web application framework คือ software framework ที่ออกแบบมาเพื่อช่วยในการพัฒนาเว็บ

วัตถุประสงค์ของมันก็คือช่วยลดการที่ต้องทำงานซ้ำๆ ลง ตัวอย่างเช่น การเขียนติดต่อ database หรือ template ต่างๆ

web framework ก็จะเตรียม library ต่างๆไว้ให้คนพัฒนาโปรแกรมได้เรียกใช้ ทำให้ประหยัดเวลาในการเขียนโค้ดซ้ำๆ

ตัวอย่าง Web framework

Angular/AngularJS

jQuery

Backbone.js

Node.js

React