#純靠北工程師4px
----------
主管:前後端分離不是會有兩個專案資料夾，那這樣不是提供兩個地方給人家攻擊

----------
💖 純靠北官方 Discord 歡迎在這找到你的同溫層！
👉 https://discord.gg/tPhnrs2

----------
💖 全平台留言、文章詳細內容
👉 https://init.engineer/cards/show/6117

#純靠北工程師4hh
----------
本來是獨自開發產品所以沒特別搞前後端分離，直接用一般的 MVC 架構

來了一個後端堅持要切，而且之前幾乎只做過前後分離的案子，就算不分也要計較到連每個 controller 最後一行的 render 該誰寫

不想後續增加麻煩就決定切（還沒有什麼資料進來所以後端沒寫多少東西）

好一陣子沒碰 React、Vue 之類的東西了，看了一下感覺重寫坑更多更難填

想想還是把現在的專案跟資料庫處理的部分直接砍掉接他的 API，剩下的繼續寫好了，還得額外煩惱登入驗證這塊怎麼處理

這也是種前後分離啦...
只是有種被別人強行挖走屁股的感覺就是了
----------
🗳️ [群眾審核] https://kaobei.engineer/cards/review
👉 [GitHub Repo] https://github.com/init-engineer/init.engineer
📢 [匿名發文] https://kaobei.engineer/cards/create
🥙 [全平台留言] https://kaobei.engineer/cards/show/5813

今年在 ModernWeb 分享的題目「pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題」，聽眾的回饋前幾天出來了。

雖然沒有 高見龍 大大突破圖表的那麼神 XDD，但也算是有達到自己的期待。其中聽眾的一些建議小編也會記下來，持續改進，期待明年的分享能夠讓大家更容易理解。

---

l 感謝以簡單易懂的方式，介紹CSR與SSR以及prerender
l 辛苦了~
l 給了前後端分離部署新的想法~
l 講解 CSR SSR 希望可以搭配 動畫 或 demo，流程圖無法清楚 SSR 為什麼這樣能運作
l 東西滿滿乾貨，但小弟太廢，當下跟不上QAQ，希望有人錄影
l 有點難吸收 但很實際
l 我目前使用的是 Angular Universal，不過我覺得大神透過 pppr 實作的 SSR 架構，效能上更佳，未來會嘗試採用這樣的 SSR 架構
l 謝謝
l 有點深，名詞帶回家當作業
l 講的非常好
l 謝謝
l 謝謝分享
l 沒什麼好說的
l 謝謝老師
l 有點卡...
l 講得有共鳴
l 感謝用心分享
l ppppppppppr
l 覺得講者技術很高深
l 講解得非常清楚，對CSR&SSR有更深的理解
l 謝謝分享PPPR~
l Good
l 讚
l 很清晰易懂
l 感覺用得到，感謝
l 實用，新手也很喜歡聽
l 很棒的分想，會讓人想試試 pppr！
l 謝謝分享!
l K旺大大講的內容雖然不是很懂，但在初學前端知識的我，了解到寫網頁會接觸到許多部份，透過前後端的配合，才能把網頁寫好寫完整，也會在空閒時間去深入了解pppr。謝謝大大。
l 嘸
l 讚
l GOOD
l great
l 後半部曲線突然升高了
l 感謝講者群在聊天室的補充
l 感謝
l 我是後端工程師，但是支援少部分前端，能學到SSR的技巧真是太好了
l 很棒的內容
l 內容實用
l 讚....讚不絕口
l 太難拉 聽到一半開始放空
l 講得稍微有些快 簡報都看不到ˊˋ
l 聽不是很懂，但原來可以這樣做，未來可以試看看
l 可!
l 有點困難（可能是因為公司平常是由後端在處理ssr的部分）
l 我沒用過
l 讚讚 強強滾
l 學習到一個新架構/想法，只是要一直改user agent就.......
l 普通
l 贊
l 最近常用javaScript 學到了許多知識 更上一層樓了
l 可以上傳這一位講者的影片檔嗎
l 一直都很喜歡Funliday，之前不知道有pppr可以使用，而且還這麼方便
l 之前有聽過偷米分享前端怎麼做SEO，今天聽K大分享，雖然很多地方懵懵懂懂，但是聽到了新東西，感覺很棒。
l 希望可以多一點老師露出的畫面（欸
l 放著當背景音樂聽，但這堂好像意外地很吸引人

