Praktek Pakai Antigravity

Yuk Praktek Pakai Antigravity!

Sekarang kita akan belajar cara pakai berbagai fitur Antigravity untuk coding. Kamu akan praktek langsung dengan bikin aplikasi To-Do List sederhana, sambil belajar 4 cara berbeda menggunakan Antigravity!

Yang Akan Kamu Pelajari:

Chat Antigravity: Ngobrol dengan AI untuk planning dan tanya jawab
Comment Prompts: Tulis comment, AI auto-generate code
Inline Edit (Cmd+I): Edit code langsung di tempat
Code Suggestions: Auto-complete cerdas saat ngetik

Project Kita: Aplikasi To-Do List sederhana di terminal dengan fitur:

Tambah task baru
Lihat semua task
Tandai task sebagai selesai
Hapus task

Persiapan: Pastikan kamu sudah siap dengan Antigravity IDE atau extension.

Fitur 1: Chat dengan Antigravity

Gif di atas adalah contoh penggunaan Chat Antigravity - saat kita memberikan prompt di chat, Antigravity memberikan output code dan penjelasan.

Gambar di atas adalah contoh output yang dihasilkan oleh Antigravity.

Chat Antigravity seperti punya mentor pribadi untuk coding. Buka dengan Cmd+L atau Ctrl+L.

Kapan Pakai Chat?

Planning project - breakdown jadi steps
Stuck dan nggak tahu mulai dari mana
Ngerti konsep atau cara kerja code
Debug error

Praktek: Planning To-Do App

Langkah:

Buat file baru todo.py
Tekan Cmd+L untuk buka Chat
Ketik prompt:

Bikin to-do list sederhana Python dengan fitur:
1. Tambah task
2. Lihat semua task
3. Tandai selesai
4. Hapus task

Breakdown jadi steps untuk pemula

Hasil:

Antigravity kasih:

Struktur program yang jelas
Fungsi-fungsi yang dibutuhkan
Urutan implementasi
Tips best practices

Tips:

Jelaskan konteks - "untuk pemula" atau "project sederhana"
Tanya "explain like I'm 5" kalau terlalu teknis
Minta contoh code kalau kurang jelas
Follow-up dengan "bisa disederhanakan?" kalau kompleks

Ini adalah salah satu contoh hasil code yang di-generate oleh Antigravity setelah kita memberi prompt di chat.

Kamu bisa melakukan improvement terhadap aplikasi di atas dengan minta Antigravity untuk:

Membuatnya menjadi aplikasi streamlit
Membuatnya menjadi aplikasi web dengan Flask
Membuat interface yang lebih user-friendly
Dan banyak lagi!

Fitur 2: Comment Prompts

Tulis comment, tekan Enter, Antigravity generate code. Simple!

Kapan Pakai Comment?

Generate fungsi baru dari awal
Bikin boilerplate code repetitive
Dokumentasi sambil coding

Tips jika suggestion dari comment tidak muncul:

Berikut adalah langkah-langkah untuk mengaktifkan atau menyesuaikan inline suggestion di Antigravity:

Buka Pengaturan (Settings): Masuk ke menu pengaturan di dalam workspace Antigravity.
Akses Konfigurasi Editor: Cari bagian yang berkaitan dengan Editor atau AI Features.
Aktifkan Fitur: Pastikan fitur Comment Prompt atau Inline Suggestion aktif.
Sesuaikan Kecepatan: Atur kecepatan respons inline suggestions agar sesuai dengan gaya mengetik.

Contoh Comment Prompt

Ini adalah contoh comment prompt: #Membuat perulangan 1 - 10 yang mencetak "Hello World" sebanyak 10 kali. Antigravity akan memberikan saran seperti kode dengan warna yang agak transparan. Untuk menyetujui saran kita bisa langsung klik tab.

Praktek: Generate Fungsi

Tulis comment ini:

# List untuk menyimpan tasks
tasks = []

# Fungsi untuk menambah task baru
# Parameter: title (string)

Tekan Enter dan tunggu Antigravity suggest code.

Hasil:

Antigravity suggest:

def add_task(title):
    task = {'title': title, 'completed': False}
    tasks.append(task)
    print(f"Task '{title}' ditambahkan!")

Tab untuk accept, Alt+] untuk alternatif lain!

Tips:

Spesifik: Sebutkan parameter dan return value
Edge cases: Mention validasi atau error handling
Bahasa Indonesia OK: Antigravity ngerti!
Multi-line: Bisa beberapa baris untuk detail

Fitur 3: Inline Edit (Cmd+I)

Edit code langsung di tempat! Blok code, tekan Cmd+I, kasih instruksi.

Kapan Pakai Inline Edit?

Improve code yang sudah ada
Tambah fitur baru ke fungsi existing
Fix bug atau error
Refactor jadi lebih clean

