Category: Coding

การส่งค่าผ่านทาง UIButton

Devil

โดยปกติแล้ว การใช้งานปุ่ม (UIButton)  นั่นจะใช้การอ้างอิง  tag  เพื่อให้ทราบว่ากดปุ่มไหน เช่น

let previousButton = UIButton(type: UIButtonType.Custom)
previousButton.tag = 1
let backButton = UIButton(type: UIButtonType.Custom)
backButton.tag = 2

เราสามารถ Get ค่า Tag มาเช็คได้  แต่ในบางครั้งการใช้ tag ก็ไม่สะดวก  หากเรามีการใช้ Loop หรือ SubClass

ถ้าเราจะนำค่ามาใช้  ก็ต้องนำค่ใส่  Array ก่อน หรือต้องรู้ค่าที่แน่นอนว่า 1 คืออะไร 2 คืออะไร  แต่ถ้าหากมีเยอะๆหละอาจ Loop มาหลายปุ่ม  เราจะทำยังไง ???  สามารถส่งค่าจากปุ่มได้เลยหรือไม่ ???

Read More

การจับการเคลื่อนไหว(Event Motion) ของโทรศัพท์มือถือ (Smart Phone)

Devil

การจับการเครื่อนไหวหรือที่เรียกว่า Event Motion  ของโทรศัพท์มือถือมีมานานแล้ว  (แต่ผมเพิ่งรู้ไม่นานมานี้  ตกเทรนไปหลายขุมเลย ฮ่าๆ)  แต่ส่วนใหญ่นิยมใช้ในการทำ Application  บน  IOS หรือ Android ซะมากกว่า    แต่จริงๆแล้วใน Website ที่เปิดในมือถือแล้วใช้ Browser ในการอ่านก็สามารถทำได้

ซึ่งปัจจุบันก็มีหลายที่เช่นกันที่ได้เริ่มทำออกมาเป็นรูปร่าง  ในแบบต่างๆ  ซึ่งวิธีการก็ไม่ได้ซับซ้อนอะไรเพียงแค่มีการใช้  Event หลักๆ  2  Event  คือ
1.  deviceorientation  จะทำงานเมื่อมีการเปลี่ยนแกนโดยการหมุน  สามารถเขียนทดสอบได้ดังนี้

window.addEventListener('deviceorientation', function(event) {
  var alpha = event.alpha;
  var beta = event.beta;
  var gamma = event.gamma;
  // Do something
}, false);

Read More

Social share ง่ายๆ กับ Swift

Devil

การเขียน  Share ใน  Xcode สมัยก่อนเป็นปัญหามากไม่ว่าจะเป็น Facebook , Twitter หรือ ฯลฯ  เพราะเมื่อมีการใช้ Framework ของแต่ละอัน  ก็จะมีข้อจำกัดหรือวิธีการเขียนที่แตกต่างกัน  หรือบางครั้งก็ถึงขั้นเกิด error ขึ้น  ทำให้ผู้พัฒนาอย่างเราๆ ต้องปวดหัวหาวิธีแก้ไขกันยุ่งยาก

แต่ในปัจจุบัน  ผู้พัฒนาภาษานี้ได้มีการเขียนการใช้งาน Tools ของเครื่องอย่างง่ายๆเพื่ออำนวยความสะดวกของผู้พัฒนา  งั้นเรามาเริ่มกันเลย

เดียวๆ!!!  อีกนิด ปัจจุบันการแชร์ ส่วนใหญ่จะเป็นการแชร์  Link  แล้วพวก Tools ต่างๆก็จะไปหาข้อมูลต่างๆรวมถึงที่อยู่รูป ใน Matadata ให้เองเกือบทั้งหมด  ทำให้รูปแบบจะเป็นแบบ Share link นะครับ

เริ่มก็สร้างปุ่มก่อนเลย

อยากสร้างไงก็แล้วแต่จะสร้างบน Navigatebar ก็แบบนี้

let logButton : UIBarButtonItem = UIBarButtonItem(title: "Share", style: UIBarButtonItemStyle.Plain, target: self, action: "openShareSocial")
     logButton.tintColor = UIColor.whiteColor()
     self.navigationItem.rightBarButtonItem = logButton

Read More

แปลง Flash Banner เป็น HTML5 Banner

Devil

ปัจจุบัน Banner ใน Website ต่างๆ เริ่มมีการปรับเปลี่ยนจาก Flash มาเป็น HTML5   เหตุผลที่มีการนำ HTML5 มาเป็น Banner เนื่องจาก  Flash ไม่รองรับใน Smart Phone ต่างๆนั่นเอง

แต่ในการที่จะให้เปลี่ยนให้คนสร้าง Banner จาก Flash มาเขียน Script HTML5 ก็เป็นเรื่องที่ยากและเร็วเกินไป  จึงทำให้มีโปรแกรมแปลง Flash เป็น HTML5 อยู่เยอะพอสมควร  ซึ่งก็แล้วแต่คนใช้ชอบ  สำหรับผมใช้ Swiffy ของ Google

แต่การใช้โปรแกรมแปลงก็พบปัญหาเช่นกันทั้งในเรื่อง เอาเข้า Adserver แล้วมีปัญหา  ค้างหรือคลิกไม่ได้  จับ clicktag ไม่ได้  ฯลฯ  จากที่ได้ลองศึกษาแหละหาวิธีแก้ไข ก็ได้ออกมาเป็นขั้นตอนดังนี้  (จากตัวอย่างผมใช้ Actionscript 1-2 นะครับ  และ Adserver ใช้ Revive) Read More

