Quest Saya dengan Claude: 6 Projek Sebenar Seorang Guru Bersama Claude Code

Saya bukan developer sepenuh masa. Tiada pasukan dan tiada bajet. Tetapi sejak beberapa bulan lalu, saya membina beberapa aplikasi dan sistem untuk kerja sekolah bersama Claude Code, alat pengaturcaraan AI daripada Anthropic yang dijalankan di terminal. Quest Saya dengan Claude ialah siri animasi pixel yang menceritakan projek-projek itu. Ash ialah saya, dan Clawd ialah Claude. Setiap episod berdasarkan satu projek sebenar, dan animasinya sendiri ditulis sebagai kod bersama Claude Code.

Artikel ini merumuskan enam episod pertama: masalah asal, apa yang dibina, dan perkara yang saya pelajari, terutamanya untuk guru yang mahu mencuba membina alat sendiri.

Ringkasan episod

Episod	Masalah	Apa yang dibina
EP1: Pemain Kedua	Mahu app Sudoku percuma tanpa iklan	App iOS dalam SwiftUI
EP2: Membina Markas	Projek berselerak di merata tempat	Laman web portfolio dengan panel admin
EP3: Telinga Ajaib	Mesyuarat panjang, catatan hilang	Dengar+, app iOS rakam dan ringkas mesyuarat
EP4: Dunia Data Sekolah	Data murid tidak keluar dalam laporan	Pembetulan sistem laporan MySTEP
EP5: Kampung Peladang	Carta organisasi pertubuhan peladang kosong	Papan pemuka organisasi
EP6: Kerajaan 118 Sekolah	Sekolah terkunci kerana lupa kata laluan	Tab penyelia untuk reset kata laluan 118 sekolah

EP1: Pemain Kedua (app Sudoku iOS)

Idea pertama mudah: app Sudoku percuma tanpa iklan. Bersama Claude Code, saya membina grid 9x9 dan penjana teka-teki dalam SwiftUI. Bug pertama ialah BUILD FAILED, dan "gerbang" terakhir ialah App Store, yang mensyaratkan manifest privasi sebelum app boleh diterbitkan.

Pengajaran: menulis kod hanya separuh kerja. Menerbitkan app ada syaratnya sendiri, seperti manifest privasi, dan syarat itu perlu dirancang dari awal.

EP2: Membina Markas (laman web ini)

Selepas app Sudoku, projek saya berselerak di merata tempat. Jadi saya membina satu markas web, iaitu laman yang anda baca sekarang. Halaman utama dan profil dibaca dari pangkalan data (PostgreSQL dengan Prisma), dan panel admin membolehkan saya mengemas kini blog, projek dan ceramah tanpa menyentuh kod. Laman dilindungi HTTPS dengan sijil Let's Encrypt, dan lapisan gerakan halusnya menghormati tetapan "kurangkan gerakan" pada peranti pengguna.

Pengajaran: apabila muncul ERROR 500, baca log dahulu, baru betulkan. Meminta AI "betulkan" tanpa maklumat ralat sebenar biasanya membuang masa.

EP3: Telinga Ajaib (Dengar+)

Mesyuarat empat jam dengan separuh catatan hilang. Penyelesaiannya ialah Dengar+, app iOS yang merakam mesyuarat, menukar suara kepada teks dan meringkaskannya, lengkap dengan senarai tindakan serta eksport PDF atau DOCX.

Pengajaran: privasi perlu direka dari awal, bukan ditambah kemudian. Dalam Dengar+, audio kekal di peranti dan dipadam dari pelayan selepas transkripsi. Untuk apa-apa alat yang menyentuh mesyuarat atau data sekolah, soalan pertama ialah: ke mana data ini pergi, dan berapa lama ia disimpan?

EP4: Dunia Data Sekolah (laporan MySTEP)

