Akismet คือ ปลั๊กอิน (plug in) ช่วยกลั่นกรอง Spam เมื่อเข้าระบบในฐานะผู้ดูแลให้เลือก Plugins, Add new, ค้น “akismet” เมื่อพบก็ต้องเลือกว่าจะ Update now กรณีลงนานแล้ว หรือ Install now กรณีไม่เคยลง ซึ่งมี plug in ของ automattic.com หลาย ตัวน่าสนใจ ไปเลือกมาติดตั้งได้ เมื่อติดตั้ง (install) แล้ว ดำเนินการตามขั้นตอนทั้ง 5 ดังนี้ 1) Activate : Akismet 2) ขอ API Key ใน wordpress.org เลือก การจ่ายแบบ $0 ต่อปีได้ ถ้าเข้า 3 เงื่อนไขนี้ I don’t have ads on my site. I don’t sell products/services on my site. I don’t promote a business on my site. ก็จะ subscription สำเร็จ แล้วจะส่งไปที่ e-mail 3) พบ Activate Code ใน E-mail ให้ Click เพื่อรับ E-mail ฉบับที่สอง ซึ่งมี API Key 4) เข้า Dashboard, Plugins, Akismet Configuration กรอก API Key แล้วกด Update Options 5) พบตัวเลือก Dashboard, Akismet Stats สำหรับตรวจจำนวน Spam ที่จัดการได้
Category: เทคโนโลยีรอบตัวเรา
App : LPMuseum2 บน Google Play Store
เล่าเรื่อง App
ที่มาของแอปพลิเคชัน lpmusem ทั้งรุ่น 1 และ 2 ใน Google play store อ้างอิงข้อมูลทั้งหมดจากข้อมูลในเว็บไซต์ lpmuseum.net ที่ดำเนินการภายใต้ โครงการ การจัดการพิพิธภัณฑ์ชุมชนในระบบอิเล็กทรอนิกส์ของจังหวัดลำปาง (The Management of Community Museum in Electronic System of Lampang Province) โดย พระครูสิริธรรมบัณฑิต,ผศ. ผู้อำนวยการวิทยาลัยสงฆ์นครลำปาง หัวหน้าแผนวิจัยและคณะ ซึ่งได้รับทุนอุดหนุนจากมหาวิทยาลัยมหาจุฬาลงกรณราชวิทยาลัย ประจำปีงบประมาณ 2563 MCU RS 6303008 โดยข้อมูลการศึกษาได้มาจาก 3 วัดต้นแบบ ได้แก่ วัดบ้านหลุก 289 หมู่ 6 ตำบลนาครัว อำเภอแม่ทะ จังหวัดลำปาง วัดปงสนุกเหนือ ตำบลเวียงเหนือ อำเภอเมืองลำปาง จังหวัดลำปาง วัดไหล่หินหลวง หมู่ 2 บ้านไหล่หิน ตำบลไหล่หิน อำเภอเกาะคา จังหวัดลำปาง
ในโครงการประกอบด้วย 3 โครงการย่อย ได้แก่ โครงการวิจัยย่อยที่ 1 เรื่อง ศึกษาองค์ความรู้และกระบวนการสร้างการจัดการพิพิธภัณฑ์ท้องถิ่นเพื่อความยั่งยืน ก่อให้เกิดแนวปฏิบัติที่ดีในการสร้างการจัดการพิพิธภัณฑ์ท้องถิ่น ผู้ดำเนินการวิจัย : อ.ณรงค์ ปัดแก้ว โครงการวิจัยย่อยที่ 2 เรื่อง การพัฒนาพิพิธภัณฑ์ชุมชนด้วยระบบอิเล็กทรอนิกส์ในจังหวัดลำปางได้สร้างรูปแบบทะเบียนโบราณวัตถุของพิพิธภัณฑ์ชุมชนในระบบอิเล็กทรอนิกส์ ผู้ดำเนินการวิจัย : พระครูสิริธรรมบัณฑิต,ผศ., ผศ.ดร.บุษกร วัฒนบุตร, ดร.อนุกูล ศิริพันธ์, อ.ณฤณีย์ ศรีสุข โครงการวิจัยย่อยที่ 3 เรื่อง การสร้างต้นแบบพิพิธภัณฑ์ชุมชนในระบบอิเล็กทรอนิกส์สร้างแอปพลิเคชัน พิพิธภัณฑ์ชุมชน พัฒนาระบบและเครือข่าย และการสร้างต้นแบบพิพิธภัณฑ์ชุมชนด้วยระบบอิเล็กทรอนิกส์ ดร.ภัทรเดช ปัณชญาธนาดุล
รักใครหลงอะไร ไปตั้งแฟนคลับได้นะ
7 ก.ย.64 เห็นนิสิตรหัส 64 ทั้งพยาบาล เทคนิคการแพทย์ และทันตแพทย์ ที่ส่งผลงานจากที่ได้รับมอบหมาย มีคุณภาพที่สะท้อนถึงความตั้งใจ เขียนบล็อกเรื่องราวเกี่ยวกับการใช้ชีวิต การทำกิจกรรม และประสบการณ์ เล่าเหตุการณ์ก่อนจะมาถึงวันนี้ให้ได้อ่านมาก รู้สึกว่าชีวิตวัยรุ่นเป็นไปอย่างมีความสุข และความหวัง ทำให้ผมในฐานะผู้อ่านรู้สึกเหมือน 18 อีกครั้ง ประกอบกับวันนี้เคลียร์ปัญหา และเงื่อนไขหลายอย่างเกี่ยวกับการสร้างแอปพลิเคชัน บนสมาร์ทโฟน จึงมองหาช่องทางที่เป็นไปได้ เช่น การสร้างโปรแกรมต้นแบบจากข้อมูลที่มีอยู่ เพื่อใช้เป็นแนวทางก้าวต่อไปในการสร้างแอป
ถือเป็นแอปแรกที่อยากสร้างที่ไม่ได้เกิดจากงานในปีนี้ คือแอปแฟนคลับ เพราะใกล้ตัว และมีข้อมูลอยู่มาก นั่นคือการเป็นแฟนคลับมหาวิทยาลัยเนชั่น เดิมผมเป็นแฟนคลับไอดอลญี่ปุ่น เกาหลี จีน หรือจะฝั่งตะวันตกทั้งอเมริกา อังกฤษ ฝรั่งเศษ หนัง เพลง การ์ตูน และหนังสือก็เป็นแฟนเช่นกัน แต่ก็ไกลตัวเกินไป เลือกใกล้ ๆ ก็เลือกที่ทำงานนี่เลย เพราะไปทำงานทุกวัน มีเรื่องราวให้เล่าได้ เลือกภาพมาจัดกิจกรรม น่าจะพัฒนาขึ้นเป็นแอปแฟนคลับได้ เริ่มต้นก็ใช้ webpage มาสร้าง prototype ที่จำลองคล้ายกับหลักการของ webview component ที่ใช้บน react native ด้วยเวลาที่จำกัด จึงเลือกสร้างไว้ 4 เพจ คือ ประวัติ ภาพสวย บทความของท่านอธิการ และคลิปวิดีโอ เนื่องจากข้อมูลที่เคยสะสมไว้มีพร้อม จึงดำเนินการได้เร็ว ปรับโค้ดไม่มาก ด้วย template เดียวกัน สรุปว่าต่อจากนี้ก็ต้องนึกฝันกันต่อไปว่าจะเอาอะไรมาใส่ในแอพ ก่อน build เป็น version 1 ขึ้น google play store กันต่อไป
การเรียนรู้มีการศึกษานอกกระแส คล้ายกับ การแพทย์นอกกระแสหลัก
เด็กยุคใหม่เลือกได้ ว่าจะ เรียนรู้ตามกระแสหลัก หรือเรียนนอกกระแสหลัก เช่นเดียวกับ การแพทย์นอกกระแสหลัก ที่มีทั้ง การแพทย์แผนไทย การแพทย์พื้นบ้าน และการแพทย์ทางเลือก เคยฟังแนวคิด “การศึกษาทางเลือกคือทางรอด ที่เหมือนกับ การแพทย์ทางเลือกคือทางรอด” ได้ฟัง อาจารย์ลอย ชุนพงษ์ทอง (Loy Chunpongtong) ผู้เชี่ยวชาญด้านคณิตศาสตร์ ในช่อง Loy Academy พูดเรื่องผลงานวิจัย ฟ้าทะลายโจรของกลุ่มการแพทย์ทางเลือก เสนอการใช้สมุนไพรต่อสู้กับโรคระบาด และบทความเรื่องการแปลผลค่า P-value 7% ไว้อย่างละเอียด และข่าวมิจฉาชีพทำการปลอมสมุนไพรระบาดอย่างหนัก มีบทความวิชาการ และหลักสูตรเกี่ยวกับการแพทย์นอกกระแสหลัก ที่นิสิต นักเรียน นักศึกษา ครู อาจารย์ สามารถหาข้อมูลอ้างอิงได้ อาทิ การพัฒนาบริการการแพทย์นอกกระแสหลัก ศาสตร์เพื่อการแสวงหาทางรอด หรือ งานวิจัยฟ้าทะลายโจรการแพทย์ทางเลือก
Github app ติดตามเขา เขาติดตามเรา รู้ได้
Github.com เป็นระบบที่บริการเป็นสาธารณะ
เข้าไปดูผลงาน ของเพื่อน/ศิษย์นักพัฒนา
เข้าไปติดตามใคร ๆ ที่เขาเปิดเผย
หรือถูกใคร ๆ ติดตามเรา
เกาะติดเราจนจะเป็นแฟนเพจอยู่แล้ว
ชอบผลงานของใคร
เดี๋ยวนี้ clone กันง่าย ๆ
แก้ไขอะไรโดยใครในทีม เห็นหมด
หรือเลือก fork แยกรุ่นมาจากตัวหลัก
มีนักพัฒนาบางคนที่เป็นลูกศิษย์
เรียนรู้วิถีเดิมของอาจารย์
และเรียนรู้วิถีใหม่เพิ่มเติม ต่อยอด
แล้วออกไปสู้กับผู้ร้ายที่เก่งกาจกว่าอาจารย์
มีให้เห็นเยอะมากในหนังของเฉินหลง
หรือศิษย์เส้าหลิน ที่ไปล้างแค้นแทนวัด
เล่าซะยาว เดี๋ยวจะเลยเถิดไปเรื่อย ๆ
จนไปถึง ever night ซีรี่จีนเรื่องลูกศิษย์
แต่ลูกศิษย์ดันพบรักกับศัตรูของอาจารย์
สุดท้ายอาจารย์ตาย ขึ้นไปเป็นพระจันทร์
แล้วศิษย์ก็มีความสุข แต่งงานเป็นทาสรักสืบไป
สรุปว่า
แอป github นี่ดีนะครับ
ไว้ติดตามนักพัฒนาว่า
ทำไปกี่ repository กันแล้ว
จะได้ไปติดตามผลงานกันใกล้ชิด
ชวนน้องเล่นเกม และสั่งพูด Hello World ด้วย node.js
อยากเล่าให้น้องที่ชอบเล่นเกมฟัง ว่า Bluestacks ใช้ดาวน์โหลดเกมบน Android มาเล่นได้เหมือนกับมี Smart phone อีกเครื่อง วางอยู่บนโปรแกรม Windows เรียกได้ว่า โปรแกรมซ้อนโปรแกรมและมีได้หลายชั้น และโปรแกรม Node.js ก็ถูกกล่าวถึงกันอย่างมาก ไปค้นดูใน google ได้เลยว่า นิยมชมชอบกันขนาดไหน โดยเฉพาะ กลุ่มที่สนใจเทคโนโลยีแบบเข้มข้น ทั้งนิสิต นักศึกษา และโปรแกรมเมอร์ ถ้าสนใจเรื่องนี้ มาอ่านกันต่อได้เลยครับ ผมขอเสนอกิจกรรมน่าสนุก คือ พูด Hello world บน Bluestacks ถ้าดูตามภาพประกอบทั้ง 7 ภาพ เป็นเหตุการณ์ที่จะเกิดขึ้นหลังจากเราไป download โปรแกรมจาก bluestacks.com มาติดตั้งแล้ว เมื่อเปิดใช้งานโปรแกรมครั้งแรกนั้น 1) เรามักเริ่มต้นจากการเข้าไป ตั้งค่า (setting) ว่าจะใช้งานแบบแนวนอน หรือแนวตั้ง และความละเอียดของหน้าจอ ให้เหมาะกับการเล่นเกมของเรา 2) เปิด Play store เตรียมดาวน์โหลดโปรแกรม และเกมที่รอเราอยู่นับล้าน แต่เริ่มใช้งานก็ต้องอัปเดตคลังการสนับสนุนกันก่อน 3) จะติดตั้งเครื่องมือ ก็นึกถึงสูตรโกงเกมสมัยก่อนเลย ต้องเข้าโปรแกรม Termux (ก่อนอื่นต้อง download Termux….apk ค้นจาก google.com หรือดาวน์โหลดจากแหล่งเผยแพร่ เช่น apkcombo.com หรือ apkpure.com หรือ f-droid.org เมื่อได้มาแล้ว ก็เพียงแต่ลากแฟ้ม .apk ไปวางใน Bluestacks ก็จะเป็นการติดตั้งและใช้งานได้ทันที) หน้าตาของโปรแกรมจะเป็นพื้นสีดำ ตัวอักษรสีขาว ที่ดูจะมือมน แต่มีอะไรซ่อนอยู่มหาศาล ลองค้นหาดูครับ นึกซะว่าเก็บเหรียญ เข้าแล้วก็พบกับเครื่องหมาย $ แสดงว่าตรงนี้มีค่า ที่พร้อมสนับสนุนให้เราได้ไปต่อ เพราะเป็นสัญลักษณ์หน่วยเงินของต่างประเทศ เรียก Dollar sign 4) โปรแกรม Node.js ที่นักคอมพิวเตอร์เค้าใช้กันนั้น เริ่มต้นใช้งานได้ด้วยการพิมพ์คำสั่ง npm แต่เมื่อสั่งแล้วพบว่าในระบบยังไม่มี จึงต้องสั่งติดตั้งเพิ่ม การสั่งติดตั้งจะพิมพ์คำสั่งว่า pkg install nodejs แต่ฟ้อง error ก็ใจเย็น ๆ หาสาเหตุ และวิธีแก้ไขกันก่อน 5) ในอุปกรณ์มีแต่โปรแกรมเก่าที่มีมาก่อนหน้านี้ จึงยังใช้คำสั่งติดตั้งไม่ได้ อยากได้ของใหม่ก็สั่งอัพเกรดรายการกันก่อน จะได้มีโปรแกรมที่ทันสมัยยิ่งขึ้น มาสั่งกันได้เลย ด้วยคำสั่ง pkg upgrade 6) ถึงเวลาแล้ว ที่จะติดตั้งโปรแกรมที่เราต้องการ ก็เพียงแต่พิมพ์สั่งว่า pkg install nodejs ก็จะใช้เวลาไปดาวน์โหลดโปรแกรมมาติดตั้งให้เราอยู่พักหนึ่ง 7) เมื่อพร้อมก็เริ่มสั่งงาน และเขียนโปรแกรมกันเลย แต่ละบรรทัดก็จะมีความหมายเฉพาะตัว เรามาค้นหาความหมายของคำสั่งต่าง ๆ กันดีไหม เมื่อเขียนเสร็จ ก็สั่งให้โปรแกรมทำงาน ผลของการทำงานจะพบคำว่า Hello World ถือว่าภารกิจลุล่วง ภาษาอังกฤษเรียก Mission Complete ยินดีด้วย ผ่าน ด่านที่ 1 เรียบร้อยแล้ว
กลุ่มซิกเซนต์ ที่ปลุกให้กลับมาพัฒนาโมบายแอปอีกครั้ง
วันนี้ 29 สิงหาคม 2564 ครบกำหนดเวลาที่นิสิตปี 1 มหาวิทยาลัยเนชั่น ส่งผลงานเขียนบล็อก เพื่อร้องเรียงเรื่องราวบอกเล่าสั้น ๆ โดยใช้ภาพประกอบ มาลำดับความคิด เหตุการณ์ หรือช่วงเวลา ที่เลือกเขียนได้ทั้งแนวลึก และแนวกว้าง เมื่อได้อ่านผลงานแล้วรู้สึกสนุก นิสิตบอกเล่าถึงความสุขเกี่ยวกับชีวิตวัยรุ่น ที่เปลี่ยนผ่านจากเยาวชนตัวน้อยในครอบครัวสู่ความเป็นผู้ใหญ่ สู่ชีวิตนิสิตในรั้วมหาวิทยาลัย เล่าได้ดีโดยใช้ภาพเป็น Milestone ในแต่ละย่อหน้า เพราะภาพหนึ่งภาพแทนคำพูดนับพันคำ ทำให้นิสิตสรรหาภาพที่ชื่นชอบในอดีตมาประกอบการเล่าเรื่องได้อย่างมีความสุข ร้อยเรียงเป็นเรื่องราวน่าอ่าน มีที่มา ที่เป็นอยู่ และที่เป็นไป ฝึกทักษะการสื่อสารผ่านการเขียน รอบต่อไปก็จะฝึกทักษะการพูด และบันทึกคลิปออกสื่อกัน หวังว่าจะพัฒนาทักษะการเขียน แล้วใช้ทักษะการเขียนไปเขียนตอบข้อสอบต่อไป ชวนอ่านผลงานของ วรรณศาสน์ มณีรัมย์ เลิศฤดี พลคำมาก หรือ วัชราพร เพื่อนสงคราม
กลับมานึกถึง นิสิตรุ่นพี่ปี 4 สายเดฟ ผมตั้งชื่อว่า Six Sense ไม่ใช่ The Sixth Sense ที่เป็นชื่อภาพยนตร์ที่แสดงนำโดย Bruce Wills แต่ Six มาจาก จำนวน ไม่ใช่ Sixth ที่มาจากคำว่า ลำดับที่ ตั้งชื่อว่า ซิกเซนต์#1 ประกอบด้วย หวาน แพรว ฟลุ๊ค เฟิร์น นน ฝน ซิกเซนต์#2 ประกอบด้วย คอม หนึ่ง นิค มิ้ม แบล็ค วิว เพราะนิสิตทั้งสองรุ่น อ.แนน อ.นุ้ย อ.เชพ ผู้สอน และศิษย์พี่ที่รับศิษย์น้องไปทำงานตรงสาย ต่างเสมือนเป็นแรงผลักดันต่างกรรมต่างวาระ ทำให้ผมกลับมาสนใจการพัฒนาโมบายแอปด้วยเครื่องมือใหม่อีกครั้ง จากที่เริ่มพัฒนาเว็บแอป มาตั้งแต่ 2541 ก่อนหน้านี้เคยสนใจ Android Studio แต่อุปกรณ์ไม่พร้อมสนับสนุนการพัฒนา แล้วปัจจุบัน 2564 ได้พี่เปรม และพี่เบนซ์ มาช่วยทำให้อุปกรณ์ของผมพร้อมขึ้น และตัวเครื่องมือพัฒนาได้รับการปรับปรุงให้มีประสิทธิภาพ ขึ้น จึงเริ่มกลับมาสนใจการพัฒนาโมบายแอป ด้วย React Native บน Android SDK และถือเป็นเวลาที่ต้องกลับไปซ่อมแซมโมบายแอป ที่เคยใช้ webview หรือแอปเก่ามีปัญหาที่ไม่ สอดคล้องกับเงื่อนไขใหม่ของ Play Store จนเป็นผลให้ Google play store ลบแอปออก เนื่องจากเวลาผ่านไปเงื่อนไขก็เปลี่ยนตาม (lpmuseum2) โดยเฉพาะคำว่า deprecated หมายถึง การยุติฟังก์ชัน โมดูล หรือไลบรารี่ที่ใช้ในการพัฒนาแอปพลิเคชัน ที่ประกาศยุติอยู่เสมอในทุก เครื่องมือ ทำให้ต้องกลับไปรื้อแอปเก่า นำมาเข้าคิว เพื่อพัฒนาใหม่อีกหลายตัว
กลับมาชวนมองกระแส React Native พบว่า แนวโน้มการใช้เครื่องมือพัฒนาโมบายแอพในปัจจุบัน กลุ่มนักพัฒนาโมบายแอปในดาวเคราะห์สีน้ำเงินนี้ เลือกใช้ React Native ที่พัฒนาขึ้นโดย Facebook และเป็น Cross Platform ที่ส่งโค้ดไป compile บนตัวแปลภาษาในแต่ละอุปกรณ์ทำให้ใช้ฟังก์ชันได้ทุกตัว อาทิ Andriod หรือ iOS จึงเรียกว่า Native language จากบล็อกที่เขียนโดย Sophia Martin เขียน 14 ก.ย.2562 ระบุว่า เครื่องมือมาแรงมี 3 ตัว คือ Flutter , React Native และ Xamarin ส่วน Hirar Atha เขียน 23 ก.ค.63 นำเสนอ 6 Best programming languages ประกอบด้วย Android = 1) Java, 2) Kotlin ส่วน iOS = 3) Swift, 4) Objective-C ส่วน Cross Platform = 5) React Native, 6) Flutter แล้วคุณ Hirar Atha ยังเล่าว่า โดยเฉลี่ยแล้วผู้ใช้สมาร์ทโฟนอยู่กับอุปกรณ์ 2 ชั่วโมง 55 นาทีทุกวันเมื่อปี 2562 ซึ่งนานกว่าดูทีวีหรืออุปกรณ์อื่นใด มีร้อยละ 90 ใช้เวลาในแอปพลิเคชัน ซึ่งชัดเจนว่า Mobile apps คือ สื่อดิจิทัลที่ลูกค้าเกาะติดเป็นกลุ่มที่ใหญ่ที่สุด ผู้ใช้สมาร์ทโฟนเฉลี่ยแล้วมี 80 แอปพลิเคชัน และใช้อย่างน้อย 40 แอปพลิเคชันทุกเดือน
ตัวอย่าง CSS ใน HTML (Joom.htm)
CSS (Cascading Style Sheets) คือ ภาษาคอมพิวเตอร์สำหรับกำหนดรูปแบบในเอกสาร HTML หรือเรียกว่า สไตล์ชีต ที่ใช้กำหนดรูปแบบ (Layout) สีอักษร สีพื้น ตัวอักษร การจัดวาง ระยะห่าง เส้นขอบ เป็นต้น มีรูปแบบ Syntax เฉพาะตัว ได้รับการกำหนดมาตรฐานโดย W3C การใช้ CSS มี 3 แบบ คือ Inline, Internal และ External CSS
เรื่อง CSS : Cascading Style Sheets กลายเป็นข้อควรรู้ที่จำเป็นสำหรับนักพัฒนาเว็บไซต์อย่างหลีกเลี่ยงไม่ได้ ปัจจุบัน CSS มีถึงรุ่น 3 แล้ว ในการใช้งานจริงมักสร้าง CSS แบบ External style sheet เพราะแฟ้มอื่นเรียกใช้ได้ ส่วน Internal style sheet ก็จะเรียกใช้ได้เฉพาะในแฟ้มนั้น ส่วน Inline style ก็จะพิมพ์คำว่า style ต่อท้าย tag นั้นไปเลย ซึ่งตัวแปรหลัก 2 แบบที่กำหนดเองใน CSS มี 2 แบบคือ id กับ class
การกำหนด และการเรียกใช้ต่างกันไป ถ้าเป็น id จะขึ้นต้นด้วย # แต่เป็น class จะขึ้นต้นด้วย . ถ้าเรียกใช้ id จะใช้ properties name ว่า id ส่วนเรียกใช้ class จะใช้ properties name ว่า class
สิ่งที่แตกต่างกัน คือ id จะเรียกใช้ครั้งเดียว แต่ class เรียกใช้ได้หลายครั้ง ถ้าวางแผนอย่างใจเย็นก็จะใช้ประโยชน์จาก css ได้อย่างเต็มที่ มีตัวอย่างที่ css_sample.htm และ การทำเมนู Responsive แบบ Top Nav หากจะทดสอบการปรับแต่ง css ทำได้ที่ w3schools.com
CSS คือ ภาษาคอมพิวเตอร์สำหรับกำหนดรูปแบบในเอกสาร HTML เรียกว่า สไตล์ชีต ที่ใช้กำหนดรูปแบบ สีอักษร สีพื้น ตัวอักษร การจัดวาง ระยะห่าง เส้นขอบ เป็นต้น มีรูปแบบ Syntax เฉพาะตัว ได้รับการกำหนดมาตรฐานโดย W3C การใช้ CSS มี 3 แบบ คือ Inline, Internal และ External CS จากตัวอย่างในรหัสต้นฉบับ แฟ้ม joom.htm ที่เป็นอัลบั้มแบบ static ถูกทำเครื่องหมายไว้ 6 จุด เพื่อใช้ชี้ให้เห็นในสิ่งที่น่าสนใจ ดังนี้ 1) แฟ้มเก็บ css ที่เก็บไว้ภายนอก แต่อยู่ในเครื่องบริการของตนเอง ทำให้เว็บเพจอื่นโหลดไปใช้ได้ นำเข้าได้ด้วย link tag 2) เขียน css ไว้ในเว็บเพจ และเรียกใช้ได้เฉพาะในเว็บเพจนั้น เขียนอยู่ใน style tag 3) ใน style tag สามารถกำหนด ขนาด media สำหรับเรียกใช้ css แต่ละชุดได้ เช่น mobile, desktop, notebook ก็จะแสดงผลแตกต่างกันไปตามขนาดหน้าจอ 4) มี css ที่ถูกพัฒนาให้ใช้ร่วมกับ Pure Javascript ที่ทำให้แสดงผลบนเว็บเพจแบบ dynamic และถูกใช้อย่างแพร่หลาย สามารถเรียกใช้ผ่านเครื่องบริการ CDN (Content Delivery Network) ได้ฟรี 5) การประกาศ css แบบ in-line ทำให้มีผลทันทีใน tag นั้น เช่น ประกาศบน div ใด ก็จะมีผลเฉพาะใน div นั้น หากอยู่นอกเหนือขอบเขต ก็จะไม่มีผล การประกาศใช้ที่จุดใด จึงต้องคำนึงถึงขอบเขตของการนำไปใช้ 6) การประกาศ css มักอยู่ในรูปของ class แล้ว tag ต่าง ๆ สามารถเรียกใช้ class ได้ และยังเรียกใช้หลาย class พร้อมกันได้ ซึ่งการตรวจสอบค่า css ในระหว่างแสดงผลบน browser เช่น chrome สามารถกด F12 แล้วใช้ Developer Tools เข้าไปตรวจสอบ หรือทดสอบแก้ไข แล้วการแสดงผลจะเปลี่ยนไปทันที ทำให้กลับไปแก้ไขโค้ดทำได้ง่ายขึ้น
React native + Android studio : SDK Location + Run APK
เรา build app เพื่อให้ได้แฟ้ม .apk ที่พัฒนาขึ้นด้วย React native ร่วมกับ Android SDK ซึ่งสามารถส่งออกผลงานได้หลายวิธี เมื่อได้แฟ้ม .apk มาแล้ว นำไปใช้บนอุปกรณ์ หรือ emulator ได้อีกหลายวิธี ซึ่งวิธีหนึ่งที่น่าสนใจ คือ upload แฟ้ม .apk ขึ้นไปทำงานบน เว็บบราวเซอร์ (Run APK Online in Browser) ผ่านบริการของ appetize.io หรือ ApkOnline Chrome extension (ส่วน testobject.com และ Manymo.com ประกาศยุติแล้ว) ซึ่งตัวอย่างนี้ เลือกใช้บริการที่ appetize.io เมื่อสมัคร และกรอกอีเมล ระบบจะส่งลิงค์ register ไปให้ทางอีเมล หลังจากนั้นจะพบลิงค์เข้าแอพแบบ online ในอีเมล หัวข้อ “Your links are ready!” มีข้อความว่า Your app is ready to go at https://appetize.io/app/g7..ym หรือ sign in เข้า dashboard เลือก ชื่อโปรเจคของเรา (myproject) มีตัวเลือก view , embed , manage , .. หากเลือก view ก็จะเปิด emulator แบบ online มาให้ใช้งาน ถ้าต้องการใช้บริการมากกว่านี้ หรือมีข้อจำกัดที่ลดลง เลือกจ่ายค่าบริการได้ ซึ่งหน้าตาแอพบนเว็บไซต์ เหมือนที่พบบน emulator โดยเงื่อนไขให้บริการแบบ Trail มีระยะเวลาหนึ่งเดือน หรือจำกัดจำนวน มีรายละเอียดดังนี้ Current plan: Trial. Period usage: 0 sessions, 0 minutes from Aug 1, 2021 12:00:00 AM to Sep 1, 2021 12:00:00 AM UTC. You are limited to 1 concurrent user and 100 minutes of streaming per month.
Android Studio Menu bar, Tools, SDK Manager, Android SDK Location: C:\Users\burin\AppData\Local\Android\Sdk Menu bar, Tools, SDK Manager, Android SDK, SDK Platforms, Check : Android 9.0 (Pie) API Level 28 Menu bar, Tools, SDK Manager, Android SDK, SDK Tools, Check : Intel x86 Emulator Accelerator (HAXM installer) - Installed Bios : VT-x Virtualization must be enabled in Bios ( VT-x ) C:> sysdm.cpl ANDROID_SDK_ROOT=C:\Users\burin\AppData\Local\Android\Sdk อ่านเพิ่ม https://developer.android.com/studio/run/emulator-commandline dir C:\Users\burin.android\avd พบ folder : Nexus_5X_API_24.avd C:\Users\burin\AppData\Local\Android\Sdk\emulator> emulator @Nexus_5X_API_24 C:> react-native init myproject C:\myproject> gradlew assembleRelease dir E:\myproject\android\app\build\outputs\apk\release\app-release.apk - 31 MB dir E:\myproject\android\app\build\outputs\apk\debug\app-debug.apk - 44 MB
การติดตั้งหรืออัพเดทรุ่นของ node.js
การติดตั้ง node.js เพื่อใช้คำสั่ง npm (Node Package Manager) เริ่มจากดาวน์โหลด node-v…-x64.msi สำหรับ windows จาก https://nodejs.org/en/ พบโปรแกรมใน C:\Program Files\nodejs\ หลังติดตั้งตรวจสอบรุ่นด้วย C:\> npm -v (16.7.0)
เมื่อเวลาผ่านไป พบว่า node.js ได้รับการพัฒนาจนมีรุ่นใหม่ และรุ่นเก่าใช้ติดตั้ง package ใหม่ไม่ได้ จึงต้องติดตั้งโปรแกรม nvm โดยดาวน์โหลด nvm-setup.exe สำหรับ windows มาใช้งาน เพื่อใช้จัดการรุ่นของ node.js ทำให้เราสามารถติดตั้ง node.js ได้หลายรุ่น และเลือกใช้รุ่นที่ต้องการได้ เช่น C:\> nvm use 16.7.0 เป็นต้น ดังนั้นหลังติดตั้ง node.js แล้วจะได้ node , npm และ npx ไว้ใช้งาน แต่ยังไม่มี nvm จึงต้องติดตั้งเพิ่ม เพราะเมื่อเวลาผ่านไป ก็จะต้องติดตั้ง node.js รุ่นใหม่ แม้ node.js รุ่นเก่าจะเป็น LTS (Long Term Support) version แต่มี package เสริมจำนวนมากที่ถูกพัฒนาเพิ่ม และแจ้งว่าไม่เข้ากันกับ package รุ่นเก่า ที่เป็น deprecated ไปแล้ว และไม่สนับสนุน package เหล่านั้นอีกต่อไป และ nvm นี้เองที่ช่วยสลับรุ่นของ node.js ทำให้สามารถนำ project เก่ามาแก้ไข โดยไม่ต้องปรับแก้ code ตามการพัฒนาของ node.js ในแต่ละรุ่น
ตรวจรุ่น https://nodejs.org/download/release/latest/ ตรวจรุ่น https://github.com/coreybutler/nvm-windows/releases nvm-setup.zip (สั่ง nvm-setup.exe ได้ C:\Users\ACER\AppData\Roaming\nvm) nvm -v (1.1.7) npm cache verify (ตรวจสอบ cache) npm cache clean -f (ถ้าติดตั้ง/สั่งงานไม่สำเร็จ ข้อมูลอาจค้าง ถ้าเจอปัญหาลองไปล้าง cache) nvm list available (แสดง version ทั้งหมดที่ติดตั้งได้) nvm install 16.7.0 (ติดตั้ง node.js รุ่นที่กำหนด) node -v (เก่า v10.15.3) npm -version (เก่า 6.4.1) nvm list (แสดง version ที่ถูกติดตั้งไว้แล้ว) nvm use 16.7.0 node -v (v16.7.0) npm -version (7.20.3)
ตัวอย่างโค้ดที่ธนาคารแห่งประเทศไทยให้มาเพื่อใช้เชื่อมต่อ API
var request = require("request"); var options = { method: 'GET', url: 'https://apigw1.bot.or.th/bot/public/Stat-SpotRate/v2/SPOTRATE/', qs: { start_period: '2021-06-01',end_period: '2021-06-12' }, headers: { accept: 'application/json', 'x-ibm-client-id': 'xxx … xxx' } }; request(options, function (error, response, body) { if (error) return console.error('Failed: %s', error.message); console.log('Success: ', body); });