ทำอย่างไรเราจะรู้คำสั่งที่เพิ่มเข้ามาของ Css3 ได้ มีเว็บที่นำเสนอ effect ของ Css3 ไว้อย่างครบถ้วนครับ

http://www.css3maker.com <– เว็บนี้นี่เอง พอเข้าไปดูไม่เกิน 10 นาที ก็รู้ว่ามันมีอะไรเพิ่มมาบ้าง

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

วิเคราะห์

จากที่ดูความสามารถของ Css3 แล้วนั้น สิ่งที่น่าสนใจนอกจาก เงา ของวัตถุแล้ว นั่นคือการ rotate นั่นเอง

ซึ่งโปรแกรมเมอร์ที่เซียน Javascript ก็จะสามารถเขียนวนลูบให้เกิดมิติการหมุน ได้อย่างเมามันส์

แต่ถ้าไม่เซียน Javascript Css3 ก็มีสูตร Animation ให้อยู่แล้ว แต่ถ้าจะให้มัน Action กับ End User ก็ต้อง Javascript แหละ ^^

สรุป

Css3 จากเว็บที่แนะนำนั้น มีประโยชน์ในด้าน Effect ความสวยงามนั่นเอง เรียกได้ว่าสวยอย่างเดียวครับ

เพราะถ้าเป็นเว็บที่มีการ protect อาจจะมีการเก็บ list ban ip ของเราก็เป็นได้ แต่ที่ผ่านๆมาเว็บที่ protect มีน้อยเหลือเกิน

คำสั่งที่ต้องการในการขโมยครั้งนี้

- file_get_contents <– คำสั่งของ PHP ซึ่งจะใช้ได้เหมือนกับ fopen แหละครับ แต่มันสั้นกว่าเยอะ

- preg_match

- preg_match_all

แนวการคิด

เว็บหลักของหวยรัฐบาลนั้นคือ http://www.glo.or.th/ พอเข้าไปดู source code แล้ว จะเห็นสิ่งที่เราต้องการ 3-4 ที่

ที่แรก ก็เป็น “งวดวันที่” ซึ่งมองจากภาพรวมแล้ว ในหน้านี้ มีคำนี้เป็นเอกภาพ คือไม่มีคำนี้อีกแล้วในหน้านี้ดังนั้นเลยใช้ preg_match ออกมาได้เลย

ที่ต่อไปก็ดูภาพรวมทั้งหมดของตัวเลขเลย รางวัลที่ 1 เลขท้าย 2 ตัว 3 ตัวนั้นสังเกตุดีๆ จะพบว่ามันเป็นตัวอักษรสีแดง นอกนั้นทั้งเว็บไม่มีสีแดงอีกเลย

การที่จะดึงออกมาทั้งหมดที่เป็นอักษรสีแดงต้องใช้ preg_match_all ทั้งหมดก็จบกระบวนการคิดแระครับ

เรื่องการใช้ preg_match เป็นความสามารถส่วนบุคคลซึ่งผมขอบอกไว้เลยว่ามันยากจริงๆ ถ้าไปรวมกับ regular expression

regular expression ก็คือคำสั่งพวก (.+?) และอื่นๆอีกมากมายเลยนะครับ เวลาผมทำไม่เคยจำนะ หาใน google เอาแล้วก็มั่วไปมั่วมาครับ ^^”

Coding

