初次研究 – 這世上 沒有偶然 只有必然 https://wordpress.lokidea.com 幻幽的小小分享區 Sun, 23 Jul 2023 09:27:58 +0000 zh-TW hourly 1 查詢自己的所有保單 https://wordpress.lokidea.com/2351/%e6%9f%a5%e8%a9%a2%e8%87%aa%e5%b7%b1%e7%9a%84%e6%89%80%e6%9c%89%e4%bf%9d%e5%96%ae/ https://wordpress.lokidea.com/2351/%e6%9f%a5%e8%a9%a2%e8%87%aa%e5%b7%b1%e7%9a%84%e6%89%80%e6%9c%89%e4%bf%9d%e5%96%ae/#respond Tue, 25 Jul 2023 09:21:47 +0000 https://wordpress.lokidea.com/?p=2351 閱讀全文 查詢自己的所有保單]]> 原來壽險工會，有提供一個『保險存摺』，

可以在實名註冊以後，查到自己所有申請過的保險紀錄。

雖然要付個一百塊，但是這樣其實挺方便的。

但是APP版本不能直接付費這件事情挺麻煩的。

#保單查詢
#一站查詢保單

]]> https://wordpress.lokidea.com/2351/%e6%9f%a5%e8%a9%a2%e8%87%aa%e5%b7%b1%e7%9a%84%e6%89%80%e6%9c%89%e4%bf%9d%e5%96%ae/feed/ 0 看電影預告發現鐵三角新的藍芽耳機 – ATH-SQ1TW – 11/12發售 https://wordpress.lokidea.com/2110/%e7%9c%8b%e9%9b%bb%e5%bd%b1%e9%a0%90%e5%91%8a%e7%99%bc%e7%8f%be%e9%90%b5%e4%b8%89%e8%a7%92%e6%96%b0%e7%9a%84%e8%97%8d%e8%8a%bd%e8%80%b3%e6%a9%9f/ https://wordpress.lokidea.com/2110/%e7%9c%8b%e9%9b%bb%e5%bd%b1%e9%a0%90%e5%91%8a%e7%99%bc%e7%8f%be%e9%90%b5%e4%b8%89%e8%a7%92%e6%96%b0%e7%9a%84%e8%97%8d%e8%8a%bd%e8%80%b3%e6%a9%9f/#respond Mon, 09 Nov 2020 17:19:35 +0000 https://wordpress.lokidea.com/?p=2110 閱讀全文 看電影預告發現鐵三角新的藍芽耳機 – ATH-SQ1TW – 11/12發售]]> 這篇不是業配

純粹就是自己很喜歡這次新款的鐵三角無線藍芽耳機

這次有六色，芥末黃、藍、粉咖啡、紺紅、白、黑
各款顏色這張圖應該比較清楚，
黑(上左)、藍(上中)、芥末黃(上右)
紺紅(下左)、粉咖啡(下中)、白(下右)

原本10/30去看電影就有看到預告裡面的廣告有寫，但是去官網怎麼找都沒有

然後官網的新品發表，在11/5號終於發布了文章

這次的型號是 ATH-SQ1TW
產品名稱是：真無線耳機

商品頁是 這邊

根據文章裡面寫的，耳機正式發表時間是 11/12 在台上市

剛剛搜尋了一下

發現博客來有賣 我是挺喜歡藍色款的

其他的大家也可以連過去看看自己喜歡哪一個顏色

然後Yahoo奇摩也有賣 把紺紅說成是 海軍紅

兩邊都是2790，這組感覺可以下手買

Yahoo的那邊也有我看到的官方影片介紹

OS: 正在猶豫顏色中…..

還有大家搜尋的時候要找對型號唷 是 ATH-SQ1TW

]]> https://wordpress.lokidea.com/2110/%e7%9c%8b%e9%9b%bb%e5%bd%b1%e9%a0%90%e5%91%8a%e7%99%bc%e7%8f%be%e9%90%b5%e4%b8%89%e8%a7%92%e6%96%b0%e7%9a%84%e8%97%8d%e8%8a%bd%e8%80%b3%e6%a9%9f/feed/ 0 Fig – 強化 terminal 的新玩具 https://wordpress.lokidea.com/2058/fig-new-better-terminal/ https://wordpress.lokidea.com/2058/fig-new-better-terminal/#respond Mon, 20 Jul 2020 05:05:00 +0000 https://wordpress.lokidea.com/?p=2058 閱讀全文 Fig – 強化 terminal 的新玩具]]> 這是 07/07出現在 Product Hunt 的新東西