#funliday #pppr #prerender #ssr

めっちゃチョコを使ったチョコバナナケーキ。
しっかり焼いてバナナとチョコが一体化したら、まったり濃厚なバナナチョコケーキの出来上がり。
ワンカット食べたら満足満足♡

フォロー&いいね! も お願いします!!!!!!
🍫twitter
https://twitter.com/cookkafemaru
🍫instagram
https://www.instagram.com/kafemaru/?hl=ja

れしぴは下にあります。

==================================================

最新刊も発売中～本屋さんで見てもらえると嬉しいです!
みんな買ってねーーーー!!!

「大人気YouTuber “cook kafemaru”の
　罪深いスイーツ」

Amazonはこちらから購入できます↓↓↓
https://www.amazon.co.jp//dp/4046048948/
==================================================
「世界一作りやすいおうちスイーツ」もおかげ様で
「9刷」になりました。
どうもありがとうございます。

Amazonで購入できます。↓↓↓
https://www.amazon.co.jp/dp/4046045116/

もしもお住いの近くの本屋さんになかったら、セブンイレブンの
オムニ7でネット予約し、セブンイレブン店頭受け取りで買うことができます!
=============================================

【Ingredients】5.9inch (15cm) cake tin
210g Dark chocolate
50g Unsalted butter
2 Eggs(110g)(room temperature)
30g granulated sugar
10g Cake flour
1 Banana

【Directions】
Preparation:
Line the cake pan with parchment paper.
①Beat the egg well.
②Melt chocolate and butter in a microwave.
preheat the oven to 170℃(338 °F)
③Add the sugar, beaten egg,and mix.
④Add Sifted flour and Mix.
⑤Pour the mixture into a pound cake tin.
Banana slices on top.
⑥Bake at 170℃（338°F）for 40 minutes.
⑦Cool completely on wire rack.

***れしぴ置き場***

【材料】15cm　丸型
ビターチョコレート 210g
無塩バター 50g
卵　2個(Mサイズ位 110g)室温
グラニュー糖 30g
薄力粉 10g
バナナ(出来れば完熟)大1本

【作り方】
準備:
型にはクッキングシートを敷いておく。

①卵は割ってよく溶いておく。
②耐熱容器にチョコとバターを入れてラップなしで電子レンジ600w1分30秒加熱して溶かす。
***加熱しすぎないように注意する。
加熱しすぎて高温になるとチョコが分離して脂が浮き出ることがあります。
1分すぎてからは20秒ずつ様子を見ながら加熱してください。
不安な方はレンジ加熱1分後に50℃位の湯せんにかけてチョコをゆっくりと
溶かしてください。(溶かすチョコの量が多いときはこの方が早くて楽です)
またはレンジ加熱せずに湯せんにかけて溶かす。
(お湯が入らないように気を付ける)
オーブンを170℃に温め始める。
③チョコが溶けたら砂糖、溶き卵を加えてゆっくりと混ぜる。
④薄力粉を茶こしなどでふるい入れる。
***茶こしなどがないときはビニール袋にいれてしゃかしゃかふって加えてもok
大きなダマなどがなくなり空気を含んだ状態になれば生地に混ざりやすくなります
⑤生地を型に流し入れ、上にバナナのスライスを乗せる。
⑥170℃に温めたオーブンで40分焼く。
***バナナの水分とたっぷりのチョコと薄力粉が少ないレシピのため焼き上がりがトロットした感じになりますが、冷めるとしっかりします。
中心が極端に焼けていないときはプラス5分ほど焼いてください。
***スクエア型もサイズが同じなら焼き時間は同じでokです、お使いのオーブンに合わせて微調整
お願いします。
⑦ケーキクーラーの上で冷ます。

*冷めたらラップをして保存は冷蔵庫で。
焼いた日を含めて3日で食べきってください。
*チョコはカカオの香りが強く、色味も濃いビターがおススメ!
*オーブンは予熱をしっかりと!
真冬は特に扉の開閉で庫内温度が下がってしまいます、焼き加減を気にするあまり
何度も扉を開け閉めするとそれだけでかなり温度が下がり、焼くのに時間が
かかってしまうことに。
しっかり温めてから素早く入れてある程度焼き上がるまではオーブンは開けずに
焼きましょう。(オーブンに加熱ムラがあるときは急いで前後を入れ替えます)

