SoftGanz By Little Bear.

Web & Software Developer Gang.

มาเริ่มกันใหม่อีกครั้งกับ Android Studio

โดย Little Bear on October,03 2014 22.40

เคยลองลงโปรแกรมและลองเขียน Android app มาครั้งนึง นานมากแล้ว จนกระทั่งเวลาผ่านไป โปรแกรม IDE ที่ใช้งานก็ใช้ไม่ได้ ลองลงหลายตัวแล้วก็ไม่เวิร์ค

คราวนี้กลับมาลอง Android Studio อีกรอบ

เริ่มด้วยการลง Android Studio ติดตั้งได้จาก Android Studio for Ubuntu ซึ่งเป็นการสร้าง new keystore เพื่อเอาไว้ใช้สำหรับการ build app แต่ละครั้ง และทุกครั้งก็ต้องใช้ไฟล์นี้ หากไฟล์นี้หายละก็ แย่เลย เราจะไม่สามารถ build app เพื่อส่งขึ้นไปได้ หากสร้าง keystore ใหม่ก็จะต้องเปลี่ยนชื่อ app ไปเลย ต้องรักษาไฟล์ไว้ให้ดี ๆ อย่างให้หายเชียว

sudo apt-add-repository ppa:paolorotolo/android-studio
sudo apt-get update
sudo apt-get install android-studio

หลังจากเขียน app เสร็จแล้วก็ต้อง build apk เพื่อส่งขึ้น Play Store ด้วย Signing Your Applications

ตอนนี้ก็ได้ลองเขียน app แรก คือ HatyaiCityClimate.Org ยังเป็น app ที่ทำเพียงแค่ไปโหลดหน้าเว็บแอพที่เขียนเตรียมไว้มาแสดง ทำแค่นั้น ส่วนเรื่องอื่น ๆ ที่คิดไว้ เช่น การรายงานสถานการณ์น้ำท่วมด้วยการถ่ายรูปพร้อมพิกัดจาก GPS และบอกเล่าสถานการณ์น้ำท่วม เพื่อเก็บรวบรวมข้อมูลเกี่ยวกับสถานการณ์น้ำท่วมมาวิเคราะห์ในภายหลัง และการทำแผนที่เสี่ยงภัย แผนที่เครือข่าย แผนที่จุดอพยพ จุดจอดรถ เส้นทางเคลื่อนย้าย การจราจร และอีกหลายไอเดีย จะค่อย ๆ ศึกษาและเขียนเพิ่มเติมในภายหลัง

Upgrade bash for Bash Shellshock

โดย Little Bear on September,26 2014 10.28

มีข่าว แอดมินระวัง เริ่มพบการโจมตีช่องโหว่ Bash Shellshock แล้ว มาถึงแล้ว

วันนี้เริ่มมีแจ้งเตือน update มาแล้ว ก็เริ่มดำเนินการกันเลย

ก่อนอื่นลองทดสอบกันดูก่อนว่า bash เรามีช่องโหว่หรือไม่ด้วยคำสั่ง

env 'VAR=() { :;}; echo Bash is vulnerable!' 'FUNCTION()=() { :;}; echo Bash is vulnerable!' bash -c "echo Bash Test"

หากขึ้นข้อความว่า

Bash is vulnerable!
Bash Test

แสดงว่า bash เรามีช่องโหว่นะจ๊ะ

แต่หากขึ้นแค่

Bash Test

ก็แสดงว่าปลอดภัยแล้ว

ส่วนวิธีอัพเดทก็มีหลายวิธีแล้วแต่ค่ายของ Linux ลองตามไปดูต้นฉบับกันจะดีกว่า

Big Data :: เริ่มต้นกับ Big Data

โดย Little Bear on September,20 2014 10.31

คุณลักษณะที่สําคัญ 3 ประการของ Big Data คือ Volume, Variety และ Velocity

  • Volume: ปริมาณข้อมูล จะมีขนาดใหญ่ ตั้งแต่ระดับ Terabytes Petabytes ไปจนถึง Zettabytes
  • Variety: ชนิดของข้อมูลที่มีความหลากหลายไม่ว่าจะเป็น Structured, Semi-Structured หรือจะเป็น Unstructured Data โดยเฉพาะ Unstructured Data ซึ่งเป็นชนิดข้อมูลที่ถูกพูดถึงพร้อมกับ “Big Data”
  • Velocity: มีการให้ความสําคัญ ความน่าสนใจกับข้อมูลประเภท “Real-Time” อย่า งมากว่าจะนํามาใช้ให้เกิดประโยชน์ได้อย่างไร แต่ก็ไม่ได้ละเลยข้อมูลประเภทอื่น

BEM เขียน CSS ให้อ่านง่าย

