Category: Web, Program, OS

Website development,
Web application,
Windows application,
Operating System,
Android Studio

คลิปวิดีโอ teaser ของนิสิต มีเกือบ 30 เรื่อง

ช่วงนี้ผมจะก้มหน้าก้มตาดูคลิ๊ปเยอะหน่อย
เพื่อน ๆ ที่กำลังหา teaser ดู .. เชิญคลิ๊กครับ

ทีมนิสิตมหาวิทยาลัยเนชั่น ปี 1 เทอม 1

“เฮ้ยมึง อาทิตย์นี้ อาจารย์สั่งงานเยอะมากเลยอ่ะ
เราทำไม่ทันเลยอ่ะ ไม่ไหวแล้วนะ กูก็ไม่ไหวแล้วเหมือนกัน
ตาจะเป็นหมีแพนด้าแล้วจ้า” .. แอบคิดว่านิสิตพูดกับผมอยู่

May be an image of 1 person and text that says "YouTube TH อยู่ๆก็มาปรากฎ ตัวในหัวใจ 2:00 TEASER MV อยู่ๆก็มาปร pock pinghajiheeae เล่นทั้งหมด เพลง: แค่คนคุย (กลุ่ม6) Natthida Pidjadee 2:01 641 teaser วิดีโอ 23 รายการ ไม่มีการดู อัปเดดแล้ววันนี้ WLIEL Μν Teaser เพือนสนิท) Ink Donlaya 2:00 Teaserลกอม byพลอยไพ พลอย ตะกิ้วตะกิ้ว 2:01 อย่าไว้ใจทาง อย่าวางใจแ Chutimon Munpang 2:01"

คลิปเซตนี้ เป็นผลงานฝึกปฏิบัติ ของนิสิตปี 1 เทอมแรก ที่รวมกลุ่มกัน แลกเปลี่ยนประสบการณ์กันในกลุ่ม คิดกันเป็นเรื่องเป็นราว เลือกเพลง ปรับเปลี่ยนจนกว่าจะพอใจ ร้องเอง แสดงเอง เลือกชุด สถานที่ และเครื่องมือ วางแผนทำ story board ออกมาเป็นฉาก มีจุดไคลแม็กซ์ มีเทคนิค มีอารมณ์ความรู้สึก มีแรงบันดาลใจ ฝึกทำ teaser เพื่อซ้อมการทำงานเป็นทีม แล้วจัดทำเอกสารสรุปการทำงานเพื่อนำเสนอ พร้อมนำเสนอคลิปวิดีโอ MV ก่อนสิ้นภาคการศึกษาแรก ของการเป็นนิสิตมหาวิทยาลัย

เผยแพร่เป็นหัวข้อ 32.41
http://www.thaiall.com/vdoteach/

เป็นการเผยแพร่ผ่าน playlist ที่มาจากคลิปต้นฉบับของนิสิต
และแจ้งแล้วว่าจะแชร์ต่อ .. ถ้าไม่แชร์ก็ไปแก้ไข permission ได้

การเชื่อมต่อระหว่าง Server กับ Client ผ่าน FTP

การเชื่อมต่อระหว่าง Server กับ Client เพื่อรับส่งแฟ้มจำนวนมากได้อย่างรวดเร็ว นักพัฒนามักเลือกใช้บริการ FTP และโปรแกรมที่ได้รับความนิยม คือ Filezilla ซึ่งโปรแกรม Filezilla ติดตั้งมาพร้อมกับโปรแกรม XAMPP ทำให้สามารถเปิดบริการ FTP Server ได้โดยง่าย ในฝั่งเครื่อง Server เมื่อเปิดส่วนของ Admin ต้องเริ่มต้นจากการสร้าง user และ password พร้อมกับกำหนด home directory และ permission เมื่อสร้างเสร็จแล้ว ก็ให้เครื่อง Client เชื่อมต่อเข้าไปผ่าน user ที่สร้างใหม่ โดยโปรแกรมที่ใช้ติดต่อเข้าไปจากเครื่อง Client มีหลายวิธีให้เลือกใช้ อาจเป็น Filezilla client หรือ FTP program ที่ทำงานบน android , linux, ios หรือ dos แล้วกิจกรรมการ put และ get ก็เกิดขึ้นหลังจากการ connect ได้สำเร็จแล้ว

