Chromecast Audio

Chromecast Audio 去年發表的時候就很想買了 沒想到台灣遲遲沒有開賣

感謝好朋友幫我從美國帶回來,可以提前嘗鮮!

總共有兩個接口

  1. 3.5mm 音源 output: 用來連接音響的
  2. micro USB:電源 (有附線材和充電器)

設置

安裝方法和 Chromecast 應該是一樣的

  1. 使用手機或平版到 App Store 搜尋下載官方的 Chromecast App ,打開後就可以開始設定裝置
  2. 幫 Chromecast Audio 命名 (建議不要包含特殊字元或空白,純英數佳)
  3. 填入家中 WiFi 帳號密碼 (讓Chromecast 能夠連上加中的 WiFi , 之後就可以透過裝置連接家中 WiFi 來播放

使用

Spotify 有支援能夠在 App 內選擇要在哪個裝置上播放,相信有用 Spotify 的人都知道,只要連接到 Chromecast Audio 的相同 Wifi 上,在播放裝置列表就能看見 Chromecast Audio 了

Mac & Windows 投放

當然只在手機上使用是絕對不夠方便的,如果用電腦到一半還要去操作手機就太 low 了,好在有廣大的開發者,提供了開源的桌面應用程式

感恩開源,讚嘆開源

留言與分享


從前可能需要每個檔案都自己人工 import jquery、react

現在透過 webpack 的 ProvidePlugin 可以幫你將 dependency 自動 import

不只是 react , jquery 或其他 lib 都可以使用

使用方法

把 ProvidePlugin 加到 webpack.config.js 的 plugins

example

1
2
3
4
new webpack.ProvidePlugin({
'React': 'react',
$: "jquery"
})

原理是 webpack 在 build bundle.js 時,如果發現 'React' 、 $ ,就會自動去 import 設定中對應的 dependency

例如 使用 React 時

1
React.createClass()

就會自動去 import react

Reference

官方文件

https:[email protected][email protected]lugin-69e7feb69e#.o6x19nno8

留言與分享

這幾天在幫公司處理 iOS APP 上架的事情,整個流程需要一堆簽章,真的很麻煩

其中最雷的就是這篇要講的證書的簽發者無效,是什麼證書的簽發者無效呢?

我所有的 Apple 開發相關憑證上面全部都寫簽發者過期....

查了才知道是 Apple 之前給開發者的憑證 ( Apple World Wide Developer Relation Certification Authority ) 有效期限到 2016.2.14 ,也就是說這是一個熱騰騰的雷阿!

解決方法:

  1. 打開 Keychain 在登陸和系統中刪除過期的這一個 Apple World Wide Developer Relation Certification Authority
  2. 下載並安裝這個新的憑證 WWDR intermediate certificate

安裝之後再回去看一下Keychain應該就不會出現簽發者過期了,新的有效期限是 2023.2.8

Reference

http://blog.leanote.com/post/kilig/Failed-to-locate-or-generate-matching-signing-assets

留言與分享

Github Blog 架設 - Hexo

分類 Blog

最近在爬文學習前端技術時,發現不少網誌都是用 github 的靜態網站來當 blog,覺得很酷,而且也不必煩惱主機的事,便搜尋了一下建立的方法,發現有滿多語言框架可以快速建立

  • JavaScript : Hexo
  • Ruby : Jekyll
  • Python : Hyde
  • PHP : Phrozn

因為對於 js 較為熟悉所以選了 Hexo 來嘗試看看,先說心得好了, Hexo 框架真的很強大,blog 大多功能幾乎都包含在裡面了,而且只需透過編輯 _config.yml ,就能完成架構及功能設定,有些功能雖然是需要另外安裝 plugin 的,使用方法都相當簡單,程式碼都埋好了,只需申請服務後,填入 id 到設定檔就可以了

  • Sitemap
  • RSS Feed
  • Google Analytics
  • Comment: Disqus

Setup

instal Node.js & Hexo

已經有 Node.js 環境可以直接安裝 Hexo

$ npm install hexo -g

詳細可以參考這裡 安裝 Hexo

Init Your Blog

hexo init <blog_name>

cd <blog_name>

npm i

再加裝一些 plugin

npm i hexo-deployer-git hexo-renderer-ejs hexo-renderer-marked hexo-renderer-stylus --save

hexo-deployer-git: deploy to github

hexo g # 產生 blog

hexo new # 建立一個新的文章

hexo s # hexo server 讓 blog 可以在 local 端檢視 http://localhost:4000

Blog Setting

前面有說過只需要透過設定 _config.yml 就可以完成,這邊需要注意的是, _config.yml 有兩個,一個在專案根目錄,另一個在 theme 資料夾裡

Blog Deploy

deploy 到 github 前需要先到 github 開一個 repo

接著將 repo 的資訊填寫到 _config.yml 的 deploy 部分

1
2
3
4
deploy:
type: git
repository: [email protected]:yourname/yourRepo.git
branch: gh-pages

url 的部分也需要調整一下,下面是範例

1
2
url: http://xxx.github.io/Blog
root: /Blog/

透過指令部署之前請先確定你有 github 的 SSH key

沒有的話請參考 這篇

然後就可以部署到 github 上了

1
hexo d # hexo deploy

Reference

Hexo offical docs

Hexo 中文安裝教學

http://v123582.github.io/blog/2015/10/25/用-hexo-建立一個自己的部落格/

留言與分享

DMoon

熱愛科技的資工系學生,喜歡學習新的技術

目前主要開發 Web APP

較熟悉的技術是 Node.JS / React.JS


學生 / 創科資訊實習生


Taichung, Taiwan