Data murid tidak keluar dalam laporan sekolah. Saya dan Claude menjejak data AR2 yang hilang dalam sistem laporan MySTEP. Sebelum itu, ada satu lagi masalah: ralat 500 selepas log masuk, yang diselesaikan dengan cara yang sama seperti EP2, iaitu baca log, betulkan, uji semula. Episod ini juga menyentuh app Ujian LMS Juri, sebuah PWA (aplikasi web yang boleh dipasang di telefon) yang diterbitkan melalui GitHub dan Vercel.

Pengajaran: apabila laporan salah, audit data langkah demi langkah dari sumber hingga paparan. Untuk app yang hanya digunakan di sekolah, PWA sering lebih mudah daripada app di App Store kerana tiada proses semakan kedai aplikasi.

EP5: Kampung Peladang (papan pemuka organisasi)

Sepucuk "surat dari kampung": carta organisasi sebuah pertubuhan peladang masih kosong. Papan pemuka organisasi yang asal dibina dalam satu sesi, kurang daripada 30 minit.

Pengajaran: dalam sistem yang saling berkait, mengubah satu bahagian boleh menjejaskan bahagian lain. Selepas setiap perubahan, uji bukan sahaja bahagian yang diubah, tetapi juga bahagian yang bergantung kepadanya.

EP6: Kerajaan 118 Sekolah (tab penyelia)

Apabila sekolah lupa kata laluan dan terkunci, siapa yang reset? Saya membina tab khas untuk penyelia: 118 sekolah dalam satu senarai, dengan status, carian, tapisan dan butang reset kata laluan.

Pengajaran: fungsi yang berkuasa seperti reset kata laluan mesti dikawal dengan semakan peranan, supaya hanya penyelia yang boleh menggunakannya. Kitaran kerja yang saya gunakan ialah bina, uji, semak.

Cara animasi ini dihasilkan

Video Quest tidak dilukis. Watak pixel, peta, bos, muzik chiptune dan sarikata semuanya kod yang ditulis oleh Claude Code, kemudian dirender menjadi video. Sebelum render penuh, Claude menyemak bingkai contoh. Dalam EP6, semakan itu menemui empat teks yang bertindih, dan ia dibetulkan sebelum video akhir dihasilkan.

Setiap episod menggunakan permainan klasik sebagai metafora: permainan rentak untuk transkripsi, penjelajah gua untuk audit laporan, simulasi bertani untuk data, dan pertahanan menara untuk bina, uji, semak. Bahagian permainan itu ialah dramatisasi. Masalah dan penyelesaian di sebaliknya adalah sebenar.

Untuk guru yang mahu mencuba

• Mulakan dengan masalah sendiri. Semua projek dalam siri ini bermula dengan masalah kerja yang sebenar, bukan keinginan untuk "belajar coding".
• Mulakan kecil. Satu fungsi yang berfungsi lebih berguna daripada sistem besar yang separuh siap. Jika anda menggunakan Google Workspace, automasi dengan Apps Script ialah titik mula yang lebih mudah.
• Baca ralat, kemudian minta bantuan. Salin mesej ralat atau log sebenar kepada AI. Ini pengajaran yang berulang dalam EP2 dan EP4.
• Lindungi data murid. Jangan masukkan data peribadi murid sebenar semasa membina dan menguji. Gunakan data contoh.
• Anda tetap bertanggungjawab. AI menulis kod dengan pantas, tetapi keputusan tentang keselamatan, privasi dan siapa boleh mengakses apa tetap keputusan anda.

Claude Code memerlukan akaun Claude berbayar atau kredit API. Semak halaman harga Anthropic untuk pilihan semasa. Untuk perbandingan pembantu AI umum, lihat ChatGPT, Gemini dan Claude untuk guru.

Episod baharu diterbitkan setiap 4 hari. EP7 bertajuk Cabaran Sepuluh. Semua episod ada dalam playlist Makmal AI: Quest Saya dengan Claude di halaman Video.