Bobo的技術時光屋

近期有不少社群活動都辦在「 新北創力坊 」，地點位在捷運「台北橋站」的捷運共構大樓，出捷運站就到了！交通實在有夠便利。 有次帶新朋友去那裡需要使用無線網路，但找不到 wifi 密碼，問了一輪大家都不知道密碼... 因為大家在第一次輸入時就按記憶密碼，沒有人記得也是正常的 @__@ 那麼是否辦法將已輸入的密碼顯示呢？ 記得以前在 Windows 可以使用偷看密碼的工具，而 Mac 其實不用那麼麻煩，直接有內建的方法可以查看喔！ 以下來介紹該如何顯示輸入過的無線網路密碼： 1.由於 Mac 會幫我們管理所有儲存過的密碼，我們可使用 Spotlight 呼叫「鑰匙圈存取」來檢視： 點選右上角「放大鏡」(或是按快捷鍵 control + space)，並輸入「key」 2.列出曾經連線過的無線基地台名稱： 點選新北創力坊的 wifi 名稱：innosquare 3.勾選「顯示密碼」，並輸入系統登入密碼： 4.密碼就顯示出來囉！完成！ 新北創力坊 wifi 密碼：newtaipei Bobo內心旁白：「 有人的地方，就有江湖，有密碼的地方，就有忘記密碼的需求...Mac 實在是真貼心~ 」。

因為接下來有機會去國外參加 Conference，想趕緊加強技術相關的英文聽力， 目前除了有在聽 Pearson English One 課程之外(主題比較偏向商業環境的英文) 想說如果有和 Web Development 技術相關的主題那就更好了！ 找了一下發現這個  The five minute geek show ，聽了一陣子覺得還挺有趣的，推薦給大家 這是由 Laravel 社群相當知名的大神 Matt Stauffer 所主持， 閒聊的主題相當廣泛，包含了 Frontend dev, backend dev, audio, design, podcasts 等。 一週有兩集，每次只要短短的5分鐘(雖然最近幾次都是超過5分鐘，講得太盡興了XD)， 如果想看畫面的話也有影片版本：YouTube Matt Stauffer 頻道   Bobo內心旁白：「最後的嬰兒聲好可愛呀~ The 5 minutes geek show~」。

1. PhpStorm  PHP 的夢幻逸品 IDE PhpStorm 支援多種重構方法 鼎鼎大名的 PhpStorm IDE 功能超級強大! 對於重構的部分也支援多種方法，官網有 詳細的介紹 ： Change Signature Copy/Clone Extract Constant Extract Field Extract Interface Extract Method Extract Parameter Extract Variable Extract Variable for Sass Inline Move Refactorings Pull Members up Push Members down Rename Refactorings Safe Delete 這邊以 Extract function 來示範： Before After <? php if ( ' POST ' != $_SERVER [ ' REQUEST_METHOD ' ]) { header ( ' Allow : POST ' ); header ( ' HTTP / 1.1 405 Method Not Allowed ' ); header ( ' Content - Type : text / plain ' ); exit ; } ?> <? php function printEmptyHeader () { header ( ' Allow : POST ' ); header ( ' HTTP / 1.1 405 Method Not Allowed ' ); header ( ' Content - Type : text / plain ' ); } if ( ' POST ' != $_SERVER [ ' REQUEST_METHOD ' ]) {

在 Twitter 上宣佈 Laravel5.1即將推出 Laravel 5.1 將在6月9號正式推出!! 這將是 Laravel 的第一個 LTS 版本，伴隨許多新功能，文件也預期會有大幅更動。 因為是架構在 Symfony2.7 之上，預期也將會支援 PSR-7。 其他像是 Lumen、 Silex 也是使用了 Symfony 的 HttpFoundation component，所以也一樣會支援 PSR-7。 補充： LTS (Long Term Support, 長期支援)版本意味著更加穩定與可信賴，有2年的 bug 修復支援，以及3年的安全性問題支援，朝企業級軟體等級邁進。 而為了完整支援 PSR-7，Symfony2.7 先使用了 https://github.com/zendframework/zend-diactoros 來相容原有的 requests 和responses。

手機上 Ptt 一定要額外安裝 App 嗎？ 之前為了在手機上瀏覽 Ptt 的文章，和大多數人一樣都額外安裝了一些 App 用了一陣子後發現有幾個問題： 多半時間僅是瀏覽文章，而發文、推文等功能相對少用(就…潛水呀@_@) 相對地這些 App 使用頻率低，還會佔用系統資源。 需要去習慣這些 App 的瀏覽操作。 相較於 BBS，大家多半還是比較習慣 Web 的操作。 某天在捷運上滑手機時，突然想到 Ptt 應該有提供 RSS feed 吧？ 上網查一下發現～ 果然有！而且還是官方提供的！ 既然有那麼事情就簡單了，直接搭配 Feedly 這套好用的 RSS 訂閱器，把 Ptt 各版的 RSS 文章匯入就可啦！ 如此，不論是 BBS 或是一般網站來源，都可以 在 Feedly 這裡有一致性的瀏覽體驗 ！超讚！ 批踢踢的 RSS 格式如下： http://rss.ptt.cc/板名.xml 。 例如電影版就是 http://rss.ptt.cc/movie.xml PHP 版就是 http://rss.ptt.cc/php.xml 只要知道版名，就可以使用 RSS 訂閱你的最愛看板囉！ 甚至還可以搭配 IFTTT 服務來追蹤 ptt 特定板塊~ 而有不少應用(發現新大陸中)。

在 blog 顯示程式碼，除了先把 code 貼到 codepen、gist、pastebin 等第三方服務再使用嵌入程式碼的方始顯示，也可直接在編輯畫面使用 Syntax Highlighter 來高亮程式碼區塊，以下 Demo 幾種不同語言的程式碼。 bash Syntax Highlight ls -lh cat 1.txt PHP Syntax Highlight <?php echo "Hello bobo~" Route::get('/', 'WelcomeController@index'); Route::get('home', 'HomeController@index'); Route::controllers([ 'auth' => 'Auth\AuthController', 'password' => 'Auth\PasswordController', ]); JavaScript Syntax Highlight 'use strict'; $(function () { // Sidebar Menu var accordionWidth = $('#accordion').width(); $('#accordion').sticky({ 'topSpacing': 60 }).width(accordionWidth); // Editor $('.html').summernote(); // Cancel $('.cancel').on('click', function (e) { e.preventDefault(); if (confirm('Are you sure to leave this page?')) { window.h

原文： Node.js Framework Comparison: Express vs. Koa vs. Hapi 目前在 Node.js 上面最熱門的 3 套 Framework ，這篇文章從框架的背景與實作一個 Server 和最常用的 Routes 等面向來討論各種框架的特色與優缺點。 評比結果：還是由最出名的老大哥 Express 在各方面表現亮眼，不管是現有社群資源、框架成熟度都是大推，而 koa 則是後起之秀，最先擁抱 ES6 和 Web component 的思維，也頗值得關注。 心得：先摸熟 Express ，然後等 ES6 熟悉之後再來摸 koa，或是藉由 koa 來熟悉 ES6 似乎也不錯XD~