หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

หมายเหตุ: โครงการนี้ไม่ได้รับการดูแลอีกต่อไป ส่วนใหญ่เขียนขึ้นตอนที่ฉันไม่คุ้นเคยกับ Vue หรือ CSS สมัยใหม่มากนัก ดังนั้นจึงมีโค้ด "nooby" มากมาย และฉันอยากจะเน้นไปที่โปรเจ็กต์ล่าสุดของฉันมากกว่า ในเดือนมกราคม 2019 ฉันได้ทำการเปลี่ยนแปลงเล็กน้อยเพื่ออัปเดตการขึ้นต่อกันและอนุญาตให้สร้างแอปเป็นไซต์คงที่เพื่อให้สามารถโฮสต์บนเพจ GitHub ได้ แต่มิฉะนั้น ฉันจะไม่อัปเดตโค้ดอีกต่อไป

อย่างไรก็ตาม! ยินดีบริจาคหากคุณสนใจโครงการนี้ ปัญหาเหล่านี้ส่วนใหญ่เป็นมิตรพอที่จะแก้ไขได้หากคุณอยู่ในระดับเริ่มต้นถึงระดับกลาง และอาจเป็นวิธีที่ดีในการทำความคุ้นเคยกับ Vue มากขึ้น:

  • คุณภาพของโค้ดโดยรวมไม่ดีนัก จำเป็นต้องมีการปรับโครงสร้างใหม่เพื่อใช้ฟีเจอร์ JavaScript สมัยใหม่อย่างมีประสิทธิภาพมากขึ้น และยังมีแนวทางปฏิบัติที่ดีที่สุดของ Vue อีกจำนวนหนึ่งที่ไม่ปฏิบัติตาม: - คอมโพเนนต์ไม่ควรนำทางไปยังเส้นทางอื่นจริงๆ แต่ควรสื่อสารกับผู้ปกครองแทน - เมื่อทำการเรนเดอร์รายการด้วย v-for ควรจัดเตรียม key prop ที่ไม่ซ้ำกันสำหรับแต่ละรายการ ดังที่กล่าวไว้ที่นี่
  • เนื้อหาเลย์เอาต์ CSS ทั้งหมดใช้โฟลตซึ่งเหมาะกว่ามากในการใช้ CSS Grids หรือ Flexbox นอกจากนี้ การใช้ Foundation สำหรับโปรเจ็กต์เล็กๆ แบบนี้ก็ถือว่าเกินกำลังไปหน่อย
  • การใช้ไลบรารีการจัดการสถานะเช่น vuex อาจมีประโยชน์ โดยเฉพาะอย่างยิ่งสำหรับการจัดเก็บข้อมูลอักขระและการควบคุมการนำทางระหว่างเส้นทาง
  • สคริปต์ที่สร้างอักขระ JSON นั้นเขียนด้วยภาษา Python ซึ่งเมื่อมองย้อนกลับไปแล้วไม่สมเหตุสมผลในโปรเจ็กต์ JavaScript :P สิ่งนี้ควรเขียนใหม่เป็นสคริปต์ Node JS

คาคิมาสุ

เรียนรู้วิธีการเขียนคะนะภาษาญี่ปุ่น

เมื่อฉันเริ่มเรียนภาษาญี่ปุ่น ฉันมีปัญหากับระบบการเขียนมากที่สุด ภาษาญี่ปุ่นใช้การผสมระหว่างตัวอักษรสัทศาสตร์สองตัว (เรียกว่า "ฮิระงะนะ" และ "คาตาคานะ") และ "คันจิ" ซึ่งมีรูปแบบโลโก้มากกว่า

ฉันต้องการสร้างวิธีที่น่าสนใจในการเรียนรู้วิธีการเขียนภาษาญี่ปุ่นโดยใช้เทคโนโลยีเว็บสมัยใหม่ ซึ่งเป็นสิ่งที่ฉันรู้สึกว่าแหล่งข้อมูลการเรียนรู้ภาษาญี่ปุ่นอื่นๆ ยังไม่ค่อยมีประโยชน์

สำหรับตอนนี้ Kakimasu มีเพียงตัวอักษรฮิระงะนะและคาตาคานะเท่านั้น แต่ฉันวางแผนที่จะเพิ่มคันจิระดับพื้นฐานในอนาคตพร้อมกับคุณสมบัติอื่นๆ -

ไลบรารีของบุคคลที่สามที่ใช้:

  • วิว เจเอส
  • วิวุส
  • vue-เราเตอร์
  • วู-กา

การสร้าง/การบริจาค 

 # To get started, clone this repo to your local machine
git clone https://github.com/jaames/kakimasu.git

# Make sure you've navigated into the project folder before then next steps

# Install the Node modules required
npm install

# Make whatever changes you want to make to the source code in src/

# Run the dev build script,
# This will compile all the files and start a development preview server on port 4000
# (Check out the vbuild documentation for more details!)
npm run dev

# If you wish to compile a "production" build,
# This will compile everything in production mode to the dist/ directory
npm run build
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด