ปรับปรุงเว็บรวมคำแปลวลีเด็ดจากญี่ปุ่นครั้งใหม่
เขียนเมื่อ 2020/04/11 13:13
แก้ไขล่าสุด 2024/03/28 23:03
เมื่อวานนี้ 10 เม.ษ. 2020 ในที่สุด FF7 ภาคทำใหม่ก็ออกวางขายแล้ว...!!
แต่นั่นไม่ได้เกี่ยวอะไรกับหัวข้อที่จะเขียนถึงต่อไปนี้ แค่บังเอิญว่าวันตรงกันเท่านั้น
เนื่องจากเมื่อวานนี้เองเพิ่งได้มีการปรับปรุงเว็บ https://hinaboshi.com ซึ่งรวบรวมวลีเด็ดคำแปลจากญี่ปุ่นขึ้นมา
หน้าตาบล็อกในตอนนี้เป็นแบบนี้
หน้าแรก
หน้าแสดงวลีเด็ด
ดูเผินๆแล้วก็คล้ายของเดิม เพราะไม่ได้เปลี่ยนการออกแบบ ลงสีแบบเดิม แต่ว่าถ้าดูเนื้อในจะเห็นว่าโครงสร้างต่างไปจากเดิมมาก
ก่อนหน้านี้เว็บใช้ ruby on rails + jquery + bootstrap
แต่ตอนนี้ใช้ ruby on rails + webpacker + vue.js + vuetify
หลังจากที่เว็บนี้ได้ถูกสร้างขึ้นมาตั้งแต่ 20 ส.ค. 2016 ดังที่เขียนบันทึกไว้ใน https://phyblas.hinaboshi.com/20160820
ที่ผ่านมาเกือบ ๔ ปี เว็บก็ไม่ได้มีการปรับปรุงอะไรมากมาย นอกจากแค่ใส่ข้อมูลวลีเด็ดเพิ่มไปเรื่อยๆเท่านั้น
แต่เมื่อช่วงประมาณเดือนนี้ของปีที่แล้วได้เริ่มมีคนติมาว่าตัวเว็บดูโบราณ น่าจะทำให้เป็น responsive สักหน่อย
ตอนนั้นก็ตั้งใจว่าถ้ามีเวลาอยากจะศึกษาเรื่องการทำเว็บให้เป็น responsive เพื่อจะได้ทำการปรับปรุงเว็บ แต่ก็ยังไม่มีเวลาศึกษาเกี่ยวกับเว็บเพิ่มเติมนักจึงได้แต่ตั้งเป้าเอาไว้ก่อน
จนเวลาผ่านไป มีโอกาสได้ศึกษาเรื่องจาวาสคริปต์เพิ่มเติม ถึงขนาดเขียนบทเรียนจาวาสคริปต์ขึ้นมาในบล็อกด้วย https://phyblas.hinaboshi.com/saraban/javascript
นอกจากนี้ก็ได้ฝึก vue.js ให้มากขึ้นกว่าเดิม พอมีพื้นฐานจาวาสคริปต์ดีแล้วก็ช่วยให้เข้าใจอะไรขึ้นได้มากทีเดียว อีกทั้งส่วนที่ใช้ axios ซึ่งต้องพัวพันกับเรื่องของการทำงานแบบไม่ประสานเวลาก็ได้มีโอกาสศึกษามาแล้ว
ภาษารูบีและตัว ruby on rails เองก็ได้ซื้อหนังสือมาอ่านเพิ่มเติมเช่นกัน
ตัวเว็บใหม่ที่ทำครั้งนี้ยังคงใช้ ruby on rails เป็นเฟรมเวิร์กเหมือนอย่างแต่ก่อน แต่ที่เพิ่มเติมคือใช้ร่วมกับ webpacker และใช้ vuetify เป็นตัววางโครงสร้างเว็บ
vuetify เป็นเฟรมเวิร์กที่ใช้ vue.js เป็นพื้นฐาน จึงช่วยให้ทำอะไรได้ยืดหยุ่นสะดวกขึ้น และพอใช้แล้วเว็บก็จะเป็น responsive และเป็น material design ด้วย
อย่างหน้าแสดงรายชื่อนักพากย์นี้ซึ่งมีการตัดเปลี่ยนหน้าและค้นคำเพื่อคัดกรองชื่อ แถมยังตั้งให้สามารถเรียงลำดับตามแบบที่ต้องการด้วย https://hinaboshi.com/seiyuuthangmot
ถ้าเป็นเมื่อก่อนใช้ jquery ทำ เขียนยุ่งยากกว่ามากทีเดียว และมี BUG ด้วย แต่พอเปลี่ยนมาใช้ vuetify เขียนก็กลายเป็นเรื่องง่ายไป
ยุคสมัยที่เปลี่ยนไปทำให้การเขียนเว็บเป็นเรื่องง่ายขึ้นไปมาก สมัยก่อนไม่มีแม้แต่ jquery ต้องเขียนโค้ดจาวาสคริปต์แบบดั้งเดิมยืดยาว แล้วพอสมัยที่เริ่มหัดเขียนเว็บใหม่ๆ jquery ยังเป็นกระแสหลัก เวลาผ่านไปเริ่มมี angular.js แล้วก็ตามมาด้วย vue.js ความง่ายในการเขียนเว็บก็เพิ่มขึ้นเรื่อยๆ
ตัวโค้ดจาวาสคริปต์ในเบราว์เซอร์ทั่วไปตอนนี้ก็ใช้ ES6 กันเป็นปกติ โค้ดดูจะเขียนง่ายขึ้น มีฟังก์ชันอะไรช่วยอำนวยความสะดวกมากขึ้น (แม้จะยังสู้ไพธอนหรือรูบีไม่ได้)
การเขียนเว็บถือว่ายากอยู่ ต้องใช้ความรู้หลายๆอย่าง หลายๆภาษามารวมเข้าด้วยกัน แต่ก็เป็นอะไรที่สนุกดี ถ้าทำออกมาสำเร็จได้ก็แสดงว่าเรามีความรู้ความเข้าใจอะไรต่างๆมากพอจึงสามารถทำออกมาได้ ระหว่างทำจึงได้เรียนรู้อะไรเยอะ
ในช่วงปีที่ผ่านมานี้ได้ซื้อหนังสือจาก kindle มาหลายเล่ม เป็นตัวชั่วเพิ่มพูนทักษะในการเขียนเว็บได้เป็นอย่างดี หลักๆที่เกี่ยวกับเว็บก็คือ ๖ เล่มนี้
ยิ่งช่วงนี้ปัญหาไวรัสโคโรนาทำให้ต้องเก็บตัวอยู่ แทบไม่ได้ไปไหน ทำให้เวลามาลงที่หน้าคอมเยอะ จึงใช้เวลาส่วนใหญ่ไปกับทั้งอ่านหนังสือและเขียนโปรแกรมมากขึ้น
ที่จริงยังได้อ่านไปอีกหลายเล่ม เช่น เกี่ยวกับคอมพิวเตอร์ ปัญญาประดิษฐ์ ไพธอน ฯลฯ
ตัวเว็บยังคงต้องปรับปรุงไปอีกเรื่อยๆ แม้จะเป็นแค่เว็บเล็กๆที่ทำขึ้นมาด้วยความชอบส่วนตัว ไม่ได้เกี่ยวกับงาน ไม่ได้ใช้ทำกำไร
สุดท้ายนี้ ใครตั้งหน้าตั้งตารอเล่น FF7 อยู่ขอให้โชคดี~~~
"ruby on rails ก็เหมือนรถไฟขบวนนี้ มีรางที่ถูกวางไว้ให้วิ่งตาม"
แต่นั่นไม่ได้เกี่ยวอะไรกับหัวข้อที่จะเขียนถึงต่อไปนี้ แค่บังเอิญว่าวันตรงกันเท่านั้น
เนื่องจากเมื่อวานนี้เองเพิ่งได้มีการปรับปรุงเว็บ https://hinaboshi.com ซึ่งรวบรวมวลีเด็ดคำแปลจากญี่ปุ่นขึ้นมา
หน้าตาบล็อกในตอนนี้เป็นแบบนี้
หน้าแรก
หน้าแสดงวลีเด็ด
ดูเผินๆแล้วก็คล้ายของเดิม เพราะไม่ได้เปลี่ยนการออกแบบ ลงสีแบบเดิม แต่ว่าถ้าดูเนื้อในจะเห็นว่าโครงสร้างต่างไปจากเดิมมาก
ก่อนหน้านี้เว็บใช้ ruby on rails + jquery + bootstrap
แต่ตอนนี้ใช้ ruby on rails + webpacker + vue.js + vuetify
หลังจากที่เว็บนี้ได้ถูกสร้างขึ้นมาตั้งแต่ 20 ส.ค. 2016 ดังที่เขียนบันทึกไว้ใน https://phyblas.hinaboshi.com/20160820
ที่ผ่านมาเกือบ ๔ ปี เว็บก็ไม่ได้มีการปรับปรุงอะไรมากมาย นอกจากแค่ใส่ข้อมูลวลีเด็ดเพิ่มไปเรื่อยๆเท่านั้น
แต่เมื่อช่วงประมาณเดือนนี้ของปีที่แล้วได้เริ่มมีคนติมาว่าตัวเว็บดูโบราณ น่าจะทำให้เป็น responsive สักหน่อย
ตอนนั้นก็ตั้งใจว่าถ้ามีเวลาอยากจะศึกษาเรื่องการทำเว็บให้เป็น responsive เพื่อจะได้ทำการปรับปรุงเว็บ แต่ก็ยังไม่มีเวลาศึกษาเกี่ยวกับเว็บเพิ่มเติมนักจึงได้แต่ตั้งเป้าเอาไว้ก่อน
จนเวลาผ่านไป มีโอกาสได้ศึกษาเรื่องจาวาสคริปต์เพิ่มเติม ถึงขนาดเขียนบทเรียนจาวาสคริปต์ขึ้นมาในบล็อกด้วย https://phyblas.hinaboshi.com/saraban/javascript
นอกจากนี้ก็ได้ฝึก vue.js ให้มากขึ้นกว่าเดิม พอมีพื้นฐานจาวาสคริปต์ดีแล้วก็ช่วยให้เข้าใจอะไรขึ้นได้มากทีเดียว อีกทั้งส่วนที่ใช้ axios ซึ่งต้องพัวพันกับเรื่องของการทำงานแบบไม่ประสานเวลาก็ได้มีโอกาสศึกษามาแล้ว
ภาษารูบีและตัว ruby on rails เองก็ได้ซื้อหนังสือมาอ่านเพิ่มเติมเช่นกัน
ตัวเว็บใหม่ที่ทำครั้งนี้ยังคงใช้ ruby on rails เป็นเฟรมเวิร์กเหมือนอย่างแต่ก่อน แต่ที่เพิ่มเติมคือใช้ร่วมกับ webpacker และใช้ vuetify เป็นตัววางโครงสร้างเว็บ
vuetify เป็นเฟรมเวิร์กที่ใช้ vue.js เป็นพื้นฐาน จึงช่วยให้ทำอะไรได้ยืดหยุ่นสะดวกขึ้น และพอใช้แล้วเว็บก็จะเป็น responsive และเป็น material design ด้วย
อย่างหน้าแสดงรายชื่อนักพากย์นี้ซึ่งมีการตัดเปลี่ยนหน้าและค้นคำเพื่อคัดกรองชื่อ แถมยังตั้งให้สามารถเรียงลำดับตามแบบที่ต้องการด้วย https://hinaboshi.com/seiyuuthangmot
ถ้าเป็นเมื่อก่อนใช้ jquery ทำ เขียนยุ่งยากกว่ามากทีเดียว และมี BUG ด้วย แต่พอเปลี่ยนมาใช้ vuetify เขียนก็กลายเป็นเรื่องง่ายไป
ยุคสมัยที่เปลี่ยนไปทำให้การเขียนเว็บเป็นเรื่องง่ายขึ้นไปมาก สมัยก่อนไม่มีแม้แต่ jquery ต้องเขียนโค้ดจาวาสคริปต์แบบดั้งเดิมยืดยาว แล้วพอสมัยที่เริ่มหัดเขียนเว็บใหม่ๆ jquery ยังเป็นกระแสหลัก เวลาผ่านไปเริ่มมี angular.js แล้วก็ตามมาด้วย vue.js ความง่ายในการเขียนเว็บก็เพิ่มขึ้นเรื่อยๆ
ตัวโค้ดจาวาสคริปต์ในเบราว์เซอร์ทั่วไปตอนนี้ก็ใช้ ES6 กันเป็นปกติ โค้ดดูจะเขียนง่ายขึ้น มีฟังก์ชันอะไรช่วยอำนวยความสะดวกมากขึ้น (แม้จะยังสู้ไพธอนหรือรูบีไม่ได้)
การเขียนเว็บถือว่ายากอยู่ ต้องใช้ความรู้หลายๆอย่าง หลายๆภาษามารวมเข้าด้วยกัน แต่ก็เป็นอะไรที่สนุกดี ถ้าทำออกมาสำเร็จได้ก็แสดงว่าเรามีความรู้ความเข้าใจอะไรต่างๆมากพอจึงสามารถทำออกมาได้ ระหว่างทำจึงได้เรียนรู้อะไรเยอะ
ในช่วงปีที่ผ่านมานี้ได้ซื้อหนังสือจาก kindle มาหลายเล่ม เป็นตัวชั่วเพิ่มพูนทักษะในการเขียนเว็บได้เป็นอย่างดี หลักๆที่เกี่ยวกับเว็บก็คือ ๖ เล่มนี้
ยิ่งช่วงนี้ปัญหาไวรัสโคโรนาทำให้ต้องเก็บตัวอยู่ แทบไม่ได้ไปไหน ทำให้เวลามาลงที่หน้าคอมเยอะ จึงใช้เวลาส่วนใหญ่ไปกับทั้งอ่านหนังสือและเขียนโปรแกรมมากขึ้น
ที่จริงยังได้อ่านไปอีกหลายเล่ม เช่น เกี่ยวกับคอมพิวเตอร์ ปัญญาประดิษฐ์ ไพธอน ฯลฯ
ตัวเว็บยังคงต้องปรับปรุงไปอีกเรื่อยๆ แม้จะเป็นแค่เว็บเล็กๆที่ทำขึ้นมาด้วยความชอบส่วนตัว ไม่ได้เกี่ยวกับงาน ไม่ได้ใช้ทำกำไร
สุดท้ายนี้ ใครตั้งหน้าตั้งตารอเล่น FF7 อยู่ขอให้โชคดี~~~
"ruby on rails ก็เหมือนรถไฟขบวนนี้ มีรางที่ถูกวางไว้ให้วิ่งตาม"