https://www.producthunt.com/posts/fig-5

有點像是 Terminal 的外掛工具

官網有列出功能清單：

  • GUI Wrappers for Common CLI Tools
    • 把CLI工具使用GUI包裝起來使用
  • Search Documentation and the Web
    • 直接搜尋文件，或是透過網路找尋文件
  • Build Your Own Apps
    • 能建立自己的Apps
  • Fig for Teams
    • 用於團隊協作

畢竟現在 還在 Early Version，所以看起來都是前期介紹，不過接下來的發展應該是值得期待的

官網有寫到 支援所有的 Terminal，但是圖示只有放五個

圖示依序應該是：

  • Mac 官方 terminal 的 icon
  • iTerm 的 icon，這也是Mac上面的非官方 terminal
  • Alacritty ，一個跨平台的 terminal
  • Hyper，也是一個新的 跨平台 terminal 部落格介紹
  • 這是 Vscode的 icon，這邊終端機內建的應該都是power shell，應該再寫一篇專文介紹一下power shell的進化史，不過Vscode的shell都是可變更的

以上當然不只現在已知的所有 Terminal

官網也有寫到支援所有的 shell

自己對 shell 也沒有到全部了解，自己也只有用 bash 或是 windows下面的 power shell，或是windows下的命令提示字元(cmd)

有機會研究 shell 再來跟大家分享

引用來源：

Fig 官網

Fig Product Hunt 頁面

iTerm2 官網

Alacritty Github 頁面

Hyper：跨平臺的酷炫 Terminal

Hyper 官網

安裝 PowerShell – PowerShell | Microsoft Docs

Shell – 維基百科

Terminal emulator – 維基百科

List of terminal emulators – 維基百科

名詞解釋：

shell 中文翻譯叫 殼層，其實是抽象的控制核心層，維基百科有寫，分為 CLI 跟 GUI。

Terminal 其實是 Terminal emulator 的縮寫，其實就是在不同環境下面去模擬終端機，也是串接shell 去使用。當然也有一些 Terminal 會有自己的獨特指令。

]]> https://wordpress.lokidea.com/2058/fig-new-better-terminal/feed/ 0 hackpad 已經被 dropbox 買去並改名為 Paper了 https://wordpress.lokidea.com/1632/hackpad-%e5%b7%b2%e7%b6%93%e8%a2%ab-dropbox-%e8%b2%b7%e5%8e%bb%e4%b8%a6%e6%94%b9%e5%90%8d%e7%82%ba-paper%e4%ba%86/ https://wordpress.lokidea.com/1632/hackpad-%e5%b7%b2%e7%b6%93%e8%a2%ab-dropbox-%e8%b2%b7%e5%8e%bb%e4%b8%a6%e6%94%b9%e5%90%8d%e7%82%ba-paper%e4%ba%86/#respond Thu, 13 Jul 2017 03:30:09 +0000 https://wordpress.lokidea.com/?p=1632 閱讀全文 hackpad 已經被 dropbox 買去並改名為 Paper了]]> Paper 已經上線了
https://hackpad.com/ 頁面上已經可以看到訊息
2017/07/19 就要終止服務了

這篇紀念一下hackpad

相關的筆記服務其實很多
基於 alternativeto 的不精準性
我們用 hackpad 跟 dropbox paper 去關聯一下
大概可以找到一大堆相關的服務

  1. Evernote (2173 likes) (hackpad) (dropbox-paper)

  2. Microsoft OneNote (746 likes) (dropbox-paper)

  3. Microsoft Office Word (691 likes) (dropbox-paper)

  4. Google Drive – Docs (659 likes) (hackpad) (dropbox-paper)

  5. Laverna (430 likes) (dropbox-paper)

  6. Notezilla (374 likes) (hackpad)

  7. WorkFlowy (168 likes) (hackpad)

  8. CherryTree (111 likes) (hackpad) (dropbox-paper)

  9. Airborn OS (92 likes) (hackpad)

  10. Standard Notes (87 likes) (hackpad) (dropbox-paper)

  11. NixNote (87 likes) (hackpad)

  12. Alternote (81 likes) (hackpad)

  13. Etherpad (53 likes) (hackpad)

  14. Zoho Writer (51 likes) (hackpad)

  15. Quip (50 likes) (hackpad) (dropbox-paper)

  16. PiratePad (48 likes) (hackpad)

  17. hackpad (36 likes) (dropbox-paper)

  18. Oinker (35 likes) (hackpad)

  19. Nuclino (34 likes) (hackpad) (dropbox-paper)

  20. Leanote (33 likes) (hackpad)

  21. lumio (30 likes) (dropbox-paper)

  22. Cryptpad (29 likes) (hackpad)

  23. Moo.do (24 likes) (hackpad)

  24. Notion (17 likes) (hackpad) (dropbox-paper)

  25. Boostnote (15 likes) (hackpad)

  26. Elephant (14 likes) (hackpad)

  27. NimbleNotes (14 likes) (hackpad)

  28. Dropbox Paper (13 likes) (hackpad)

  29. eduPad (11 likes) (hackpad)

