[{"data":1,"prerenderedAt":619},["ShallowReactive",2],{"home-blog":3,"home-videos":330},[4],{"id":5,"title":6,"body":7,"date":318,"description":319,"extension":320,"meta":321,"navigation":322,"path":323,"seo":324,"stem":325,"tags":326,"thumbnail":328,"__hash__":329},"blog\u002Fblog\u002Fpseudo-code.md","寫 Code 總卡在括號和排版？",{"type":8,"value":9,"toc":297},"minimark",[10,14,17,25,36,39,44,49,62,72,76,86,94,96,100,104,115,122,126,151,158,162,173,181,185,196,203,205,209,213,232,240,244,256,264,268,277,279,281,284,287,294],[11,12,13],"p",{},"我常常盯著螢幕發呆。",[11,15,16],{},"說實話，有時候最痛苦的不是演算法想不出來，而是邏輯明明都想好了，但就是會漏打一個大括號，或是迴圈的條件不小心寫反，結果光是抓這些語法小 Bug 就耗掉大半天。",[11,18,19,20,24],{},"BridgeAI 這東西的「",[21,22,23],"strong",{},"AI 程式助手","」拿來理順邏輯很好用。我心想，大概又是個噱頭大於實用的半成品吧？畢竟現在很多 AI 工具總是喜歡一次生出一大坨不能跑的 Code。",[11,26,27,28,31,32,35],{},"結果一試，欸，還真不是那麼回事。它主打的是 ",[21,29,30],{},"「逐行建構」"," 和 ",[21,33,34],{},"「區塊管理」","。用了一陣子後，我整理了這 9 個真正改變我開發節奏的基礎操作。",[37,38],"hr",{},[40,41,43],"h2",{"id":42},"基礎輸入與修改動口不動手","基礎輸入與修改：動口不動手",[45,46,48],"h3",{"id":47},"_1-輸入邏輯一行一行來反而最踏實","1. 輸入邏輯：一行一行來，反而最踏實",[11,50,51,52,56,57,61],{},"它的運作邏輯很單純，就是「逐行翻譯」。你在輸入框用白話文描述一個動作（例如：",[53,54,55],"em",{},"宣告變數 i 等於 0","），按下 ",[58,59,60],"kbd",{},"Enter","，它就幫你把那行的程式碼寫出來。\n我其實滿喜歡這種設計的。比起 AI 一次通靈出一堆黑魔法，這種逐行寫的方式反而更踏實，讓專案完全保持在自己的掌控中。",[63,64,65],"blockquote",{},[11,66,67],{},[68,69],"img",{"alt":70,"src":71},"image","https:\u002F\u002Fhackmd.io\u002F_uploads\u002FHkrtBQbo-g.png",[45,73,75],{"id":74},"_2-修改描述寫錯了點一下就能改","2. 修改描述：寫錯了？點一下就能改",[11,77,78,79,82,83,85],{},"有時候 AI 翻譯出來的虛擬碼跟我想的不一樣。這時候不用刪掉重打！只要 ",[21,80,81],{},"直接點擊左側的描述文字"," 就能修改。改完按 ",[58,84,60],{}," 確認，右邊的程式碼就會即時更新。這比在傳統編輯器裡慢慢用游標尋找、刪除替換要直覺太多了。",[63,87,88],{},[11,89,90],{},[68,91],{"alt":92,"src":93},"修改描述","https:\u002F\u002Fhackmd.io\u002F_uploads\u002FSJatXKbsbl.gif",[37,95],{},[40,97,99],{"id":98},"版面控制拯救強迫症的排版工具","版面控制：拯救強迫症的排版工具",[45,101,103],{"id":102},"_3-指定插入位置不再迷失方向","3. 指定插入位置：不再迷失方向",[11,105,106,107,110,111,114],{},"寫到一半突然想在前面補個變數宣告？在這邊你只要 ",[21,108,109],{},"點擊任意兩行程式碼之間的「細帶」","，游標就會精準卡在那裡。接下來你輸入的邏輯，就會乖乖插在這個位置，不會永遠跑到最後一行。想取消的話按 ",[58,112,113],{},"Esc"," 就行。",[63,116,117],{},[11,118,119],{},[68,120],{"alt":70,"src":121},"https:\u002F\u002Fhackmd.io\u002F_uploads\u002FrJhRP9ZiWl.png",[45,123,125],{"id":124},"_4-結束區塊括號遺忘症的救星","4. 結束區塊：括號遺忘症的救星",[11,127,128,129,133,134,137,138,141,142,137,145,147,148,150],{},"對寫 C++ 或 Java 的人來說，漏掉 ",[130,131,132],"code",{},"}"," 簡直是日常。在 BridgeAI 裡，當你開了 ",[130,135,136],{},"for"," 或 ",[130,139,140],{},"if"," 之後，可以直接點介面上的「結束區塊」按鈕；或者直接在輸入框打 ",[58,143,144],{},"end if",[58,146,132],{},"，按下 ",[58,149,60],{}," 它就會幫你把區塊完美閉合。",[63,152,153],{},[11,154,155],{},[68,156],{"alt":70,"src":157},"https:\u002F\u002Fhackmd.io\u002F_uploads\u002Fr1O5GoZiWg.png",[45,159,161],{"id":160},"_5-拖曳排序像玩積木一樣寫-code","5. 拖曳排序：像玩積木一樣寫 Code",[11,163,164,165,168,169,172],{},"有時候發現兩個步驟的順序寫反了，以前只能剪下貼上，還常把縮排弄亂。現在你只要把滑鼠移過去，按住左側的 ",[21,166,167],{},"::"," 圖示，",[21,170,171],{},"直接上下拖曳"," 就能交換順序。超級舒壓。",[63,174,175],{},[11,176,177],{},[68,178],{"alt":179,"src":180},"移動","https:\u002F\u002Fhackmd.io\u002F_uploads\u002FB1VDj9-ibg.gif",[45,182,184],{"id":183},"_6-刪除行一鍵清爽","6. 刪除行：一鍵清爽",[11,186,187,188,191,192,195],{},"測試用的程式碼不需要了？滑鼠移過去，點擊右側的 ",[21,189,190],{},"×"," 按鈕，或是直接按鍵盤的 ",[58,193,194],{},"Delete"," 鍵，瞬間清空。保持版面乾淨，思緒也會跟著清楚。",[63,197,198],{},[11,199,200],{},[68,201],{"alt":70,"src":202},"https:\u002F\u002Fhackmd.io\u002F_uploads\u002FHkdx7s-s-g.png",[37,204],{},[40,206,208],{"id":207},"快捷操作鍵盤流的最愛","快捷操作：鍵盤流的最愛",[45,210,212],{"id":211},"_7-快速移行雙手不離鍵盤","7. 快速移行：雙手不離鍵盤",[11,214,215,216,137,219,222,223,226,227,137,229,231],{},"這是我最在意的部分，因為寫 Code 的時候能不用滑鼠就不用滑鼠。\n當輸入框是空白的時候，直接按 ",[58,217,218],{},"↑",[58,220,221],{},"↓"," 就能在行間移動選取（會出現紫色的提示框）。選到特定行之後，按住 ",[58,224,225],{},"Alt"," + ",[58,228,218],{},[58,230,221],{},"，就能直接把那行程式碼上下搬移。這操作手感真的有做出來。",[63,233,234],{},[11,235,236],{},[68,237],{"alt":238,"src":239},"移動上下鍵","https:\u002F\u002Fhackmd.io\u002F_uploads\u002FS1Fi7o-i-l.gif",[45,241,243],{"id":242},"_8-插入編輯器一鍵整併的爽感","8. 插入編輯器：一鍵整併的爽感",[11,245,246,247,226,250,226,253,255],{},"在助手區把邏輯理順、排序好之後，重頭戲來了。\n你可以選擇單行插入，但我通常都是點底部的「全部插入編輯器」，或者直接按終極快捷鍵 ",[58,248,249],{},"Ctrl",[58,251,252],{},"Shift",[58,254,60],{},"。看著剛剛辛苦整理好的邏輯，一次性完美排進左邊的主編輯區裡，真的有一種說不出的成就感。",[63,257,258],{},[11,259,260],{},[68,261],{"alt":262,"src":263},"插入","https:\u002F\u002Fhackmd.io\u002F_uploads\u002FryPRDibo-l.gif",[45,265,267],{"id":266},"_9-復原-重做你的時光機","9. 復原 \u002F 重做：你的時光機",[11,269,270,271,226,273,276],{},"寫壞了怎麼辦？直接按 ",[58,272,249],{},[58,274,275],{},"Z","。\n它最多可以復原 50 步，不管是剛剛打錯的字、刪錯的行還是拖錯的順序，通通可以救回來。有了這個機制，我就敢更大膽地去嘗試不同的邏輯組合，不用怕把原本能跑的 Code 搞爛。",[63,278],{},[37,280],{},[40,282,283],{"id":283},"寫在最後",[11,285,286],{},"說實話，BridgeAI 的程式助手不是那種「你給一句話，它幫你寫完一個系統」的神仙 AI。",[11,288,289,290,293],{},"它的真實定位，更像是一個 ",[21,291,292],{},"「語法翻譯機＋邏輯梳理板」","。它逼著你一行一行把開發邏輯想清楚，然後它負責幫你處理掉那些煩人的語法、縮排和括號細節。",[11,295,296],{},"如果你也跟我一樣，常常邏輯沒問題，卻老是卡在語法小失誤；或者你習慣先把虛擬碼列好再動手寫，那我滿推薦你試試看這種開發節奏的。反正上手也只要三分鐘，打開介面敲幾行試試看吧！",{"title":298,"searchDepth":299,"depth":299,"links":300},"",2,[301,306,312,317],{"id":42,"depth":299,"text":43,"children":302},[303,305],{"id":47,"depth":304,"text":48},3,{"id":74,"depth":304,"text":75},{"id":98,"depth":299,"text":99,"children":307},[308,309,310,311],{"id":102,"depth":304,"text":103},{"id":124,"depth":304,"text":125},{"id":160,"depth":304,"text":161},{"id":183,"depth":304,"text":184},{"id":207,"depth":299,"text":208,"children":313},[314,315,316],{"id":211,"depth":304,"text":212},{"id":242,"depth":304,"text":243},{"id":266,"depth":304,"text":267},{"id":283,"depth":299,"text":283},"2026-03-20","BridgeAI 助手實測：一個開發者的真實體驗","md",{},true,"\u002Fblog\u002Fpseudo-code",{"title":6,"description":319},"blog\u002Fpseudo-code",[327],"ai","\u002Fimages\u002FBridgeAI_learn_assistant.png","47-qahrDFq2JAA7izcsB1hiH1v2yqBXdXqx78vfQ8OM",[331,547],{"id":332,"title":333,"body":334,"date":536,"description":537,"extension":320,"meta":538,"navigation":322,"path":539,"seo":540,"stem":541,"tags":542,"youtubeId":545,"__hash__":546},"videos\u002Fvideos\u002FLTI_registration.md","Bridge AI 智慧教學平台與 iLearning2.0 整合操作指南",{"type":8,"value":335,"toc":516},[336,339,342,344,348,352,359,363,374,378,385,395,400,402,406,410,417,421,428,432,439,443,446,458,462,465,467,471,475,486,490,497,501,504,506,510,513],[11,337,338],{},"這份指南介紹專為程式課程打造的「Bridge AI 智慧教學平台」，該平台能夠與現有的 iLearning2.0 系統無縫整合，提供自動化的線上評測以及 AI 教學服務。",[11,340,341],{},"整個流程分為三個階段，從申請參數、系統綁定到加入課程，跟著步驟走就能完成設定。",[37,343],{},[40,345,347],{"id":346},"第一步申請-lti-參數","第一步：申請 LTI 參數",[45,349,351],{"id":350},"_1-註冊與申請","1. 註冊與申請",[11,353,354,355,358],{},"前往 ",[21,356,357],{},"Bridge AI 首頁","，點擊右上角的「申請 LTI」按鈕，即可開啟申請流程。",[45,360,362],{"id":361},"_2-填寫申請資料","2. 填寫申請資料",[11,364,365,366,369,370,373],{},"在申請表單中填寫您的 ",[21,367,368],{},"系所名稱"," 與 ",[21,371,372],{},"教師信箱","，送出後等待審核。",[45,375,377],{"id":376},"_3-收取專屬參數","3. 收取專屬參數",[11,379,380,381,384],{},"審核通過後，系統會將一組 ",[21,382,383],{},"專屬 LTI 參數"," 寄至您的信箱，其中包含：",[386,387,388,392],"ul",{},[389,390,391],"li",{},"一組網址",[389,393,394],{},"兩組密鑰",[63,396,397],{},[11,398,399],{},"收到信後請先保留此畫面，下一步會用到。",[37,401],{},[40,403,405],{"id":404},"第二步於-ilearning20-進行系統綁定","第二步：於 iLearning2.0 進行系統綁定",[45,407,409],{"id":408},"_1-新增外部工具","1. 新增外部工具",[11,411,412,413,416],{},"回到 iLearning2.0 的課程頁面，依序點選 ",[21,414,415],{},"「更多」→「LTI External Tools」→「新增工具」","。",[45,418,420],{"id":419},"_2-輸入-lti-參數","2. 輸入 LTI 參數",[11,422,423,424,427],{},"輸入工具名稱，並將剛才收到的 ",[21,425,426],{},"網址與兩組密鑰"," 依序貼入對應的欄位中。",[45,429,431],{"id":430},"_3-設定啟用容器","3. 設定啟用容器",[11,433,434,435,438],{},"將「預設啟用容器」選項更改為 ",[21,436,437],{},"「新視窗」","，確保平台能正確開啟。",[45,440,442],{"id":441},"_4-服務與隱私權設定","4. 服務與隱私權設定",[11,444,445],{},"這一步很重要，直接影響成績同步是否正常：",[386,447,448,451],{},[389,449,450],{},"服務設定：勾選最下方的選項",[389,452,453,454,457],{},"隱私權設定：將所有選項都改為 ",[21,455,456],{},"「永遠」","，以確保師生的帳號與成績能夠正確同步",[45,459,461],{"id":460},"_5-完成綁定","5. 完成綁定",[11,463,464],{},"設定確認無誤後點選「儲存」，即完成系統綁定。",[37,466],{},[40,468,470],{"id":469},"第三步將平台加入課程與後續管理","第三步：將平台加入課程與後續管理",[45,472,474],{"id":473},"_1-在課程中新增活動","1. 在課程中新增活動",[11,476,477,478,481,482,485],{},"在課程區塊點選 ",[58,479,480],{},"+","，選擇「新增活動或資源」，找到 ",[21,483,484],{},"Bridge AI"," 並輸入名稱後儲存，即可將其作為工具加入課程。",[45,487,489],{"id":488},"_2-自動登入與名單同步","2. 自動登入與名單同步",[11,491,492,493,496],{},"往後只需點擊該課程連結，系統便會 ",[21,494,495],{},"自動帶您登入平台並同步課程名單","，無需額外操作。",[45,498,500],{"id":499},"_3-課程管理","3. 課程管理",[11,502,503],{},"登入後，教師便可以在 Bridge AI 平台上完成相關的課程設定、作業管理等所有工作。",[37,505],{},[40,507,509],{"id":508},"完成了","完成了！",[11,511,512],{},"整個 LTI 整合流程到這裡就完成了。從申請到上線，通常只需要等待審核通過就能開始使用。",[11,514,515],{},"如果在設定過程中遇到問題，最常見的狀況是「隱私權設定」沒有全部設為「永遠」，導致成績無法同步——記得回去檢查一下那個步驟。",{"title":298,"searchDepth":299,"depth":299,"links":517},[518,523,530,535],{"id":346,"depth":299,"text":347,"children":519},[520,521,522],{"id":350,"depth":304,"text":351},{"id":361,"depth":304,"text":362},{"id":376,"depth":304,"text":377},{"id":404,"depth":299,"text":405,"children":524},[525,526,527,528,529],{"id":408,"depth":304,"text":409},{"id":419,"depth":304,"text":420},{"id":430,"depth":304,"text":431},{"id":441,"depth":304,"text":442},{"id":460,"depth":304,"text":461},{"id":469,"depth":299,"text":470,"children":531},[532,533,534],{"id":473,"depth":304,"text":474},{"id":488,"depth":304,"text":489},{"id":499,"depth":304,"text":500},{"id":508,"depth":299,"text":509},"2026-03-30","一步步完成 LTI 申請、系統綁定，讓 AI 教學與自動評測無縫進入你的課程",{},"\u002Fvideos\u002Flti_registration",{"title":333,"description":537},"videos\u002FLTI_registration",[543,544],"lti","ilearning","I71-u7ZOn-Q","d9N9NOQE8uWtBHuZnCHPgvGqfrp6zszBv-iTHfMZMSM",{"id":548,"title":549,"body":550,"date":607,"description":608,"extension":320,"meta":609,"navigation":322,"path":610,"seo":611,"stem":612,"tags":613,"youtubeId":617,"__hash__":618},"videos\u002Fvideos\u002Fintro-neural-networks.md","But What Is a Neural Network?",{"type":8,"value":551,"toc":602},[552,556,563,567,581,585,588],[40,553,555],{"id":554},"about-this-video","About this Video",[11,557,558,559,562],{},"This is the first video in 3Blue1Brown's ",[53,560,561],{},"Deep Learning"," series. It builds an intuitive understanding of how neural networks learn without assuming any prior ML knowledge.",[40,564,566],{"id":565},"what-youll-learn","What You'll Learn",[386,568,569,572,575,578],{},[389,570,571],{},"What neurons and layers are",[389,573,574],{},"How a network transforms input data through layers",[389,576,577],{},"The idea of learning as adjusting weights and biases",[389,579,580],{},"Why depth (multiple layers) matters",[40,582,584],{"id":583},"notes","Notes",[11,586,587],{},"Watch this before touching any ML framework. The visual intuition from this video makes gradient descent, backpropagation, and loss functions much easier to understand later.",[11,589,590,593,594,601],{},[21,591,592],{},"Next",": Watch the follow-up on ",[595,596,600],"a",{"href":597,"rel":598},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=IHZwWFHWa-w",[599],"nofollow","gradient descent",".",{"title":298,"searchDepth":299,"depth":299,"links":603},[604,605,606],{"id":554,"depth":299,"text":555},{"id":565,"depth":299,"text":566},{"id":583,"depth":299,"text":584},"2026-03-25","3Blue1Brown's classic visual introduction to neural networks — the best starting point for anyone new to deep learning.",{},"\u002Fvideos\u002Fintro-neural-networks",{"title":549,"description":608},"videos\u002Fintro-neural-networks",[614,615,616],"neural-networks","beginners","3blue1brown","aircAruvnKk","lJsWJ2lWK0q3S0RJB26Z6aS5c18H3ytUqf2hdbFtLgs",1776276582778]