GreedMonkey: 2016

วันจันทร์ที่ 18 เมษายน พ.ศ. 2559

Scrum

19-04-2016

Yesterday, I fixed Instagram people and did a little bit of google plus.
Today, I'm going to continue to google plus.
In description
First, I read the PHP code.
Second, I convert the PHP to Golang.

20-04-2016

Yesterday, I finished a Google+.
Today, I am merging DOM web and converting Youtube crawler to Golang.
In detail.
First, I am going to reviewing Youtube.
Second, I will make a structure and make records.
Third, I will code.

22-04-2016

Yesterday, I found some problem of youtube.
Youtube takes a long time to submit data about 42 minutes per KFC brand.
P'gap said he will fix youtube.
so Today, I will add solr for bangkokpost, headlightmag, google plus, Instagram and I rewrite Instagram code.

27-05-2016

for me. Yesterday I continue to get comment facebook and I test my script on another site and it works.
so Today I will finish kapook.

for Maiake you have 3 homework. that you said.
and P'gap has 1 one homework

01-06-2016

Yesterday I have done prachachat and I try to find the best way to make crawler kapook. Finally, I found API kapook. It makes me easier to create crawler kapook.

So today I continue to make kapook with a new design.
It means I set kapook news at center and then use a brand to check text with a keyword.

02-06-2016

Yesterday I have done kapook.
For today, I will keep a comment from the old source such as manager, dailynews and other then I'm looking.
At lunch, I will go to silom for lunch with pea and get the statement.

08-06-2016

Today, I gonna read MongoDB for learning how to CURD and then I will try MongoDB on Golang.
And next, I will try to push social-rank data to mongo.

09-06-2016

Today, In morning I gonna fix my visa.
After then I will do a list of yesterday scrum and P'gap will be taught me how to migrate to a new crawler.

วันศุกร์ที่ 15 เมษายน พ.ศ. 2559

การใช้งาน AJAX แบบ Cross Domain

เกริ่นนำ

ปัจจุบันนักพัฒนามีความนิยมใช้งาน AJAX อย่างแพร่หลายเนื่องจาก AJAX ช่วยให้การทำงานของ Web App มีประสิทธิภาพมากขึ้น จำเป็นที่จะต้องแยกส่วนที่เป็น Front-End และ Back-End อิสระออกจากกัน ซึ่งหมายความว่าอาจจะแยกกันอยู่คนละ Hosting และ มี Domain ที่แตกต่างกัน

ตัวอย่าง Code PHP เพื่อรับค่าเวลาจาก Server

<?php

date_default_timezone_set('Asia/Bangkok');
$datetime = date('d-M-Y');

$json = json_encode($datetime);

echo $json;

ตัวอย่าง Code jQuery

$.ajax({
    type: 'GET',
    url: 'http://api.myapp.com',
    dataType: 'json',
    success: function(data) {
        console.log(data);
    }
});

แต่หากเรามีความต้องการ ที่จะ Host ส่วนที่เป็น Web API (REST API) และส่วนที่เป็น Web App อิสระออกจากกันโดยการ Host ไว้คนละโดเมน เช่น

Web App: http://www.myapp.com
Web API: http://api.myapp.com

เมื่อเรียกใช้งาน AJAX ตาม Coding ข้างต้น ก็จะเจอข้อความ Error ประมาณนี้ครับ

XMLHttpRequest cannot load http://api.myapp.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.myapp.com' is therefore not allowed access.

ทัั้งนี้เพราะ Web Browser ต้องรักษา Same-Origin Policy (SOP) ซึ่งเป็นหลักการด้านความปลอดภัย โดย Web Browser อนุญาตให้ส่ง AJAX Request ไปยัง Server ได้ แต่จะไม่ยอมให้รับข้อมูลที่ถูกส่งกลับมา (JSON)

Same-Origin Policy (SOP)

SOP จะถูกกำหนดด้วยข้อกำหนด 3 ข้อคือ

Protocol เช่น HTTP, HTTPS
Host เช่น www.myapp.com, api.myapp.com
Port เช่น 80, 8080

ดังนั้นไม่เพียงแค่ Host เท่านั้น แต่หาก Origin และ Destination มีข้อใดข้อหนึ่งใน 3 ข้อ นี้แตกต่างกัน ก็จะเข้าข่ายละเมิด SOP และจะส่งผลให้เกิด Error ตามตัวอย่างข้างต้น

การแก้ไข

