104學習精靈

PM好同學

PM好同學
公開教室關注者 49 人
關注教室
Trulli Wu

產品經理

04/02 08:20

認識SPA(Single-Page Application)
想想看,當你在瀏覽器上查看某個線上討論串時,每按一下整個網頁就得重新整個載入,讓你不得不在頻頻中斷的畫面裡耐心等候。但是有一天,你發現新的網站設計已經扭轉了這個困境 - 當你閱讀下一段內容時,網頁的其他部分都維持不變,只有需要的區塊才會自動更新,瀏覽體驗變得頓時無縫順暢。
這種奇妙的網頁瀏覽模式,就來自一種名為「單頁應用程式」(Single Page Application,SPA)的新興設計理念。SPA 透過只更新頁面中須改變的區塊,為使用者帶來無阻且像使用傳統應用程式般的瀏覽體驗,讓網頁不僅更加流暢,也更符合現代人的使用習慣。
有越來越多知名的網路服務像Gmail、Facebook、GitHub等,都已廣泛採用SPA架構。這種前所未見的網頁設計模式,無疑將徹底改變你我對網頁的刻板印象,帶來嶄新的網路體驗。
下段我們來談談SPA的優缺點吧!
【SPA的優點】
1.更佳的使用者體驗:由於不需要經常重新載入整個頁面,使用者體驗更加流暢無縫。
2.有效利用網路頻寬:只傳輸必要的資料,而非完整的HTML頁面,可以減少伺服器和用戶端之間的資料傳輸量。
3.更好的前後端工作分離:前端專注於渲染資料並與使用者互動,後端只提供API支援資料操作,有利於分工協作。
【SPA的缺點】
1.初始載入時間較長:需要一次性載入所有JavaScript檔案,所以第一次載入時間可能會比傳統網頁長。
2.不利於搜尋引擎優化(SEO) :SPA在初始載入時只返回空白頁面,搜尋引擎很難抓取其內容。
3.難以維護狀態:由於單個頁面的多個視圖狀態不斷變化,開發人員需額外處理狀態管理。
4.瀏覽器返回鍵可能無效:不能正確返回上一頁,需特別處理。
【SPA的缺點如何應對】
1.優化載入流程:使用程式碼分割(code splitting)、動態載入(dynamic import)等技術,減少初始載入的資源大小。
2.預渲染/伺服器端渲染(SSR):使用SSR技術在伺服器端生成靜態HTML,提高初始渲染效率,增強SEO能力。
3.管理應用狀態:使用狀態管理函式庫,如Redux、MobX,集中管理應用狀態,簡化視圖層的邏輯。
4.配置HTML5 History API:應用HTML5 History API,正確實現瀏覽器的返回/前進按鈕。
總的來說,SPA適合高度互動的網頁應用,但需權衡其缺點並作相應優化。選擇合適的開發框架及工具,並做好優化,可以充分發揮SPA的優勢。
0 0 323 0
Trulli Wu

產品經理

03/27 16:29

YouTube推出線上課程新服務,開拓教育內容新賺錢模式
YouTube今日宣布推出全新的「課程學習」 (Courses on YouTube) 功能,主要目的就是協助創作者開設線上課程,讓觀眾能按自己的需求選擇課程,有系統地進行學習。目前處於Beta測試階段,先期已邀請部分創作者和教育機構上線,未來會全面開放給所有合格的創作者使用。
「課程學習」會將YouTube上與學習教育相關的影音內容,透過專業策劃整合成完整的課程架構,以「播放清單」形式呈現,並額外增加課綱、講義、課後測驗、學習進度條與完課證書等輔助功能,為觀眾帶來身歷其境、系統化的線上學習體驗。
對創作者而言,他們可以選擇開設免費的廣告分潤課程,或是無廣告的付費課程。透過在YouTube開課,創作者將擁有平台強大的曝光力和全球吸引力,有助拓展知識賺錢管道,也將受益於YouTube對教育內容的大力推廣行銷。
根據YouTube的數據,全球超過九成18-24歲的年輕觀眾曾在平台上學習新技能,其中語言、程式設計和履歷撰寫是最夯的學習主題。這項新功能將有助滿足用戶對優質線上教育資源日益增長的需求。
目前台灣已有像是均一教育平臺基金會、台大開放式課程OCW等單位加入開課行列,數位發展部長唐鳳也計畫在YouTube開授「全民AI通識課程」,可見政府和學術單位對這項新功能相當支持並寄予厚望。
總括來說,「課程學習」結合影音分享與專業線上課程的雙重優勢,為創作者開啟新賺錢模式,為觀眾帶來更身歷其境的網路學習體驗,勢必將進一步推動教育產業數位轉型。在YouTube龐大的平台流量和內容生態下,這項功能的發展值得拭目以待。
圖片來源:Youtube
0 0 221 0
Trulli Wu

