用 React、TypeScript、DOM 與 CSS,從零打造可實際操作的網頁簡報編輯器。30 天將逐步拆解文件模型、畫布座標、文字與圖片操作、中文輸入法、復原重做、IndexedDB 本機保存、專案備份、播放模式與 PDF 輸出。每篇都會記錄設計選擇、實作過程、限制,以及可重現的測試或操作證據。
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag day-01 我想做的不是另一個功能完整的 PowerPoint,而是一個...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag day-02 「做一個簡報工具」無法直接變成每天可以完成的工作。文字輸入、...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag day-03 版本說明:本文記錄當日實作;後續版本增加的物件與欄位不改變這裡...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag day-04 版本說明:本文記錄當日實作;後續版本增加的物件與欄位不改變這裡...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag day-05 版本說明:本文記錄當日選型;目前版本仍沿用固定邏輯畫布與 DO...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag day-06 版本說明:本文記錄當日實作;後續加入略過投影片等功能時,仍沿用...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag day-07 版本說明:本文記錄當日的文字與圖片操作;後續圖形與群組功能仍共...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag day-08 版本說明:本文記錄當日實作;目前版本新增的多選拖曳、框選與吸附...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.1.0 版本說明:本文整理第一版的文字互動規則;後續多選、群組與文字格...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.1.0 版本說明:本文延續 Day 08 的座標換算,改從一次完整拖曳...