新頻道成立！歡迎訂閱及加入：
【游泳私房話】YouTube：http://bit.ly/swimmer_privatetalk
【游泳私房話】FB社團：http://bit.ly/FBswimmer_privatetalk
－－－－－－－－－－
◉ 訂購 剛剛好水餃：https://shopee.tw/privatetalk

THE 6獨到之境
全新BMW 6系列Gran Turismo品味亮相
Gran Turismo壯遊，源自於歐洲貴族為豐富自我、挑戰自我並開拓自我的深度旅程，藉由深度且親身的接觸，感受每一分旅途中的文化薈萃，拉高視野格局並深度探索自我，體驗以往不曾親臨的感動；全新BMW 6系列Gran Turismo則是以此為底蘊，透過豪華重新詮釋壯遊意志並深植於設計理念，BMW慧眼獨到的美學品味塑造出優雅流線外型，結合大型豪華房車的舒適氛圍與敏捷操控的動感靈魂，傾全力雕琢旗艦GT之作，以不拘泥於框架的全新級距、媲美旗艦車款寬闊車室空間與駕馭感動，陪伴駕駛恣意馳騁，探索唯我獨到之境。

BMW總代理汎德於台北市Bellavita寶麗廣場打造祕境森林，展演全新BMW 6系列Gran Turismo，邀請媒體及車迷朋友一同感受並探索唯我獨到壯闊之境，導入兼具豪華與舒適機能的全新BMW 630i M Sport，鋪陳大器優雅，以饗喜愛鑑賞美學的品味人士，駕馭自在從容。

型塑優雅風範 勾勒斜背美型


全新BMW 6系列Gran Turismo風格自成一格，奠基於精雕細琢的美學風範，演繹出眾而獨到的優雅品味，經典BMW雙腎型水箱護罩以一體式造型搭配具備主動轉向照明功能的全新L型智慧LED頭燈組，融合科技與經典，創造更顯簡約質感的風尚；全新雕琢的Air Curtain氣簾融入更具氣勢的M Sport前保桿設計，優雅姿態淋漓展現；目光移至車側，映上的則是BMW 6系列Gran Turismo充滿動感的肌理線條，同時透過畫龍點睛的方式以鍍鉻窗框勾勒出流暢車身線條，若是喜愛運動風格更可選擇黑色高光澤窗框，斜背車頂輪廓輔以Hofmeister kink C柱曲線無框車窗設計，以及呼應車頭線條的3D LED立體尾燈搭配全新M Sport後保桿及矩形尾管，更是再次強化整體車身線條的動感俐落，完美詮釋BMW純正運動血統。

不僅美型，BMW更將性能基因自然地融入全新BMW 6系列Gran Turismo，精心設計的M Sport套件包含M款空力套件、M字樣車側銘牌、雙邊單出矩形排氣尾管、M款多功能真皮方向盤、M款駕駛踏板組、M字樣前車門門檻、黑色車內頂篷、M款煞車套件與專屬19吋M款雙輻式輪圈其中藍色煞車卡鉗更顯耀眼，以此彰顯性能意圖並營造十足視覺張力。全新BMW 6系列Gran Turismo M Sport車身套件所打造的空力設計，強化了導引輪拱周圍氣流的效果，搭配車尾配置的主動式擾流尾翼，可在車輛時速達到120km/h主動升起，提高車尾下壓力表現強化車輛高速行駛時的穩定性演出，整體空力系統的升級，使油耗表現與行駛舒適性更為進階。

貼心科技 盡享舒闊之旅


感受優雅從容，全新BMW 6系列Gran Turismo在車室內的每一分細節上雕琢，首先映入眼簾的Fine-wood梣木紋飾板與Sensatec皮質包覆儀錶檯，觸感舒適柔軟的Nappa真皮菱格紋雙前座舒適型電動座椅與鍍鉻材質點綴的操作介面，烘托出極致豪華韻味，觸手可及的M款多功能真皮方向盤含換檔撥片更是以絕佳彈韌握感，造就極其精緻的駕乘氛圍。

