分類
Javascript

querySelector – Javascript的查詢選擇器

在有 jQuery 環境下, 操作選擇器很直覺, 不過沒有 jQuery 時, 如何進行相關的作業呢? 以下幾組為可能會用到的指令:

  1. document.getElementById 指定 id 來取得該物件 (唯一)
  2. document.getElementsByTagName 指定 html tag 來取得該物件陣列 (通常為多個)
  3. document.getElementsByClassName 指定 class name (可多組 class name 一起) 來取得該物件陣列 (通常為多個)
  4. document.querySelector 使用 css selector 來取得該物件 (注意, 僅傳回符合條件的第一筆)
  5. document.querySelectorAll 使用 css selector 來取得該物件陣列 (符合條件的多筆)

當物件被選擇出來後, 就可以進行操作了, 操作的方式可以再參考這裡:

http://www.w3schools.com/jsref/dom_obj_all.asp

在沒有 jQuery 的狀況下, 也能順利選擇物件, 並進行操作了.

分類
好用軟體

Mobizen好用Android投影與手機操作管理

這個 APP 是用來將 Android 手機畫面投到 PC/Mac 上使用的一個應用程式, 而 PC/Mac 只需要瀏覽器就可以操作了, 十分方便, 而且無需 Root.

官方網站: https://www.mobizen.com/

若是使用三星手機請下載: https://play.google.com/store/apps/details?id=com.rsupport.mobizen.sec

若是其他手機請下載: https://play.google.com/store/apps/details?id=com.rsupport.mvagent

開啟 APP 後註冊登入完成後, PC/Mac 端透過流覽器登入後, 即可使用, 除了可以投影出來外, 還可以錄影, 白板(在手機畫面上), 螢幕擷圖等, 也可以管理照片, 通訊錄, 等好用功能.

若有需要將手機投影出來的應用場合, 可以用這個方便好用的工具.

繼續閱讀:
http://www.playpcesor.com/2015/11/mobizen-usb-android-pc-mac.html

[2016/1/5 11:45]
更新一下, 之前常在用的 AirDroid 也已經有[螢幕截圖]這個功能的同步畫面了, 因為之前用都是 Capture 目前的畫面, 現在則是可以同步秀畫面了, 功能上也就和這個 Mobizen 一樣了, 在手機上裝 App, 然後從瀏覽器來看手機的畫面, 只是 AirDroid 的功能更多更方便呢.

網站連結: http://web.airdroid.com/
手機APP: https://play.google.com/store/apps/details?id=com.sand.airdroid

分類
好用軟體

VideoLink2me快速線上視訊會議網站

通常要開視訊會議需要高昂的硬體設備, 當然, 也有軟體的解決方案, 是不是有更快速的方式呢? 有的, 可以利用這個網站: https://videolink2.me/

只需要在線上直接建立視訊會議室即可快速發起視訊會議, 不用註冊, 馬上可以發起一個線上的視訊會議, 而且免費.

另外它也直接只有聲音參與的方式, 並可以有文字聊天與傳送檔案功能, 目前使手瀏覽器可用外, 還有 chrome browser 的 app: http://bit.ly/vl-chrome-app, 還有 iPhone/iPad 的 App: https://itunes.apple.com/en/app/apple-store/id983787504?mt=8

需要快速開個會嗎? 用 videolink2.me 試看看.

繼續閱讀:
http://www.playpcesor.com/2015/01/videolink2me-p2p.html

分類
WebTrend

有趣的Google Vision API

什麼是 Google Vision API, 先來看看影片吧:

(影片引用自: https://www.youtube.com/watch?v=eve8DkkVdhI)

功能是用 Google 的 Cloud API 來進行視覺辨識的功能, 影片中使用了 GoPiGo (http://www.dexterindustries.com/gopigo/) 來進行影像視覺辨識, 十分有趣而實用的功能, 好厲害呢.

這樣未來的應用就愈來愈多可能了.

繼續閱讀:

分類
程式技術

找不到的FlashMediaPlayback.swf

今天在查一個小問題, 就是使用 flash player 播放 video 的一個網頁, 發現完全沒有畫面, 結果是因為這個連結沒有檔案 (status=404) http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf

雖然是現在盡量不要使用 flash player 來播放 video, 不過這是因為一個 live streaming 的應用, 所以會播放一個 rtmp 的 video streaming, 也就使用了前面的官方 Flash Media Playback 播放器.

查了一會, 有篇官方的回覆在這裡: https://forums.adobe.com/thread/2013396, 說是已經停止下載了, 需要用戶自行 hosting 這個檔案, source 在這裡: http://sourceforge.net/projects/smp.adobe/files/ strobe media playback.

大家可以自行下載, 並 hosting 在自家網站上, 不要再連結到 adobe 了, 不然沒辦法使用了.

話說回來, 應該是要趕快改 html5 才對, 解決這個還在使用 flash player playback 的問題.

分類
Javascript

有趣的trackingjs javascript framework

這個利用 javascript 寫的 tracking js 用來做許多視訊與圖形辨識上的應用, 官方介紹在這裡:

http://trackingjs.com/

來看看他的應用有哪些:

  1. 相片裡的人臉辨識 http://trackingjs.com/examples/face_tag_friends.html 像 facebook 裡的標記朋友那樣的功能.
  2. 人臉的眼、口辨識: http://trackingjs.com/examples/face_hello_world.html
  3. 動態的人臉追蹤, 這是從 webcam 動態追蹤人臉: http://trackingjs.com/examples/face_camera.html
  4. 相片的顏色辨識: http://trackingjs.com/examples/color_hello_world.html
  5. 從 webcam 的影像做顏色辨識: http://trackingjs.com/examples/color_camera.html
  6. 從 video 中的影像做顏色辨識: http://trackingjs.com/examples/color_video.html

還有很多其他型式的應用, 簡單來說, 這個 framework 把原本是在應用程式中才能做的特殊影像辨識技術應用在 browser 裡的 javascript 來達來, 目前比較會有問題的是在效率的問題, 不過若是未來 browser 強化與隨著 cpu 等級提升, 相對這些也就都不會是問題了.

快來玩看看吧.

分類
WebTrend

IT界未來十年趨勢發展

從這裡看來的: http://www.uuu.com.tw/Public/content/Edm/150810_ITtrend1.htm
雖然是電腦學習課程的補習班文宣, 不過真的大趨勢如此:

  1. 智慧型裝置大流行》App應用程式仍未退潮
  2. 大數據Big Data》從大數據中找出新商機
  3. 網路資訊安全》防駭、資安將是每間公司都須要面臨的警戒話題
  4. 雲端應用》 Cost Down及管理是企業首要任務
  5. 3D列印》 Maker自造者在全世界都夯
  6. 物聯網》 下一個Big thing

來一一檢視看看,

  1. 智慧型裝置流行不是一天兩天的事了, 而這個從通訊變成娛樂化的個人終端設備, 目前已經是現在人不可或缺的工具了. PC, NB是 Profession的工具, 但智慧型裝置則是人手一支的設備, 商機就在這裡.
  2. 大數據的資料, 有效地解讀, 分析, 塑模, 再整理, 化整出來的內容, 可是十分驚人的, 探究這些數據的內容, 可以找出意想不到的事實與趨勢, 是一項利器.
  3. 資訊的安全是一直存在的課題, 只是現在隨手可得的數位化資產設備, 可能外流的資訊風險也就愈高, 當然也就是一門重要的課題.
  4. 雲端化是虛擬化的下一步, 有效利用將可節省大量的成本.
  5. 3D列印則是真真正正的新進步, 把以往需要費時費工的塑模打樣, 利用3D列印技術, 快速地成型完成, 甚至於量產, 大幅改善了以往生產與測試的瓶頸, 快速成型.
  6. 物聯網則是會愈燒愈旺, 不過是以野火燎原的方式, 在處處發生, 到處都會出現的方式, 在生活中逐一實現.

看到這樣蓬勃發展的技術科技, 什麼生意是可以實現, 可以努力的呢? 看看大家的創意發想吧…

分類
程式技術

寫程式需要天份與熱情嗎?

今天看到這篇: 寫程式不需要天份，也不需要熱情-http://blog.turn.tw/?p=2683

那麼, 寫程式倒底需要天份與熱情嗎? 坦白說, 所有的工作都需要天份與熱情, 也都不需要天份與熱情. 有天份, 就可以一開始做得好, 有熱情就可以持續下去, 沒有天份, 沒有熱情, 其實也只是一份工作, 有基本的工夫, 也可以做出一定的水準.

就像做手工, 做久了你就熟練了, 而且還可能熟能生巧, 有天份可以做得更好, 做得更快, 沒天份, 也能從努力去做而熟練. 至於有熱情, 就能持續保持高度的興趣, 能把持續這個工作, 而且不以為苦. 所以我們當然希望寫程式的人, 能有天份, 也能有熱情啊. (套在其他的工作上也是一樣的啊)

至於天份, 有時也是被訓練來的, 熟能生巧的巧也是這樣來的, 記得, 人是有學習能力的, 善用這個能力, 相信什麼事都能解決, 或都能找到方法解決, 這樣說會不會更容易一點.

而有天份的人, 會更快速, 更容易地達到這點, 若他更努力, 那成就也就更是非凡啦.

希望大家能共勉之.

分類
好用軟體

Google Keep終於有iOS版了

Google Keep, 好用的一個小型便條紙服務(包含筆記、清單、小提醒), 沒有 evernote 那樣龐大或重要的筆記功能, 只需要一點小提示或小記錄的工具, 非推 Google Keep 不可.

無奈之前只有 Android 手機有 APP 可以用, (桌機用網頁版就很方便了), iOS 一直沒有推出這個 APP, 現在終於上線了, 超方便好用的 Google Keep.

網站版(桌機用): http://keep.google.com/
Android APP: https://play.google.com/store/apps/details?id=com.google.android.keep
iOS APP: https://itunes.apple.com/us/app/google-keep-your-thoughts/id1029207872?mt=8

繼續閱讀:
http://chinese.engadget.com/2015/09/24/google-keep-ios/

分類
WebTrend

有趣的360全影攝影

剛在 youtube 上看到有趣的 360全景影片, 可以用滑鼠拖拉的方式進行角度的調整, 這樣的攝影方式十分有意思, 目前有一些全景相機(攝影機)可以錄製這樣的影像.

像是這款 Ricoh Theta:

RICOH Theta M15 全天球360°球型環景相機(公司貨)

來看看有趣的全景影片吧:

(引用自: https://www.youtube.com/watch?v=7IaYJZ2Usdk )

繼續閱讀:
https://blog.3bro.info/archives/youtube-360-degree-streaming-video/
http://www.playpcesor.com/2015/03/youtube360google.html

更多 Youtube 360影片:
https://www.youtube.com/channel/UCzuqhhs6NWbgTzMuM09WKDQ