ขั้นตอนการใช้งาน Filezilla บน Xampp 7.1.7

  1. Download xampp จาก apachefriends.org
    xampp-win32-7.1.7-0-VC14-installer.exe
  2. รุ่นนี้มีโปรแกรมมาเยอะ
    ทั้ง Server : Apache, MySQL, FileZilla FTP Server, Mercury Mail Server, Tomcat
    ทั้ง Program Languages : PHP, Perl
    ทั้ง Script : phpMyadmin, Webalizer, Fake Sendmail
    แล้วกำหนดห้องคือ c:\xampp71 เพราะก่อนหน้านี้ลงแบบ unzip ในห้อง c:\xampp56 ไว้แล้ว
  3. เปิด XAMPP Control Panel (C:\xampp\xampp-control.exe)
    แล้ว Start : FileZilla ทำให้เปิด port 21 (ftp) และ port 14147 (admin)
  4. คลิ๊ก Admin ของ FileZilla ใน XAMPP Control Panel เข้า admin ผ่าน port 14147
    จะเปิดโปรแกรม Filezilla Server สำหรับ Admin เดิมไม่ได้กำหนด Admin Password ไว้ ก็จะเข้าได้
  5. ถ้าต้องการให้ปลอดภัย ในการเข้า Admin หรือเข้าผ่าน Remote ได้
    เข้า Menu bar, Edit, Settings, Admin Interface setting
    คลิ๊ก Change admin password
    “Minimum password length is 6 characters. Leave empty to remove password. A password is required for remote administrationn to work.”
  6. สร้าง user ให้เค้าได้ใช้งาน
    เข้า Menu bar, Edit, Users, พบ Add Remove Rename Copy
    new user = “admin”
    General Page : Check – Enable account
    General Page : Check – Password = “p”
    Shared folders Page : Add – c:\xampp71\htdocs [Read, Write]
  7. Window+R, cmd จะพบกับ DOS prompt
    C:> ipconfig มองหาตัวเลขหลัง IPv4 Address
    C:> ftp 127.0.0.1
    user: admin
    password: p
    ftp> ?
    ftp> ls
    ftp> bye
  8. Download Filezilla client : https://filezilla-project.org
    แล้วก็ใช้ติดต่อกับ Filezilla server ที่มีแล้ว

http://www.thaiall.com/learn/useftp.htm

ระบบ comment ที่บริการโดย facebook สำหรับ developer

facebook comment plugin

เฟสบุ๊กพัฒนาระบบแสดงความคิดเห็น (comment) ให้นักพัฒนานำไปใช้ ซึ่งระบบนี้ถูกพัฒนาอย่างต่อเนื่อง เปิดบริการ script มาให้ใช้งานแล้วหลายรุ่น นั่นหมายความว่าเปิดรุ่นเก่าให้ใช้ รุ่นใหม่ก็จะใช้ไม่ได้ ถ้านักพัฒนาที่ไม่ได้ตามข่าว เมื่อเคยนำ script ไปใช้แล้ว ต่อมาพบว่าระบบ comment ทำงานผิดพลาดไป ก็จะต้องเปลี่ยนไปใช้ script ชุดใหม่ ถ้านักพัฒนาที่ติดตามข่าว และรู้เท่าทัน ก็จะแก้ไข script ก่อนวันที่โค้ดชุดเก่าจะหมดอายุ ทำให้ระบบ comment ให้บริการลื่นไหลต่อเนื่อง ซึ่ง script บริการะบบ comment ในปัจจุบันจะต้องกำหนด url ของเว็บเพจที่ใช้ comment นั้น ให้กำหนดค่าให้กับตัวแปร data-href แล้วถ้า url ของเพจไม่ตรงกับค่าในตัวแปร data-href ระบบการแสดง comment ก็จะไม่ทำงาน นั่นคือไม่ปรากฎอะไรออกมาให้เห็น

http://www.thaiall.com/facebook/fb_comments.htm

heroku login เพื่อ push ผ่าน command line

การใช้งาน heroku.com บน command line นั้น เริ่มต้นจากการสมัครสมาชิกบน heroku.com ให้เรียบร้อย ก็จะมี user และ password เป็นของตนเอง แต่เมื่อต้องการใช้งานโปรแกรม heroku บน command line ต้อง download
โปรแกรม https://devcenter.heroku.com/articles/heroku-cli