การ Share Twitter ในรูปแบบ Card

Devil

Twitter-icon

ก่อนหน้านี้ Twitter สามารถแชร์ข้อมูลได้เพียงแค่  Text กับ Link  เท่านั่น  แต่ตอนนี้ Twitter ได้มีการเพิ่มลูกเล่นให้กับตัวเองที่เรียกกันว่า Twitter card  ที่เป็นรูปแบบแสดงผลในหน้า Twitter ที่สามารถแสดงรูปภาพ หรือ วิดีโอได้  ที่เหมือนๆกับ Facebooks  ซึ่งวิธีก็คลายๆกัน  เพียงแค่ไปเพิ่มค่าใน mata ของหน้าต่างๆเท่านั่น

ชนิดของ Card
1.  Summary Card  :  เป็นการแสดงรายละเอียดเพิ่มเติมให้มากกว่าที่ Twitter กำหนดไว้

ตัวอย่าง

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Small Island Developing States Photo Submission" />
<meta name="twitter:description" content="View the album on Flickr." />
<meta name="twitter:image" content="xxx.jpg" />

Read More

วิธี เช็ค Like Facebook

Devil

new-facebook-like-button

ปัจจุบัน Facebook ได้มีการเพิ่ม  ระดับการดึงข้อมูลของแต่และ App ที่เรียกกันว่า Permission  เพื่อเพิ่มความปลอดภัยในการดึงข้อมูลมากขึ้น
ไม่สามารถดึงข้อมูล Like ของ User ได้แบบเมื่อก่อนหาก App  ไม่ได้ผ่านการตรวจสอบ

ถ้าต้องการดึงข้อมูล Like ต้องทำ App  ให้เสร็จแสียก่อน เพื่อส่งให้ทาง Facebook ตรวจสอบ

สิ่งที่ต้องมีสำหรับ Review
1.  ID Facebook Developer และ App  ที่ใช้อ้างอิงในการดึงข้อมูล
2. Icon และหน้าตาตัวอย่างของ App อย่างน้อย  4  หน้า
3.  URL ที่ใช้อ้างอิง App
4.  URL หน้า Privacy Policy  เป็นการบอกว่าเราต้องการดึงข้อมูลไปใช้อะไร ประมานนั้น

Read More

วิธี Share LINE

Devil

line

ไม่นานมานี้  LINE ได้มีการเปิดให้ใช้งานระบบแชร์ (Share)  ซึ่งในเบื่องต้นนี้การใช้งานจะใช้สำหรับ Smart Phone ต่างๆ  ขั้นตอนในการทำ Share LINE ก็ง่ายมากเพียงแค่  ส่งข้อความเข้า link ที่ทาง LINE กำหนด ก็สามารถใช้งานได้แล้ว   Read More

Tips : Jquery

Devil

บทความนี้มีไว้สำหรับเก็บสิ่งที่เล็กๆที่บางคนอาจละเลย แต่ในบางครั้งอาจช่วยแก้ปัญหาหลายๆอย่างได้

ความแตกต่างระหว่า .ready กับ .load

.ready  จะทำงานเมื่อโหลด text assets เช่น CSS JS Dom เสร็จ

$(document).ready(function(){...});

.load จะทำเมื่อโหลด text และรูปเสร็จ ก่อนถึงจะทำงาน

$(window).load(function(){...});

การใช้งาน URL Shortener

Devil

shorturl

URL Shortener เป็นการทำให้ url สั้นลง  โดยการนำ url จริงไปฝากไว้ที่ google  แล้วเมื่อมีการใช้งาน  Google จะ Return Url จริงกลับมาให้

ทำไมเราต้องให้ url สั้นลง ?
–  เนื่องจากในบางครั้งเรามีการใช้งานของ API อื่นๆที่เปิดให้เราใช้งานมีการจำกัดตัวอักษร ทำให้ติดปัญหาที่ URL เรายาวเกินไปใช้งานไม่ได้   ยกตัวอย่างเช่น
เราหา URL ไฟล์จาก Youtube ได้แล้วอยากให้โปรแกรมบางชนิดดูดไฟล์ไปแต่ URL ยาวเกิน Read More

วิธีหาไฟล์ MP4 กับ Image ใน Youtube

Devil

youtube

การหาไฟล์ Image
การหาไฟล์รูปของ Youtube  นั่นง่ายมาก  เนื่องจาก Youtube จะมีการเก็บไฟล์ที่เป็นมาตรฐานมาก  เพียงแค่นำ ID ของ youtube ออกมาวางในรูปแบบนี้ ก็สามารถหาตำแหน่งภาพได้แล้ว

"default" => "https://i1.ytimg.com/vi/".$IDClipYoutube."/default.jpg"
"medium" => "https://i1.ytimg.com/vi/".$IDClipYoutube."/mqdefault.jpg"
"high" => "https://i1.ytimg.com/vi/".$IDClipYoutube."/hqdefault.jpg"
"standard" => "https://i1.ytimg.com/vi/".$IDClipYoutube."/sddefault.jpg"

Read More