以上順序由 likes 數量排序
後面括號代表使用hackpad或是dropbox-paper去關聯的資料
感覺好用的線上筆記系統很多
但是能夠共通資料的很少
彼此資料也不能夠互相轉換

這次hackpad關閉影響我滿多的
畢竟很多資料都留在hackpad上面
其實也存了不少workspace

看來這張圖片只能留做歷史了
畢竟這個workspace的資料不能轉到dropbox paper去
應該也是因為設計上還是有所差異吧

]]> https://wordpress.lokidea.com/1632/hackpad-%e5%b7%b2%e7%b6%93%e8%a2%ab-dropbox-%e8%b2%b7%e5%8e%bb%e4%b8%a6%e6%94%b9%e5%90%8d%e7%82%ba-paper%e4%ba%86/feed/ 0 GitKraken – 好用的垮平台Git GUI https://wordpress.lokidea.com/1624/gitkraken-%e5%a5%bd%e7%94%a8%e7%9a%84%e5%9e%ae%e5%b9%b3%e5%8f%b0git-gui/ https://wordpress.lokidea.com/1624/gitkraken-%e5%a5%bd%e7%94%a8%e7%9a%84%e5%9e%ae%e5%b9%b3%e5%8f%b0git-gui/#respond Tue, 11 Jul 2017 03:30:19 +0000 https://wordpress.lokidea.com/?p=1624 閱讀全文 GitKraken – 好用的垮平台Git GUI]]> 最近剛發現另一個Git GUI

GitKraken 同時支援 Windows、Mac、Linux

畫面其實挺漂亮的

這是Codeigniter的專案頁面
我自己之前都是使用SourceTree
終於有一個UI比較漂亮的Git client了

當然也要把 GitKraken 丟到 alternativeto 裡面去找找看

  1. SmartGit (218 likes)
  2. SourceTree (197 likes)
  3. GitKraken (80 likes)
  4. TortoiseGit (76 likes)
  5. GitHub Desktop (52 likes)
  6. Git Extensions (42 likes)
  7. Tower (36 likes)
  8. gitg (33 likes)
  9. git-cola (25 likes)
  10. GitX (15 likes)
  11. GitEye (14 likes)
  12. Gitweb (13 likes)
  13. git-gui (10 likes)

列出10個likes以上的，排了一下名次
有時間再來寫篇【Git Client總整理】這樣

]]> https://wordpress.lokidea.com/1624/gitkraken-%e5%a5%bd%e7%94%a8%e7%9a%84%e5%9e%ae%e5%b9%b3%e5%8f%b0git-gui/feed/ 0 使用一致的社交登入按鈕【Social Buttons for Bootstrap】 https://wordpress.lokidea.com/1610/%e4%bd%bf%e7%94%a8%e4%b8%80%e8%87%b4%e7%9a%84%e7%a4%be%e4%ba%a4%e7%99%bb%e5%85%a5%e6%8c%89%e9%88%95%e3%80%90social-buttons-for-bootstrap%e3%80%91/ https://wordpress.lokidea.com/1610/%e4%bd%bf%e7%94%a8%e4%b8%80%e8%87%b4%e7%9a%84%e7%a4%be%e4%ba%a4%e7%99%bb%e5%85%a5%e6%8c%89%e9%88%95%e3%80%90social-buttons-for-bootstrap%e3%80%91/#respond Mon, 10 Jul 2017 03:30:55 +0000 https://wordpress.lokidea.com/?p=1610 閱讀全文 使用一致的社交登入按鈕【Social Buttons for Bootstrap】]]> 剛好看到 HackMD – Markdown 協作筆記 的社交登入按鈕