หากต้องการใช้งาน เช่น ใช้คำสั่งแสดงรายการแอปพลิเคชันของเรา ด้วยคำสั่ง heroku apps ต้องเริ่มต้นด้วยคำสั่ง heroku login ซึ่งมีรายละเอียดการรักษาความปลอดภัยแบบ Two-factor authentication พบว่า ต้องมีการ Verify บัญชีผู้ใช้ และต้องเลือก method ในการยืนยันตัวตน
พบว่า มี 3 ปุ่มปรากฎขึ้นมาให้เลือก 1) Salesforce Authenticator 2) One-Time Password Generator 3) Security Key โดยวิธีที่สาม จะเกี่ยวข้องกับการใช้ usb drive ที่น่าสนใจลดลงสำหรับการใช้งานในปัจจุบันที่บางอุปกรณ์ไม่มีช่อง usb แล้ว จึงเลือก 2 วิธีแรก และการใช้งาน ต้องไปดาวน์โหลด app จาก Google play store ชื่อ Salesforce Authenticator ไปติดตั้งบน mobile device เพื่อให้พร้อมสำหรับการยืนยันตัวตน

ขั้นตอนการยืนยันตัวตน มีดังนี้ 1) บน PC : ติดตั้งโปรแกรม แล้วตรวจสอบรุ่นด้วย heroku -v แล้วสั่ง heroku login พบว่าจะมีการเปิด browser ให้ยืนยันตัวตน ซึ่งมี 3 method ให้เลือกดำเนิน ซึ่งผมเลือก 2 method แรก 2) บน PC : คลิ๊ก One-Time Password Generator จะพบกับ QR code มาให้ถูก scan ผ่าน application เฉพาะ จึงไม่สามารถ scan ด้วยโปรแกรมใด ๆ แล้วนำ code ไปเปิดบน browser เพราะไม่ใช่ web link 3) บน Mobile : ติดตั้ง Application ชื่อ Salesforce Authenticator บน Smart phone เปิดขึ้นมา แล้วเลือก เพิ่มบัญชี และสแกน QR code ที่พบบน PC จนผ่าน แล้วจะพบตัวเลข 6 หลัก สำหรับนำไปกรอกบน PC และจะเปลี่ยนเร็วมาก โปรดจดจำ แล้วไปกรอกในเวลาที่กำหนด 4) บน PC : คลิ๊ก Salesforce Authenticator พบช่องให้กรอกโค้ด ถ้ากรอกเลข 6 หลักในเวลาที่กำหนดแล้ว คลิ๊กปุ่ม Enable Two-factor Authentication 5) บน PC : ถ้ายืนยันตัวตนผ่าน ในหน้า Command line จะพบรายงานว่ายืนยันผ่านเรียบร้อย แล้วปรากฎรหัสผู้ใช้ขึ้นมา จากนั้นสามารถใช้ คำสั่ง heroku auth:whoami ตรวจสอบได้ว่าฉันคือใคร คำสั่ง heroku apps แสดงรายการแอปที่เคยสร้างไว้ คำสั่ง heroku apps:info react640909 แสดงรายละเอียดของแอปพลิเคชัน

http://www.thaiall.com/heroku/

http://www.thaiall.com/react/

Akismet คือปลั๊กอินช่วยกรองขยะ

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 ที่จัดการได้

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 เรื่อง การสร้างต้นแบบพิพิธภัณฑ์ชุมชนในระบบอิเล็กทรอนิกส์สร้างแอปพลิเคชัน พิพิธภัณฑ์ชุมชน พัฒนาระบบและเครือข่าย และการสร้างต้นแบบพิพิธภัณฑ์ชุมชนด้วยระบบอิเล็กทรอนิกส์ ดร.ภัทรเดช ปัณชญาธนาดุล

http://www.thaiall.com/reactnative/lpmuseum/

รักใครหลงอะไร ไปตั้งแฟนคลับได้นะ

7 ก.ย.64 เห็นนิสิตรหัส 64 ทั้งพยาบาล เทคนิคการแพทย์ และทันตแพทย์ ที่ส่งผลงานจากที่ได้รับมอบหมาย มีคุณภาพที่สะท้อนถึงความตั้งใจ เขียนบล็อกเรื่องราวเกี่ยวกับการใช้ชีวิต การทำกิจกรรม และประสบการณ์ เล่าเหตุการณ์ก่อนจะมาถึงวันนี้ให้ได้อ่านมาก รู้สึกว่าชีวิตวัยรุ่นเป็นไปอย่างมีความสุข และความหวัง ทำให้ผมในฐานะผู้อ่านรู้สึกเหมือน 18 อีกครั้ง ประกอบกับวันนี้เคลียร์ปัญหา และเงื่อนไขหลายอย่างเกี่ยวกับการสร้างแอปพลิเคชัน บนสมาร์ทโฟน จึงมองหาช่องทางที่เป็นไปได้ เช่น การสร้างโปรแกรมต้นแบบจากข้อมูลที่มีอยู่ เพื่อใช้เป็นแนวทางก้าวต่อไปในการสร้างแอป

