กำลังโหลด

kanuay.com history


ประวัติย่อของระบบเว็บ (PHP)
พ.ย. 42 - มี.ค. 43[W]ทำเว็บ MYR, B83, Siriwat (งานจ้าง)
ส.ค. 43 - ม.ค. 44[B]

board v1

สร้างเพื่อใช้ภายในเว็บ B83, MYR, Tumwan41
ตั้งกระทู้และเม้นต์ได้, รองรับ html tag, ค้นหา, อัปโหลดรูป, ใส่แบนเนอร์
มีระบบ login-logout, ระบบ admin+spec, ระบบส่งอีเมล
เม.ย. 44[B]นำไปดัดแปลงเป็นเว็บทะเบียนรุ่น Tumwan41
ธ.ค. 44[W]เริ่มเขียนเว็บไดอะรี่โดยใช้บริการของยี่ห้ออื่น
ม.ค. - ก.ค. 45[B]นำไปดัดแปลงเป็นเว็บไดอะรี่ kanuay, Pood, Ton, Tookta
ส.ค. 45[B]นำไปใช้เป็นบอร์ดสนทนา ตอนทำเว็บค่าย e-camp
ต.ค. 45 - ก.พ. 46[B]นำไปใช้เป็นเว็บไดอะรี่ หรือบอร์ดสนทนาอีกหลายที่ เช่น Bokit
เพิ่มเว็บไดอะรี่ Zalaoat
ส.ค. - พ.ย. 46[W]ทำเว็บรูปรับปริญญา, เว็บ gallery รวมรูปถ่ายเอง
ก.พ. 47[B]เพิ่มเว็บไดอะรี่ Shauฯ
พ.ค. 47[W]ทำเว็บ Math E-Book แบบยังไม่มีบอร์ด
ก.ย. 47[B]

board v2

ปรับปรุงเพื่อผนวกเข้าเว็บ Math E-Book โดยเฉพาะ
เริ่มใช้ css บ้าง, แยกส่วน header-footer
ต.ค. 48[B]เริ่มพิมพ์สมการได้ โดยใช้ jsMath
มี.ค. - พ.ค. 49[B]นำไปใช้เป็นเว็บไดอะรี่ kanuay, Shauฯ และบอร์ด B83 (1 เดือน)
เพิ่มระบบตั้งชื่อและรหัสส่วนตัว, แสดงหัวข้อใน titlebar
ก.ย. 49 - ก.พ. 50[B]นำไปใช้เป็นบอร์ด MYR (1.5 ปี)
เริ่มใช้ RSS, favicon, smiley, กระทู้ก่อน-หลัง, ลิสต์ปักหมุด+อัปเดต
เพิ่มระบบ quote+edit ข้อความ, ปุ่มกด smiley+tag, backup zip
ทดสอบเพื่อรองรับ firefox, IE และภายหลัง opera
พ.ค. 50[B]เพิ่มการแสดงผลแบบ blog (ภายหลังเลิกใช้ใน v3)
ก.พ. 51[W]จดชื่อโดเมน kanuay.com, เริ่มเช่าโฮสติ้งรายปี
ทำเว็บ bkkspoon.com (งานจ้าง)
ก.พ. - เม.ย. 51[B]เปลี่ยนสมการเป็น MimeTeX, เพิ่มช่องทดสอบพิมพ์, ปุ่มกดสมการ
ตัวเก็บสถิติ phpMyVisites, ระบบ cookie จำกระทู้ที่อ่านแล้ว
พ.ค. 51[W]ทำเว็บ upload
พ.ค. - มิ.ย. 51[B/W]

board v3

เปลี่ยนเทมเพลตเว็บ Math เพื่อใช้ css 100%
เปลี่ยนตัวเก็บสถิติเป็น Piwik, เพิ่มระบบ audio player
มิ.ย. 51[B]นำไปใช้เป็นเว็บไดอะรี่ Shauฯ, kanuay ที่ออกแบบใหม่หมด
ส.ค. 51 - ม.ค. 52[W]ทำเว็บ MYR10
ม.ค. 52[B]เพิ่ม htaccess ป้องกันฮอตลิงก์, ระบบใส่แท็ก, แต้มสมาชิก
ต.ค. 53[B/W]เพิ่มปุ่ม facebook like, ทดลอง @font-face, แปลงเว็บเป็น UTF-8
ต.ค. 55 - ม.ค. 56[W][Math] ระบบสั่งซื้อ และล็อกอิน (Order), อีเมลตอบอัตโนมัติ
ธ.ค. 57[W][Math] ทำรูป HD, เพิ่มไอคอน add to home ในสมาร์ตโฟน
ธ.ค. 58[W][Math] ระบบพรีเทสต์ ส่งคำตอบและตรวจคะแนน
ม.ค. - มี.ค. 60[B/W]ปรับปรุงการแสดงผลใน facebook share และ search engine
เพิ่มช่อง facebook comment, เปลี่ยนสมการเป็น MathJax
เปลี่ยนฟอนต์ เพื่อใช้ @font-face, ทำ vector graphic เต็มรูปแบบ
ทดสอบรองรับ chrome/android, firefox, IE/edge, safari/iOS
พ.ค. 60[W][Math] อัปเกรดเป็น https, ย้ายจากซับโดเมนมาโดเมนหลัก
ระบบดูด html meta tag, ใช้ mod_rewrite รีไดเรคและ friendly URL
มิ.ย. - ส.ค. 61

kanuay.com v4

responsive รองรับจอโทรศัพท์-แทบเล็ต
แถบเมนูเกาะขอบบน สไลด์ได้ และ auto-float, ลองใช้ css sprites
ม.ค. 62[P] ระบบสมาชิก (Premium), session login, modal, PDF.js
ระบบสร้าง PDF พร้อม watermark/bookmark/metadata
ก.ค. - ต.ค. 62หน้าตาราง update เรียงวันได้, หน้าเฉลยแคปจากคลิป
พ.ย. 62 - ก.พ. 63[C] ระบบเรียนเลข (Class), ช่องจดโน้ต, ปุ่มเลือกข้อ, scrollintoview
มิ.ย. - ก.ค. 63[L] Login with Facebook สำหรับ Premium, Class, Order
มิ.ย. 64[P] ระบบ token ปลดล็อกไฟล์พิเศษ, ดูไฟล์ย้อนหลังได้
ต.ค. 64[L] เขียน Privacy Policy, [C] ปุ่ม force dl, ลิงก์ภายใน PDF
เม.ย. - ก.ค. 65[P+C] ระบบแบล็คลิสต์, dark mode, โค้ดส่วนลด, เขียนลง PDF


kanuay.com changelog

[N] = new   [I] = improve/change   [F] = fix

version 1.0–1.7

version 2.0–2.5

version 3.0–3.5

version 4.0–4.6

kanuay.com v4.0a

"Responsive Outside" • 14/04–04/07/61
  ทยอยทำสะสม 14–21/04, 23–24/05, 20/06–04/07 (เริ่มใช้ 21/06)

[N]

ปรับปรุงเว็บสำหรับจอขนาดกลางและเล็ก โดยอาศัย responsive css
  ออกแบบโดยย้าย sidebar ลงด้านล่างเป็น 3 ลักษณะ ดังนี้

mobile = บอดี้แบบบีบ (ทดสอบที่ 320-375px) + แถบล่างแบบ 1 คอลัมน์

tablet = บอดี้เต็ม 664px + แถบล่าง 2 คอลัมน์

desktop = บอดี้เต็ม 664px + แถบข้าง + กรอบ 20px + พื้นหลังเทา ไม่เปลี่ยนแปลง
โดยจุดแบ่งความกว้างจอที่เลือกใช้คือ 666px และ 959px

สำหรับจอขนาดกลางและเล็ก


[N]

แถบเมนูสไลด์ซ้ายขวาได้ และมีลูกศรดุ๊กดิ๊กที่ริมขวา

[I]

ปรับความกว้าง FB box ไปตามขนาด sidebar โดยอัตโนมัติ

[I]

จัดตำแหน่งภายใน sidebar ใหม่, ซ่อน thankbox และ stdbox

[I]

ขยายฉากหลังของ head/tail ให้สุดขอบจอ (เฉพาะจอกลาง)

[I]

การวางรูปในบางหน้าที่เคยเป็น 2 คอลัมน์ ต้องยุบเหลือ 1 คอลัมน์ (เฉพาะจอเล็ก)

[I]

ซ่อนวันที่แก้ไขล่าสุด ที่อยู่มุมบนขวา (เฉพาะจอเล็ก)

[I]

แสดงช่อง input ให้พอดีความกว้างจอ สวยงามและพิมพ์สะดวก (เฉพาะจอเล็ก)

[F]

ตรวจแก้ลักษณะการตัดบรรทัดและตัดคอลัมน์ในแต่ละหน้า ไม่ให้น่าเกลียดในจอเล็ก

การปรับปรุงประสิทธิภาพ ทุกขนาดจอ


[N]

ทำแถบเมนูให้ยึดเกาะที่ขอบบนของหน้าต่างเสมอ เวลาสกรอลขึ้น

[N]

ทดลองเปลี่ยนรูป thumbnail บางส่วนเป็น css sprites

[I]

ปรับปรุงวิธีแสดงผล iframe ของรูปและวีดิโอให้ได้มาตรฐาน

kanuay.com v4.0b

"Responsive Inside" • 07–15/08/61

[I]

ลดทอนองค์ประกอบของเว็บบอร์ด ให้ยัดลงหน้าจอเล็กได้ เช่น

    หน้าสารบัญ

เปลี่ยนมาใช้ css text-overflow ย่อชื่อกระทู้ส่วนที่ยาวเกินจอให้เป็นจุดไข่ปลา …

เพิ่มทางเลือก แสดงวันเดือนปีในแบบ พ.ศ. หรือย่อเป็น 2 หลักได้ และไม่แสดงเวลาได้

ระบุได้ว่าจะซ่อนเลขหน้าซ้ายขวาที่ห่างจากปัจจุบันเกินกี่หน้า โดยจะแสดงเป็นจุด

เลขหน้าที่แสดง ประหยัดเนื้อที่โดยเปลี่ยนจาก [ ] มาเป็นพื้นสี่เหลี่ยม

    หน้าแสดงกระทู้ / ช่องพิมพ์ข้อความ

แสดงวันเดือนปีในแบบ พ.ศ. หรือย่อเป็น 2 หลัก สอดคล้องไปตามหน้าสารบัญ

ใช้ html placeholder ย้ายป้ายกำกับ input/textbox ไปไว้ด้านใน

ซ่อนส่วนทดลองพิมพ์สมการไว้ก่อน เมื่อจะใช้ค่อยสับสวิตช์เปิด

ลบ smiley ทิ้งไปครึ่งนึง คือชุดแรกที่ไม่ดุ๊กดิ๊ก ให้ใช้วิธีพิมพ์ utf-8 emoji แทน

[I]

ปรับปรุงการแสดงผลเพื่อจอที่ละเอียด

ปรับ smiley และปุ่มแท็กให้เป็นแบบ HD (รวมทั้งเพิ่มปุ่มกดของ good, bad)

เตรียมปุ่มสมการแบบ svg ให้เบราเซอร์เรียกใช้ในจอที่ละเอียด หรือเมื่อซูม

[I]

ปรับปรุงประสิทธิภาพอื่นๆ ของบอร์ด