header (‘Content-type: text/html; charset=utf-8′);
$lottery = file_get_contents(‘http://www.glo.or.th/’);
preg_match(‘/\งวดวันที่ (.+?)\/i’,$lottery,$lotto_day);
preg_match_all(‘/\(.+?)\/i’,$lottery,$lotto_result);
print_r($lotto_day[1]);
echo “<br />”; //เว้นวรรคสักหน่อย
print_r($lotto_result[1]);

 Result

30 ธันวาคม 2554
Array ( [0] => 526402 [1] => 026 168 541 597 [2] => 65 )

*** ตัวอย่างนี้ ทำขึ้นเมื่อวันที่ Post กระทู้ หลังจากนี้ ถ้าตัวเว็บหวยรัฐบาลเปลี่ยน ก็ลองใช้เนวคิดที่บอกแล้วหาทางดึงออกมาเองนะค๊าฟฟ ***

ก็คงต้องยกตัวอย่างเป็น โจทย์ ไปแล้วกันนะครับ ที่เห็นอยู่นี้ เป็นการคิดโจทย์สดๆ อาจจะดูปัญญาอ่อนไปหน่อยนะ – -’

โจทย์: แสดงตัวเลขห้องเช่า ที่มี 9 ชั้น ชั้นละ 22 ห้อง

ตีความโจทย์: 9 ชั้น ก็มีการวนลูป 22 ห้องในแต่ละชั้น งั้น ก็ต้องมี 2 วนลูป จะวนอะไรก่อนเราจะเรียงจากชั้น 1 ไป ก็ต้องเรียง ชั้นก่อน

for($i=1;$i<=9;$i++):
    for($j=1;$j<=22;$j++):
        echo $i.str_pad($j,2,’0′,STR_PAD_LEFT).”<br />”; // สามารถใช้ sprintf ได้เหมือนกันนะ ดูใน google ได้ครับ
    endfor;
endfor;

โจทย์: แสดงตัวเลขห้องเช่า ที่มี 9 ชั้น ชั้นละ 22 ห้อง แต่ไม่แสดงห้องที่ลงท้ายด้วยเลข 2

ตีความโจทย์: งานเข้าแล้วสิ เอาไงดีหว่า คิดให้ตัวเองทำไม่ได้ทำไมเนี่ย ฮ่าๆๆ เอาหน่า คิดๆๆๆ ที่คิดได้ตอนนี้ก็คือ เมื่อได้ค่าตัวเลขห้องแล้วให้เชคก่อนว่า ตัวหลังสุดเป็น 2 หรือเปล่า ถ้าไม่ใช่ให้ แสดงผล แล้วจะมีคำสั่งอะไรบ้างนะ

for($i=1;$i<=9;$i++):
for($j=1;$j<=22;$j++):
$str = $i.str_pad($j,2,’0′,STR_PAD_LEFT);
if($str[strlen($str)-1]!=2): //เลือก array ของ string ตัวสุดท้ายโดยใช้ strlen นับตัวเลขทั้งหมด แล้วลบออก 1
echo $str.”<br />”;
endif;
endfor;
endfor;

คำสั่งอื่นๆ end(str_split($str)); คำสั่ง end() เป็นการเอา array ตัวสุดท้ายมาใช้ ส่วนน str_split เป็นการแตก string ให้เป็น array แต่มันควรจะช้ากว่าคำสั่งด้านบน จำไว้ว่า การ count จะเป็นวิธีที่ไวที่สุดนะ ไม่ว่าจะเป็น SQL ผมก็คิดแบบเดียวกันนี้ ^^

โจทย์: แสดงตัวเลขห้องเช่า ที่มี 9 ชั้น ชั้นละ 22 ห้อง ยกเว้นบางห้องคือ 121,222,711,802,920

ตีความโจทย์: อันนี้ไม่ยากครับ หลายคนคงรู้อยู่ในใจว่าจะเขียนยังไงแต่จะตรงกับที่ผมเขียนหรือเปล่าเอ่ย

$deny_number = array(121,222,711,802,920);
for($i=1;$i<=9;$i++):
    for($j=1;$j<=22;$j++):
        $str = $i.str_pad($j,2,’0′,STR_PAD_LEFT);
        if(!in_array($str,$deny_number)):
            echo $str.”<br />”;
        endif;
    endfor;
endfor;

หลายคนอาจจะคิดถึง if..else กันหรือเปล่า ในกรณีนี้อาจจะช้ากว่า การใช้ if..else นะครับ แต่เป็น Code ที่อ่านง่าย และข้อดีของมันคือ ปรับค่าได้ง่ายครับ แค่ไปปรับตรงตัวแปร $deny_number ก็จบ ^^

โจทย์: สมมุติว่ามีชื่อไฟล์ใน folder A ดังนี้ pic01.jpg,pic02.jpg,pic03.jpg,…,n ต้องการแสดงรูปภาพเหล่านี้ทั้งหมดโดยไม่รู้ว่าจุดสิ้นสุดอยู่ตรงตัวเลขไหน

ตีความโจทย์: ตัวเลขจะเรียงกันไปเรื่อยๆไม่มีขาดช่วง ดังนั้นสามารถวนลูปได้ แต่จะวนไปถึงไหนดีเพราะเราไม่รู้จำนวนของมัน และก็ไม่รู้ว่าใน folder A จะมี ไฟล์อื่นอยู่ด้วยหรือเปล่า ถ้าใช้การ read directory ก็อาจจะผิดพลาดได้อีก ดังนั้นควรจะวิธีวนไปเรื่อยๆถ้าหารูปไม่เจอก็ให้ออกจากการวนลูปดีกว่า

$number = 1;
while(true):
if(file_exists(‘A/pic’.sprintf(‘%02d’,$number).’.jpg’)):
echo ‘<img src=”A/pic’.sprintf(‘%02d’,$number).’.jpg” /><br />’;
$number++;
else:
break;
endif;
endwhile;

วิธีนี้ก็คือการวนลูปไปจนกว่าจะไม่เจอรูปภาพใน directory นั่นเอง คำสั่ง break; จะออกจากการวนลูป ณ ขณะนั้น

เป็นไงกันบ้างครับ กับ Algolythm ในแบบต่างๆกันไป ยิ่งได้คิดแก้โจทย์มากๆ ก็จะทำให้คิดออกอย่างง่ายดาย เพราะฉะนั้นถ้าเจองานยากๆ อย่าหนีมันครับ ต้องทำให้สำเร็จ ความรู้มันจะอยู่ตรงที่ทำสำเร็จนี่แหละครับ จะจำไปได้อีกนาน ^^

ถ้าใครสนใจจะเอาไปใช้ ก็ได้นะจ๊ะไม่หวงห้าม ถ้าต้องการไฟล์ ai ก็ post เมลมาขอกันได้ค่ะ แล้วจะส่งไปให้นะค่ะ

สำหรับ PHP ตัวที่ใช้ในการวนลูปมีไม่กี่คำสั่ง คือ

FOR,WHILE,DO…WHILE,FOREACH

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

ตัวอย่าง: ต้องการจะแสดงผลเป็นตัวเลข 0 -10,000 จะใช้คำสั่งอะไรดี

FOR: (ใช้เวลาไปทั้งสิ้น 0.061 วินาที)

for($i=0;$i <= 10000; $i++){
echo $i;
}

WHILE: (ใช้เวลาไปทั้งสิ้น 0.066 วินาที)

$i = 0;
while($i<=10000){
echo $i;
$i++;
}

DO…WHILE: (ใช้เวลาไปทั้งสิ้น 0.064 วินาที)

$i = 0;
do{
echo $i;
$i++;
}while($i<=100000);

FOREACH: (ใช้เวลาไปทั้งสิ้น 0.044 วินาที)

foreach($array as $value){  //$array คือ ตัวแปรที่เก็บตัวเลข 0 – 100,000 ไว้แล้ว
echo $value;
}

ผู้ชนะในศึกครั้งนี้ได้แก่ FOREACH นั่นเอง แต่… ถ้าดูจาก CODE ดีๆก็จะรู้ว่า การใช้ FOREACH นั้น ต้องอาศัยตัวแปรที่มีตัวเลขเก็บไว้อยู่ก่อนหน้าแล้ว จะมาเรียกโดดๆ เปล่าๆ ปี้ๆ ไม่ได้นะ จริงๆก็ทำได้แหละ แต่ไม่แนะนำแล้วกัน

เพราะฉะนั้น บางครั้งเราจำเป็นต้องใช้ ตัววนลูปตัวอื่นซึ่งดูๆแล้ว ความเร็วของตัวอื่นๆ ก็ไล่เลี่ยกันแหละ จะหยิบตัวไหนมาใช้ก็ได้

แต่!!! ข้อควรระวัง สำหรับ 3 คำสั่งนี้ ( FOR,WHILE,DO…WHILE ) ซึ่งหลายคนมองข้ามไปเลยทีเดียว ลองดูตัวอย่างข้างล่าง

ตัวอย่างที่ผิด:

for($i=0;$i<count($array);++$i)

ตัวอย่างที่ถูก:

$length = count($array);
for($i=0;$i<$length;++$i)

นั่นคือ การที่ใช้ 3 คำสั่งนี้ในการวนลูปพวกตัวแปร Array นั้นถ้าใช้ count() ไปอยู่ในขั้นตอนการวนลูปจะทำให้…ต้องพูดภาษาอังกฤษกันเลยทีเดียวว่า

on each iteration the count() function would have been called and the loop would be damn slow!
Its also the same cause for the while() loop, which would be damn slow too.

แปลสั้นๆเลยว่า โคตรช้า

วิธีแก้ง่ายๆ ก็คือ ถ้าเจอ Array ก็ใช้ FOREACH ไปเลยครับ…จบ

วันนี้ขอเสนอเรื่องสีค่ะ “เลือกสีให้ถูกโฉลก ตามตำรามอญโบราณ” อย่าหัวเราะเลยค่ะ อย่าคิดว่าไม่สำคัญเชียว ความรู้อันนี้เป็นทริคเล็กๆ น้อยๆ ที่ไม่ควรมองข้ามนะค่ะ ก็เช่นว่า เราจะออกแบบโลโก้ แล้วเรารู้ว่าเจ้าของเขาเกิดวันไหนหละก็ เราก็นำมาช่วยในการเลือกสีได้ค่ะ ถ้าลูกค้าสับสนแล้วเราเสนอเรื่องถูกโฉลกหละก็ จบข่าว ค่ะ ฮ่าๆๆ ร้อยทั้งร้อยเลือกได้ชัวร์ค่ะ ^^
มาูดูกันเลยค่ะ ว่าวันไหนใช้สีอะไรความหมายเป็นยังไงกันค่ะ –>

วันอาทิตย์

ความสำเร็จ : สีม่วง
โชคลาภ : สีขาว
ทะเลาะ, มีปากเสียง : สีเขียว
เจ็บป่วย : สีดำ น้ำเงิน
อำนาจ : สีครีม เทา
มรณะ : สีชมพู
บริวาร, การช่วยเหลือ : สีเเดง

วันจันทร์

ความสำเร็จ : สีขาว ครีม เทา
โชคลาภ : สีชมพู
ทะเลาะ, มีปาเสียง : สีม่วง
เจ็บป่วย : สีดำ น้ำเงิน
อำนาจ : สีเขียว
มรณะ : สีเเดง
บริวาร, การขอความช่วยเหลือ : สีเหลือง ส้ม

วันอังคาร

ความสำเร็จ : สีดำ น้ำเงิน
โชคลาภ : สีเขียว
ทะเลาะ, มีปากเสียง : สีครีม เทา
เจ็บป่วย : สีขาว
อำนาจ : สีเเดง
มรณะ : สีม่วง ส้ม เหลือง
บริวาร, การขอความช่วยเหลือ : สีชมพู

วันพุธ

ความสำเร็จ : สีเเดง
โชคลาภ : สีม่วง ส้มเหลือง
ทะเลาะ, มีปากเสียง : สีดำ น้ำเงิน
เจ็บป่วย : สีชมพู
อำนาจ : สีขาว
มรณะ : สีครีม เทา
บริวาร, การขอความช่วยเหลือ : สีเขียว

วันพฤหัสบดี

ความสำเร็จ : สีขาว
โชคลาภ : สีครีม เทา
ทะเลาะ, มีปากเสียง : สีเเดง
เจ็บป่วย : สีเขียว
อำนาจ : สีชมพู
มรณะ : สีดำ น้ำเงิน
บริวาร, การขอความช่วยเหลือ : สีม่วง ส้ม เหลือง

วันศุกร์

ความสำเร็จ : สีชมพู
โชคลาภ : สีดำ น้ำเงิน
ทะเลาะ, มีปากเสียง : สีขาว
เจ็บป่วย : สีม่วง ส้ม เหลืองว
อำนาจ : สีเขียว
มรณะ : สีเเดง
บริวาร, การขอความช่วยเหลือ : สีครีม เทา

วันเสาร์

ความสำเร็จ : สีเขียว
โชคลาภ : สีเเดง
ทะเลาะ, มีปากสียง : สีชมพู
เจ็บป่วย : สีครีม เทา
อำนาจ: สีม่วง ส้ม เหลือง
มรณะ : สีขาว
บริวาร, การขอความช่วยเหลือ : สีดำ นำเงิน

ขอบคุณข้อมูลจาก (อ.ส.ม.ท.)
ขอขอบคุณข้อมูลจากอินเตอร์เน็ต

^^ พอดีว่าไปอ่านหนังสือ Graphic Design ที่ซื้อมานานมากแล้วแต่เพิ่งจะมาเปิดดู ก็ไปเห็นหัวข้อนึงค่ะน่าสนใจดีเลยนำมาฝากเพื่อนๆ พี่ๆ น้องๆ ของต้นส้ม (เหมือนเยอะนะค่ะ ฮ่าๆ) นั้นห็คือ “เทคนิควิธีการคิดเบื้องต้นเพื่อการออกแบบอย่างเป้นระบบ” น่าสนใจใช่มั้ยหละ เพราะว่าเป็นปัญหาแถบทุกคนของนักออบแบบทั้งหลาย ทั้งมือสมัครเล่น และมือสมัครจริง ตัวต้นส้มเองก็เป็นค่ะ และเป็นมากด้วยกับการคิดงานไม่ออก คิดยังไง สับสน มึน และ งง เลยทีเดียว ก็เลยนำเทคนิคนี้มาบอกเพื่อนๆ กันค่ะ

เทคนิควิธีการคิดเบื้องต้นเพื่อการออกแบบอย่างเป็นระบบ

Step 1 : กำหนดเป้าหมายและจุดประสงค์

Step 2 : การตีความโจทย์

Step 3 : เนื้อหาจากการวิจัย

Step 4 : แนวความคิด

Step 5 : ตัวแสดงออก

Step 6 : บริบท

Step 7 : วิธีการออกแบบเบื้องต้น

โฮ แค่เห็นหัวข้อต้นส้มก็มึนแล้วหละค่ะ! ต้นส้มจะขอสรุปแต่ละ Step ให้ละกันนะค่ะ อย่าเครียดมากค่ะ ค่อยๆ ศึกษากันไป ^^

Step 1 : กำหนดเป้าหมายและจุดประสงค์

เป้าหมาย –> หน้าที่ใช้สอย = เป้าหมายทางการตลาด เป้าหมายทางการเผยแพร่ข่าวสาร เป้าหมายทางการเมือง (จ๊ากกก No การเมือง – -) และที่สำคัญอีกอย่างหนึ่งคือ ความน่าสนใจในงาน

Step 2 : การตีความโจทย์

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

Step 3 : เนื้อหาจากการวิจัย

งานออกแบบบางครั้งต้องอาศัยงานวิจัยเข้ามาช่วย เช่น การออกแบบสัตว์ ซึ่งเราจะแยกออกมาคือ มีกระดูสันหลัง ไม่มีกระดูสันหลัง สัตว์บก สัตว์น้ำ ฯลฯ เพื่อนำมาแบ่งแยกตัวละครที่เราออกแบบ

Step 4 : แนวความคิด

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

Step 5 : ตัวแสดงออก

ตัวแสดงออกคือ เครื่องมือในการสื่อสาร ที่ง่ายๆ ก็คือตัวอักษร การ์ตูน ภาพ สิ่งของ ฯลฯ

Step 6 : บริบท

กติกา  ภาษากราฟิกที่รองรับโจทย์ของเรา เช่น ออกแบบฉลากยาสำหรับคนแก่ก็ต้องทำตัวหนังสือให้ใหญ่ และสะท้อนแสง เพื่อรองรับสายตาคนแก่

Step 7 : วิธรการออกแบบเบื้องต้น

1. ความลงตัวของเหตุผล

ถ้าการออกแบบมีเหตุผลรองรับที่หนักแน่นก็ทำให้เกิดความพึงพอใจ และคุณค่าของงานมากขึ้น

2.ความลงตัวของฟอร์ม

การมีฟอร์ม ลักษณะร่วมกันบางอย่าง

***นอกจากนี้ยังมีความลงตัวในเรื่องของสถานการณ์ เสียงและภาพ

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

Routes ใน Codeigniter มีไว้เพื่อรองรับ URL เสมือน เช่น

http://www.oniphp.com/a-b-c => http://www.oniphp.com/management/amazingPHP

ภาษาอังกฤษไม่มีปัญหาอะไรหรอก แต่ถ้าเราต้องการใช้ URL เราเป็น ภาษาไทย เช่น

http://www.oniphp.com/หมวดเสื้อผ้า => http://www.oniphp.com/category

ใน application\config\routes.php ปกติแล้วจะเขียนดังนี้

$route['หมวดเสื้อผ้า '] = “category”;

แบบนี้งานก็เข้าทันทีเลย เพราะว่า Codeigniter ของเรานั้น ตัวที่รับค่า URL ต้นทางแปลงไปยังปลายทางไม่รองรับ UTF8 มันจะออกมาเป็นภาษาที่เราไม่สามารถเข้าใจได้ เฉพาะฉะนั้น มันก็จะไม่เข้าหน้าที่เราต้องการ…

มาเข้าเรื่องวิธีแก้ดีกว่าร่ายยาวไปแระ วิธีแก้มีให้อยู่ 3 วิธีนะ

1. แก้ .htaccess (ซึ่งเป็นวิธีที่ง่ายมากและก็ไม่ได้เกี่ยวกับ Codeigniter เลย ฉะนั้นตัดทิ้งไป)

2. แก้ใน routes.php ให้เป็น

$route[rawurlencode('หมวดเสื้อผ้า ')] = “category”;

3. เป็นวิธีที่ผมคิดขึ้นเองฉะนั้นถ้าไปเผยแพร่โปรดให้ Credit ด้วย วิธีแก้คือเข้าไปที่ system\core\URI.php

บรรทัดที่ 278 (สำหรับ Codeigniter 2.1.0 นะ ถ้า Version อื่น อาจจะอยู่คลาดเคลื่อนกันนิดหน่อย)

$this->segments[] = urldecode($val); //Onisueka Fix it!!!

แนะนำให้ใช้วิธีที่ 3 เวลารับค่าใน function ก็รับค่าแบบเดิมได้เลย คือ $this->uri->segment(x) ผลที่ได้ก็จะเป็นภาษาไทย (encoding UTF-8)

เทคนิคนี้ไม่ต้องใช้ NOT IN (SELECT Bla Bla Bla…) วิธีนี้เขียนกันยาวครับ ยากเราไม่ ง่ายๆเราทำ

มาดูการเขียนในแบบ FrameWork Codeigniter กันก่อนครับ

ตัวอย่าง CI :

$this->db->join(‘TableB as b’,'b.relate_id=a.relate_id’,'left’)->get_where(‘TableA as a’,'b.relate_id IS NULL’)->result();

ตัวอย่าง SQL ธรรมดา :

$SQL = “SELECT * FROM TableA as a LEFT JOIN TableB as b ON(b.relate_id=a.relate_id) WHERE b.relate_id IS NULL”;

จาก CODE ด้านบน หมายความว่า

ให้เลือกทุก Field เลยของทั้งสอง Table ซึ่ง relate_id ตรงกันทั้งสอง Table แต่มีเงื่อนไขว่า ตารางที่ได้รับมา ค่าของ relate_id ใน Table B ต้องไม่มีค่าอะไรเลย และนั่นคือจุดจบของการ QUERY นี้ ฮ่าๆๆ

ฮ่าๆๆ โดยส่วนตัวชอบเพลงนี้ค่ะ มันตรงหลายๆ อย่าง หัวข้อในวันนี้คือ

ใครอยากเป็น Designer ยกมือขึ้น *.*/ โย้วๆๆๆ

เป็นคำถามยอดฮิตค่ะ ไมไ่ด้เรียนออกแบบมาแต่อยากจะเป็นดีไซเนอร์ทำไงดี? เรียนที่ไหน? สารพันปัญหาทีเดียว เอาเป็นความคิดส่วนตัวละกันนะคะว่า ถ้าได้เรียนหละก็เป็นโอกาสที่ดีคะ แต่ถ้าไมไ่ด้เรียนเป้นความชอบส่วนตัวหละก็ รองมาสู้ดูซักตั้งค่ะ ศึกษาด้วยตัวเอง ฝึกหัด ทดทน พยายามเข้าไว้ อย่าท้อซะก่อนหละก็ มีสิทธิ์ลุ้นค่ะ พรสวรรค์ในตัวคุณอาจจะแอบซ้อนอยู่ จงปลุกมันออกมาค่ะ ^^ ที่เหลือเป็นพรแสวงงงงงงงงง – - ซึ่งอันตัวข้าพเจ้าก็มีทั้งสองอย่างที่น้อยนิด ฮ่าๆๆ อะมาเริ่มกันเลยค่ะ แบบง่ายๆ สบายๆ กันก่อน อุ่นเครื่องค่ะ คร่าวๆ ก่อนละกันนะค่ะ (รายละเอียดโปรดติดตามตอนต่อไปค่ะ) ^^

ปล. ถ้ามีคำไหนพิมพ์ผิดโปรดอภัยไว้ ณ ที่นี้ด้วยคะ ถือว่าขำๆ คือตกภาษาไทย ภาษาอังกฤษไมไ่ด้เรื่องหนะค่ะ ฮ่าๆๆ

อันนี้เป็นความคิดเห็นส่วนตัวอะค่ะ ก่อนที่จะมาทำงานด้านนี้ก็ฝึกหัดทำ ขอคำปรึกษาพี่ๆ คนอื่น หรือคนที่มีความรู้มากกว่า ถามไปเรื่อยๆ เก็บเล็กผสมน้อยๆ เรื่อยๆ ค่ะ ทุกวันนี้ก็ยังมีสิ่งที่ไม่รู้อยู่ ก็พยายามศึกษไปเรื่อยๆ สรุปคือไปเรื่อยๆ อย่าหยุดค่ะ แต่ถ้าเหนื่อยก็พักบ้างไรบ้าง ตามอัธยาศัย ฮ่าๆๆ (พูดให้ดูดี ที่จริงก็คือมีอารมขี้เกียจอะค่ะ ฮ่าๆๆ)

ผลของมันก็คือ เมื่อรันแล้วไม่แสดงผลอะไรออกมาเลย ว๊ากกกส์ แต่เปิดบน FF IEอื่นๆ ก็ปกติ เอ…มันเป็นเพราะอะไรกันแน่นะ ไม่ต้องสงสัยเลยครับ มันเป็นเพราะว่าเราต้องเขียนอะไรผิดไปนิดๆหน่อยๆนั่นเอง

ตัวอย่าง Css ที่ผิด :

#content {
position:relative;
display:block;
}
#content .notice{
position:relative;
float:left;
padding:10px;
}

