米薩克
  • 首頁
  • KBtalKing Pro
  • 關於作者
  • 鍵盤
  • 滑鼠
  • 工具
  • 網站連結
  • 首頁
  • KBtalKing Pro
  • 關於作者
  • 鍵盤
  • 滑鼠
  • 工具
  • 網站連結
米薩克

Mesak 敗家、筆記、生活

程式

[教學] 利用 n8n 建立 LINE ...

閱讀更多
鍵盤

[開箱] IROCKS K103R 熱插...

閱讀更多
鍵盤

[開箱] IROCKS-K85R 無線機...

閱讀更多
鍵盤

[開箱] IROCKS K75M 銀色上...

閱讀更多
滑鼠

[開箱] IROCKS M31E 粉紅色...

閱讀更多
其他周邊

[開箱] 筆電用的支架,頑皮鬼Life隱...

閱讀更多
鍵盤

[開箱] IROCKS K50W Plus 20周年紀念版

by Mesak 2023-08-13
written by Mesak

說到鍵盤不得不想到,以薄膜鍵盤出身的 IROCKS 鍵盤,近年來的機械式鍵盤越來越盛行,許多周邊廠商都只推出機械式鍵盤,還能推出薄膜鍵盤的廠商少之又少,IROCKS 出現幾款相當經典的薄膜鍵盤,其中包括 K10 、KR6260 、K50E ,其中 K10 KR6260 都是使用 POM 軸體來設計的,K50E 則是採用剪刀腳設計,這幾把薄膜鍵盤的輸入手感都相當的出色。

IROCKS 如今迎來 20周年慶祝,又重新將 K50E 改版,推出了 K50W Plus ,整體來說,拿掉了舊有的變速模式,增加了應用軟體的應用以及全新的外觀配色設計。

IROCKS K50W Plus 光從外盒外觀就可以看到 20周年紀念的字樣,還記得 15周年的時候,鍵盤盒子採用的也是最簡約的造型設計,20周年的設計也是簡單的採用黑底的設計,底部再帶出鍵盤框體的線條,相當的簡約不花俏。

繼續閱讀
2023-08-13 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
PHP

[開發] 利用 Docker 快速建立 PHP Laravel LINEBOT 機器人開發環境

by Mesak 2023-02-17
written by Mesak

現代開發環境不得不說,只需要下幾行指令之後,開發環境就隨之建立,Windows 自從 Windows 10 推出之後,利用WSL 子系統模式來執行 Linux , 近年來流行的 Docker 也快速的發展,利用系統層虛擬化,讓開發環境與正式環境相當的貼近。

在開發專案的時候相當推薦採用 統一的 Docker 環境來處理這些環境架設的問題,減少各個系統的問題處理,統一函示庫元件之類的套件載入方法,推薦使用 Docker 。

今天要介紹的就是利用 Laravel 官方推出的 Laravel Sail ,配合我最近整合的 LINEBOT套件,快速的建立起開發環境。

首先需要作業系統為 Windows 10 1909 以上,並安裝 WSL2 ,Windows 作業系統的部分我就不再贅述

透過官方的教學文件 Getting Started On Windows,你還需要安裝 Docker Desktop,萬事都備妥了之後,你需要打開命令提示字元,按下 WIN+R 輸入 CMD,或是直接執行命令提示字元

輸入

wsl

接著會跳入 wsl 子系統

繼續閱讀
2023-02-17 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
JavaScript

[JS] Table 轉 Object 練習 part2

by Mesak 2023-01-11
written by Mesak

前情提要? 上一篇實作方法利用了三個迴圈,取得標題,將標題的資料利用索引(index) 抓取表格的內容,

程式碼如下:

let headData = Array.from(document.querySelectorAll('thead > tr > th')).map(n=>n.innerText)
console.log('headData', headData )

let tableObject = []
for(let trNode of document.querySelectorAll('tbody > tr') ){
  let data = {};
  Array.from(trNode.querySelectorAll('td')).forEach((n , index)=>{
    data[ headData[index] ] = n.innerText
  })
  tableObject.push(data)
}
console.log( 'tableObject ',tableObject )