บีบโค้ด svg ภายใน css ให้ไฟล์เล็กลง โดยอาศัยเว็บ SVGOMG

ยกเลิกไฟล์ wbkillsm.inc มาเขียนเป็นฟังก์ชันแทน

รีไดเรคหลังโพสข้อความ เปลี่ยนเป็น location.replace ป้องกันการโพสซ้ำโดยกดรีเฟรช

[I]

แถบเมนูสำหรับจอกลางและเล็ก จะย้ายไอเทมปัจจุบันมาไว้ลำดับแรกสุด

[F]

แก้ปัญหาเมื่อเปิดใช้ FB comment จะไม่มีช่องให้เม้นต์ตอนอ้างข้อความ

kanuay.com v4.1

"PREMIUM (PDF)" • 31/12/61–26/01/62

[I]

เลิกใช้ Matomo เพราะมีปัญหาในการเข้าถึง เปลี่ยนเป็น Google Analytics

[N] ระบบบริการสมาชิกพรีเมียม

แสดงข้อมูลและไฟล์รายบุคคล

ก่อนหน้านี้ เป็นลิงก์ ?id=xxxx เพื่อดูข้อมูลส่วนบุคคลคือ ชื่อ, ยอดโอน, แผนภูมิ

เพิ่มการแสดง modal ด้วยจาวาสคริปต์ รองรับทั้งจอคอมและจอสัมผัส

เพิ่มระบบตรวจสอบการเหลื่อมกันของช่วงเวลา (ระหว่างเวลาของสมาชิกกับของไฟล์)

ปรับปรุงแผนภูมิสถานะรายเดือนย้อนหลังให้รองรับเงื่อนไขใหม่, เพิ่มสวิตช์เปิดปิด

เพิ่มระบบ session login และ logout โดยอาศัย cookie

เพิ่มตัวอ่าน PDF.js 2.0 ให้เปิดดูไฟล์ได้โดยตรง ปรับสีและฟอนต์ UI ให้เข้ากับธีมเว็บ

สร้าง PDF อัตโนมัติเพื่อแปะลายน้ำเป็นชื่อสมาชิก โดยอาศัย FPDF+FPDI

ใส่ bookmark & metadata (title, author ฯลฯ) ลงในไฟล์ PDF ที่สร้างขึ้น

04/02 แสดง ip address ด้วยค่าสี RGB เพื่อตรวจความเรียบร้อยได้โดยกวาดสายตา

29/03 จุดสีแดงกำกับไฟล์และลิงก์ที่มีการอัปเดตใหม่ หลังการเปิดดูครั้งล่าสุด

30/03 สมาชิกเลือก "ปลดล็อก" ไฟล์พิเศษเองได้ ตามจำนวนสิทธิ์ที่เหลืออยู่

[N]

26/07 ทำตารางแสดงวันที่ update ไฟล์ คลิกหัวข้อเพื่อเรียงลำดับได้

[N]

29/10 ทำระบบ solution แสดงเฉลยข้อสอบแบบแคปจากคลิป

kanuay.com v4.2

"CLASS (VDO)" • 23–28/11/62

[N]

สมัครบริการ vimeo plus รายปี เพื่อใช้เก็บวีดิโอพรีเมียมและสอนออนไลน์

นำมาทดลองในระบบสมาชิกพรีเมียม สั่งเล่นทั้ง playlist ภายใน modal iframe

[N] ระบบสอนออนไลน์ #เรียนเลขพี่นวย

ดัดแปลงจากระบบสมาชิกพรีเมียม

ดึงระบบมาใช้ทุกอย่าง เช่น modal, session login/logout, PDF, video

สั่งเล่นวีดิโอภายใน iframe ปกติ เมื่อกดปุ่มเรียกวีดิโอแล้วจะสกรอลไปยัง iframe ให้

เพิ่มช่องจดโน้ตใต้คลิป จะแสดงปุ่มบันทึกเมื่อมีการแก้ไขข้อความ

12/12 เพิ่มแอคเค้าท์ Demo ให้คนที่สนใจเข้ามาทดลองเรียนได้

30/01 เปลี่ยนวิธีกำหนดคอร์สที่สมัคร จากเดิมตรวจสอบวันที่ มาเป็นระบุชื่อคอร์สโดยตรง

01/02 เพิ่มปุ่มกดเพื่อเลือก (ข้ามไปยัง) เฉลยข้อที่ต้องการ

[F]

19/02 ปรับให้เข้ากับ PHP 7 (แก้ REMOTE_ADDR เป็นตัวใหญ่, เลิกใช้ eregi)

[F]

02/03 ปรับให้เข้ากับ PHP 7 (ใส่ ' ' ที่ REQUEST_URI, ใส่ (int) กำกับบางจุด)

[F]

16/03 อัปเกรดระบบสมการเป็น MathJax 3 และไปใช้เซิร์ฟเวอร์สาธารณะ

[F]

16/03 อัปเดต PDF.js 2.3, FPDF 1.82, FPDI 2.3.1

[I]

25/03 (ตามคำขอ) รองรับรหัส ID ที่สมาชิกพรีเมียมกำหนดขึ้นเอง

[N]

28/03-01/04 อัปเกรดการเล่นวีดิโอในระบบสมาชิกพรีเมียม

เปลี่ยนจากการเล่นทั้ง playlist เป็นแสดงรายชื่อคลิปให้กดเลือก

เปลี่ยนจาก modal เป็นเฟรมปกติ เพื่อแสดง description, ปุ่มเลือก chapter ใต้คลิป

[I]

14/05 ช่องกรอก ID พิมพ์รหัสครบ 5 หลักจะส่งทันที ไม่ต้องเคาะ Enter/Go

[I]

19/05 ในโทรศัพท์ตะแคง ไม่ใช้แถบเมนูยึดเกาะด้านบน เพราะบังเนื้อที่

[I]

19/05 ในระบบสมาชิกพรีเมียม แสดงวันเวลาที่ไฟล์หรือคลิปอัปเดตล่าสุด

kanuay.com v4.3

"LOGIN (FB)" • 20/05–14/07/63
  ทยอยทำสะสม 20/05, 23/05, 13/06, 06–31/07 (เริ่มใช้ 11/07)

[N]

10/06 เพิ่ม modal ยินยอมให้ใช้คุกกี้ ตามกฎหมายใหม่ ที่ช่องกรอก ID

[N] ระบบล็อกอินทุกอย่างด้วย Facebook

(เรียนเลข, พรีเมียม, โอเน็ต)

ร้องขอข้อมูล 1. profile name 2. email - ถ้ายังไม่อนุญาตจะไม่ให้เข้าด้วย FB

ผู้ใช้สามารถเพิ่มหรือแก้ไขรหัสในเว็บ 3 อย่าง คือ เรียนเลข, พรีเมียม, โอเน็ต

แต่ละรหัสใช้ได้ 1 ครั้ง ไม่สามารถกรอกซ้ำกับผู้อื่น ต้องให้แอดมิน comment out ให้

ยังไม่เปิดให้ลบรหัสเอง / กรณีกรอกผิดหรือมั่ว จะแสดงข้อความให้ทราบว่ารหัสผิด

เมื่ออยู่หน้าล็อกอิน แถบเมนูจะแสดงคำว่า "เข้าสู่ระบบ" แทนคำว่า "หน้าแรก"

รีไดเรคไปยัง "โซน" ที่กดเข้ามา 1 ใน 3 อย่างโดยอัตโนมัติ หรือจะกดหยุดก็ได้

ซ่อนช่องกรอก ID ของระบบเรียนเลข และพรีเมียม เปลี่ยนเป็นปุ่มเข้าสู่ระบบ FB login

ถ้ากดปุ่มเข้าสู่ระบบค้างไว้สักครู่ จะแปลงร่างเป็นช่องกรอก ID แบบเดิม

เปลี่ยนระบบล็อกอินโอเน็ตมาเป็น cookie session และใช้ปุ่มเข้าสู่ระบบ FB login

ยกเลิก เพิ่มรหัสห้าหลักเข้าระบบ, จดล็อกรหัสห้าหลัก, ตั้งชื่อและรหัสส่วนตัว, ส่งคำถาม

แจ้งเตือนผ่าน FB notification (พบว่ารองรับเฉพาะ desktop จึงไม่ปรับปรุงต่อ)

[I]

แอดมินของล็อกอิน ส่งอีเมลยืนยันการสั่งซื้อและการเข้าระบบ ได้ทั้ง 3 แบบ

[F]

แก้ปัญหาจำนวน like+share ของแต่ละกระทู้ที่หน้าสารบัญหายไป

[F]

แก้ปัญหามี scrollbar ที่แถบเมนูใน iOS13 ทำให้เลือกเมนูยาก

[I]

ปรับปรุงแถบเมนูในโทรศัพท์ตะแคงให้ดีขึ้น คือเป็น auto-hide

[I]

เมื่ออยู่หน้าล็อกอินแต่เตรียมรีไดเรค แถบเมนูจะชี้ค้างที่ "โซน" นั้น

[F]

อัปเดต PDF.js 2.5 (โดยไม่รู้ว่า 2.4+ ไม่รองรับเบราเซอร์เก่า), FPDI 2.3.3

[I]

ปรับปรุงสวิตช์เปิดปิดทุกหน้า 1. เปิดทีละอันเดียวได้ 2. ไม่เก็บแคช

[I]

ปรับปรุง scrollintoview ไปยังหัวข้อหรือวีดิโอ ไม่ต้องเลื่อน 2 จังหวะ

[I]

แสดงเลขหน้าและปุ่ม prev/next ที่รูปเอกสารในล็อกอินโอเน็ต

[I]

ปรับปรุง FB login รองรับการแจกรหัส demo ที่บันทึกซ้ำกันได้

[I]

ระบบเรียนเลข ปิดไม่ให้ผู้ใช้รหัส demo จดโน้ตส่วนตัว เพราะใช้รหัสเดียวกัน

[I]

แอดมินของล็อกอิน สร้างรหัสเรียนเลข และคลิกเพื่อ copy to clipboard

[I]

03/12 ระบบเรียนเลข เพิ่มจุดสีเหลืองหรือเขียว กำกับคลิปที่มีการจดโน้ต

[I]

05/02 ตั้งค่าคุกกี้ทั้งหมดเป็น Secure & SameSite เพื่อรองรับอนาคต

[I]

05/02 ตรวจสอบปัญหา FB login แยกได้ 3 กรณี แล้วเขียนเป็นคำแนะนำ

[I]

05/02 ใส่ข้อความไว้ใต้ปุ่ม FB login ให้ผู้ใช้สังเกตเห็นเมื่อปุ่มถูกบล็อก

kanuay.com v4.4a

"Overall Improve Y1p1" • 16–19/04/64

[I]

29/03 vimeo เพิ่มฟีเจอร์ปรับสปีดวีดิโอให้ (ก่อนหน้านี้ต้องสมัคร pro ขึ้นไป)

[I]

09/04 อัปเดต PDF.js 2.6 ซึ่งมีการปรับ CSS/UI ใหม่หมด, FPDI 2.3.6
  (ยังไม่อัปเดต 2.7 ขึ้นไป เพราะมีปัญหาแสดงผลเพี้ยนกับไฟล์ที่สร้างในเว็บ)

[I]

12/04 หน้า download เพิ่มรวมจุดแก้ไขอีบุ๊คเท่าที่พบ (เคยมีอยู่ช่วงปี 47-51)