壯闊旅途不僅需要非凡優雅之姿相伴，更需舒適且靈活的空間布局貼近旅途需求。全新BMW 6系列Gran Turismo底盤源自於7 系列旗艦車款，具備如同頭等艙般的豪華寬敞車室，長達3,070mm的軸距建構出兼具實用並可與家人朋友輕鬆共享的寫意空間，全景式電動玻璃天窗讓車主享受旅途中的每一分璀璨美景，而雙後座Alcantara麂皮頭枕、後座椅背電動調整功能與16具harman / kardon揚聲器，更讓每一趟旅程從啟航之際便是舒適盛宴。在五人乘坐狀態下具備600公升的行李廂容積，透過40/20/40分離可傾倒後座椅背的輕鬆切換，後廂空間最高可擴充至1,800公升，滿足多樣化空間需求。

全新BMW 6系列Gran Turismo以經典的駕駛導向設計為本，將新世代科技與靈動美感空間結合，透過12.3吋虛擬數位儀錶與12.3吋中控觸控螢幕鋪陳的全數位虛擬座艙，輔以位居車壇領先地位的iDrive 7.0操作介面、無線Apple Carplay/Android Auto功能、加大面積16%的HUD車況抬頭顯示器，更可同步智慧型手機整合系統，投放Google Maps或Apple Maps導航路線；以及全新升級的BMW智慧語音助理2.0，加入NLU自然語言辨識功能，讓車主在使用時能透過更加直覺且口語化的方式與助理進行互動，不論是車輛狀態或是旅途行程資訊，皆能透過全新BMW智慧語音助理2.0協助，成為旅途中的最佳夥伴。

BMW不只讓車主享受從容自適的豪華旅途，從啟程之際便能體驗BMW引領車壇的科技實力，全新BMW 6系列Gran Turismo標配智慧Comfort Access免鑰匙系統及iPhone手機數位鑰匙，除了門把感應的開鎖/解鎖功能外(可視需求另外設定手機解鎖密碼)，還可透過iPhone內建的Wallet錢包功能以iMessage分享數位鑰匙；同時，只要將手機放在無線充電座上便能直接啟動引擎，讓車主就此拋下翻找車鑰匙的慌忙，以優雅用車姿態恣意駕馭，使全新BMW 6系列Gran Turismo的靈動美感透過科技氣息的襯托而更昇華。

構築安全之上 48V高效複合動力御風馳騁


不論是心馳神往的駕馭體驗抑或是御風而行的壯闊之旅，安全向來是無可妥協的先決要件。全新BMW 6系列Gran Turismo採用輕量化高鋼度車身與前鋁合金雙A臂、後鋁合金多連桿懸吊幾何，完整標配BMW Personal CoPilot智慧駕駛輔助科技，包括主動防撞輔助系統與行人偵測、主動車距定速控制系統、主動車道維持輔助、壅塞交通輔助系統、車側防撞輔助、路口車流防撞輔助、閃避轉向輔助、盲點偵測系統、前後方車流警示、後方防追撞警示、360度環景輔助攝影等以外，更新增自動倒車輔助系統，同時升級道路虛擬實境顯示功能，清楚顯示車輛周圍的狀況於儀錶中央區域並搭配速限提示功能，給予車主最全面的安全防護。

BMW向來立足於科技的前端，以領航者之姿展現巨擘實力，為全新BMW 6系列Gran Turismo搭載全新進化的BMW EfficientDynamics高效動力科技，導入48V高效複合動力。BMW 630i M Sport配備BMW TwinPower Turbo直列4汽缸汽油引擎，擁有258匹最大馬力、400牛頓米的最大扭力，搭配Steptronic運動化八速手自排變速箱，而全新導入的48V高效複合動力系統內建啟動發電機與第二具電池輔助，可於全油門急加速時啟動eBoost功能，提供額外11匹馬力輔助，有效降低渦輪遲滯特性，優化加速表現並提升舒適性；當車速低於15km/h時系統會提早關閉引擎，車輛慣性滑行與煞車時，系統會主動回充電能，若是車輛動態行車模式為EcoPro與Comfort且車速介於25km/h至160km/h之間，駕駛鬆開油門時便會關閉引擎轉為慣性滑行，而受惠於48V高效複合動力系統提升20%的引擎啟動速度並大幅降低引擎啟閉時的震動，駕駛輕踩油門或煞車後，引擎會以幾無察覺狀態重新啟動，不僅有效降低油耗，更打造加倍舒適的乘坐體驗。