ผลที่ได้ก็คือภายใน class ของ notice จะไม่ถูกแสดงผลใน IE7 นอกจากว่า ใน ID content มี text อยู่ภายใน เช่น <div id=”content”>123<div class=”notice”>hello</div></div>

ตัวอย่าง Css ที่ถูกต้อง :

#content {
position:relative;
display:block;
width:710px;
}
#content .notice{
position:relative;
float:left;
padding:10px;
}

ตรงนี้เองที่เราผิดพลาดไป ลืมใส่ความกว้างให้กับส่วนภายนอก ซึ่ง Browser อื่นๆมองข้ามตรงนี้ไป แต่ถ้าจะให้ถูกหลักจริงๆ ก็อย่าลืมเติมความกว้างนะค๊าฟฟฟฟ

ต้นส้ม

ก่อนอื่นขอกล่าวคำว่า สาวีดาสสสส เอ๋ย สวัสดีค่ะ ^^ เราควรจะเป็นโปรแกรมเมอร์ ขอย้ำว่าควรจะเป็นนะ ฮ่าๆๆ อะๆๆ เริ่มส่งสัยหละซิ ขอแนะนำตัวอย่างเป็นทางการก่อนแล้วกันนะค่ะ ชื่อ “โป๊งเหน่ง” ค่ะ -*- อย่าขำกันซิค่ะ คิดว่าชื่อไรน่ารักขนาดนี้ ฮ่าๆ ชื่อนี้จริงๆ ค่ะ ตัวจริงก็น่ารักเหมือนชื่อนั้นหละค่ะ (แอบหลงตัวเองนิดๆ) บ้านเกิดหรอค่ะ ทายกันว่าอยู่ไหน
อะไรเอ๋ยยย…”ส้มโอหวาน ข้าวสารขาว ลูกสาวงาม ข้าวหลามหวานมัน สนามจันทร์งามล้น พุทธมณฑลคู่ธานี พระปฐมเจดีย์เสียดฟ้า สวยงามตาแม่น้ำท่าจีน”…ติ๊กต๊อกๆๆๆๆ คิดไม่ออกบอก google ค่ะ ง่ายๆ แต่ขอย้ำว่าคำขวัญเขาดีจริงๆ ค่ะ ฮ่าๆๆ อย่าเพิ่งหมั่นไส้กัน ล้อเล่นน่าาา ถ้าเล่าตั้งแต่เด็กคงจะน่าเบื่อ เริ่มตั้งแต่เรียน ป.ตรี เลยแล้วกันเนอะ จริงๆชอบพวกวาดรูปมาแต่เด็กละค่ะ งานฝีมือ ศิลปะ ขอให้บอก เต็ม 10 ตลอด อาจจะมี 9 อยู่บ้างบางครั้ง แต่พอ ม. ปลายก็ต้องมาเรียนสายวิทย์ โฮอย่าถามถึงเกรดค่ะ อายมากกกก – -’ ก็เรียนไม่ค่อยเก่ง เอ็นไม่ติด คิดไม่ออก บอกราชภัฎค่ะ และก็คิดไม่ออกอีกว่าจะเรียนอะไรก็คอมพิวเตอร์ไว้ก่อน พี่บอกว่าจบมาพอจะหางานได้ (หวังว่า…) สรุปก็เข็นตัวเองจบ ป.ตรีมาได้ นั้นก็คือ สาขาวิทยาการคอมพิวเตอร์ ออกมาทำงานเป็นโปรแกรมเมอร์แน่นอนชัวร์ๆ แต่ไม่ได้เป็นเพราะว่าสมองไม่รับ เรียนจบมาก็ถือว่าบุญมากแล้ว ที่พ่อแม่มีใบปริญญาไว้ติดฝาบ้าน ไม่อายชาวบ้านเขาหน่อยที่ขายนาส่งแมวน้อยมาเรียนหนังสือใน กทม. ฮ่าๆๆๆ