Ini adalah contoh cara melakukan Command + I di Antigravity. Source: Antigravity

Tambahan Context ke Chat:

Selain inline edit dengan Cmd+I, kamu juga bisa menambahkan context ke chat menggunakan Cmd+L (Mac) atau Ctrl+L (Windows/Linux), misalnya dengan menyebut file dan baris yang ingin dibahas.

Contoh hasil saat menambahkan context ke chat dengan Command + L.

Praktek: Improve Fungsi

Fungsi simple:

def show_tasks():
    for i, task in enumerate(tasks, 1):
        print(f"{i}. {task['title']}")

Langkah:

Blok semua code fungsi
Tekan CMD+L atau CTRL+L
Ketik instruksi: Tampilkan status task (SELESAI jika selesai, BELUM jika belum)
Enter

Hasil:

Code di-update:

def show_tasks():
    for i, task in enumerate(tasks, 1):
        status = "SELESAI" if task['completed'] else "BELUM"
        print(f"{i}. [{status}] {task['title']}")

Tips:

Specific: Jelaskan detail apa yang mau diubah
Multiple edits: Bisa kasih beberapa instruksi sekaligus
Undo friendly: Ctrl+Z kalau hasil nggak sesuai

Fitur 4: Code Suggestions

Auto-complete yang smart! Antigravity predict code yang mau kamu tulis. Tunggu suggestion muncul (abu-abu), tekan Tab untuk accept.

Kapan Pakai?

Saat ngetik code secara normal
Complete pattern yang repetitive
Quick implementation tanpa mikir banyak
Eksplorasi opsi berbeda (Alt+] untuk next)

Praktek: Main Menu

Mulai ketik:

def main():
    while True:
        print("1. Tambah task")
        print("2. Lihat tasks")
        
        choice = input("Pilih: ")
        if choice == "1":

Tunggu... Antigravity suggest implementation untuk semua menu!

Core Antigravity Shortcuts:

Tab: Accept suggestion
Toggle Editor Agent Manager: Cmd+E (Mac) / Ctrl+E (Windows/Linux)
Inline AI Command/Completion: Cmd+I (Mac) / Ctrl+I (Windows/Linux)
Toggle Agent Panel/Focus Input: Cmd+L (Mac) / Ctrl+L (Windows/Linux)
Start New Conversation: Cmd+Shift+L (Mac) / Ctrl+Shift+L (Windows/Linux)
Toggle File Explorer: Cmd+B (Mac) / Ctrl+B (Windows)
Submit Prompt: Cmd+Enter (Mac) / Ctrl+Enter (Windows/Linux)
Toggle Terminal: Ctrl+` (Mac/Windows)

Workspace & View Management:

Markdown Preview: Cmd+Shift+V (Mac) / Ctrl+Shift+V (Windows)
Toggle Fast/Planning Mode: Cmd+Shift+M (Mac) / Ctrl+Shift+M (Windows)
Quick Fix: Cmd+. (Mac)
Rename: F2 (Mac/Windows)

Settings:

Open Settings: Cmd + , (Mac)

Tips:

Context: Semakin banyak code di atas, semakin akurat
Naming: Pakai nama variable yang clear
Verify: Baca dulu sebelum accept
Eksperimen: Coba alternatif dengan Alt+]

Tips & Tricks

Workflow Efektif

Chat - planning dan breakdown tasks
Comment - generate fungsi pertama kali
Suggestions - complete implementation
Ctrl+I - improve dan refine

Prompt Engineering

Kurang Baik:

# fungsi save

Lebih Baik:

# Fungsi menyimpan tasks ke JSON
# Parameter: filename (string)
# Return: True jika berhasil
# Handle error kalau file tidak bisa ditulis

Context is King

Antigravity lebih smart dengan context:

Tulis import statements di atas
Define variables sebelum fungsi
Nama yang descriptive
Docstring untuk fungsi yang ada

Verify and Test

Penting!

Antigravity bisa salah - always review code
Test setiap fungsi yang di-generate
Check edge cases
Jangan copy-paste tanpa understand

Keyboard Shortcuts

`Cmd+L`	Chat Antigravity
`Cmd+I`	Inline Edit
`Tab`	Accept
`Alt+]`	Next
`Ctrl+Enter`	10 suggestions

Selamat! Kamu Sudah Mahir Pakai Antigravity!

Kamu sudah belajar 4 cara pakai Antigravity untuk coding lebih efisien. Sekarang saatnya praktek dan explore lebih jauh!

Yang Sudah Dikuasai:

Chat Antigravity - planning dan tanya jawab
Comment Prompts - generate fungsi
Inline Edit - improve code
Code Suggestions - auto-complete

Resources:

Pro Tip: Practice makes perfect! Semakin sering pakai, semakin efektif. Happy coding!

Kembali ke Overview