全新BMW 6系列Gran Turismo不僅具備48V高效複合動力系統，擁有傲人技術的BMW TwinPower Turbo引擎更是在BMW 6系列Gran Turismo完美展現精湛功力。透過雙渦流單渦輪增壓技術、高精度噴射、VALVETRONIC全可變氣門正時和Double-VANOS可變凸輪軸正時等技術，將最大噴射壓力控制在200至350 bar之間，讓燃油控制精準度更佳，確保燃油使用接近完全燃燒境界。新世代BMW TwinPower Turbo引擎亦擁有鋁質輕量化、極小化等雙重優勢，結合強大的運作效率，達成靈敏的動能反應與迅速的轉速特性，全新BMW 630i M Sport，擁有258匹最大馬力，0-100加速6.5秒，輕快的油門反應與運動表現，讓BMW 6系列Gran Turismo的車主可盡情沉浸每一分鐘，享受每一個彎道，恣意徜徉無拘無束的駕馭快感。

全新BMW 6系列建議售價：３６８萬

◉ 訂購 剛剛好水餃：https://shopee.tw/privatetalk

網站：http://www.autoprivatetalk.com
FB：https://www.facebook.com/harry.liaokang
社團：https://www.facebook.com/groups/autoprivatetalk
主講人/剪輯後製/企劃：廖剛
註：不會有字幕(我手邊沒有人力)(但你有興趣也可以幫我上字幕)、不要用粗話罵人～

#6-series #6GT #剛剛好水餃

新頻道成立！歡迎訂閱及加入：
【游泳私房話】YouTube：https://www.youtube.com/channel/UCWfGGxRvTJwgZz6Wak2zalw
【游泳私房話】FB社團：https://www.facebook.com/groups/swimmerprivatetalk
－－－－－－－－－－ Mercedes-Benz 豪華小型車 在台銷量5年翻轉近6倍
「The new GLA不止於此」全新改款個性登場

新世代豪華小型車攪動市場 銷量與風潮同時具增
自2012年Mercedes-Benz新世代豪華小型車家族陸續登陸台灣市場以來，承襲三芒星一貫的豪華典範，更賦予不同家族成員鮮明的個性訴求，有熱血豪華掀背代表A-Class、豪華運動跑旅B-Class、打破傳統框架的四門轎跑CLA與五門獵跑CLA Shooting Brake，以及新生運動跑旅GLA，滿足年輕買家對於Mercedes-Benz各面向的不同想像與用車需求，因此造就極為出色的銷售表現。從2012年僅具備A-/B-Class兩位成員，2016年全員到齊狀態下，銷售量從每年千餘輛翻轉近六倍，提升到年銷售六千多輛的規模。不僅大獲市場肯定，新世代豪華小型車家族更因此引領市場潮流，眾家車廠起而效尤。豪華小型車市場，儼然成為台灣與世界車壇當紅級距。
其中於2013年問世的GLA，因同時擁有Mercedes-Benz新世代豪華小型車家族與豪華休旅家族的雙重身份，讓其不僅有著活力與熱情特質，更有著不安於室的靈動因子，粗獷與個性兼具，讓Mercedes-Benz成功開拓豪華小型休旅車市場藍海，不僅放眼全球市場皆然，於台灣市場更是如此；2014年6月正式在台上市後，銷量表現立刻讓此豪華進口小型休旅市場容量增加近50%，迄今仍是成長最快的市場級距之一。鑑於GLA所帶起了市場效應，為持續保持領導姿態，Mercedes-Benz於2017年北美車展推出再度進化的The new GLA，台灣賓士則於今日（5月23日）正式在台發表，The new GLA不僅止於外觀與內裝面的全面升級，更迎來了Mercedes-AMG GLA 45 4MATIC與空前的AMG專屬空力套件，再次突破框架，盡情揮灑自我！