其中內容可以看到,第二段的地方,所跑的迴圈是針對 td 來做處理,headData 的部分其實也是針對 tr 下的 欄位去做處理,以前針對 XHTML 有稍微看一下規範,在標準的 HTML 結構下 TABLE 的子節點必須是 caption,colgroup,thead,tbody,tr 幾種節點,tr 這個節點下也只能有 th 跟 td 在這個標準規範下,我們理論上可以信任瀏覽器會解析這些元素來使用

繼續閱讀
2023-01-11 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
JavaScript

[JS] Table 轉 Object 練習 part1

by Mesak 2023-01-10
written by Mesak

自從工作開始分前後端分離之後,JavaScript 的東西就比較少去鑽研。但近期工作又開始大量使用到 JavaScript ,開發的途中會需要重複使用一些迴圈函數。還記得為了因應瀏覽器的變化以及複雜程度, jQuery 的出現就讓開發者省去不少事情,DOM 的迴圈 each 可以直接從選擇器的 $(dom).each 來使用,演變到現在瀏覽器大多直接使用 querySelectorAll 的方法來跑 forEach, ECMAScript 的演化大大降低了對 jQuery 的依賴程度,開發前端開始探究起 JavaScript 的深度,進而演變許多框架,想要學好JavaScript MDN 就是個很好用的工具。

寫程式不需要一步到位,逐步漸進的達成目的,有機會再去把程式碼精簡調校,能夠理解其原理才會是最好的解法

這次就用個簡單的範例,當遇到表格的時候,要怎麼轉成 一般的 Plain Object ,這個例子也是我使用 Greasemonkey 腳本開發的時候,要將 DOM 的內容轉換成可以快速重複利用資料的做法,當使用腳本的時候,需要分解的網頁會是結果,要轉換成可利用的資料還需要經過一番抓取變換,熟悉操作之後就可以很容易地將資料轉換成畫面。

首先來一個範例:

繼續閱讀
2023-01-10 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
軟體

[軟體] 在 Synology 群暉 Nas 上利用 Docker 安裝 Gitea

by Mesak 2022-11-24
written by Mesak

前一篇介紹利用 Docker 來安裝 Home Assistant,可以看到有了 docker 之後,要架設服務是有多簡單的事情,今天要來介紹,在 Synology 群暉 Nas 上利用 Docker 安裝 Gitea。

也是相當簡單,本來我也想跑一下 gitlab ,不過群輝上的套件中心 gitlab server 裝起來卻沒有找到相關用法,找著找著就看到一篇 使用 Docker 五分鐘安裝好 Gitea (自架 Git Hosting 最佳選擇) 看來又是個 docker 的工具,而且網路上介紹 gitlab 都採用 docker 架設居多,秉持著冒險精神,就先在 Nas上建立看看 Gitea 吧。

進入 nas 打開 docker,搜尋 gitea

在第一個 image 裡面,按下下載,直接預設選擇 latest

繼續閱讀
2022-11-24 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
軟體

[軟體] 在 Synology 群暉 Nas 上利用 Docker 安裝 Home Assistant

by Mesak 2022-11-17
written by Mesak

現在應該有不少人想把家裡的家電利用一些智能家電的功能連線到所謂的網關裡面,但是常常又看到一些玩家說可以利用場景模式套出更多功能來,但是又不知道要怎麼實現這種作法,通常找到一些資訊都會說安裝 HA

HA 全名為 Home Assistant,主要就是一個開放式原始碼的網關軟體,他強大的社群開發,讓不少 IoT 智能家居設備都可以透過它來連接,不過大多數人會跟你說你需要一台 樹莓派來安裝這個系統

但是現在樹莓派一台已經溢價一個誇張的程度,用樹莓派還划算嗎,之前我曾經利用 Linux 的系統安裝 docker 來執行,不過光是要把一些檔案拖曳到系統中就夠折騰我了,還有什麼更方便的方法嗎?

