#讓台灣更美的社計職人：一個人可以怎樣「看似離開家鄉，但卻不是真正的離開？」

楊宗翰就是一個很有意思的例子，也算是個典型的基隆人。15歲開始通勤人生，一開始只是在基隆與新北瑞芳間通勤，升上大學後，考到位在台北文山區的中國科大，離家越來越遠，他還是堅持通勤上下課。

這樣做是為了省錢嗎？他會笑著回答你「是」，除此之外，不想離開基隆也是他的理由之一。

離開是基隆人的宿命，回來是基隆人的心願，「往返移動」是基隆人的日常。大學畢業後，楊宗翰花了四個月只拍一條隧道，他怎麼用這部片，登上國際攝影獎的？

#CSR在天下 #社計職人 #基隆 #莫斯科國際攝影獎 #地方創生

#壹傳媒股價暴漲 #投資也是種投票

壹傳媒創辦人 #黎智英 10日被捕後昨天獲釋，這幾天壹傳媒股價暴漲，兩天累計漲11倍。雖然這次壹傳媒的股價暴的影響因素很多，不過它可不是特例，過去也有許多企業股價暴漲的例子。
　
像是「超越肉類」這家素漢堡肉公司，在2019年成為2000年網路泡沫頂點以來最成功的首次公開籌資（IPO）。
　
去年五月，一間加拿大咖啡連鎖Tim Hortons宣布把「超越肉類」的素香腸放上早餐菜單後，股價也跟著往上飆。
　
兩星期內，漲勢停不下來，股價幾乎翻了4倍！
　
#我們每一次的消費 #都在為我們理想的世界投票

投資也一樣，所以永續投資怎麼變成一種趨勢？現代消費者又如何用投資宣示政治立場的呢？
　
▲【立即訂閱 CSR@天下 電子報】http://bit.ly/33pQWtV
▲【立即加入 CSR在天下 臉書粉專】http://bit.ly/2PLATmi
　
#CSR #CSR天下 #企業社會責任
#ESG #股價飆升 #超越肉類 #永續投資 #責任投資

這一系列文總共有三篇，這是第一篇。

對於用 Vue, Angular, React 這類前端框架來講，如果沒有對 search engine 或 social network 特別處理的話，出來的結果一定不會如你所想的一樣。

因為 client side rendering (CSR) 的作用域通常是在 body 裡面的 container，所以對於 search engine 或 social network 來說，container 外的 head tag 只是一層皮，裡面的資料基本上沒有什麼用，因為解析出來的內容都一模一樣，沒有獨特性。

為了要讓每一頁的 head tag 都不一樣，最簡單的方式就是在 web 這一層的 expressjs server 多加一個特殊的 route，去 catch 所有 web 的 get request，類似附圖的程式碼。

然後搭配 path-to-regexp 來設定特定 url pattern 做不同的 head tag 設計，比如 kewang/trips/123 的 title 叫做 "kewang 的台北二天一夜行程"，kewang/journals/456 的 title 叫做 "kewang 的宜蘭三日遊記"，當然這裡的例子舉的很簡單，正規的做法應該要搭配資料庫來取得對應的 title 跟 og data 才對，也就是附圖程式裡面的 loadMetaDataFunction。

只要做好這類的處理，在 social network 上面應該就可以所向無敵了。但這世界可不只有 social network，更恐怖的谷歌大神還在後面等著你咧！

下一篇就來講一下如何對付搜尋引擎吧。

#prerender #funliday