แต่จุดเปลี่ยนมันอยู่ตรง ปี 4 เนี้ยแหละค่ะ ที่จะต้องเตรียมตัวไปฝึกงาน ซึ่งตัวเองเขียนโปรแกรมไมไ่ด้ซักตัว อยากจะบ้า แล้วจะไปฝึกที่ไหน อะไร อย่างไร ทำไรก็ไม่เป็น เพื่อนๆ เขาไปฝึกงานด้านโปรแกรมเมอร์กันก็กลุ้มใจ อีกว่าจบมาแล้วจะทำอะไรเลี้ยงตัวเอง ชีวิต! T T ก็พอดีวันนึงไปเดินพันทิพ ก็เดินผ่านร้านขายซีดีสอน ก็เห็นเขาเปิดตัวอย่างสอน photoshop ตอนแรกก็ไม่รู้จักค่ะ ว่ามันคือไร ยืนดูอยู่เห็นเฮยยย คอมพิวเตอร์ทำภาพได้ด้วยอะ (โง่จัดๆ) ตื่นเต้นมาก ก็เลยเข้าไปดูแล้วซื้อมาศึกษา แล้วจดแล้วทำตาม แล้วก็ฝึกทำแบนเนอร์ บนเว็บไซต์ เป็นโปรเจคจบของตัวเอง ตั้งแต่นั้นก็เกิดความชอบพยายามฝึก คิด ทำนั้นทำนี้ ทำให้เพื่อนบ้าง มาเรื่อยๆ ค่ะ จนถึงเวลาที่ต้องไปฝึกงาน ก็ได้ไปอยู่ Success media ค่ะ ฝ่าย Creative ที่นี้ให้อะไรมากมายค่ะ ทั้งความรู้ ความอดทน ได้จากที่นี้เยอะมากๆ ต้องขอขอบคุณพี่ๆ เขาที่ให้โอกาศ และสั่งสอนทุกๆ เรื่อง ทุกวันนี้เรายังจำพี่เขาได้อยู่เลย พี่เขาจะรู้มั้ยนะ ว่าเขาได้ให้อนาคตกับเด็กหญิงตัวน้อยๆ ได้มีอาชีพ ดราม่าไปเป่าอะ ฮ่าๆๆๆ (และที่อยากจะขอบคุณมากๆ เลย ก็คือ คนที่ทำ CD แผ่นนั้น เขาสอนดีและสอนเข้าใจง่ายมากๆ ของ Thai Animate แต่เสียดายที่เขาไม่ทำแล้ว ที่มีวันนี้ได้ก็เพราะ เขาที่ชี้ทางสว่างให้ *.*)