[I]

ปรับให้เข้ากับ PHP 8 โดยอัปเดต PHPMailer 6.4.0 แล้วใช้ SMTP

[I]

หน้าเหล่านี้ ปรับให้ดูดีขึ้นในจอเล็ก และเพิ่มประสิทธิภาพบางจุด
  download, dlstart, port, solution, ตอบคำสั่งซื้อ premium-class-order

[F]

แก้คำเตือนที่ค้างมาหลายปีคือ undefined var & key โดยใช้ isset

[F]

แก้ปัญหาจำนวน like+share แต่ละกระทู้ที่หน้าสารบัญหายไปอีกแล้ว

[F]

23/04 แก้บั๊ก เมื่อใช้วีดิโอเดียวกันใน premium กับ class อาจจดล็อกสลับ

kanuay.com v4.4b

"Overall Improve Y1p2" • 08–16/06/64

[N]

เพิ่มฟังก์ชันในระบบบริการสมาชิกพรีเมียม (เริ่มใช้ 17/06)

เพิ่มระบบแต้ม (token) ขึ้นกับยอดโอน ใช้ปลดล็อกไฟล์พิเศษโดยไม่อิงวันที่

ดูไฟล์พิเศษย้อนหลังได้ 1 รุ่น ถ้าเคยปลดล็อกรุ่นเก่าไว้ แต่ยังไม่ปลดล็อกรุ่นปัจจุบัน

เพิ่มปุ่มส่งข้อมูลการโอนเงิน เมื่อเลือกจำนวนเงินจะแสดงจำนวนแต้มที่จะได้รับ

ใช้จาวาสคริปต์ history.replaceState ป้องกันการส่งซ้ำเมื่อรีเฟรช (iOS ไม่รองรับ)

แสดงประวัติการโอนเฉพาะครั้งล่าสุด และมีสวิตช์สำหรับแสดงทั้งหมด

แก้ยอดโอนที่เคยย้ายวันที่ หรือตัดแบ่งเป็นหลายก้อน ให้เป็นข้อมูลตามจริง

ยกเลิกแผนภูมิสถานะสมาชิกรายเดือนย้อนหลัง

ปรับปรุงการแสดงคลังไฟล์ในหน้ารับสมัคร ไปตามระบบใหม่

[I]

03/07 เปลี่ยนวิธีเปิด PDF จากแท็บใหม่ เป็น modal ยกเว้นเมื่อ ctrl+คลิก

kanuay.com v4.4c

"Overall Improve Y1p3" • 04–16/10/64

[N]

เพิ่มฟังก์ชันในระบบสอนออนไลน์ #เรียนเลขพี่นวย

ปรับปรุงระบบรองรับการสมัครรายบท เพิ่มปุ่มเอกสารรายบท

เพิ่มระบบ force download PDF เพิ่มเติมจากปุ่ม view (PDF.js) ที่มีอยู่เดิม
(เพื่อรองรับเบราเซอร์ iPad รุ่นเก่าๆ ที่นักเรียนบอกว่า view ไม่ได้)

เปลี่ยนชื่อผู้ผลิตใน PDF metedata จากเดิม "MHP" เป็น "เรียนเลขพี่นวย"

กรณีทดลองเรียน จะดึงชื่อและอีเมลจากเฟซบุ๊ค มาแสดงในเว็บและใน PDF

คลิปที่มีการจดโน้ต นอกจากแสดงจุดเหลือง/เขียว จะแสดงโน้ตนั้นใน modal ด้วย

แก้บั๊ก ปุ่มเลือกข้อใช้ไม่ได้ตั้งแต่ 03/07 เพราะ window.event.ctrlKey

แก้บั๊ก ลิงก์เลือกข้อหลุดไปในซอร์สของทุกคน แม้เป็นผู้ใช้ demo ก็ตาม

[I]

ปรับปรุง #เรียนเลขพี่นวย ส่งผลกับระบบสมาชิกพรีเมียมด้วย

เปลี่ยน FPDF เป็น TCPDF 6.4.2 ได้ผลลัพธ์ PDF1.7, UTF-8, รองรับฟอนต์ ttf

สร้าง PDF แบบรักษาลิงก์ในเอกสารไว้ได้ (แต่ปลายทางยังไปได้แค่หัวกระดาษ)

เตรียมไฟล์ต้นฉบับใหม่หมดด้วย Acrobat แล้วอัปเดต PDF.js 2.11

สาเหตุที่เลิกเตรียมไฟล์ต้นฉบับด้วย GhostScript เนื่องจากปัญหาดังนี้
1. พบว่าการแสดงผลเพี้ยนใน PDF.js 2.7 ขึ้นไป เกิดกับไฟล์ที่มาจาก GS
 (GS⇒PDF.js ไม่มีปัญหา แต่ GS⇒FPDI⇒PDF.js มีปัญหาทั้ง FPDF, TCPDF)
2. โค้ดสร้าง PDF ที่รักษาลิงก์ในเอกสาร ก็ติด error เมื่อไฟล์มาจาก GS

ลบไฟล์ PDF ชื่อซ้ำกันที่เคยสร้างไว้โดยอัตโนมัติ ป้องกันการฟลัดเว็บ

เพิ่มพื้นหลังสีขาวที่ข้อความ error404 ให้อ่านง่ายใน modal PDF ฉากดำโปร่งใส

เติม ?pip=1 ท้ายลิงก์วีดิโอ เพื่อแสดงปุ่ม toggle PIP ในโทรศัพท์

เติม ?autoplay=1&quality=720p แก้ปัญหาคลิปเบลอ (รองรับเฉพาะคอม)

หน้ารับสมัคร ปรับช่องเงินเป็น input[number] แล้วจัดชิดขวา, ตั้ง max-min-step

[I]

ปรับปรุงระบบล็อกอินด้วย Facebook

เพิ่มนโยบายความเป็นส่วนตัว Privacy Policy ซึ่งเฟซบุ๊คบังคับให้เขียน

ตรวจรายชื่อเร็วขึ้นด้วย break; ออกจากลูพ for เพราะจำนวนล็อกอิน >500 แล้ว

[I]

เพิ่ม meta theme-color สีน้ำเงินในแถบบน mobile browser รุ่นใหม่ๆ

kanuay.com v4.4d

"Overall Improve Y1p4" • 29/10–02/11/64

[I]

ปรับปรุงแอนิเมชัน modal ขณะเปิด/ปิด หรือกดด้านนอก

จากเดิม : (กดเปิด) เฟดเข้า ⇒ (ขณะแสดง) ฉากมืด ⇒ (กดปิด) ไม่มีแอนิเมชัน

เปลี่ยนเป็น : เลื่อนขึ้น+เฟดเข้า ⇒ ฉากมืด+ฟิลเตอร์เบลอ ⇒ เลื่อนลง+เฟดออก

[F]

หลังปิด modal PDF จะล้างเฟรมทิ้ง ไม่แสดงไฟล์เดิมค้างอยู่เมื่อเปิดไฟล์ถัดไป

[I]

ปรับแต่งหน้าตา scrollbar เป็นแบบแคบ ตัวจับสีฟ้า พื้นหลังสีเทา

PDF.js scrollbar เคยทำไว้เป็นสีเขียว พื้นเทา ปรับให้รองรับ Chrome, Safari

[I]

ใช้ตัวแปรในไฟล์ css เพื่อลดขนาดไฟล์ และเพื่อปรับค่าได้สะดวก

04/11 ยกเลิก รอเช็ค % เบราเซอร์ก่อน (แต่ก็ใช้ใน PDF.js มาตั้งแต่ 2.6 ไม่ทันคิด)

[I]

22/11 พบว่า vimeo วางเม้าส์บนแถบเวลาเพื่อพรีวิวได้ และทยอยมาในคลิปเก่า

[N]

16/12 เพิ่มปุ่มกดซ่อนบทอื่นทั้งหมด ในระบบเรียนเลข เพื่อเรียนสะดวกขึ้น

[F]

19/12 แก้ไข PDF.js scrollbar สีเพี้ยนเมื่อเบราเซอร์เป็น dark mode

[F]

31/12 เปลี่ยนเลขปีในโค้ดทั้งหมดเป็นตัวแปร ไม่ต้องคอยแก้ทุกคืนปีใหม่อีกต่อไป

[I]

17/01 อัปเดต PDF.js 2.12, TCPDF 6.4.4, PHPMailer 6.5.3

kanuay.com v4.5a

"Overall Improve Y2p1" • 30/03–02/04/65

[I]

ปรับแต่ง CSS แบบส่งผลทั้งเว็บ

ปรับมุมของ modal, code, input, textarea, blockquote ให้เป็นมุมโค้ง

แก้บั๊กที่ลืมเพิ่มแท็ก select ลงใน CSS แล้วปรับสีพื้น, ระยะ, มุมโค้ง

ปรับสีข้อความให้เข้มกว่าเดิม เพื่อให้อ่านใน chrome/edge ได้ง่ายขึ้น

[I]

ปรับปรุงการแสดงผลในระบบ #เรียนเลขพี่นวย

แสดงเลขรุ่นของคลิปและเอกสาร เช่น dek63 +edit 65

ปุ่มเลือกคอนเทนต์ เพิ่มสีสัน เพิ่มความหนาขอบ เพิ่มขนาด ให้สบายตากว่าเดิม

เนื่องจากปุ่มใหญ่ขึ้น จอที่แคบกว่า 360px จะให้แสดงปุ่มโดยขึ้นบรรทัดใหม่

ปุ่มกดคำว่า ► เข้าเรียน วาดไอคอนใหม่เป็น SVG และแสดงความยาวคลิปแทน

เพิ่มลิงก์เวลาคลิปเนื้อหาที่เป็น 2-in-1 และแยกวิธีจดล็อกออกจากลิงก์เวลาอื่นๆ

ปรับกรอบคอนเทนต์แต่ละบท และกรอบเฉลย (Sol) เป็นมุมโค้งตามสิ่งอื่นในเว็บ

[I]

ปรับปรุงการแสดงผลในระบบสมาชิกพรีเมียม

แต้มที่ใช้ปลดล็อกไฟล์ รวมกันทุกๆ 5 แต้ม จะแสดงเป็น 1 แต้มใหญ่

[I]

อัปเดต PHPMailer 6.6.0 (ครั้งนี้ไม่อัปเดต PDF.js 2.13 เพราะรอ 2.14)

kanuay.com v4.5b

"Overall Improve Y2p2" • 15–17/04/65

[I]

ปรับปรุงระบบล็อกอินด้วย Facebook

ไม่บังคับเปิดเผยอีเมลแล้ว เพื่อรองรับกรณีที่ username เป็นเบอร์โทร.

กรณีที่ไม่ทราบอีเมล จะจดล็อกการเข้าสู่ระบบด้วยชื่อแทน

ถ้าชื่อหรืออีเมลมีการเปลี่ยนแปลง จะจดต่อลงไฟล์ และแสดงข้อมูลล่าสุดเสมอ

แก้บั๊กกรณีทดลองเรียน ดึงชื่อและอีเมลไม่ได้เมื่อคุกกี้หมดอายุ โดยยืดอายุไปเรื่อยๆ

อัปเดต FB Graph API จาก v9.0 เป็น v13.0

[N]

ระบบแบล็คลิสต์ใน #เรียนเลขพี่นวย ส่งผลกับสมาชิกพรีเมียมด้วย