產品經理

03/26 16:55

打破搜索引擎的侷限性 - Perplexity.ai
Perplexity.ai是一家新興的AI新創公司,專注於打造新一代對話式智能搜索引擎。在最新一輪融資中,它獲得了包括NVIDIA、亞馬遜創始人貝佐斯、前Twitter副總裁Elad Gil等科技重量級投資者的青睞,融資金額高達7360萬美元。
不同於傳統搜索引擎,Perplexity.ai的AI搜索引擎能夠直接理解和回答用戶提出的自然語言問題,就像與一位智能助理對話一樣。它將網絡上的大量資訊與強大的人工智慧模型相結合,為用戶帶來無需瀏覽多個網頁就能獲得完整答覆的體驗。
作為一個知識搜索平台,Perplexity允許用戶選擇不同的AI模型如GPT-4、Gemini等,同時也提供圖像生成、文件上傳等增值服務。它還可以按學術論文等源進行篩選、並呈現熱門主題,為用戶提供更精準和個性化的搜索結果。
Perplexity自信其產品可為用戶帶來高效、無廣告、準確且透明的全新搜索體驗,從而有望挑戰甚至取代Google和微軟等現有搜索巨頭的領導地位。目前,該平台的月活躍用戶已達1000萬,回答數量逾50億。
不過,Perplexity在發展道路上也面臨著AI運算成本高昂、可能出現誤導性回答、版權爭議等多重挑戰。但其創新理念和獲得的鉅額融資,仍吸引了業界廣泛關注,被視為有望顛覆搜索引擎未來的潛力股。
0 0 233 0
Trulli Wu

產品經理

02/16 17:18

OpenAi新模型Sora,用文字就可以創造影片!
Sora 是一個 AI 模型,可以根據文字指令創建現實且富有想像的場景
目前只有影片的生成,還未加入音效,也只開放部份測試,
但大家可以先至官網逛逛,看看Sora用文字創造出來的影片有多逼真
這和先前Runway Gen-2 Text to Video用文字產生影片的 AI很像
大家也可以玩看看~
早在OpenAi 推出Sora之前,其實Google也有推出類似的服務Lumiere
Lumiere 與 Sora 同樣都是基於 Transformer+diffusion 的混合架構,
但Lumiere目前只能生成5秒鐘的影片,細緻度離Sora也還有段距離,
關注度和聲量被Sora大大壓過,但google擁有youtube大量的影片素材可以訓練
未來誰先勝出都還很難說~
1 0 1745 0
Trulli Wu

產品經理

2023/12/19

直覺好用的看板協作軟體 Padlet
想像一下,你和團隊有個超級靈感,需要一個地方即時收集所有絕妙的點子。就在這時,Padlet 這個超讚的網路白板出現了!
Padlet 就像一塊虛擬便利貼牆,讓你可以無限發揮創意。不需要申請帳號,只要分享連結,團隊成員就能即時在白板上貼文案、照片、畫圖,甚至嵌入影片。內容更新的瞬間就同步到每個人的畫面上,簡直就是跨時空腦力激盪!
團隊可以利用 Padlet 集思廣益,設計了一系列超酷產品宣傳海報。過程超順暢,每個人隨時查看其他創意,馬上討論調整,完全不會卡流程。
如果你們公司也遇到需要快速齊心協力的時刻,就擁抱 Padlet 吧!這個超靈活的網路白板,絕對能釋放團隊最大創造力!
如果你目前是學生,要整合大家的想法才能共同完成專案報告
為了讓每個人都能即時分享靈感,利用 Padlet 這個超好用的網路白板工具,建立專屬小組討論區,大家可以不限時間、不限地點,隨時到Padlet頁面貼文字、圖片、連結,包括寫下腦袋中的靈光一閃!所有新增或修改的內容都會同步到小組成員的畫面上,大家可以快速檢視彼此的想法,並且馬上討論出最棒的報告主軸和內容架構。如果困難的話,也能即時求救給老師和同學!
免費版可以創建3個看板,有共同協做討論需求的強烈建議可以玩玩看
0 0 688 1
Trulli Wu