แต่ชีวิตก็เริ่มหักเหค่ะ ฝึกงานจบกลับมา ก็ต้องมาทำโปรเจคจบต่อ อยากจะบอกว่าที่นี้หินมากๆ ค่ะ สุดยอดดด ทำคนเดียวด้วย รุ่นพี่หลายๆ คนก็ยังไม่จบตอนนั้นอะค่ะ ในระหว่างทำโปรเจ็ค เพื่อนก็มาชวนไปเป็นครูสอนคอมพิวเตอร์ค่ะ ฮ่าๆๆๆ ดูไม่ค่อยจะเข้าเท่าไหร่ ถ้ารู้จักตัวจริงๆ นะค่ะ ต่อมาก็ลาออกค่ะ ไม่ไหว มันไม่ใช่อะฮ๊ะะะะ – -’ คิดดูค่ะ เป็นครูสอนแต่ว่าโดดซะเอง หนีไปนอนเล่นบ้านเพื่อนซะงั้น ฮ่าๆๆ พอดีว่าเพื่อนชวนไปทำงานด้วยก็เลยลองไปสมัครดู แม่เจ้าไม่เคยทำงานด้านออกแบบจริงจังแบบนี้เลยค่ะ ทำตำแหน่ง Graphic Designer เขาให้เทสงาน 3 วัน แถบไข้ขึ้น ด้วยความที่อยากได้งานสู้ยิบตาค่ะ และในที่สุดก็ได้ทำงาน เย้ๆๆๆๆๆๆ ต้องขอขอบคุณพี่เขามากๆ ค่ะ ที่รับเข้าทำงาน มีเรืองภูมิใจหลายอย่างเกิดขึ้นที่นี้ แต่ก็แถบตายเหมือนกันค่ะ เพราะไมไ่ด้จบมาตรงสายเลย จากโปรแกรมเมอร์มาเป็นดีไซเนอร์ แล้วที่ทำงานมีแต่คนจบมาโดยตรงทั้งนั้นอะค่ะ เก่งมากๆ ด้วย แต่ก็ทำได้ไม่นานประมาณ 4 เดือน พ้นโปรนะค่ะ ขอบอก ฮ่าๆๆๆ พอดีว่าสอบโทได้แล้วด้วยเหตุอันว่าใกล้และไม่หยุดวันเสาร์ก็เลยต้องกราบลาท่านตาท่านยาย ไปเรียนต่อ แต่ก็ไมไ่ด้เรียนออกแบบอีกนั้นแหละค่ะ รู้สึกว่าชีวิตจะสับสนเหลือเกินนนน…