เมื่อเปิดวีดิโอถี่เกินกำหนด จะติดแบล็คลิสต์อัตโนมัติ นับเฉพาะสิ่งที่มีการจดล็อก
(#เรียนเลขพี่นวย เมื่อเปิดเข้ามา หรือกดรีเฟรช จะตรวจแบล็คลิสต์เป็นอย่างแรก)

เมื่อถอดรหัสลิงก์แล้วใช้การไม่ได้ เช่น ข้ามวันลิงก์เปลี่ยน จะแจ้งให้กดรีเฟรช

ทั้งสองอย่างนี้ จะแสดงข้อความ error ของตัวเอง เลียนแบบ Oops! ของ Vimeo

kanuay.com v4.5c

"Overall Improve Y2p3" • 05–10/05/65

[N]

เพิ่มธีมสี dark mode ใน #เรียนเลขพี่นวย

มีปุ่มกดสำหรับเปิด/ปิด หรือใช้แป้น shift+D ก็ได้

ย้ายข้อมูลสีและรูปภาพใส่ใน css แล้วปรับแต่งเป็นธีมใหม่ใน css อีกไฟล์

ใช้จาวาสคริปต์สั่งเพิ่ม/ลดไฟล์ css และสลับไอคอนบนปุ่มไปมา 2 แบบ

กระทำกับ iframe ช่องจดโน้ตด้วย โดยตอนโหลดให้อ่านค่าเอาจากไอคอน

[N]

เพิ่มทางเลือกปรับวีดิโอเป็น dark mode ใน #เรียนเลขพี่นวย

เนื่องจากไม่จำเป็นต้องทำทุกคลิป จึงแยกปุ่มกดเป็นอีกปุ่ม (วางที่ช่องจดโน้ต)

ใช้จาวาสคริปต์เติมค่า css invert 90% + hue 180° เพื่อให้สีปากกาเหมือนเดิม

สลับไอคอน 2 แบบ และตอนโหลดคลิปถัดไปจะคงสถานะ css invert จากคลิปก่อน

[F]

แก้ไขจุดผิดพลาด เมื่อกดปุ่มเลือกข้อแล้วกลายเป็น save โน้ตด้วย

[F]

แก้ไข ลืมตั้งฟอนต์สำหรับข้อความ error ที่แสดงในวีดิโอ

[F]

แก้ไข ลืมตั้งค่า hover ของแท็ก select ใน css

kanuay.com v4.5d

"Overall Improve Y2p4" • 10–12/06/65

[I]

ปรับปรุง dark mode และดัดแปลงใช้กับระบบสมาชิกพรีเมียม

เพิ่ม css transition หน่วงสีฉากหลังขณะเปิดปิด dark mode เพื่อความสมูธ

[I]

ปรับปรุงหน้ารับสมัคร #เรียนเลขพี่นวย

ใช้ modal ใส่รายละเอียดคอร์ส โดยคลิกรูปหนังสือเพื่อแสดง modal

ทำเอฟเฟกต์ส่องไฟ เมื่อ hover รูปหนังสือ

[I]

อัปเดต PDF.js 2.13 ใช้รุ่น Legacy เพื่อรองรับ iOS เก่า ที่ร้องเรียนทุกปี

ที่จริงรุ่น 2.14 (แก้บั๊กการแสดงผลที่เกิดตั้งแต่ 2.7) ออกแล้ว แต่เอามาใช้ไม่ได้
เพราะมีปัญหากับ Safari คือหน้าเว็บพัง (ทั้งรุ่นปกติ/Legacy, ทั้ง iOS เก่า/ใหม่)

[I]

26/06 อุดช่องโหว่หน้าอัปโหลดไฟล์ในบอร์ด ซึ่งไม่ได้ถามรหัสผ่าน

ขณะอัปโหลดใช้ชื่อโฟลเดอร์เทียม แล้วค่อยเปลี่ยนตอนแสดงผลกระทู้

แสดง support types โดยใช้ accept=... (แต่อันนี้ห้าม *.* ไม่ได้อยู่ดี)

ถ้าเป็นนามสกุลไฟล์ต้องห้าม เช่น php, cgi, js ฯลฯ จะไม่ให้อัปโหลด

เปลี่ยนคำว่า อัปโหลด เป็นคำว่า แปะรูป/ไฟล์ เพื่อไม่ให้เซิร์ชมาเจอง่าย

kanuay.com v4.5e

"Overall Improve Y2p5" • 29/06–05/07/65

[N]

เพิ่ม modal แผนผังคอร์สในหน้ารับสมัคร #เรียนเลขพี่นวย (ทำค้างไว้ 10/04)

กดได้ทั้งรายคอร์สและรายบท / จะล้างการเลือกอีกแนวออกโดยอัตโนมัติ

กดได้ทั้งรับและไม่รับเอกสารเล่ม / คอร์สที่ไม่ผลิตเล่มจะเป็นปุ่มจางโดยอัตโนมัติ

เมื่อกดเลือกตะลุยหรือสามัญ จะแถมสามัญหรือพรีเทสต์ให้โดยอัตโนมัติ

เมื่อกดเลือกรายบทเท่าราคาคอร์สเต็ม จะแปลงเป็นคอร์สเต็มให้โดยอัตโนมัติ

แสดงรายละเอียดของคอร์สที่เลือก และสรุปค่าสมัครให้

[I]

ปรับปรุงภายในระบบเรียนเลข สมัคร 4 บทขึ้นไปจะได้ลิงก์พิเศษเท่าคอร์สเต็ม

[I]

ปรับปรุง dark mode ใน #เรียนเลขพี่นวย และสมาชิกพรีเมียม

จำสถานะโดยใช้จาวาสคริปต์เขียนหรือลบคุกกี้ ให้ PHP อ่านในครั้งต่อไป

ขยาย dm ไปยังหน้าล็อกอิน เพื่อไม่ให้สว่างวาบกรณีที่ต้องล็อกอินใหม่

ยกเลิกการคงสถานะ dm วีดิโอ เปลี่ยนเป็นเปิดปิดเองอัตโนมัติตามหมวดคลิป

[I]

ปรับปรุงการซ่อนบทอื่นใน #เรียนเลขพี่นวย

จำสถานะโดยใช้จาวาสคริปต์เขียนหรือลบคุกกี้ ให้ PHP อ่านในครั้งต่อไป

แสดงข้อความกำกับขณะที่มีการซ่อน เผื่อผู้ใช้เผลอโดนจะได้รู้วิธีกดกลับ

แก้บั๊ก ปุ่มใดวางอยู่ 2 บท พบว่าขณะซ่อนบทแรก บทหลังจะกดเปิดไม่ได้

[I]

ปรับปรุงการแสดงโน้ตส่วนตัวภายใน modal #เรียนเลขพี่นวย

เพิ่มปุ่มลบโน้ต // เป็นการทดลองใช้ jQuery AJAX ครั้งแรกของเว็บ

แก้บั๊ก คลิปเนื้อหา 2-in-1 คลิปหลังซึ่งมีลิงก์เวลาแปะอยู่ พบว่าไม่แสดงโน้ต

[I]

ปรับปรุงการจดล็อกวีดิโอ #เรียนเลขพี่นวย และสมาชิกพรีเมียม

ปรับปรุงประสิทธิภาพโค้ด โดยไม่พึ่ง http referrer แล้ว

แก้บั๊ก เมื่อยืมดูวีดิโอข้ามฝั่ง จะจดล็อกเป็นเลขเต็ม ไม่ได้ไปค้นหาชื่อย่อ

[I]

ปรับปรุงทั่วไปในเว็บ

แก้ปัญหาขนาด input[number] ใน Safari โดยเติม min-width

ลบแท็กปิดของ img, input ที่เคยเผลอใส่ รวมทั้งแก้ /> เป็น >

ตกแต่งหน้า history ให้มีสีสัน + ทำระบบสกรอลสำหรับจอแคบ (18/07)

ปรับเลขรุ่น 3.6 3.7 3.8a-c 3.9a-i เป็น 4.0 4.1 4.2a-b 4.3 4.4a-d 4.5a-e

kanuay.com v4.5f

"Overall Improve Y2p6" • 09–18/07/65

[I]

ปรับปรุง dark mode video ใน #เรียนเลขพี่นวย และสมาชิกพรีเมียม

การเปิดปิด dm วีดิโออัตโนมัติ เพิ่มกรณีโหลดคลิปแล้วไปเปิดปิด dm เว็บทีหลัง

เขียนโค้ด dm วีดิโอใหม่หมด ให้เงื่อนไขแม่นยำขึ้น และลดจำนวนฟังก์ชัน

ปรับแต่ง css transition ให้พร้อมกันทุกจุด และไม่กระเทือนขนาดฟอนต์ตอนหมุนจอ
(เบราเซอร์ทำงานต่างกัน Chrome ต้องกำหนดเวลาทุกชิ้น แต่ Firefox สืบทอดให้)

ย้ายข้อมูลสีประจำหมวดงาน 4 สีในหน้าพรีเมียมไปใส่ css เพื่อให้เปลี่ยนสีตาม dm

เมื่อหน้าเว็บเปิด dm จะใส่ฟิลเตอร์ invert ให้ FB box เพื่อไม่ให้สว่างอยู่จุดเดียว

ขยาย dm ไปยังหน้า privacy และหน้า history เพื่อไม่ให้สว่างวาบถ้าไปกดอ่าน

แป้นเปิดปิด dm (shift+D) เพิ่มกรณี d, ก, ฏ เพื่อรองรับ caps lock และภาษาไทย

[I]

ปรับปรุงรูปปกของ video iframe ใน #เรียนเลขพี่นวย และสมาชิกพรีเมียม

เปลี่ยนรูปแบบ img มาเป็น css background เพื่อความสมูธในการสลับรูปเป็น dm

ทดลองใช้ background-size: cover เพื่อแสดงเต็มเฟรมอัตโนมัติ

ซ่อนรูปปกทันทีเมื่อกดเลือกคลิป เพื่อไม่ให้รูปโดน invert แว้บนึงก่อนคลิปจะแสดง

[F]

แก้ปัญหาที่ auto dm ไปเจอบั๊ก Firefox เมื่อกดรีเฟรชแล้วข้อมูลยังค้างใน iframe

[F]

ปรับตำแหน่งปุ่มในช่องจดโน้ตให้ตรงกันทุกเบราเซอร์ โดยแก้ relative เป็น absolute

[I]

เพิ่มแอนิเมชันเฟดออกเมื่อซ่อนบทอื่น ดัดแปลงจากการปิด modal

[I]

ปรับการแสดงรูป 4 รูปในหน้าล็อกอิน ให้ใหญ่ขึ้นเมื่อดูในจอแคบๆ

[F]

แก้บั๊กหลายจุดที่ถูกกระทบจากการปรับปรุงโค้ดในช่วง 2 เดือนล่าสุด

[I]

ปรับปรุงทั่วไปในเว็บ

ย่อขนาดโลโก้และพื้นหลังของ header ให้เล็กลงตามสัดส่วนเมื่อดูในจอแคบๆ

ลบ css vendor prefix (-webkit -moz -ms) ที่ไม่จำเป็น ณ ปัจจุบัน

ในแท็ก input[number] ตัดค่า size, maxlength เปลี่ยนมาใช้ css max-width

ยกเลิก facebook pixel เพราะใส่ไว้ 5 ปี ไม่เคยใช้เลยสักครั้ง

ยกเลิกจำนวน like+share ของกระทู้ชั่วคราว จนกว่าจะปรับปรุงให้มีการเก็บแคช

kanuay.com v4.5g

"Overall Improve Y2p7" • 21–23/07/65

[N]

เพิ่มการรองรับโค้ดส่วนลดใน #เรียนเลขพี่นวย

หน้าส่วนตัวของผู้เรียนแต่ละคน แสดงโค้ด referral ของตัวเองเพื่อนำไปแจก

ใช้ PHP เข้ารหัสโค้ด referral ทั้งหมดแล้วเก็บไว้ใน javascript เพื่อตรวจ

หน้ารับสมัคร เพิ่มลิงก์กดแสดงช่องใส่โค้ด ถ้าโค้ดถูกต้องจะปรับราคาให้อัตโนมัติ

[I]

ปรับปรุงการแสดงผลหลังกดส่งข้อมูลสมัคร เรียนเลข และพรีเมียม

เพิ่มความเด่นของกรอบสรุปข้อมูล โดยทำขอบสี และร่นปุ่ม Like เฟซบุ๊คลงด้านล่าง

แสดงคำเตือนในกรณีข้อมูลไม่ถูกบันทึก เช่น ไม่ครบถ้วน, ไม่ผ่านเกณฑ์สแปม

เดิมใช้รูปสระไทยทั้งหมดเป็นเกณฑ์กรองสแปม ตอนนี้เพิ่ม ร, ล, ว ด้วย

แก้บั๊ก ลืมกดเลือกคอร์สเดิมต่อให้โดยอัตโนมัติในหน้าเรียนเลข

[I]

ปรับหน้าตากรอบประกาศ จากสีพื้นไล่เฉด มาเป็น blockquote ขอบสี

[F]

ปรับปรุงทั่วไปในเว็บ

บังคับให้เบราเซอร์ไม่แสดงกรอบหนาๆ ล้อมรอบ input ที่กำลังโฟกัส

ปรับสีตัวหนังสือ input placeholder เบราเซอร์อื่นๆ ให้จางลงเท่า Firefox

kanuay.com v4.5h

"Overall Improve Y2p8" • 31/07–05/08/65

[I]

อัปเดต PDF.js 2.15 Legacy แก้ปัญหาการแสดงผล GS⇒FPDI ที่พบใน 2.7-2.13

ต้องใช้รุ่น Legacy เพราะรุ่นปกติพัฒนาแซงมาตรฐาน Safari ไม่รอแล้ว

มีเครื่องมือใหม่ FreeText & Ink เขียนหรือพิมพ์แล้วเซฟไฟล์มาลงเครื่องได้
(ภาษาไทยยังไม่รองรับ คือพิมพ์ได้ แต่เซฟมาแล้วอ่านไม่ออก)

เลือก hand เป็นเคอร์เซอร์ตั้งต้น แทนลูกศร text selection

[I]

ปรับปรุงเงื่อนไขภายใน #เรียนเลขพี่นวย เพื่อผู้สมัครคอร์สย่อย และผู้ทดลองเรียน

ปรับปรุงประสิทธิภาพโค้ด ลดขั้นตอนและตัวแปรที่ไม่จำเป็น เช่น
กำหนดสัญลักษณ์แทนคอนเทนต์ฟรี เพื่อมั่นใจว่าทุกคน/ทุกคอร์สจะได้รับไม่ตกหล่น

แยกปุ่มดาวน์โหลด PDF ออกจากปุ่มดูคลิปเฉลยตะลุย เพื่อเปิดให้ทุกคนใช้ปุ่มได้

แก้บั๊ก ผู้สมัครรายบทจะไม่ให้ดูเฉลยคลิปเรียนฟรีบทอื่น เพราะยาวเกิน 1 ตอน

[N]

เพิ่มแถบ page-scroll indicator สีเขียวอ่อน เหนือแถบเมนู

เมื่อกดสวิตช์เพื่อซ่อนหรือแสดงข้อมูล จะรีเฟรช indicator ตามไปด้วย

ในระบบเรียนเลข เมื่อแสดงทุกบทกลับคืนจะสกรอลไปบทเดิมเพื่อรีเฟรช indicator

[F]

ปรับปรุงการแสดงปุ่มใน #เรียนเลขพี่นวย (และบางอย่างในพรีเมียม) ในจอแคบ

ตำแหน่งปุ่มซ่อนบท ปุ่มเอกสาร ปุ่มพิเศษแถบบน ปุ่มดาร์กโหมด

ทดลองใช้ css scroll-margin-top แต่พบว่า Safari <14.x ยังไม่รองรับ จึงเลิกก่อน

kanuay.com v4.5i

"Overall Improve Y2p9" • 09–17/08/65

[N]

เพิ่มกรอบแสดงทวีตคัดสรรใน #เรียนเลขพี่นวย โดยใส่ข้อความเอง

ออกแบบการแสดงผลเป็นการ์ด carousel อยู่ภายใน blockquote

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

ใช้การแสดงผลแบบนี้กับกรอบรายการฟีเจอร์ที่มีอยู่ ให้กลมกลืนกันและกินที่น้อยลง

[I]

ปรับปรุงการสกรอลจอแคบหน้า history ตามวิธีใหม่ใน carousel เรียนเลข

ย้ายตำแหน่งรูป popup จากบนเป็นซ้าย เพื่อไม่ให้เกินขอบเขตตาราง

ยกเลิกฟังก์ชันแสดง/ซ่อน popup ที่เคยไว้ใน wbjscript มาใส่ inline แทน

ลองเปลี่ยน onclick เป็น onpointer ครอบคลุมการ hover เม้าส์และกดทัชค้าง

[I]

แก้เว็บอืดโดยเปลี่ยน jQuery ทั้งหมดให้เป็นจาวาสคริปต์ปกติ มี 2 จุด ได้แก่

การสั่งลบโน้ตด้วย jQuery.ajax ในระบบเรียนเลข เปลี่ยนมาใช้ fetch

การกดด้านนอกเพื่อปิดทุก modal นอกจากเขียนใหม่เองแล้ว มีการปรับปรุงดังนี้
  • เก็บค่า modal id ตอนกดเปิด เพื่อไม่ต้องวนลูพไปปิดครบทุก modal
  • เปลี่ยน listener touchstart เป็น inline onclick แก้ปัญหาทัชโดนปุ่มด้านใต้
  • แก้บั๊ก เมื่อกดเล่นคลิปจาก modal ที่ซ้อนกัน จะมีแอนิเมชันการปิดเสมอ

[I]

ปรับปรุงการกดปุ่มค้างเพื่อแปลงเป็นช่อง ID ที่หน้าเรียนเลข, พรีเมียม, โอเน็ต

เลิกใช้สคริปต์คนอื่นซึ่งมีปัญหา ตรวจจับเฉพาะที่ปุ่มไม่ได้ (จึงปล่อยทั้งหน้ามาตลอด)
มาใช้ onpointer ที่ปุ่ม โดยจับเวลาปล่อยนิ้ว 3-5 วิ ยังไม่ได้แปลงทันทีอัตโนมัติ

[I]

ปรับปรุงการแสดง modal ความยาวต่างๆ ในจอขนาดต่างๆ

ลองใช้ css flex วางตำแหน่งให้อยู่กลางจอ // ปรับปรุงการสกรอลถ้ายาวเกินจอ

ขยับระยะขึ้นเล็กน้อย 15% ของเนื้อที่ว่าง โดยใช้จาวาสคริปต์หาความสูง modal

ลองใช้ css max() min() ปรับระยะขอบภายใน modal ให้เหมาะสม

เพิ่มความกว้าง modal ในจอที่ความสูงน้อย (โทรศัพท์แนวนอน) ให้ใช้เนื้อที่ได้ดีขึ้น

ล็อกการสกรอลเว็บ 1. ขณะแสดง modal 2. หลังสกรอล modal PDF ไปจนสุด
(Chrome overlay scrollbar ไม่ให้คอนเทนต์ขยับ, Firefox OK, Safari ไม่ได้ตรวจ)

ปุ่มกดใน modal และทั้งเว็บ ปรับความสูงเพิ่มและเปลี่ยนฟอนต์เป็น Prompt

[I]

วิธีอื่นๆ ที่ช่วยเพิ่มความเร็วเว็บ

สคริปต์คนอื่นที่ยังใช้อยู่ (smoothscroll และ MD5) ก๊อปมาวางแทนการเรียกเว็บอื่น
(ตอนนี้จะเหลือแค่ FB sdk, Google Analytics, MathJax ที่เรียกใช้จากภายนอก)

ตั้งค่า .htaccess ให้เบราเซอร์เก็บแคช ไฟล์รูป ไฟล์ฟอนต์ 1 เดือน

[I]

อัปเดต TCPDF 6.5.0, PHPMailer 6.6.4, MathJax 3.2.2

kanuay.com v4.5j

"Overall Improve Y2p10" • 24,27–31/08/65

[I]

ปรับปรุงความสวยงามของ modal

เพิ่มธีมสีของ modal ตามสีปุ่มเปิด ได้แก่ ชมพู, ส้ม, ฟ้า, เทา ที่หน้าเรียนเลข

ปรับปรุงสีพื้นภายในและนอก modal แบบ dark mode ให้สบายตาขึ้น

ปรับระยะขยับ, สีปุ่มและเงา ของปุ่มเปิด modal เมื่อวางเม้าส์ hover

แสดงปุ่มกดเลื่อนการ์ดใน modal สมัครเรียน เมื่อแผนผังเกินความกว้างจอ

[I]

เปลี่ยนฟอนต์สัญลักษณ์ หรืออีโมจิ ที่ใช้ใน modal ให้เป็นไอคอน SVG

ไอคอน clip และ warning ใช้ในกรอบข้อความ footnote

ไอคอน history ใช้ที่ปุ่มเปิดไฟล์เวอร์ชั่นย้อนหลัง หน้าพรีเมียม

ปรับไอคอน star ให้มีแบบครึ่งดวง ใช้แสดงระดับความยาก หน้าเรียนเลข

[F]

ปรับปรุงทั่วไปในเว็บ

บังคับให้เบราเซอร์ไม่แสดงกรอบหนาๆ ล้อมรอบปุ่มและลิงก์ที่กำลังโฟกัส

ปรับแต่งระยะการเว้นบรรทัดของแท็ก br ในเบราเซอร์อื่นให้กว้างเท่า Firefox

ลดความโค้งที่มุมของฉากหลัง header/footer เล็กน้อย

เพิ่ม abbr tooltip เพื่อบอกแป้นลัด shift+D เมื่อวางเม้าส์ที่ปุ่ม dark mode

[F]

ไม่อัปเดต PDF.js 2.16 เพราะทดสอบแล้ว Safari 12 ใช้ไม่ได้

kanuay.com v4.5k

"Overall Improve Y2p11" • 01–09/09/65

[N]

ปรับปรุงระบบสมาชิกพรีเมียม ตามเงื่อนไขใหม่ 3 ข้อ (เริ่มใช้ 09/09)

  1.

เพิ่มเงื่อนไขถ้าต่ออายุไม่ถึง 3 ใน 5 เดือนล่าสุด จะปลดล็อกงานพิเศษไม่ได้

แบ่งสถานะเป็น inactive (0 ใน 5), semi-active (1-2 ใน 5), active (3+ ใน 5)

เปลี่ยนวิธีดูประวัติการต่ออายุ จากเดิมแสดง 1 ครั้งล่าสุด แล้วสับสวิตช์เพื่อดูทั้งหมด
มาเป็น แสดงย้อนหลัง 5 เดือนและสรุปสถานะ แล้วคลิกดูทั้งหมดได้ใน modal

  2.

ปรับจำนวน token คงเหลือให้ลดลงโดย x 0.8เดือน คิดทศนิยมทุกวันและปัดขึ้น

เพิ่ม modal รายงานการใช้ token เปิดดูได้โดยคลิกจำนวน token คงเหลือ

ลองใช้ css grid จัดระเบียบข้อมูล และนำธีมสีใหม่มาใช้ใน modal ใหม่สองอันนี้

  3.

เพิ่มเงื่อนไขสำหรับคลิปจากคอร์ส เมื่อปลดล็อกจะดูได้ 365 วันแลัวล็อกใหม่

เมื่อวางเม้าส์บนปุ่มเปิดไฟล์หรือเปิดคลิป จะแสดงวันที่ที่เคยปลดล็อกงานนั้น

[I]

ปรับปรุงอื่นๆ ในระบบพรีเมียม

ปรับรูปแบบวันเวลาทั้งหมดที่ใช้กับ strtotime เป็น 20220908 หรือต่อด้วย T1632

อัปเดตคำอธิบายใน "คำถามที่ได้รับบ่อย" ตามเงื่อนไข 17/06/64 และปัจจุบัน

เพิ่มลิงก์ไปยังหน้าโปรไฟล์เฟซบุ๊คของสมาชิกแต่ละท่าน เมื่อคลิกที่ข้อมูลชื่อเฟซ

[F]

19/09 แก้บั๊ก เก็บตกเงื่อนไขใหม่ระบบพรีเมียม

แก้ไขสถานะสมาชิกที่เพิ่งสมัครเดือนแรก ให้เป็น active

ปรับปรุงระบบตรวจสถานะ ให้กรองวันโอนล่วงหน้าทิ้ง ไม่นำมาพิจารณา

kanuay.com v4.5l

"Overall Improve Y2p12" • 11–16/10/65

[I]

ปรับปรุงการแสดงโน้ตส่วนตัวใน modal #เรียนเลขพี่นวย

เพิ่มปุ่มสร้างโน้ต กดแล้วพิมพ์ข้อความได้เลย และคลิกข้อความที่มีอยู่เพื่อแก้ไขได้
1. เมื่อพิมพ์เสร็จแล้ว กดด้านนอกจะเป็นการบันทึกโน้ต
2. อัปเดตข้อความ และจุดเหลืองเขียว ทุกปุ่มที่เป็นโน้ตเดียวกันทันที

ถ้าพบรูปแบบเวลา H:M:S หรือ M:S ในโน้ต จะสร้างลิงก์เปิดคลิป ณ เวลานั้นให้

ป้องกันอันตรายจากการใส่ html tag (สคริปต์) ปนมาในโน้ต

บังคับการก๊อปข้อความเป็น plain text ไม่ให้ติดสไตล์ เช่น สี กรอบ พื้นหลัง ไปด้วย

ปรับลิมิตจาก 15,000 เหลือ 1,365 อักษรต่อโน้ต เทียบเท่าขนาดไฟล์สูงสุด 4 kB

เพิ่มไอคอน SVG write, delete รวมทั้ง table สำหรับหน้ารับสมัคร

[F]

แก้บั๊ก ปุ่มเลื่อนการ์ดไม่เปลี่ยนสถานะเมื่อเลื่อนถึงสุดใน Android Chrome

[I]

ปรับปรุงเกี่ยวกับการล็อกอิน และแบล็คลิสต์ (พรีเมียมและเรียนเลข)

ลดหย่อนเงื่อนไขแบล็คลิสต์ โดยไม่นับคลิปซ้ำ, ไม่นับลิงก์เวลาในโน้ตส่วนตัว

แก้บั๊ก สัญลักษณ์แทนคอนเทนต์ฟรีในระบบเรียนเลข ลืมยกเว้นคนติดแบล็คลิสต์

ใช้สคริปต์ foroco BrowserDetection เพื่อจดรุ่นเบราเซอร์และ OS ลงในล็อก

ปรับปรุงเกี่ยวกับการกดยินยอมคุกกี้ เมื่อกดปุ่มค้างเพื่อแปลงเป็นช่องใส่ ID
1. เมื่อกดยินยอมจะใช้จาวาสคริปต์สร้างคุกกี้ทันที ไม่ต้องรีเฟรชเว็บให้ PHP สร้าง
2. แก้บั๊ก เมื่อกดปุ่มค้างแล้ว cursor โผล่ในช่อง ทำให้พิมพ์ ID โดยไม่ยินยอมคุกกี้ได้

[I]

อัปเดตข้อมูล browser compatible

ตรวจแก้เลขรุ่น Chrome+Edge, Firefox, Safari หลังจากเว้นไป 5½ ปี
(Chrome/Edge 79+, Firefox 75+, Safari 11.1+, ตัดทิ้ง Android)

ยกเลิกไอคอน IE, Apple และเพิ่มไอคอน Edge, Firefox แบบใหม่, Safari

[I]

อัปเดต MathJax 4.0 alpha1 และ PHPMailer 6.6.5

เลือกฟอนต์สมการเป็น STIX2 ตามที่เคยใช้ใน v2.7 และหายไปในช่วง v3.x

แก้ไขเช็คบ็อกซ์แสดงสมการเป็นโค้ด TeX ที่เคยทำไว้ใน v2.7 และพังใน v3.x

[I]

02/11 อัปเดต PDF.js 3.0 Legacy และเปิดให้คนทั่วไปใช้งานได้ที่ kanuay.com/pdf

ทำเอกสารตั้งต้น test.pdf แบบใหม่ แทนที่ของเดิมที่เคยใช้แจ้งบั๊กใน github

[F]

05/11 ลืมตั้งค่า padding ของแท็ก select ใน css

[F]

05/11 ปิด auto CC ในทุกคลิปที่เคยถูกสร้าง และปิดฟังก์ชันนี้ใน Vimeo

kanuay.com v4.5m

"Overall Improve Y2p13" • 07–12,16–17/11/65

[N]

พรีเมียม : เพิ่มบริการเสริม อัปโหลดไฟล์ PDF ของตัวเอง เข้าเนื้อที่ส่วนตัว

โควตารวมทุกไฟล์ ท่านละ 30 MB สามารถแทนที่ไฟล์เดิมได้โดยไม่บวกซ้ำ

สถานะ inactive ได้แค่เปิดและลบไฟล์, สถานะ active/semi-active จะอัปโหลดได้

จาวาสคริปต์ - ก่อนส่งไฟล์ ตรวจอักขระในชื่อไฟล์, ก่อนลบไฟล์ กล่องข้อความยืนยัน

รายชื่อไฟล์ที่แสดง มีลิงก์ให้ 2 แบบ คือ 1. เปิดด้วย PDF.js และ 2. ลิงก์โหลดตรง

ปรับแต่งหน้าตาของปุ่ม Browse โดยใช้ css file-selector-button

[N]

เรียนเลข : เพิ่มแถบความก้าวหน้าในการเรียน นับจากจำนวนคลิปที่เคยเปิด

คำนวณเปอร์เซ็นต์ของตัวเอง vs เปอร์เซ็นต์เฉลี่ยคนอื่นๆ vs จำนวนวันที่ผ่านไปแล้ว

จาวาสคริปต์ - สร้างแอนิเมชันให้แถบวิ่งจาก 0 ถึง % นั้น ทุกครั้งที่เปิดดู

ปรับแต่งหน้าตาแถบให้ดูเป็นสามมิติ โดยใช้ css box-shadow inset ร่วมกับสี rgba

ผลพลอยได้คือ นำข้อมูลมาสร้าง admin report ดูภาพรวมสถิติและความเรียบร้อย

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

[F]

หน้าล็อกอิน : แก้ไขเกี่ยวกับเวลานับถอยหลังเพื่อรีไดเรค ณ 1 วินาที

แก้บั๊ก ถ้า PHP ใช้เวลาสร้างหน้าใหม่เกิน 1 วินาที เมื่อเวลาถึง 0 จะคลิกรัวอยู่ที่เดิม

ชดเชยการรีไดเรคไปหน้าเรียนเลขเป็น 2 วินาที เผื่อเวลาคำนวณแถบความก้าวหน้า

[I]

ปรับปรุงอื่นๆ ในหน้าพรีเมียมและเรียนเลข

ปรับแต่งสี modal ที่เพิ่งทำใหม่ 4 สี ให้กลมกลืนกันมากขึ้น

ไม่สั่งโหลดซ้ำด้วย location.replace เปลี่ยนเป็น history.replaceState แทน

หน้าเรียนเลข เพิ่ม ✓ แว่บขึ้นมาใน modal ให้ทราบว่าโน้ตถูกบันทึกอัตโนมัติแล้ว

ยกเว้นผู้ใช้โค้ด Demo ในระบบแบล็คลิสต์ เพราะถ้าคนหนึ่งโดน คนอื่นจะใช้ไม่ได้ด้วย

[F]

เว็บบอร์ด : ปรับปรุง/แก้ไขการแสดงผล

ปรับโหมด htmlspecialchars ไม่ให้กระทู้ที่พิมพ์แท็กด้วย ' แสดงเพี้ยนใน PHP8.1+

เปลี่ยนวิธีตัดชื่อกระทู้ในลิงก์ wbnav มาใช้ css text-overflow แทนการนับอักษร

ปรับปรุงระยะปุ่มที่กระเทือนมาจากการเปลี่ยนฟอนต์สำหรับ class/mhp

[I]

หน้าแอดมิน : เขียนจาวาสคริปต์แปลง timestamp เป็นวัน-เวลา แทน PHP

[I]

อื่นๆ ทั้งเว็บ : ยกเลิกการสร้างลิงก์ภายในหน้า ด้วย a name= เปลี่ยนเป็น a id=

[I]

26/11 อัปเดต PDF.js 3.1 Legacy สามารถพิมพ์ไทยแล้วเซฟได้

[I]

05–17/12 อัปเดต TCPDF 6.6.0–6.6.2, PHPMailer 6.7.0–6.7.1

kanuay.com v4.5n

"Overall Improve Y2p14" • 12,26–28/02/66

[F]

แก้บั๊กที่เกิดจากการปรับปรุงโค้ดใน v4.5l-v4.5m

07/01 หน้าล็อกอิน : เมื่อนับถอยหลังเข้าหน้าเรียนเลข กดหยุดหลัง 2 วินาทีไม่ได้

18/01 ทั้งเว็บ : MathJax 4.0 alpha1 ใส่บล็อกสีขาวที่มุมบนและล่างของเว็บ

06/02 เรียนเลข : จุดแดงไม่ทำงาน ตั้งแต่ปรับปรุงจุดเหลืองเขียวให้แสดงทันที

11/02 พรีเมียม : หลังใช้ token แล้วข้อมูลไม่อัปเดตเพราะยกเลิก location.replace

[I]

01,29/01, 09,26/02 อัปเดต PDF.js 3.2–3.3–3.4 Legacy, FPDI 2.3.7

[I]

21/01 ทั้งเว็บ : เพิ่มแป้นลัด Esc เพื่อปิด modal โดยถ้าเปิดซ้อนกันอยู่จะปิดทีละอัน

[I]

06/02 เรียนเลข : เพิ่ม glow สีเหลืองรอบปุ่มคอนเทนต์สำคัญ ให้รู้ว่าต้องเรียน

[N]

spinner ป้องกันผู้ใช้กดย้ำๆ เวลาเข้าหน้าเรียนเลข เพราะแถบความก้าวหน้าโหลดช้า

ทั้งเว็บ : แสดง spinner ทันทีที่กดลิงก์เข้าหน้าเรียนเลขจากทุกที่ เช่น หน้าล็อกอิน

เรียนเลข : แสดง spinner เมื่อกดปุ่มรีเฟรช, Enter URL เดิม, กด F5/Ctrl+R

ทั้งเว็บ : ปรับสีฉากหลัง modal ให้อมฟ้านิดๆ นำมาเป็นฉากหลัง spinner ด้วย

หน้าล็อกอิน : หยุดเวลานับถอยหลังเมื่อกดลิงก์ไปหน้าเรียนเลข หรือหน้าอื่น

[I]

เรียนเลข/พรีเมียม : เพิ่มปุ่มขยายวีดิโอ theater mode (เฉพาะในจอใหญ่)

วางปุ่มไว้ข้างๆ dark mode video และใช้แป้นลัด shift+F เพื่อย่อ/ขยาย

มาแทน video modal ที่เคยใช้ในหน้าพรีเมียม 4 เดือนแรกแล้วยกเลิกไป

ทำหน้าตาเลียนแบบ modal คือฉากหลังเบลอ มีลิงก์ปิดที่หัวมุม หรือกดด้านนอก/Esc

[F]

พรีเมียม : แก้บั๊ก สมาชิกที่โอนช่วงแรกหลายครั้งกลายเป็น semi-active

kanuay.com v4.5o

"Overall Improve Y2p15" • 13,24–25/03/66

[I]

06,11–12/03 อัปเดต PHPMailer 6.8.0, BrowserDetection 2.5–2.6

[F]

08/03 ปรับแป้นลัด shift+D, shift+F ให้สั่งการเฉพาะตอนไม่ได้พิมพ์ข้อความ

[I]

เรียนเลข : ปรับปรุงแถบความก้าวหน้าในการเรียน

บันทึกอะเรย์แต่ละคนลงไฟล์ ไว้เรียกใช้ครั้งต่อไป เพื่อให้เว็บกลับมาโหลดเร็วปกติ

เมื่อเกินวันสอบ แถบเวลาจะหยุดที่ 100% และปรับขนาดไม่ให้ออกนอกกรอบ

หน้าล็อกอิน : ไม่ต้องชดเชยการรีไดเรคไปหน้าเรียนเลขเป็น 2 วินาทีแล้ว

[F]

ปรับปรุงเกี่ยวกับ spinner

แก้บั๊ก ถ้ากดลิงก์เพื่อเปิดหน้าเรียนเลขในแท็บใหม่ ต้องไม่แสดง spinner

สามารถคลิกที่ไหนก็ได้ หรือกด Esc เพื่อปิด spinner (แบบเดียวกับการปิด modal)

[I]

เรียนเลข : ปรับปรุงหน้ารับสมัคร

ลบคอร์สสามัญจากแผนผังคำนวณค่าสมัคร

กำหนดวันหมดเขตของโค้ดส่วนลดได้ เช่น early bird 31/7 (ส่วน referral ไม่มีหมด)

เรียนเลข/พรีเมียม : แสดงปุ่ม dark mode ในหน้ารับสมัคร ถ้าหน้าจอกว้างพอ

[F]

แก้บั๊ก หน้าเฉลย (Sol) เพื่อรองรับลิงก์ที่ผู้ใช้อาจจะพิมพ์เองแล้ว error

กรณีพิมพ์เลขหลักเดียว จะเติม 0 ให้, กรณีพิมพ์เลขเกินสองหลัก จะตัด 0 ทิ้งให้

กรณีพิมพ์เลขที่ไม่อยู่ในขอบเขต หรือไม่ใช่ตัวเลข จะเพิกเฉยแล้วแสดงหน้าแรกแทน

ใช้ history.replaceState ตัด ?P=xx ทิ้งเพื่อความสวยงาม และซ่อนไม่ให้พิมพ์เอง

09/03 ปรับการแสดงเลขข้อเป็นมุมโค้ง, ขยับระยะรูปเฉลยลงนิดนึง ไม่ให้ทับเลขข้อ

kanuay.com v4.6a

"Overall Improve Y3p1" • 15–23/04/66

[I]

04/04 อัปเดต PDF.js 3.5 Legacy

[I]

เรียนเลข : ปรับปรุงคลิปวีดิโอ

04–12/04 อัพสเกลคลิปเนื้อหา จาก 720p เป็น 2K และตัดแยกคลิปที่เป็น 2-in-1

กำหนดค่าตั้งต้น quality=720p/1080p/2k ไปตามขนาดจอ โดยคิดกว้าง+ยาว

พรีเมียม : ยกเลิกคลิปเนื้อหาแบบยาวคลิปละบท ใช้คลิปสั้นร่วมกับคอร์สเรียนเลข

หน้าแอดมิน : ดึงฐานข้อมูลมาแสดงลิงก์สำหรับเข้าไปจัดการวีดิโอที่ Vimeo

[I]

เรียนเลข : เปลี่ยนคอร์สและเงื่อนไขภายในระบบ

ตัดลิงก์ Google Meet, เพิ่มลิงก์แชท Line ให้ทุกคนโดยไม่ต้องสมัคร 4 บทขึ้นไป

ลบคอร์สสามัญ, คลิปตะลุยและคลิปเฉลยทั้งหมด เตรียมปุ่มสำหรับตะลุยแบบใหม่

พรีเมียม : เพิ่มหมวด A-Level, คอร์สตะลุยแบบใหม่ โดยยังเก็บคอร์สเดิมทั้งหมดไว้

[I]

เรียนเลข : ปรับปรุงแถบความก้าวหน้าในการเรียน

ปรับลดความยุ่งยากในการนับสถิติ เพราะได้ตัดแยกคลิปและลบคอร์สที่เป็นต้นเหตุแล้ว

ขณะที่แถบสั้นเกินไป จะวางตัวเลข % ไว้ทางขวานอกแถบ หรือซ่อนไปก่อน

[I]

เรียนเลข : ปรับปรุงการแสดงผล

ขยายปุ่มเลือกคอนเทนต์แต่ละบท +16% ยกเว้นจอโทรศัพท์รุ่นเล็กจะใช้ขนาดเดิม

เพิ่มความสูงปุ่มใน modal ให้สมดุลกับแถบไตเติ้ลและกดง่ายขึ้น (หน้าพรีเมียมด้วย)

[F]

แก้บั๊กที่พบเฉพาะ Safari mac (ทดสอบด้วย v15.6.1, v16.4.1 ใน macOS 12 VM)

บั๊กใน v15- วีดิโอโหมด theater ⇒ fullscreen ไม่ยอมเด้งลำดับมาอยู่หน้าสุด

บั๊กใน v16+ วีดิโอโหมดปกติ ⇒ fullscreen จะมีสกรอลบาร์ติดมาด้วย

เปลี่ยนวิธีปรับระยะเว้นบรรทัด ไม่รองรับการปรับที่แท็ก br จึงใช้แท็ก span แทน

[F]

เรียนเลข : แก้บั๊ก ระบบแบล็คลิสต์ไม่ทำงานเลย ตั้งแต่ยกเว้นผู้ใช้โค้ด Demo

kanuay.com v4.6b

"Overall Improve Y3p2" • 28/04–02/05/66

[I]

อัปเดต BrowserDetection 2.7

[I]

ปรับปรุงหน้ารับสมัคร พรีเมียมและเรียนเลข

เพิ่ม required ที่ช่องชื่อ-เฟซบุ๊ค-อีเมล และเพิ่ม pattern ที่ช่องอีเมล

เพิ่ม disabled ที่ช่องธนาคารตัวเลือกแรก ("ไปยังธนาคาร") ที่ไม่ต้องการให้เลือก

เรียนเลข : เพิ่ม novalidate เพื่อรองรับส่วนลดนักเรียนเก่า ซึ่งเป็นตัวเลขนอกสเต็ป
(แต่ novalidate ใช้กับทั้งฟอร์ม ดังนั้นช่องที่ required และ pattern จะไม่ถูกตรวจ)

[I]

เรียนเลข : ขยายจำนวนปุ่มเล่นคลิปใน modal จาก 1-2 คลิป มาเป็นกี่คลิปก็ได้

จุดประสงค์เพื่อใส่คลิปตะลุยเดิมให้ใช้ชั่วคราว ต้องการแสดง 2-6 คลิปใน 1 modal

ปรับโค้ดเกี่ยวกับการเลือกข้อ การจดโน้ต และแสดงจุดเหลือง ให้รองรับตามไปด้วย
(กรณี 2 คลิปขึ้นไป จะแสดงเฉพาะจุดเหลือง แต่ไม่แสดงโน้ตใน modal ให้แก้ไข-ลบ)

[I]

ปรับปรุงการแสดงผลวีดิโอ พรีเมียมและเรียนเลข

เปลี่ยนคำอธิบายปุ่มขยายวีดิโอ จากคำว่า Full Size เป็น Theater Mode

เพิ่มแป้นลัด shift+V สำหรับเปิดปิด dark mode วีดิโอ

คืนโฟกัสหลังคลิกในเฟรมวีดิโอ เพื่อให้เรียกใช้แป้น shift+D/F/V ต่อได้
เช่น ขณะเล่นวีดิโอในโหมด theater หรือ fullscreen ก็ยังเปิดปิด dark mode ได้

ใส่เนื้อที่ว่างเท่าเฟรมวีดิโอขณะเข้าโหมด theater เพื่อไม่ให้ฉากหลังขยับ

แก้บั๊กที่พบเฉพาะ Firefox :
เมื่อเข้า fullscreen จากล่างๆหน้า เว็บจะถูกดันขึ้น แก้โดยสั่งสกรอลกลับไปที่ีวีดิโอ
(Note : สาเหตุเดียวกับ theater แต่แก้ด้วยวิธีใส่เนื้อที่ว่างยังไม่สำเร็จ)

[F]

แก้บั๊กที่พบเฉพาะ Safari mac (ต่อ)

ชดเชยระยะขอบ ไม่ให้เว็บขยับเมื่อสกรอลบาร์หายไปตอนเปิด modal/วีดิโอ/spinner

แก้ไขสีพื้นของสกรอลบาร์ ไม่ให้เป็นสีน้ำเงินซึ่งเป็นค่าสำหรับ Safari iOS

[I]

08,29/05 อัปเดต PDF.js 3.6–3.7 Legacy

kanuay.com v4.6c

"Overall Improve Y3p3" • 12–13/08, 25/12/66

[I]

25–31/07 อัปเดต MathJax 4.0 beta3, FPDI 2.4.0–2.4.1, PDF.js 3.9 Legacy

[F]

27/07 ยืดเวลาคืนโฟกัสหลังคลิกเฟรมวีดิโอเป็น 4 วิ เพื่อให้กด quality/speed ได้ทัน

[F]

12–13/08 ปรับปรุงเกี่ยวกับวีดิโอในหน้าพรีเมียม

ขยายจำนวนหลักของหมายเลข vimeo playlist จาก 9 หลัก เป็น 9-10 หลัก

แก้บั๊ก ปุ่มเลือกข้อไม่แสดงผลมาหลายเดือน ตั้งแต่ทำปุ่ม theater mode

ลดการวนลูปที่ไม่จำเป็นขณะสร้างลิงก์เลือกข้อ เพื่อให้โหลดเว็บเร็วขึ้น

[I]

31/08 อัปเดต PDF.js 3.10 Legacy, PHPMailer 6.8.1

[I]

07/09 อัปเดต TCPDF 6.6.5

[F]

15/09 พรีเมียม : แสดงจำนวน token ที่กำลังจะกดใช้ ให้ชัดเจนขึ้น

[I]

28/09 อัปเดต PDF.js 3.11 Legacy, FPDI 2.5.0

[I]

04/10 อัปเดต MathJax 4.0 beta4

[I]

07/11 อัปเดต PDF.js 4.0 Legacy

[F]

28/11 แก้บั๊ก undefined REQUEST_URI ที่ทำให้เว็บไม่ทำงานใน localhost

การแก้บั๊กนี้ ทำให้ปัญหา PHPMailer ไม่ทำงานในโฮสติ้ง PHP 8.1+ ถูกแก้ด้วย

อัปเดต PHPMailer 6.9.1, โฮสติ้ง PHP 8.2.11 (8.3 เพิ่งออก ยังไม่มีให้เลือก)

[I]

12/12 อัปเดต FPDI 2.6.0

[I]

23/12 หน้าล็อกอิน : ปรับปรุงการแสดง log file ระบุจำนวนเดือนหรือวันสิ้นสุดได้

[I]

25/12 เรียนเลข : ปรับปรุงการแสดงผลให้รองรับคอร์สตะลุยเร่งด่วน

ปุ่มเลือกข้อ รองรับกรณีที่เลขข้อมี x หรือ . เช่น 91.5

modal header รองรับกรณีที่เลขตอนมีสัญลักษณ์ [ ] เช่น [01]

kanuay.com v4.6d

"Overall Improve Y3p4" • 18–20/03/67 🚧 กำลังทำ

[N]

เรียนเลข : เพิ่มกล่องข้อความแจ้งข่าว 🚧

ข้อความที่นำมาแสดง ได้แก่ 1. ประกาศสำหรับทุกคน 2. ข้อความที่ส่งเฉพาะคน
3. สรุปเมื่อมีจุดแดงอัปเดต // ทั้ง 3 อย่างเมื่ออ่านแล้วกดลบเองได้

[I]

เรียนเลข : ปรับปรุงแถบความก้าวหน้า 🚧

ทำสัญลักษณ์แต่ละคลิปเองได้ และสรุปเป็นเช็คลิสต์หรือปั๊ม Clear บทนั้น

[I]

เรียนเลข : ปรับปรุงกรอบแสดงทวีตคัดสรร 🚧

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

ถ้าจำนวนการ์ดน้อยกว่าความกว้าง ไม่ต้องแสดงปุ่มกดเพื่อเลื่อนการ์ด

แก้บั๊ก จอที่มีตัวคูณแล้วความหนาเส้นกรอบเป็นทศนิยม จะคำนวณความกว้างผิด

[I]

เรียนเลข : อื่นๆ 🚧

เปลี่ยนเวลาที่แสดงในปุ่มเปิดคลิป จาก mm:ss เป็น (h:)mm:ss

หาวิธีแก้ความเข้าใจผิดที่แต่ละปีจะมีน้องไปโหลด Math E-Book มาใช้เรียน

ปรับปรุงสัญลักษณ์แทนคอนเทนต์ฟรี เพื่อผู้ที่สมัครอย่างน้อย 1 บท
1. ต้องการเพิ่มคอนเทนต์ให้มากกว่าโค้ดทดลองเรียนฟรี (D)
2. ต้องการให้ได้คอนเทนต์ของโค้ดพิเศษตามเทศกาล (E) โดยอัตโนมัติ

[I]

พรีเมียมและเรียนเลข : หน้ารับสมัคร 🚧

เขียนสคริปต์ตรวจ required, pattern เอง เนื่องจากต้องใช้ novalidate ส่งตัวเลข

เพิ่มช่องพิมพ์ "ข้อความตอบจากพี่นวย" ลงในอีเมลตอบรับการสมัคร

เขียนวันครบกำหนดคอร์สเรียนเลขให้ชัดขึ้น และแนะนำติวเตอร์สมัครพรีเมียมแทน

แก้บั๊ก หน้ารับสมัครพรีเมียมติด PHP warning ในลิสต์ชื่อเดือน

[I]

พรีเมียม : ปรับปรุง PDF watermark

เปลี่ยนจากแสดงวันที่สร้างเอกสารเป็น "ใช้สิทธิ์ได้ถึง (1 เดือนนับจากต่ออายุล่าสุด)"

ขยับตำแหน่งร่นซ้ายสำหรับเอกสารที่มีเฉลยลายมือ เพื่อไม่ให้ทับตัวหนังสือ

[N]

หน้าล็อกอิน 🚧

เพิ่มระบบ Login with Twitter

แสดงล็อกอินเป็นเพียงหน้าต่าง modal ของหน้าอื่น เพื่อให้ขั้นตอนดูเข้าใจง่าย

แอดมินสามารถก็อปข้อมูลการสมัครที่จัดข้อความสำหรับลง Excel และ PHP ไว้ให้

[I]

เปลี่ยน favicon แบบใหม่ตามรูปโปรไฟล์เพจ เพื่อแสดงผลใน Google Search 🚧

ไอเดีย/จุดรอแก้ไข


[I]

สิ่งที่เคยพยายามศึกษาและทดลอง แต่ยังไม่สำเร็จ

ฟีเจอร์ : ทำให้ลิงก์ใน PDF ไปถึงตำแหน่งในหน้าได้

ฟีเจอร์ : เมื่อตะแคงจอขณะเล่นวีดิโอ เข้าโหมด fullscreen โดยอัตโนมัติ

แก้ปัญหา : เมื่อมีการหมุนจอ จะสั่งโหลด FB box ใหม่เพื่อเปลี่ยนความกว้าง

ฟีเจอร์ : ดึงข้อมูล FB Link (profile ID) โดยเฉพาะผู้ใช้ที่ไม่ระบุอีเมล

ฟีเจอร์ : ส่ง FB notification (ทำได้เฉพาะ Game App ส่งไปเข้า desktop)

แก้ปัญหา : ระยะเวลา transition sidebar, blockquote ใน Firefox ช้าไป

แก้ปัญหา : ตัวหนังสือใน Chrome จางเกินไปในจอปกติ device pixel ratio = 1

แก้ปัญหา : page-scroll indicator เลื่อน 2 จังหวะ เมื่อกดซ่อน/แสดงบท

แก้ปัญหา : เมื่อสร้าง modal ภายใน modal พบว่าโดนปรับตำแหน่งสองรอบ

[I]

ปรับปรุงระบบ #เรียนเลขพี่นวย

ฟีเจอร์ : สลับตำแหน่งบล็อก (div2.after(div1); div2.before(div3)) จดจำข้ามอุปกรณ์

ระบบซูมเว็บ : ซูมอัตโนมัติตามขนาดเบราเซอร์ และทำปุ่ม zoom± โดยจำค่าในคุกกี้

แถบความก้าวหน้า : ย้อนไปนับตอนที่คนนั้นใช้โค้ด Demo ทดลองเรียนด้วย

กล่องข้อความ : แสดงข้อความหลังไมค์เพจของ FB นั้น (ยังทำไม่ได้เพราะ FB box มีบั๊ก)

วีดิโอเต็มกรอบ : แก้ปัญหา iframe ไม่เป็น 16:9 เสมอ มีปัญหาเมื่อกดด้านนอกเพื่อย่อ

โน้ตส่วนตัว : แก้บั๊ก พิมพ์โน้ตสระ โ- ใน modal แล้วกลายเป็น toggle Theater

โน้ตส่วนตัว : beautify แสดงโน้ตที่มีหลายบรรทัดหรือมีสมการ MathJax ได้ดีขึ้น

โน้ตส่วนตัว : เมื่อแก้โน้ตจากใต้คลิป หรือจากใน modal จะส่งผลกับอีกที่ทันทีด้วย

[I]

ปรับปรุงระบบพรีเมียม

ปรับปรุงระบบ token เมื่อข้อมูล + - ไม่เรียงวัน (จดล่วงหน้า) ต้องไม่กระเทือนสูตร

เมื่อเขียนลง PDF เสร็จ กดปุ่มเซฟเก็บไว้ในเว็บได้เลย ไม่ต้องเซฟลงเครื่องก่อน

[I]

ปรับปรุง CSS

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

เปลี่ยนหน่วย em เป็น rem เพื่อตัดปัญหาการคูณซ้อนกัน

เริ่มใช้ CSS ที่เคยรอใช้ในอนาคตเพราะยังใหม่ไปสำหรับ Safari

[I]

ใน head มี onscroll, onload, onresize, onorientation เปลี่ยนเป็น listener

[I]

ปรับปรุงการแสดง log เช่น จับกลุ่มให้สั้นลง, ตรวจจับ IP ผิดปกติ

[F]

เก็บแคชจำนวน like+share ของกระทู้ เพราะติดเงื่อนไขเรียกดูได้ 10 ครั้ง/ชม.

[F]

ฟอนต์ CSPraKas ไม่มี UTF-8 เช่น คูณ ยกกำลัง, ฟอนต์ Prompt ตัว v บาง

ไอเดียสำหรับเว็บบอร์ด


[I]

นำ tag ของแต่ละกระทู้เพิ่มลงไปใน html meta tag "keywords"

[I]

ปรับแก้ title/description แต่ละหน้าอีกครั้ง เพื่อผลดีขึ้นใน FB, google

[I]

ผนวกรหัสล็อกอินให้มาใช้ได้ในบอร์ด โดยแสดงไอคอนตามหลัง

[N]

เพิ่มระบบ session login และระบบ notification หรืออย่างน้อยอีเมลแจ้ง

[F]

วันเวลาที่แสดงหน้าอัปเดต บางครั้งต้องมาจากการแก้ข้อความ ไม่ใช่เม้นต์สุดท้ายเสมอไป

[I]

แสดงเช็คบ็อกซ์เพื่ออ้างข้อความมาแค่บางบรรทัด

โครงการในอนาคต (อันไกลโพ้น)


1. สร้างฟังก์ชันใช้ในงานที่ซ้ำๆ กัน เพื่อให้โค้ดสั้นลงและดูแลแก้ไขง่าย
2. ระบบแปลงทุกหน้าเป็น .rtf เรียบง่าย (เพื่อนำไปใช้ offline หรือจัดเก็บ)
3. ระบบ AJAX เพื่อให้ส่งข้อความและแสดงผลราบรื่นขึ้น
4. ระบบสารบัญแบบ blog และ rss feed แบบมีเนื้อความ (หลังจากยกเลิกใน v3.0)

สิ่งที่ไม่น่าได้ใช้

แบ่งกระทู้เป็นหลายหน้า / ค้นหาหลายคำ / โคตรแอดมิน อัพไฟล์ระบบ