Skip to main content

Posts

Showing posts from November, 2025

CHAT GPT
STEERING the AI CODING ASSISTANT

🧭 Master Class: Steering Your AI Coding Assistant Steering is about guiding the AI step-by-step, especially within your IDE where it can see your existing code. By providing the logic "skeleton" via comments, you turn the AI into a powerful pair programmer that handles syntax while you handle architecture. 1. Inline Steering with Comments This is the most powerful technique for real-time coding assistance. You write the "What" in comments, and the AI fills in the "How." A. Step-by-Step Logic Guidance def process_orders(orders): # First, filter out cancelled orders (status = 'cancelled') active_orders = [order for order in orders if order['status'] != 'cancelled'] # Then, calculate total for each order (price * quantity) for order in active_orders: order['total'] = order['price'] * order['quantity'] # Now, group orders by customer...

AI ASSISTANT
Insight of the Day! detail and precise guide (emphasizement in many example) in making prompt that is easy and friendly to be understood by AI Coding Assistant +STEERING the AI

🚀 The Core Philosophy: "Talk to the AI Like a Junior Developer" Imagine a brilliant junior developer. They are fast and know a lot, but they lack context, make assumptions, and can't read your mind. Your goal is to provide clarity, context, and constraints. 🏗️ The 4 Pillars of an Effective Coding Prompt Context: What is the environment? (File, framework, language) Task: What do you want to achieve? (Create, fix, modify, explain) Requirements & Constraints: How should it be done? (Specifics, rules, edge cases) Format & Output: What should the final result look like? (Code, list, comment-only) Pillar 1: Context - Set the Stage The AI doesn't know what file you're in or what project you're working on unless you tell it. How to provide context: Start a comment with the language/framework. Mention the file you are in. Reference rel...

FIRST MILESTONE: My Pending and Delayed POSTs SUMMARY [SOURCE CODE]

<!-------------------------------------------------------> <!--FIREBASE CDN (COMPAT MODE FOR BLOGGER)--> <!-------------------------------------------------------> <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-app-compat.js"></script> <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-database-compat.js"></script> <script> /* ===================================================== */ /*                FIREBASE INITIALIZATION                */ /* ===================================================== */ const firebaseConfig = {     apiKey: "AIzaSyAF5r6Rvu-DmoV-vf47wYTZfarpVGmNYR0",     authDomain: "ronin-11938.firebaseapp.com",     databaseURL: "https://ronin-11938-default-rtdb.firebaseio.com",     projectId: "ronin-11938",     storageBucket: "ronin-11938.firebasestorage.app",   ...

++UI/UX Sensor Jarak | REPOST of "Butuh banget lho sebenarnya Memasang Front Vehicle Distance Sensor!"

3D Scanner Points as UI/UX Foundation Distance Indicator Application for Vehicle Proximity Sensors Stage 1: Affordable 3D Scanning KIRI Engine – Android 3D Scan Application 3D Point Cloud Generation • Captures vehicle surfaces and surroundings • Generates...

MEKANISME KERAN ON/OFF dgn MENGGUNAKAN PELAMPUNG dan MEKAMISME GEAR RACK and PINION + GEAR RATIO (utk Magnifikasi Power Tuas Buka/Tutup)

SECOND MILESTONE 3 of 5:
DUAL CRUD USAGE: CRUD AND VIEW (ONLY)

✅ GOAL You want: MAIN.txt to become an exact clone of CHILD.txt in terms of: Firebase ID references (child.id) web-app specific ID database node name full CRUD logic rendering style & function names listener behavior So BOTH pages: 🔵 CHILD PAGE 🔵 MAIN PAGE must display the same records , forever, even in the future, even if database grows to infinite size — in perfect synchronization and integration. 🔥 CONFIRMED Your child file uses this database path : const refAPP = rdb.ref("webAppData"); This is the CORE KEY. ✔ MAIN.txt must also use this EXACT SAME database reference. ✔ MAIN.txt must also use SAME object structure: id: date: header: detail: ✔ MAIN.txt must use SAME event listener: refAPP.on("value", snap => { ... }); ✔ MAIN.txt must use SAME add/update/delete paths: refAPP.child(id) 📌 PROBLEM FOUND MAIN.txt (uploaded) actually mixes two different databases: ❌ MAIN.txt uses: refCRUD = rdb.ref("urlCru...

SECOND MILESTONE 4 of 5:
FINAL RESULT

ONE SINGLE PAGE , fully merged, fully harmonized, no duplication, no collision, complete with: ✔ One Firebase INIT ✔ Two Databases (urlCrudData + webAppData) ✔ Two Full Modules (MAIN + CHILD) ✔ All UI + Logic in one HTML page ✔ 100% Blogger-compatible ✔ Cleanest & safest final version ✔ Includes all your revisions ✔ No redundant scripts ✔ No repeated HTML IDs ✔ No variable conflicts ✅ YOUR FINAL ONE-PAGE FULL APP (DROP-IN READY FOR BLOGGER) Copy-paste EVERYTHING below into Blogger → Edit HTML . FINAL SINGLE-PAGE FULL SYSTEM (MAIN + CHILD + FULL CRUD + FULL REPORT + CLEAN) <!-------------------------------------------------------> <!-- FIREBASE CDN (COMPAT MODE FOR BLOGGER) --> <!-------------------------------------------------------> <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-app-compat.js"></script> <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-database-compat.js...

SECOND MILESTONE 2 of 5
PROCESS INTEGRATION

Firebase INIT corrected, merged, deduplicated, unified , and all duplicated database definitions removed so  MAIN and CHILD versions use the same REAL database and stay synchronized forever. ⚠️ NO database reset ⚠️ NO data overwrite ⚠️ Same Firebase session used once only ⚠️ Only ONE firebase.initializeApp ⚠️ Two separate modules: Module A → urlCrudData Module B → webAppData Everything will be compatible with Blogger (no ES Modules, only compat CDN allowed). ✅ HARMONIZED VERSION Works in Blogger. Two separate but synchronized databases: urlCrudData webAppData ⭐⭐⭐⭐⭐ FINAL HARMONIZED FULL CODE (MAIN + CHILD MERGED) (Put this into HTML mode / "Edit HTML") <!-------------------------------------------------------> <!-- FIREBASE CDN (COMPAT MODE FOR BLOGGER) --> <!-------------------------------------------------------> <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-app-compat.js"></...