Membangun dengan model Gemini di Project IDX

FEB 15, 2024
Ali Satter AI Lead
Roman Nurik Design Lead

Beberapa minggu yang lalu, kami mengumumkan serangkaian update produk pada Project IDX untuk membantu mempersingkat dan menyederhanakan pengembangan perangkat lunak multiplatform yang lengkap. Minggu ini, kami sangat bersemangat untuk berbagi bagaimana Project IDX menggunakan model Gemini untuk menyediakan fitur AI guna lebih mempercepat dan menyempurnakan alur kerja developer end-to-end Anda.

Project IDX diluncurkan dengan dukungan penyelesaian kode yang didukung AI, chatbot bantu, dan tindakan kode kontekstual seperti "add comments" dan “explain this code” untuk membantu Anda menulis kode berkualitas tinggi dengan lebih cepat. Sejak diluncurkan, dan berkat masukan Anda, kami telah bekerja keras untuk menambahkan fungsi AI baru untuk membantu meningkatkan produktivitas Anda lebih jauh lagi.

Bekerja lebih cepat dengan bantuan AI inline

Anda sekarang bisa mendapatkan bantuan AI inline di dalam file apa pun dengan menekan Cmd/Ctrl + I. Cukup jelaskan perubahan yang ingin Anda lakukan pada kode Anda dan bantuan AI inline IDX akan memberikan koreksi kesalahan real-time, saran kode, dan pelengkapan otomatis dalam kode Anda.

Kami mengintegrasikan penyempurnaan AI ini langsung ke ruang kerja terpusat Project IDX guna membekali Anda dengan alat dan sumber daya yang diperlukan untuk pengembangan aplikasi full-stack di mana pun dan kapan pun Anda membutuhkannya. Mulai dari menyiapkan ruang kerja hingga menguji aplikasi Anda, bantuan IDX AI membantu mempercepat dan meningkatkan alur kerja Anda, yang memastikan pengalaman pengembangan end-to-end Anda lebih cepat, mudah, dan berkualitas lebih tinggi.

Misalnya, Anda ingin menambahkan endpoint API yang sudah diautentikasi ke server Anda. Anda dapat meminta IDX AI untuk menulis kode yang diperlukan guna mengaktifkan manajemen tugas yang aman menggunakan Firebase Authentication dan Cloud Firestore. Dengan adanya input prompt, bantuan IDX AI dapat menulis kode untuk membangun rute, menentukan API mana yang akan digunakan untuk memverifikasi token, dan menyimpan data ke database. Alih-alih menulis kode boilerplate, Anda bisa berfokus pada desain tingkat lebih tinggi dan pemecahan masalah.

Perintah input untuk referensi: Buat endpoint POST bernama /tasks. Dapatkan Token ID dari cookie bernama _session. Lakukan verifikasi token ini dengan Firebase Admin SDK. Gunakan properti UID untuk menetapkan item tersebut ke pengguna. Kemudian simpan item tugas dengan stempel waktu server untuk createdAt ke database Firestore menggunakan admin SDK.

Selanjutnya, katakanlah Anda ingin sedikit membersihkan kode Anda untuk menyempurnakan kualitas, keterbacaan, dan pemeliharaannya. Bantuan IDX AI dapat membantu Anda melakukan refaktorisasi kode dengan cepat dan mudah, sehingga Anda dapat langsung mengoptimalkan pekerjaan Anda tanpa perlu melakukan refaktorisasi manual.

Perintah input untuk referensi: Refaktorisasi untuk menggunakan promise API Node.

Dan, saat Anda menyelesaikan proyek, IDX AI dapat membantu menguji dan men-debug kode untuk memastikan aplikasi Anda berjalan lancar sebelum deployment. Beri tahu bantuan IDX AI untuk membantu Anda menulis pengujian unit suatu fungsi guna memastikan fungsi tersebut berfungsi dengan baik, sehingga menghemat waktu dan tenaga saat Anda memeriksa kualitas aplikasi Anda.

Perintah input untuk referensi: Membuat pengujian unit untuk fungsi ini

Menambahkan fitur AI dengan mudah menggunakan template Gemini API

Kami juga menyederhanakan proses pembuatan dengan Gemini API menggunakan template Gemini API baru dari Project IDX. Template Gemini API menggunakan model Gemini Pro untuk menyematkan fitur yang didukung AI ke dalam aplikasi Anda tanpa konfigurasi tambahan, sehingga Anda dapat mulai bekerja dengan Gemini API secara cepat dan mudah. Bahkan terdapat opsi untuk menggunakan Gemini API melalui kerangka kerja LangChain yang populer untuk menyederhanakan proses pembuatan aplikasi yang didukung LLM.

Template Gemini API bersifat multimodal, artinya dapat memberikan output cepat yang peka konteks untuk berbagai modalitas input, termasuk gambar, teks, dan tentu saja, kode. Ini dapat membantu Anda menambahkan fitur seperti antarmuka percakapan, ringkasan ulasan pengguna, terjemahan, dan pembuatan teks gambar otomatis.

Untuk mendemonstrasikan fungsinya, kami sudah melakukan prakonfigurasi template Gemini API dengan ‘Memanggang dengan Gemini API’, sebuah aplikasi pembuat resep yang, dengan menggunakan kemampuan multimodal model Gemini, dapat merekayasa balik kemungkinan resep makanan yang dipanggang hanya dari sebuah gambar.

Namun pembuat resep ini hanyalah salah satu contoh penerapan template Gemini API – dengan dukungan untuk berbagai modalitas input dan pembuatan output yang peka konteks, Anda dapat menggunakan template Gemini API dari IDX untuk membuat segudang aplikasi inovatif dan berdampak yang menghadirkan pengalaman dukungan AI kepada pengguna Anda.

Nantikan update AI lainnya

Update ini merupakan kelanjutan dari upaya kami untuk memanfaatkan inovasi AI Google untuk Project IDX, jadi pastikan untuk terus menantikan pengumuman selanjutnya, termasuk perluasan AI di IDX ke lebih dari 150 negara/wilayah dalam beberapa minggu mendatang.

Terima kasih atas dukungan dan partisipasi Anda yang tiada henti – terus berikan masukan dengan menyampaikan bug dan permintaan fitur. Untuk panduan dan informasi lebih lanjut tentang semua fitur yang disebutkan di atas, lihat dokumentasi kami. Jika Anda belum melakukannya, kunjungi situs web kami untuk mendaftarkan diri mencoba Project IDX dan bergabunglah dengan kami dalam perjalanan kami. Selain itu, pastikan untuk memeriksa Blog Project IDX kami yang baru untuk mengetahui pengumuman produk terbaru dan update terkini dari tim.

Kami tidak sabar melihat kreasi yang akan Anda buat dengan Project IDX!