產品經理

2023/11/01

Claude是比ChatGPT更好用的AI聊天機器人?
Claude是由Anthropic公司開發的AI助理服務
【Claude vs ChatGPT】
1. 更先進的自然語言理解能力 - 使用Anthropic自主研發的NLP技術,在理解語意和語境上更準確。
2. 更強的推理和解惑能力 - 可以進行更複雜的推理,並在回答問題時檢查邏輯自洽性,避免提供不正確資訊。
3. 更高安全性 - 訓練方式可以避免生成有害或非法內容。
4. 更好的個人化能力 - 可以記住使用者的喜好和談話內容,提供更個人化的服務。
5. 持續學習能力 - 可以從與使用者的互動中持續學習,不斷改善對話能力。
6. 更高效能 - 我的系統架構優化了推理速度,可以提供更即時的回應。
7. 開放式API - 我提供開發者API,可以整合到各種應用和服務中。
讓我們以簡單易懂的方式來比較一下Claude 2和ChatGPT的功能:
Claude 2可以處理超長的內容,你可以一次輸入10萬個詞給它;它也可以同時處理多個檔案和問題。但付費使用的ChatGPT(也就是GPT-4),每次只能輸入3萬2000個詞。
此外,Claude 2用的訓練資料是最新的,更新到2023年初。而ChatGPT用的資料只到2021年9月,不是最新。
最重要的是,Claude 2是完全免費的,任何人都可以直接線上使用。但ChatGPT需要付費才能無限制地使用。
總結一下:
Claude 2的內容長度限制更高,處理資料更新,而且是免費的。
所以對比ChatGPT,Claude 2的功能和效果會更好。
0 0 622 0
Trulli Wu

產品經理

2023/10/19

Discord 介紹教學,最火紅的社群平台
Discord 是一個免費的即時通訊和聊天平台,主要用於遊戲玩家、社群和企業。
它提供文字、語音和視訊聊天功能,以及各種附加功能,如伺服器、頻道、表情符號、自訂化設定等。
【Discord亮點】
1. 快速、可靠的通訊: Discord 使用了低延遲的專用伺服器,確保通訊流暢。
2. 豐富的功能: Discord 提供了大量的功能,可滿足不同需求。
3. 安全性: Discord 使用了多種安全措施,保護用戶的隱私和安全。
【Discord 適用於各種場合】
1.遊戲玩家: Discord 是遊戲玩家交流的首選平台。
2.社群: Discord 可用於建立和管理社群。
3.企業: Discord 可用於企業內部溝通和協作。
以下是 Discord 的一些常用功能:
【伺服器】 Discord 的伺服器是用戶交流的基礎。
一個伺服器可以有一個或多個頻道,用於不同主題的聊天。
頻道: 頻道是 Discord 的聊天室。用戶可以根據需要建立私人頻道或公開頻道。
表情符號: Discord 提供了豐富的表情符號,用於表情和互動。
自訂化設定: Discord 允許用戶自訂化伺服器和頻道的設定,以滿足自己的需求。
【Discord 是免費的】
您可以使用 Discord 的所有基本功能,包括文字、語音和視訊聊天、伺服器和頻道、表情符號和自訂化設定。
Discord 還提供了一個付費訂閱服務,稱為 Nitro。
Nitro 提供一些額外的功能,例如:
高畫質直播
上傳最多 500MB 的檔案
自訂個人資料與頭像
獲得 2 個免費的伺服器訂閱
以及更多福利
Nitro 的價格為每月 9.99 美元或每年 99.99 美元。
Discord 是免費的,但您可以選擇訂閱 Nitro 以獲得額外的功能。
總結:Discord 是一個功能強大、易用的即時通訊和聊天平台。
它適用於各種場合,可滿足不同需求。
官方教學
探索有什麼有趣的伺服器
0 0 412 0
關於教室
歡迎從事PM(Product / Project Manager、Planner...)相關工作,或對企劃/設計/IT領域有興趣的人都可以「關注」此教室。
* * 未來希望這教室裡可以:
- 提供IT最新資訊、知識乾貨
- 可以來這聊聊工作驚奇異事(誤)
- 可以來這徵求工作/共學伙伴
- 可以來這請益前輩
學習發起人
Trulli Wu
產品經理
44 回答 30 分享 1 教室
發起人簡介
目前還沒有關於老師的更多介紹 ...更多