http://kenji.blog/zh-tw/categories/ai%E8%88%87%E7%A7%91%E6%8A%80/Recent content in AI與科技 on kenji.blogHugo -- gohugo.iozh-twkenjinoteSun, 20 Jul 2025 21:52:42 +0900http://kenji.blog/zh-tw/p/ai-development-barrier/Sun, 20 Jul 2025 21:52:42 +0900http://kenji.blog/zh-tw/p/ai-development-barrier/<img src="http://kenji.blog/p/ai%E9%96%8B%E7%99%BA%E3%81%AE%E5%A3%81/img_1.png" alt="Featured image of post AI開發的壁壘" /><h1 id="ai開發的壁壘">AI開發的壁壘 </h1><p><strong>～雖然來到了第八合目，但從那之後才是地獄的故事～</strong></p> <p>大家好，我是kenji。</p> <p>最近，非常頻繁地聽到大家說：「只要拜託AI，就能輕易做出應用程式了！」 我們已經跨越了無程式碼（No-code）或低程式碼（Low-code）的時代，進入了「Vibe Coding（憑感覺寫程式碼）」的階段。</p> <p>舉例來說，只要說「做一個可以編輯圖片並發布到社群媒體的應用程式」，AI就會吐出程式碼甚至UI。 <strong>你是不是會覺得：「太厲害了，已經不需要人類了吧？」</strong></p> <p>但是，這其實 <strong>就像是穿著涼鞋降落在富士山的第八合目一樣</strong> 。</p> <hr> <h2 id="到第八合目為止看起來像是輕而易舉">到第八合目為止看起來像是「輕而易舉」 </h2><p>一開始，用AI開發真的非常輕鬆。 檔案I/O？總之能運作。 網路？嘛，能連上。 資料庫？用JSON就可以了吧。 UI？ChatGPT已經幫我寫出React程式碼了。 支付？Stripe的API大概複製貼上就行了。</p> <p>在這裡，你會產生一種錯覺：「我，是不是已經是個工程師了？」 但是，真正的地獄從這裡才開始。</p> <p><img src="http://kenji.blog/p/ai%E9%96%8B%E7%99%BA%E3%81%AE%E5%A3%81/img.png" width="1024" height="1024" srcset="http://kenji.blog/p/ai%E9%96%8B%E7%99%BA%E3%81%AE%E5%A3%81/img_huf56c5201f3b1d8f8800773fd39442f1f_2016892_480x0_resize_box_3.png 480w, http://kenji.blog/p/ai%E9%96%8B%E7%99%BA%E3%81%AE%E5%A3%81/img_huf56c5201f3b1d8f8800773fd39442f1f_2016892_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img.png" class="gallery-image" data-flex-grow="100" data-flex-basis="240px" ></p> <hr> <h2 id="為什麼會卡關">為什麼會卡關？ </h2><p>理由很簡單，因為「AI雖然能做出看起來像樣的東西，但最終調整還是全丟給人類」。</p> <ul> <li>因為檔案I/O導致資料消失</li> <li>資料庫正規化不夠嚴謹導致搜尋緩慢</li> <li>UI不夠直覺</li> <li>沒有進行壓力測試，流量一集中就崩潰</li> <li>被Apple/Google的審查退回</li> <li>觸及法律規範要求而差點引發公關危機</li> </ul> <p>也就是說， <strong>AI擅長製作「外表看起來已完成的原型」</strong> ，但 <strong>將其打磨成「真正在世上行得通的產品」，至今依然是人類的工作</strong> 。</p> <hr> <h2 id="但是這裡存在一個悖論">但是，這裡存在一個悖論 </h2><p>在這裡，我們會發現一個 <strong>悖論</strong> 。</p> <blockquote> <p>如果未來AI真的變得什麼都能做到了呢？ 也就是說，當「安全性、計費、設計全都能由AI完美處理」的時候呢？</p> </blockquote> <p>到那時候， <strong>人類可能根本不再需要製作應用程式了</strong> 。</p> <p>因為只要使用者直接對AI說「我想做這件事」， 即使沒有應用程式，任務也會被立即執行完畢。</p> <hr> <h3 id="-舉例來說">🌀 舉例來說 </h3><p>以前我們會「為了計算而開啟計算機應用程式」，但 現在只要說「Hey Siri，12乘32是多少？」就結束了。</p> <p>同樣地， 如果說「請AI幫我編輯照片並分享」，可能根本不需要經過應用程式的UI或API，處理就已經完成了。</p> <p>換句話說， <strong>當「用AI製作應用程式」這個目標實現時，或許就會迎來一個根本不需要應用程式的世界</strong> 。</p> <hr> <h2 id="說到底我們現在能做什麼">說到底，我們現在能做什麼 </h2><p>那麼，我們該怎麼辦呢？</p> <ul> <li>現在「第八合目以上」仍然是人類的領域，所以要精進這部分</li> <li>專注於本質上的使用者理解與服務設計</li> <li>思考「有價值的東西」而不是「能被做出來的東西」</li> <li>甚至，探索「不侷限於應用程式形式」的價值提供方式</li> </ul> <p>AI是工具、是升降機，有時也是競爭對手。 但是， <strong>「要做什麼」以及「為什麼要做」，依然是我們人類面臨的課題</strong> 。</p> <hr> <h2 id="總結">總結： </h2><p><strong>AI開發的壁壘，並非技術問題，而是結構上的悖論</strong></p> <p>這是一個任何人都能到達富士山第八合目的時代。 但從那之後才是真正的考驗。</p> <p>而且，當我們終於登頂時， 或許會迎來一個讓我們重新思考：「我們真的有必要爬這座山嗎？」的未來。</p> <p><img src="http://kenji.blog/p/ai%E9%96%8B%E7%99%BA%E3%81%AE%E5%A3%81/img_1.png" width="1024" height="1024" srcset="http://kenji.blog/p/ai%E9%96%8B%E7%99%BA%E3%81%AE%E5%A3%81/img_1_hu929f602c53dcc1c0d00e8a53b025b29e_1978511_480x0_resize_box_3.png 480w, http://kenji.blog/p/ai%E9%96%8B%E7%99%BA%E3%81%AE%E5%A3%81/img_1_hu929f602c53dcc1c0d00e8a53b025b29e_1978511_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_1.png" class="gallery-image" data-flex-grow="100" data-flex-basis="240px" ></p>http://kenji.blog/zh-tw/p/%E9%97%9C%E6%96%BC%E7%94%9F%E6%88%90%E5%BC%8Fai/Tue, 16 Apr 2024 02:13:56 +0900http://kenji.blog/zh-tw/p/%E9%97%9C%E6%96%BC%E7%94%9F%E6%88%90%E5%BC%8Fai/<img src="http://kenji.blog/p/%E7%94%9F%E6%88%90ai%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/img.png" alt="Featured image of post 關於生成式AI" /><h2 id="關於生成式ai的講座影片">關於生成式AI的講座影片 </h2><ul> <li>「生成式AI」(1) 中尾政之・東京大學教授 2023.9.8</li> </ul> <div class="video-wrapper"> <iframe loading="lazy" src="https://www.youtube.com/embed/uN0eilnXl4E" allowfullscreen title="YouTube Video" > </iframe> </div> <ul> <li>「生成式AI」(2) 酒井邦嘉・東京大學大學院教授 2023.10.11</li> </ul> <div class="video-wrapper"> <iframe loading="lazy" src="https://www.youtube.com/embed/wz1-DOZoQt0" allowfullscreen title="YouTube Video" > </iframe> </div> <ul> <li>「生成式AI」(3) 松尾豐・東京大學大學院教授 2024.3.15</li> </ul> <div class="video-wrapper"> <iframe loading="lazy" src="https://www.youtube.com/embed/U9vhGvFxKu0" allowfullscreen title="YouTube Video" > </iframe> </div>http://kenji.blog/zh-tw/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/Tue, 11 Apr 2023 16:33:10 +0900http://kenji.blog/zh-tw/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/<img src="http://kenji.blog/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/img.png" alt="Featured image of post 如何使用 paint.net 在圖片的特定區域加上馬賽克" /><p>我將介紹如何使用 paint.net 在圖片的特定區域加上馬賽克。</p> <p>在將圖片上傳到網路上時，有時候會想要在圖片的特定區域加上馬賽克。使用 paint.net，您可以快速地處理圖片。</p> <h2 id="步驟">步驟 </h2><h4 id="1-使用-paintnet-開啟您想要進行馬賽克處理的圖片">1. 使用 paint.net 開啟您想要進行馬賽克處理的圖片 </h4><h4 id="2-使用選取工具選擇您想要加上馬賽克的部分可複選">2. 使用選取工具，選擇您想要加上馬賽克的部分（可複選） </h4><p><img src="http://kenji.blog/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/img_2.png" width="380" height="344" srcset="http://kenji.blog/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/img_2_hub2f9dbafba1021c88614fe95fc580d3f_11592_480x0_resize_box_3.png 480w, http://kenji.blog/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/img_2_hub2f9dbafba1021c88614fe95fc580d3f_11592_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_2.png" class="gallery-image" data-flex-grow="110" data-flex-basis="265px" ></p> <h4 id="3-選擇選單效果扭曲馬賽克">3. 選擇選單＞效果＞扭曲＞馬賽克 </h4><p><img src="http://kenji.blog/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/img_1.png" width="347" height="197" srcset="http://kenji.blog/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/img_1_hu9217e3f3ef9abeb3d05f81497cc9e2c6_7552_480x0_resize_box_3.png 480w, http://kenji.blog/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/img_1_hu9217e3f3ef9abeb3d05f81497cc9e2c6_7552_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_1.png" class="gallery-image" data-flex-grow="176" data-flex-basis="422px" ></p> <ul> <li>透過儲存格大小來設定馬賽克處理的粗糙度。數值越大，隱蔽性越高。</li> <li>[縮小] 選擇 <code>多重取樣雙線性</code></li> <li>[放大] 選擇 <code>最鄰近點</code></li> </ul> <p>點擊 <code>OK</code> 關閉對話框。</p> <h4 id="4-圖片將會被加上馬賽克接著請儲存圖片">4. 圖片將會被加上馬賽克，接著請儲存圖片。 </h4><p><img src="http://kenji.blog/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/img.png" width="380" height="344" srcset="http://kenji.blog/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/img_huffa96a6cc9046fae85e7535d0c0f77f3_7385_480x0_resize_box_3.png 480w, http://kenji.blog/p/paint.net%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E7%89%B9%E5%AE%9A%E5%80%8B%E6%89%80%E3%81%AB%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF%E3%82%92%E3%81%8B%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95/img_huffa96a6cc9046fae85e7535d0c0f77f3_7385_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img.png" class="gallery-image" data-flex-grow="110" data-flex-basis="265px" ></p> <p>以上。</p>