五個社交平台都是一致的按鈕
就想說用『btn btn-lg btn-block btn-social btn-facebook』
去搜尋一下看看會找到甚麼 【我的預設搜尋已經改為 duckduckgo.com 了】


第三個結果 『Bootstrap Snippet Social Buttons for … – Bootsnipp.com』

這應該就是我要找到的東西了
但是 bootsnipp.com 底下應該不是原站
點了 lipis.github.io/bootstrap-social 進去發現
就是這個站了

補充：

  1. 第三個結果 『Bootstrap Snippet Social Buttons for … – Bootsnipp.com』
    這頁面上的社交登入按鈕只有 12個 網站的，應該是舊版
  2. lipis.github.io/bootstrap-social 原站的社交登入按鈕有 21個網站
    去查了一下，現在版本是 5.1.1，12個 按鈕是 3.0.0
    仔細看了看，應該是 Font Awesome 的版本差異
    bootsnipp分享的版本是 Font Awesome 4.0.3
    現在 bootstrap-social 的 Font Awesome 版本為 4.7
  3. bootsnipp.com 這個站感覺挺不錯的
    可以使用很多個CSS Frameworks分享製作成果

  4. 也用 alternativeto.net 找了一下 bootsnipp.com
    類似服務果然真的不多
    只有 jsFiddle、CodePen
    不過 alternativeto.net 的資料關聯真的不精準
    有機會來寫一篇關於【線上前端作品分享平台】的文章好了
  5. 【Social Buttons for Bootstrap】首頁上有個很大的宣傳連結


     New GitHub Stats  這個站應該是作者自己做的
    上面有github的統計資料，感覺可以挖出很多有趣的關係

]]> https://wordpress.lokidea.com/1610/%e4%bd%bf%e7%94%a8%e4%b8%80%e8%87%b4%e7%9a%84%e7%a4%be%e4%ba%a4%e7%99%bb%e5%85%a5%e6%8c%89%e9%88%95%e3%80%90social-buttons-for-bootstrap%e3%80%91/feed/ 0 Slick 的設計模式是 carousel 呢【205/366】 https://wordpress.lokidea.com/1112/slick-%e7%9a%84%e8%a8%ad%e8%a8%88%e6%a8%a1%e5%bc%8f%e6%98%af-carousel-%e5%91%a2%e3%80%90205-366%e3%80%91/ https://wordpress.lokidea.com/1112/slick-%e7%9a%84%e8%a8%ad%e8%a8%88%e6%a8%a1%e5%bc%8f%e6%98%af-carousel-%e5%91%a2%e3%80%90205-366%e3%80%91/#respond Sat, 23 Jul 2016 11:44:56 +0000 https://wordpress.lokidea.com/?p=1112 閱讀全文 Slick 的設計模式是 carousel 呢【205/366】]]> 做前端的畫面就是要使用很多不同的套件
最近一個案子可能會使用類似 slideshow 的效果
就請設計找一下他比較中意的套件範例
就找到了兩個頁面
jQuery支持触摸屏设备的响应式幻灯片插件
slick – the last carousel you’ll ever need

第一個頁面是 中文的介紹
套件名稱是 Slider Pro – Elegant and Professional Sliders、Github
網站上面有五種版面Demo
上面中文的頁面也有詳細的參數與功能說明可以參考

第二個頁面才是這次的重點
Slick
官方的說明是寫

the last carousel you’ll ever need