ถือเป็นแอปแรกที่อยากสร้างที่ไม่ได้เกิดจากงานในปีนี้ คือแอปแฟนคลับ เพราะใกล้ตัว และมีข้อมูลอยู่มาก นั่นคือการเป็นแฟนคลับมหาวิทยาลัยเนชั่น เดิมผมเป็นแฟนคลับไอดอลญี่ปุ่น เกาหลี จีน หรือจะฝั่งตะวันตกทั้งอเมริกา อังกฤษ ฝรั่งเศษ หนัง เพลง การ์ตูน และหนังสือก็เป็นแฟนเช่นกัน แต่ก็ไกลตัวเกินไป เลือกใกล้ ๆ ก็เลือกที่ทำงานนี่เลย เพราะไปทำงานทุกวัน มีเรื่องราวให้เล่าได้ เลือกภาพมาจัดกิจกรรม น่าจะพัฒนาขึ้นเป็นแอปแฟนคลับได้ เริ่มต้นก็ใช้ webpage มาสร้าง prototype ที่จำลองคล้ายกับหลักการของ webview component ที่ใช้บน react native ด้วยเวลาที่จำกัด จึงเลือกสร้างไว้ 4 เพจ คือ ประวัติ ภาพสวย บทความของท่านอธิการ และคลิปวิดีโอ เนื่องจากข้อมูลที่เคยสะสมไว้มีพร้อม จึงดำเนินการได้เร็ว ปรับโค้ดไม่มาก ด้วย template เดียวกัน สรุปว่าต่อจากนี้ก็ต้องนึกฝันกันต่อไปว่าจะเอาอะไรมาใส่ในแอพ ก่อน build เป็น version 1 ขึ้น google play store กันต่อไป

http://www.thaiall.com/ntufan

Github app ติดตามเขา เขาติดตามเรา รู้ได้

Github.com เป็นระบบที่บริการเป็นสาธารณะ
เข้าไปดูผลงาน ของเพื่อน/ศิษย์นักพัฒนา
เข้าไปติดตามใคร ๆ ที่เขาเปิดเผย
หรือถูกใคร ๆ ติดตามเรา
เกาะติดเราจนจะเป็นแฟนเพจอยู่แล้ว
ชอบผลงานของใคร
เดี๋ยวนี้ clone กันง่าย ๆ
แก้ไขอะไรโดยใครในทีม เห็นหมด
หรือเลือก fork แยกรุ่นมาจากตัวหลัก
มีนักพัฒนาบางคนที่เป็นลูกศิษย์
เรียนรู้วิถีเดิมของอาจารย์
และเรียนรู้วิถีใหม่เพิ่มเติม ต่อยอด
แล้วออกไปสู้กับผู้ร้ายที่เก่งกาจกว่าอาจารย์
มีให้เห็นเยอะมากในหนังของเฉินหลง
หรือศิษย์เส้าหลิน ที่ไปล้างแค้นแทนวัด
เล่าซะยาว เดี๋ยวจะเลยเถิดไปเรื่อย ๆ
จนไปถึง  ever night ซีรี่จีนเรื่องลูกศิษย์
แต่ลูกศิษย์ดันพบรักกับศัตรูของอาจารย์
สุดท้ายอาจารย์ตาย ขึ้นไปเป็นพระจันทร์

แล้วศิษย์ก็มีความสุข แต่งงานเป็นทาสรักสืบไป
สรุปว่า
แอป github นี่ดีนะครับ
ไว้ติดตามนักพัฒนาว่า
ทำไปกี่ repository กันแล้ว
จะได้ไปติดตามผลงานกันใกล้ชิด

ตัวอย่าง 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 เข้าไปตรวจสอบ หรือทดสอบแก้ไข แล้วการแสดงผลจะเปลี่ยนไปทันที ทำให้กลับไปแก้ไขโค้ดทำได้ง่ายขึ้น

จ๋อมเว็บเพจ (Joom webpage)

https://www.thaiall.com/java/indexo.html

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