agent-coding-the-spiral-back-to-fumbling

⋯ 60 unchanged lines
   
  **Muốn → Thử → Sai → Sửa → Học → Lặp lại.**
   
− <svg
−   viewBox="0 0 720 200"
−   xmlns="http://www.w3.org/2000/svg"
+ <img
+   src="https://res.cloudinary.com/dkxhoyenc/image/upload/v1778694239/cuq44c.png"
+   alt="Cùng một vòng lặp — khác một tầng: so sánh vòng lặp học code 10 năm trước và bây giờ với Agent Coding"
    style={{
      width: "100%",
      maxWidth: "720px",
      margin: "2rem auto",
      display: "block",
    }}
− >
−   <defs>
−     <marker
−       id="arrow1"
−       markerWidth="8"
−       markerHeight="6"
−       refX="8"
−       refY="3"
−       orient="auto"
−     >
−       <path d="M0,0 L8,3 L0,6" fill="#6366f1" />
−     </marker>
−     <marker
−       id="arrow2"
−       markerWidth="8"
−       markerHeight="6"
−       refX="8"
−       refY="3"
−       orient="auto"
−     >
−       <path d="M0,0 L8,3 L0,6" fill="#10b981" />
−     </marker>
−   </defs>
−   <text
−     x="360"
−     y="20"
−     textAnchor="middle"
−     fill="#94a3b8"
−     fontSize="11"
−     fontFamily="monospace"
−   >
−     CÙNG MỘT VÒNG LẶP — KHÁC MỘT TẦNG
−   </text>
−   <rect
−     x="20"
−     y="40"
−     width="330"
−     height="140"
−     rx="12"
−     fill="none"
−     stroke="#334155"
−     strokeWidth="1.5"
−     strokeDasharray="4 3"
−   />
−   <rect
−     x="370"
−     y="40"
−     width="330"
−     height="140"
−     rx="12"
−     fill="none"
−     stroke="#334155"
−     strokeWidth="1.5"
−     strokeDasharray="4 3"
−   />
−   <text
−     x="185"
−     y="62"
−     textAnchor="middle"
−     fill="#6366f1"
−     fontSize="12"
−     fontWeight="bold"
−     fontFamily="monospace"
−   >
−     10 năm trước
−   </text>
−   <text
−     x="535"
−     y="62"
−     textAnchor="middle"
−     fill="#10b981"
−     fontSize="12"
−     fontWeight="bold"
−     fontFamily="monospace"
−   >
−     Bây giờ
−   </text>
−   <g transform="translate(185, 125)">
−     <ellipse
−       cx="0"
−       cy="0"
−       rx="70"
−       ry="35"
−       fill="none"
−       stroke="#6366f1"
−       strokeWidth="1.5"
−     />
−     <text
−       x="0"
−       y="-50"
−       textAnchor="middle"
−       fill="#e2e8f0"
−       fontSize="10"
−       fontFamily="monospace"
−     >
−       Muốn làm web
−     </text>
−     <text
−       x="-85"
−       y="5"
−       textAnchor="middle"
−       fill="#e2e8f0"
−       fontSize="9"
−       fontFamily="monospace"
−     >
−       Search
−     </text>
−     <text
−       x="85"
−       y="5"
−       textAnchor="middle"
−       fill="#e2e8f0"
−       fontSize="9"
−       fontFamily="monospace"
−     >
−       Fix bug
−     </text>
−     <text
−       x="0"
−       y="55"
−       textAnchor="middle"
−       fill="#e2e8f0"
−       fontSize="9"
−       fontFamily="monospace"
−     >
−       Chạy được!
−     </text>
−     <path
−       d="M50,-28 A70,35 0 1,1 45,-30"
−       fill="none"
−       stroke="#6366f1"
−       strokeWidth="1.5"
−       markerEnd="url(#arrow1)"
−     />
−   </g>
−   <g transform="translate(535, 125)">
−     <ellipse
−       cx="0"
−       cy="0"
−       rx="70"
−       ry="35"
−       fill="none"
−       stroke="#10b981"
−       strokeWidth="1.5"
−     />
−     <text
−       x="0"
−       y="-50"
−       textAnchor="middle"
−       fill="#e2e8f0"
−       fontSize="10"
−       fontFamily="monospace"
−     >
−       Mô tả ý định
−     </text>
−     <text
−       x="-85"
−       y="5"
−       textAnchor="middle"
−       fill="#e2e8f0"
−       fontSize="9"
−       fontFamily="monospace"
−     >
−       Prompt
−     </text>
−     <text
−       x="85"
−       y="5"
−       textAnchor="middle"
−       fill="#e2e8f0"
−       fontSize="9"
−       fontFamily="monospace"
−     >
−       Chỉnh sửa
−     </text>
−     <text
−       x="0"
−       y="55"
−       textAnchor="middle"
−       fill="#e2e8f0"
−       fontSize="9"
−       fontFamily="monospace"
−     >
−       Chạy được!
−     </text>
−     <path
−       d="M50,-28 A70,35 0 1,1 45,-30"
−       fill="none"
−       stroke="#10b981"
−       strokeWidth="1.5"
−       markerEnd="url(#arrow2)"
−     />
−   </g>
− </svg>
+ />
   
  Đây là cái vòng lặp y hệt hồi mới học code. Cùng một kiểu. Cùng một cảm giác mò mẫm. Cùng cái sướng khi nó chạy được sau mấy lần chỉnh tới chỉnh lui.
   
