使用 S3 + CloudFront + MediaConvert

AWS Elemental MediaConvert 可以編譯您輸入的影音檔案並轉換產出其他格式的影音檔案。MediaConvert 可以從 S3 取得來源檔或者通過 HTTP 或 HTTPS。整體步驟如下：

• 建立 S3 Bucket
• 建立 SSL 憑證，後續 CloudFront 欲使用自訂網址
• 設定 CloudFront
• 設定 IAM 權限
• 上傳 Video 使用 MediaConvert 轉譯

React 國際化

快速概覽：如何建置一個國際化的 React 應用程式。通過本文的協助您可以學會如何偵測使用者的本地資訊，將其儲存在 cookie 並允許使用者變更，提供不同語言的介面，適當的貨幣格式同時也包含一些常見問題的列表。

注意：本文為React Internationalization – How To 的翻譯/專案實作更新，大部分文章為翻譯原文，專案與實作則進行簡化與更新。該文由 react-intl 官方文件所推薦。
進行更新當下 react-intl 版本為 v2.9.0，因此稍微備註 v3+ 的一些警告。

直接先備份參考解答。

react-beautiful-dnd 有 3 個主要元件：

• DragDropContext - 建立一個可 DnD 的範圍。
  • onDragStart
  • onDragUpdate
  • onDragEnd
• Droppable - 建立可以被拖曳放入的區塊。
• Draggalbe - 可被拖拉元件

• 官方 Rails 5 參考

因舊有 Heroku Cedar-14 stack 將進入 EOL。

OSX $PATH 設定路徑

1
2
3
4
5
6
7
8
9
10

# ~/.profile
# ~/.bash_profile
# ~/.bashrc
# ~/.zshrc

# /etc/profile
# /etc/paths
# /etc/paths.d

$ /usr/libexec/path_helper -s

本文僅筆記在 Google Cloud Platform 上搭配本地端 ssh 金鑰快速建立設定 Compute Engine。

如果您曾好奇為什麼在網路上搜尋到關於 Let’s encrypt 的設定有各式各樣的作法，或者想要好好的理解一下 certbot 的使用方式那麼本篇筆記就是您所需要的。