carousel 也是一種 UI Patterns
跟 slideshow 很像
其實我也沒有很瞭解這兩種 patterns 的差異
所以之後應該會有一系列的 patterns 研究的文章
從 UI Patterns 上面分類出來的 pattern 來整理研究
再寫成各個pattern的文章吧
覺得現在這方面的中文資源滿少的
也剛好整理一下觀念與推廣一下

]]> https://wordpress.lokidea.com/1112/slick-%e7%9a%84%e8%a8%ad%e8%a8%88%e6%a8%a1%e5%bc%8f%e6%98%af-carousel-%e5%91%a2%e3%80%90205-366%e3%80%91/feed/ 0 網站管理小分享【180/366】 https://wordpress.lokidea.com/1030/%e7%b6%b2%e7%ab%99%e7%ae%a1%e7%90%86%e5%b0%8f%e5%88%86%e4%ba%ab%e3%80%90180-366%e3%80%91/ https://wordpress.lokidea.com/1030/%e7%b6%b2%e7%ab%99%e7%ae%a1%e7%90%86%e5%b0%8f%e5%88%86%e4%ba%ab%e3%80%90180-366%e3%80%91/#respond Tue, 28 Jun 2016 04:34:14 +0000 https://wordpress.lokidea.com/?p=1030 閱讀全文 網站管理小分享【180/366】]]> 管理網站，平常該注意哪些事呢？ – Inside 硬塞的網路趨勢觀察
看了這篇文章，發現
怎麼沒有寫到資料要建異地備份
文中寫到的七點其實也都是挺重要的
但是資料的備援也是很重要地
一、定時查看網站存取記錄
二、確實檢查網頁檔案及內容
三、定期更新程式
四、檢查 SSL 數位憑證有效性
五、監控網站主機流量變化
六、定期修改密碼
七、網站基本安全掃描
以上七點應該大部分的維護工程師都會做到五點以上吧
我自己也是有些部分沒有定期做
但是應該是有辦法使用程式去做管理的
這一點也是我最近用功的方向
畢竟需要管理的機器一定會越來越多
依靠人去一台一台處理真的太費時了!!!
會寫程式就是要用在這種時候，
大規模管理設備的狀態，讓系統自己提出警示
我現在備份資料也在尋找更快速的方法
有心得一定會貼給大家看的

]]> https://wordpress.lokidea.com/1030/%e7%b6%b2%e7%ab%99%e7%ae%a1%e7%90%86%e5%b0%8f%e5%88%86%e4%ba%ab%e3%80%90180-366%e3%80%91/feed/ 0 phpci 安裝筆記 https://wordpress.lokidea.com/7/phpci-%e5%ae%89%e8%a3%9d%e7%ad%86%e8%a8%98/ https://wordpress.lokidea.com/7/phpci-%e5%ae%89%e8%a3%9d%e7%ad%86%e8%a8%98/#respond Wed, 03 Sep 2014 10:26:58 +0000 https://wordpress.lokidea.com/?p=4 閱讀全文 phpci 安裝筆記]]> 昨天研究了應該要使用哪一個 CI (continuous integration) 持續整合環境
因為與版本控制有關，我現在都用 Git，而且主要使用 Bitbucket與 Github，搜尋了一下
找到一篇寫安裝的文章 http://ithelp.ithome.com.tw/question/10138985 (去年10月文章)
自己裝的話，方案有：

  1. Jenkins
  2. phpUnderControl
  3. xinc
  4. phpci

發現 phpci 好像很新，就來看看，原文提到安裝會一直失敗
我在windows上面也不容易安裝。
而且他也要安裝composer才能正常安裝
我就跑去用ubuntu的主機來安裝
先安裝 composer ，直接裝在全域設定上

curl <span class="token operator" style="color: #a67f59;">-</span>sS https<span class="token punctuation" style="color: #999999;">:</span><span class="token operator" style="color: #a67f59;">/</span><span class="token operator" style="color: #a67f59;">/</span>getcomposer<span class="token punctuation" style="color: #999999;">.</span>org<span class="token operator" style="color: #a67f59;">/</span>installer <span class="token operator" style="color: #a67f59;">|</span> php
mv composer<span class="token punctuation" style="color: #999999;">.</span>phar <span class="token operator" style="color: #a67f59;">/</span>usr<span class="token operator" style="color: #a67f59;">/</span>local<span class="token operator" style="color: #a67f59;">/</span>bin<span class="token operator" style="color: #a67f59;">/</span>composer

接下來，安裝 phpci
我在ubuntu 14.04，已經安裝apache2、PHP5、MySQL，還要安裝mycrypt

php5enmod mcrypt

到你要安裝的網頁目錄

composer create-project block8/phpci testphpci –keep-vcs –no-dev

就會建立一個 testphpci 的資料夾，接著進到資料夾

./console phpci:install

安裝完成後。到public底下，建立 .htaccess 檔案，貼上以下內容

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /path/to/phpci/public
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.php [L]
</IfModule>

接著把你要使用的子網域，直接指向到public資料夾。
就可以直接指向登入了。
改天試用之後再來發詳細的試用文。

]]> https://wordpress.lokidea.com/7/phpci-%e5%ae%89%e8%a3%9d%e7%ad%86%e8%a8%98/feed/ 0