จากการค้นหาใน Google นั้นเจอวิธีการแก้ไขปัญหาดังกล่าวประมาณ 3-4 วิธี แต่ผู้เขียนจะขอเลือกมา 2 วิธีซึ่งเป็นวิธีที่ใช้ได้ผลและไม่ยุ่งยากสำหรับนักพัฒนาคือ

การแก้ไข HTTP Header
การใช้ JSON-P

การแก้ไข HTTP Header

สำหรับวิธีนี้ เราสามารถใช้ Code jQuery ในรูปแบบเดิม เพียงแต่มีการเพิ่ม function header ในส่วนของ Server Side ก่อนทำการ echo ตัวแปรแบบ JSON ดังนี้

ตัวอย่าง Code PHP

header('Access-Control-Allow-Origin: http://www.myapp.com');
echo $json;

เพียงเท่านี้ก๋จะสามารถ ใช้งาน AJAX ข้ามโดมเมนได้แล้ว

การใช้ JSON-P

เนื่องจากวิธีการแรกอาจจะไม่ Compatible กับ Web Browser Internet Explorer เวอร์ชั่น 7 และ 8 ผู้เขียนจึงขอเสนอวิธีการสำรองคือการใช้ JSON-P (JSON with Padding) ซึ่งออกแบบมาสำหรับ การใช้งานแบบ Cross Domain ซึ่งเมื่อมีการส่ง AJAX Request แบบ JSON-P ฝั่ง Server จะทำการส่ง JavaScript Block ที่ห่อหุ้ม JSON อยู่ด้านในอีกที

อย่างไรก็ตามข้อเสียของ JSON-P คือรองรับเฉพาะการส่ง AJAX Request แบบ GET เพียงเท่านั้น

ตัวอย่าง Code PHP

if(isset ($_GET['callback'])) {
    header('Content-Type: application/javascript');
    echo $_GET['callback'] . '(' . $json . ');';
}

ตัวอย่าง Code jQuery

$.ajax({
    type: 'GET',
    url: 'http://api.myapp.com',
    dataType: 'jsonp',
    success: function(data) {
        console.log(data);
    }
});

บทสรุป

สำหรับการใช้งาน AJAX แบบ Cross Domain ในแบบ POST หรือ HTTP Verb แบบอื่นๆ กับ Web Browser เวอร์ชั่นเก่า สามารถใช้วิธีแบบ Proxy ซึ่งไม่ได้คลอบคลุมในเนื้อหาของบทความนี้ครับ

วันอังคารที่ 15 มีนาคม พ.ศ. 2559

การใช้คำ noun verb adj adv

อันนี้เอามาเผื่อ ๆ ทุกคนนั้นแหล่ะคะ

Adjectives คือ คำคุณศัพท์ที่ใช้ทำหน้าที่ขยายคำนามหรือคำสรรพนามในประโยค เพื่อบอกลักษณะหรือรายละเอียดเกี่ยวกับคำนามหรือคำสรรพนามนั้นๆ ให้ชัดเจนยิ่งขึ้น

การใช้คำคุณศัพท์ในประโยค ใช้ได้ 2 ตำแหน่ง คือ

1. วางไว้หลัง Verb to be ( is am are ) เช่น

My school is big. โรงเรียนของฉันใหญ่

He is hungry. เขาหิว

They are naughty. พวกเขาซุกซน

I am tall and thin. ฉันเป็นคนผอมและสูง

1. วางไว้หน้าคำนามที่ต้องการขยาย เช่น

Sisan is a beautiful girl. ซูซานเป็นคนสวย

This is a new house. นี่คือบ้านหลังใหม่

Those are red cars. เหล่านั้นคือรถสีแดง

หลักการสังเกต
adj= จะอยู่หน้า N  หลังV.to be หลัง Linking Verb **adj=ไม่เติม ly
adv ตรงข้ามกะadj ทุกอย่างเลยคะ  และก็เติม ly
ส่วน Noun = เป็นคำนาม คำนามทั่วๆๆไป เช่น cat girl  dog ไรแบบนี้นะคะ
ส่วน Verb = กริยา เช่น เดิน กิน / walk eat ไรแบบนี้แหละ

อีกวิธีนึงค่ะ เพิ่มเติม

คำนาม ( Noun) มักลงท้ายด้วย
- ity >> possibility
-ion >> decision
-ness >>happiness
-nce >> excellence
-th >> warmth

กริยา (Verb)มักลงท้ายด้วย