個性美學面面俱到 The new GLA造型設計風格更具
風格面的強化，是The new GLA給予人視覺面的第一印象，受惠於全新鍍鉻雙格柵式水箱護罩與SUV越野造型前後保桿的搭配，加上原有經典的引擎蓋隆起肌理線條，更強化了The new GLA的戶外個性；全新造型的LED頭尾燈則為The new GLA的個性造型點出了科技感；車尾的雙排氣鍍鉻尾飾管與行李箱鍍鉻飾條的點綴，畫龍點睛的賦予了更臻上乘的質感表現。
延續Mercedes-Benz一貫的客製化服務，The new GLA針對不同車型推出專屬風格套件：Style套件、Urban套件、及AMG Line跑車化套件任君挑選，配上新增的古銅金車色，想要什麼風格，The new GLA都能滿足你。
走入座艙，駕駛前方的儀表板經重新設計，提升了資訊辨識度也增加質感呈現。整合七吋高解析度TFT螢幕的Audio 20單片CD音響系統，不僅增加了倒車輔助攝影功能提升行車安全，也配置智慧型手機整合系統，讓用車生活現代人習慣的科技生活更能無縫接軌。The new GLA全車系增列EASY-PACK電動啟閉尾門，還提供Hands-free access 行李廂感應啟閉功能選配，用車機能再度升級。

動力單元選擇豐富 地表最強四缸引擎壓陣演出
動力車型編成方面，延續先前廣受好評、汽柴油動力單元兼具策略，The new GLA提供GLA 180與GLA 200兩款汽油車型，同樣搭載1.6升渦輪增壓直列四缸汽油引擎，前者具備122hp/200Nm動力輸出，後者則為156hp/250Nm。柴油車款GLA 200d則搭載2.2升渦輪增壓直列四缸柴油引擎，以高達300Nm的優勢扭力帶來充沛的加速感受。壓軸的頂尖性能王牌，同樣由Mercedes-AMG GLA 45 4MATIC壓鎮演出，搭載地表上最強、原廠代號M133的2.0升渦輪增壓直列四缸汽油引擎，具備381hp/6000rpm最大馬力與475Nm/2250~5000rpm峰值扭力輸出，強悍輸出透過AMG SPEEDSHIFT DCT七速自手排變速系統傳輸，可於4.4秒內完成0-100km/h加速過程，麻辣的頂尖鋼砲實力傲視車壇，無人可出其右。
優勢性能以外，Mercedes-AMG GLA 45 4MATIC也於此次The new GLA問世之際帶來了嶄新的造型設計元素，除了家族一致的全新造型LED頭尾燈以外，車頭換上了全新的AMG銀色鍍鉻前擾流與氣壩兩側的AMG黑色導流鰭片，與車尾後保桿下方的四道直瀑式鰭片下護板相呼應。因此造型面的潤飾，讓Mercedes-AMG GLA 45 4MATIC風阻係數更降至0.33 Cd的優異成績。
座艙內的進化同樣讓人驚艷，除了延續The new GLA家族導入的全新設計儀表板外，儀表板上緣採用ARTICO包覆，AMG方向盤與排檔桿造型也以更俐落的造型展現運動味，最後輔以運用黑紅線條彩繪而成的全新AMG專屬飾板，為座艙內的熱血風格點出最重點主題，一入座就難以自拔！
為了更熱血的車主們，Mercedes-AMG特別準備了霸氣的AMG Aerodynamics Package空力套件，以黑色做為主軸，將前擾流下緣、側裙與後下護板皆換上了黑色塗裝，更於車頂尾端加裝分離式亮黑色AMG後尾翼，為整體的運動氣息做了最佳結尾。
「不止於此」的The new GLA新生運動休旅，以全新進化姿態再次切入市場，更具個性與設計感的造型設計，搭配多樣風格的專屬套件，輔以性能王牌Mercedes-AMG GLA 45 4MATIC壓陣，讓The new GLA帶來了更卓越的實力。The new GLA，絕對不止於此！

⬛本影片已取得【digiMobee移動生活網】授權使用

◉ 訂購 剛剛好水餃：https://shopee.tw/privatetalk

網站：http://www.autoprivatetalk.com
FB：https://www.facebook.com/harry.liaokang
社團：https://www.facebook.com/groups/autoprivatetalk
主講人/剪輯後製/企劃：廖剛
註：不會有字幕(我手邊沒有人力)(但你有興趣也可以幫我上字幕)、不要用粗話罵人～