⋯ 26 unchanged lines
   
  Mình nghĩ hình ảnh đúng nhất để mô tả chuyện này là một **vòng xoáy đi lên** (spiral).
   
− <svg
−   viewBox="0 0 500 380"
−   xmlns="http://www.w3.org/2000/svg"
+ <img
+   src="https://res.cloudinary.com/dkxhoyenc/image/upload/v1778694915/w7m4u5.png"
+   alt="Vòng xoáy đi lên: từ mò mẫm PHP, qua Đại học và đi làm, đến Agent Coding — cùng kiểu thử sai nhưng mỗi vòng cao hơn"
    style={{
      width: "100%",
      maxWidth: "500px",
      margin: "2rem auto",
      display: "block",
    }}
− >
−   <defs>
−     <marker
−       id="arrowUp"
−       markerWidth="8"
−       markerHeight="6"
−       refX="8"
−       refY="3"
−       orient="auto"
−     >
−       <path d="M0,0 L8,3 L0,6" fill="#94a3b8" />
−     </marker>
−   </defs>
−   <line
−     x1="250"
−     y1="360"
−     x2="250"
−     y2="20"
−     stroke="#334155"
−     strokeWidth="1"
−     strokeDasharray="4 3"
−     markerEnd="url(#arrowUp)"
−   />
−   <text x="265" y="30" fill="#94a3b8" fontSize="10" fontFamily="monospace">
−     trừu tượng hơn
−   </text>
−   <ellipse
−     cx="250"
−     cy="300"
−     rx="120"
−     ry="30"
−     fill="none"
−     stroke="#6366f1"
−     strokeWidth="2"
−     opacity="0.4"
−   />
−   <text
−     x="250"
−     y="305"
−     textAnchor="middle"
−     fill="#6366f1"
−     fontSize="11"
−     fontFamily="monospace"
−   >
−     Mò mẫm PHP
−   </text>
−   <text
−     x="250"
−     y="340"
−     textAnchor="middle"
−     fill="#475569"
−     fontSize="9"
−     fontFamily="monospace"
−   >
−     cú pháp · logic · thử sai
−   </text>
−   <ellipse
−     cx="250"
−     cy="200"
−     rx="120"
−     ry="30"
−     fill="none"
−     stroke="#f59e0b"
−     strokeWidth="2"
−     opacity="0.6"
−   />
−   <text
−     x="250"
−     y="205"
−     textAnchor="middle"
−     fill="#f59e0b"
−     fontSize="11"
−     fontFamily="monospace"
−   >
−     Đại học · Đi làm
−   </text>
−   <text
−     x="250"
−     y="240"
−     textAnchor="middle"
−     fill="#475569"
−     fontSize="9"
−     fontFamily="monospace"
−   >
−     OOP · patterns · Sprint · Scrum
−   </text>
−   <ellipse
−     cx="250"
−     cy="100"
−     rx="120"
−     ry="30"
−     fill="none"
−     stroke="#10b981"
−     strokeWidth="2"
−   />
−   <text
−     x="250"
−     y="105"
−     textAnchor="middle"
−     fill="#10b981"
−     fontSize="11"
−     fontFamily="monospace"
−   >
−     Agent Coding
−   </text>
−   <text
−     x="250"
−     y="140"
−     textAnchor="middle"
−     fill="#475569"
−     fontSize="9"
−     fontFamily="monospace"
−   >
−     ý định · prompting · kiểm chứng
−   </text>
−   <path
−     d="M130,300 C100,250 130,230 130,200 C130,170 100,150 130,100"
−     fill="none"
−     stroke="#94a3b8"
−     strokeWidth="1.5"
−     strokeDasharray="3 3"
−   />
−   <path
−     d="M370,300 C400,250 370,230 370,200 C370,170 400,150 370,100"
−     fill="none"
−     stroke="#94a3b8"
−     strokeWidth="1.5"
−     strokeDasharray="3 3"
−   />
−   <text
−     x="250"
−     y="375"
−     textAnchor="middle"
−     fill="#64748b"
−     fontSize="9"
−     fontFamily="monospace"
−   >
−     cùng kiểu "thử → sai → học" nhưng mỗi vòng cao hơn
−   </text>
− </svg>
+ />
   
  Nếu nhìn từ trên xuống, chúng ta đang đứng ở cùng một vị trí. Vẫn là mò mẫm. Vẫn là thử sai. Vẫn là "thử rồi sai rồi sửa rồi học".
   
⋯ 73 unchanged lines