有的!買一台 Synology 群暉 ,就能搞定,新的 DSM 版本支援 Docker 安裝,只要你的機型符合,就可以安裝 Docker 套件來跑,Docker 是什麼呢?最簡單的來說,它就是台虛擬機的功能。

利用 Synology 群暉 的套件中心,直接安裝 Docker !

在套件中心安裝好 Docker 之後,直接執行該應用程式

進入之後可以看到首頁,可以看到目前執行中的容器它的硬體占用概況,這時候點選 倉庫伺服器 (Hub)

這些 倉庫都是 Docker 官方可以讓使用者上傳的映像檔倉庫 ,未來也可以自建或是抓別人建好的來玩玩

繼續閱讀
2022-11-17 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
讀取更多文章

米薩克

米薩克

近期文章

  • [教學] 利用 n8n 建立 LINE 聊天機器人
  • [開箱] IROCKS K103R 熱插拔無線機械式鍵盤
  • [開箱] IROCKS-K85R 無線機械鍵盤
  • [開箱] IROCKS K75M 銀色上蓋機械式鍵盤
  • [開箱] IROCKS M31E 粉紅色光學遊戲滑鼠

彙整

  • 2025 年 6 月
  • 2025 年 3 月
  • 2024 年 4 月
  • 2023 年 10 月
  • 2023 年 9 月
  • 2023 年 8 月
  • 2023 年 2 月
  • 2023 年 1 月
  • 2022 年 11 月
  • 2022 年 7 月
  • 2022 年 5 月
  • 2022 年 3 月
  • 2022 年 2 月
  • 2021 年 12 月
  • 2021 年 11 月
  • 2021 年 10 月
  • 2021 年 7 月
  • 2021 年 6 月
  • 2021 年 4 月
  • 2021 年 3 月
  • 2021 年 2 月
  • 2020 年 12 月
  • 2020 年 11 月
  • 2020 年 10 月
  • 2020 年 9 月
  • 2020 年 8 月
  • 2020 年 7 月
  • 2020 年 6 月
  • 2020 年 5 月
  • 2020 年 4 月
  • 2020 年 3 月
  • 2020 年 2 月
  • 2020 年 1 月
  • 2019 年 12 月
  • 2019 年 11 月
  • 2019 年 10 月
  • 2019 年 9 月
  • 2019 年 8 月
  • 2019 年 7 月
  • 2019 年 6 月
  • 2019 年 5 月
  • 2019 年 4 月
  • 2019 年 3 月
  • 2019 年 2 月
  • 2019 年 1 月
  • 2018 年 12 月
  • 2018 年 11 月
  • 2018 年 9 月
  • 2018 年 8 月
  • 2018 年 7 月
  • 2018 年 6 月
  • 2018 年 5 月
  • 2018 年 4 月
  • 2018 年 3 月
  • 2018 年 2 月
  • 2018 年 1 月
  • 2017 年 12 月
  • 2017 年 11 月
  • 2017 年 10 月
  • 2017 年 9 月
  • 2017 年 8 月
  • 2017 年 6 月
  • 2017 年 4 月
  • 2017 年 3 月
  • 2017 年 2 月
  • 2017 年 1 月
  • 2016 年 12 月
  • 2016 年 11 月
  • 2016 年 10 月
  • 2016 年 9 月
  • 2016 年 8 月
  • 2016 年 7 月
  • 2016 年 6 月
  • 2016 年 5 月
  • 2016 年 4 月
  • 2016 年 3 月
  • 2016 年 1 月
  • 2015 年 12 月
  • 2015 年 11 月
  • 2015 年 10 月
  • 2015 年 9 月
  • 2015 年 8 月
  • 2015 年 7 月
  • 2015 年 6 月
  • 2015 年 5 月
  • 2015 年 4 月
  • 2015 年 3 月
  • 2015 年 2 月
  • 2015 年 1 月
  • 2014 年 12 月
  • 2014 年 11 月
  • 2014 年 10 月
  • 2014 年 9 月
  • 2014 年 8 月
  • 2014 年 7 月
  • 2014 年 6 月
  • 2014 年 5 月
  • 2014 年 4 月
  • 2014 年 3 月
  • 2014 年 2 月
  • 2014 年 1 月
  • 2013 年 12 月
  • 2013 年 11 月
  • 2013 年 9 月
  • 2013 年 8 月
  • 2013 年 7 月
  • 2013 年 6 月
  • 2013 年 5 月
  • 2013 年 4 月
  • 2013 年 3 月
  • 2013 年 2 月
  • 2013 年 1 月
  • 2012 年 12 月
  • 2012 年 11 月
  • 2012 年 10 月
  • 2012 年 9 月
  • 2012 年 8 月
  • 2012 年 7 月
  • 2012 年 6 月
  • 2012 年 5 月
  • 2012 年 4 月
  • 2012 年 3 月
  • 2012 年 2 月
  • 2012 年 1 月
  • 2011 年 12 月
  • 2011 年 11 月
  • 2011 年 10 月
  • 2011 年 9 月
  • 2011 年 8 月
  • 2011 年 7 月
  • 2011 年 6 月
  • 2011 年 5 月
  • 2011 年 4 月
  • 2011 年 3 月
  • 2011 年 2 月
  • 2010 年 11 月
  • 2010 年 10 月
  • 2010 年 9 月
  • 2010 年 7 月
  • 2010 年 4 月
  • 2010 年 3 月
  • 2009 年 11 月
  • 2008 年 12 月
  • 2008 年 10 月
  • 2008 年 9 月
  • 2008 年 8 月
  • 2008 年 7 月
  • 2008 年 6 月
  • 2008 年 4 月
  • 2008 年 3 月
  • 2008 年 2 月
  • 2008 年 1 月
  • 2007 年 12 月
  • 2007 年 11 月
  • 2007 年 10 月
  • 2007 年 9 月
  • 2007 年 8 月
  • 2007 年 7 月
  • 2007 年 6 月
  • 2007 年 5 月
  • 2007 年 4 月
  • 2007 年 3 月
  • 2007 年 2 月
  • 2007 年 1 月
  • 2006 年 12 月
  • 2006 年 11 月
  • 2006 年 10 月
  • 2006 年 9 月
  • 2006 年 8 月
  • 2006 年 7 月
  • 2006 年 6 月
  • 2006 年 5 月
  • 2006 年 3 月
  • 2006 年 2 月
  • 2006 年 1 月
  • 2005 年 12 月
  • 2005 年 11 月
  • 2005 年 10 月
  • 2005 年 9 月
  • 2005 年 8 月

分類

  • 個人配件
  • 咖啡
  • 家用主機
  • 居家
    • 家具
    • 家電
  • 工具
    • 文具
  • 影音
  • 玩具
  • 硬體
    • 3D Printer
    • 其他周邊
    • 喇叭
    • 手把
    • 手機
    • 滑鼠
    • 相機
    • 耳機
    • 鍵盤
    • 電源
  • 碎碎念念
  • 程式
    • Chrome extensions
    • JavaScript
    • PHP
    • Python
    • Vue
    • WordPress
  • 網路資訊
  • 美食
  • 軟體
  • 遊戲
  • 遊玩
  • 運動

書籤

  • 歡迎交換連結

About

Mesak

mesak

http://about.me/mesak

Contact:

Mesak Gmail

Histats:

Online:

2025 年 7 月
一二三四五六日
 123456
78910111213
14151617181920
21222324252627
28293031 
« 6 月    
  • Facebook
  • Twitter

@2020- All Right Reserved. Designed and Developed by PenciDesign


Back To Top
米薩克
  • 首頁
  • KBtalKing Pro
  • 關於作者
  • 鍵盤
  • 滑鼠
  • 工具
  • 網站連結
@2020- All Right Reserved. Designed and Developed by PenciDesign