โดย Little Bear on September,10 2014 19.53

ปกติแล้วเราจะตั้งชื่อ class กันตามใจฉัน หากหน้าเว็บมี element สัก 10 ตัว ก็คงไม่เป็นไร แต่ในความเป็นจริงเรามี element นับเป็นร้อย ๆ ในที่สุด ชื่อ class เราก็มั่วไปหมด แล้วเวลากลับมาแก้ไขภายหลังก็เลยมั่วสุด ๆ

BEM คืออะไร ?

BEM หรือ “Block Element Modifier” คือวิธีการตั้งชื่อ class อย่างเป็นระบบ เพื่อที่จะทำให้เราสามารถไล่โค้ดได้ง่าย และลดความซ้ำซ้อนของโค้ด โดยการตั้งชื่อ c**lass ด้วยวิธี BEM นั้น จะดูจากหน้าที่ของ html element นั้นๆ ซึ่งแบ่งออกเป็น 3 แบบ ด้วยกัน ดังนี้

  • Block กล่องอะไรก็ตามที่อยู่ได้โดยอิสระ (เช่น กล่อง search, กล่อง log in, เมนูหลัก เป็นต้น)

  • Element องค์ประกอบต่างๆ ของ Block (หาก Block เป็นคน Element ก็หมายถึงแขนขาของคนนั่นเอง)

  • Modifier ใส่ให้กับ Block หรือ Element ที่มีสไตล์เฉพาะตัว (Modifier ของ Block ก็เช่น คนที่เป็นผู้หญิง ส่วน Modifier ของ Element ก็เช่น แขนข้างซ้าย เป็นต้น)

วิธีการตั้งชื่อ class ก็ตามด้านล่าง คือ

/* สไตล์สำหรับ Block */
.block { }
<br />
/* สไตล์สำหรับ Element ต่างๆ ภายใน Block */
.block__element { }
<br />
/* สไตล์สำหรับ Block พิเศษ */
.block--modifier { }
<br />
/* สไตล์สำหรับ Element พิเศษ ภายใน Block */
.block__element--modifier { }
<br />
/* สไตล์สำหรับ Element ต่างๆ ภายใน Block พิเศษ */
.block--modifier__element { }

ส่วนรายละเอียดทั้งหมดลองตามไปอ่านกันได้ที่ www.siamhtml.com

นี่แหละที่อยากได้ 12 ชั่วโมง - ThinkPad Helix

โดย Little Bear on September,04 2014 23.55

บาง เบา จอ FullHD ที่สำคัญคือ แบตเตอรี่อยู่ได้นาน 12 ชั่วโมง

Lenovo ออก ThinkPad Helix รุ่นปี 2014, เบากว่าเดิม บางกว่าเดิม แบตอึดกว่าเดิม เป็นอุปกรณ์ 2-in-1 ได้ทั้งแท็บเล็ตและอัลตร้าบุ๊ก

รูปทรงของมันยังเหมือนเดิม แต่จุดต่างจาก ThinkPad Helix รุ่นปีที่แล้วคือ ขนาดบางกว่าเดิม 15%, น้ำหนักเบากว่าเดิม 12%, ซีพียูเปลี่ยนมาใช้ Core M ตัวล่าสุดของอินเทล, แบตเตอรี่อยู่ได้นาน 12 ชั่วโมง

  • หน้าจอ 11.6 นิ้ว 1920x1080 IPS ความสว่ง 400 nit, มี digitizer รองรับปากกา (ขายแยก)
  • ซีพียู Core M หรือ Core M vPro สำหรับภาคธุรกิจ, จีพียู Intel 4000
  • แรม 4GB/8GB, ความจุตั้งแต่ 128-512GB
  • โหมดแท็บเล็ตมีพอร์ต micro HDMI, microSD, microSIM, USB 3.0
  • โหมดโน้ตบุ๊กมี USB 2.0 หรือ 3.0 แล้วแต่รุ่น
  • กล้อง 2MP/5MP
  • น้ำหนัก 795 กรัม (แท็บเล็ต) ต่อโน้ตบุ๊กแล้วหนัก 1.35 กรัม, มีคีย์บอร์ดรุ่น Pro (เพิ่มแบต) ให้เลือก
  • Windows 8.1 หรือ 8.1 Pro

ราคาเริ่มต้น 999 ดอลลาร์ เริ่มขายเดือนตุลาคมนี้

หรือตัวนี้ Lenovo เปิดตัว Yoga 3 Pro แท็บเล็ตพับจอ 360 องศารุ่นใหม่ บางเบา เข้าใจผู้ใช้มากขึ้น

 คำอธิบายภาพ : yoga3pro3_verge_super_wide

475 items|« First « Prev 2 3 (4/95) 5 6 Next » Last »|