- ify >> clarify
-ize >> memorize
-en>>soften

adj. มักลงท้ายด้วย

-ous >> dangerous
-ful >> helpful
-less >> harmless
-able >> possible

adv. มักลงท้ายด้วย

-ly >>finally

มันก็ไม่ทุกคำหรอกนะคะ เป็นแค่วิธีสังเกตเบื้องต้นสำหรับมือใหม่

อีกอย่างนะคะ

adj. ขยาย noun ส่วนมากอยู่หนาคำ Noun
adv.ขยาย verb

เพิ่มเติมนะคะ คำที่เรียกบุคคล มักลงท้ายด้วย
-er >>Designer
-or >> Doctor
-ist >> Artist
-ian >> Italian , Magician

Adj. ขยาย Noun จะวางอยู่ หน้า N. หรือ หลัง LV.

เช่น P'Nan is a beautiful tutor.

Adv. ขยาย V. , Adj. , Adv. , Phrase , Clause (มักเติม -ly)

**แต่ก็มีคำที่เป็นได้ทั้งสองอย่างหรือ เป็น adj. ที่เติม ly**

Adj-ly = lovely costly likely friendly
เป็นได้ทั้งสองอย่าง = weekly yearly early

สองตัวนี้ก้อต่างที่หน้าที่ของมันจ้า

Adjective จะมีเพื่อขยายคำนามในประโยคนั้น

ส่วน Adverb ก้อตามชื่อคือมีเพื่อขยายคำกริยาในประโยค

เพราะฉะนั้นถ้าเราดูความหมายของมัน ก้อจะรู้ว่าเป็น Adj หรือ Adv ค่ะ

ตำแหน่งของมันก้อตามข้างบนนะคะ

Adj. จะวางอยู่หน้า N หรือ LV

Adv. นี่หลากหลายมาก คือ หน้า/หลัง V แท้และ helping verb มากมายๆๆๆ
ส่วนมากจะเป็นตัว ly ทั้งหลาย แต่ก้อมี Adv ที่ยกเว้นอย่างเช่น late,well,last ด้วยจ้า

a.(-ly)มี lonely timely seemly deadlyจ้า
วิธีดูก้อดูจากตำแหน่งของมันได้เรยจ้า

..... อ่านต่อได้ที่: https://www.gotoknow.org/posts/254907

วันอาทิตย์ที่ 13 มีนาคม พ.ศ. 2559

Holiday in the snow

Catherine, Duchess of Cambridge (L) and Prince William, Duke of Cambridge (R), pose with their children, Princess Charlotte (2L) and Prince George (2R), during a private holiday skiing at an undisclosed location in the French Alps on March 3, 2016. They all look warm, but Catherine's hands are going to feel cold if she doesn't put on gloves. / Photos from AFP / POOL / John Stillwell /

Last week Prince William and his family went for a short holiday somewhere in the French Alps.

Please join us on our Facebook pagehttp://www.facebook.com/bangkokpostlearning

Last week Prince William and his family went for a short holiday. They didn't tell anyone until they returned home.

They went on a ski holiday somewhere in the French Alps. Again, they aren't telling exactly where they went.

If the weather is cold and the snow is dry, it is difficult to make a good snow ball, but it looks like Catherine succeeded.

Yesterday, they released six photos of their holiday, showing the Prince, his wife the Duchess of Cambridge and their children George and Charlotte.

Prince George is now 2 1/2 years old and his sister Princess Charlotte is 10 months old. They looked like they enjoyed the snow.

It is good that Princess Charlotte has her ears covered. If your ears get cold, they can really hurt.

It is fun to play in the snow – if you dress warmly. The two young children wore heavy winter clothes so they felt quite warm and comfortable.

Learn from listening

Click "play" to listen to Holiday in the snow and "Download" to keep this file for educational purpose.

Vocabulary:

duchess (noun): the wife of a duke; a woman who has the rank of a duke - ภรรยาของท่านดยุค

exactly : in every way, or in every detail - อย่างแม่นยำ, ตรง

French Alps (noun): the French part of a large group of high mountains in Europe -

holiday (noun): vacation; a period of time when you are not at work or school - วันหยุด, วันหยุดเทศกาล

release : to allow something to be shown or known to the public or to be available for use - เปิดเผย, ปล่อยข่าว

succeed (verb): to achieve the goals you wanted to achieve - มีผลสำเร็จ, ประสบผลสำเร็จ, ประสบชัยชนะ