關於網路那些事...

PHP 常見魔術方法簡介

這裡針對一些比較常見的魔術方法進行說明：

__construct

首先，提到兩個魔術大家都會常用到： __construct CVT2HUGO: 與 __destruct CVT2HUGO: 會在物件被實例化時觸發，__destruct

CSS Grid 是一個 layout framework，

雖然多數新屬性僅有主流瀏覽器版本才有支援，但是具有未來性的東西，還是值得學，將陸續整理一些相關介紹及用法

這裡Grid建構原型相關圖片及範例主要參考自 Per Harald Borgen 這篇，有興趣的話，可以看看原始全文內容，介紹會更加詳細

接下來，開始介紹如何使用 Grid 建構原型

CentOS 預設沒有支援 Chrome，需要經過額外配置的方式才能安裝 這裡提供安裝的步驟做為參考 新增 google.repo 設定 前往 /etc/yum.repos.d/ 新增 google.repo vi /etc/yum.repos.d/google.repo 在 google.repo 貼上以下內容 [google64] name=Google - x86_64 baseurl=http://dl.google.com/linux/rpm/stable/x86_64 enabled=1 gpgcheck=1 gpgkey=https://dl-ssl.google.com/linux/linux_signing_key.pub 開始安裝 透過下方指令來安裝 google-chrome-stalbe sudo yum install google-chrome-stable 安裝過程若有提問 可一律按 y

平時習慣透過介面方式來管理資料庫，趁著假日期間再來玩一下指令操作模式，

順道記錄一些透過終端機介面操作MySQL (or mariaDB) 的方式，便於之後再參考

(如果在windows 環境，請先將 mysql (…\mysql\bin) 加入環境變數中)

在這裡著重在操作及設定方面，不會提到太多CRUD相關操作

Visual Studio Code 官方有提供一份快捷鍵使用技巧 VS Code Tips and Tricks - Keyboard Reference Sheets

可以依照你使用的系統下載完整的快捷鍵手冊

macOS, Windows, Linux

這裡列出 windows 版本基本常用的一些快捷鍵~

Redis 介紹 Redis 是一個開源的 (BSD licensed) in-memory 的資料存放結構，可以被使用作為 Database，快取，訊息媒介。支援豐富的資料型態，包括: strings, hashes, lists, sets, stored sets, bitmaps, hyperloglogs 以及 geospatial indexes 儲存格式。 Redis 功能包括 replication, Lua scripting, LRU eviction, transactions，不同層級的 on-disk persistence(定時寫入硬碟，保持持久性), Redis Sentinel 的高可用性功能，以及 Redis Cluster 自動分區

“漸進式網站應用程式” (PWAs, Progressive Web Apps) 以網頁技術為基礎，能開發出原生APP或AP的特性，在各種設備帶來良好的體驗，不依靠網路的特性、快速加載、安裝、即時更新、推播訊息等等功能

Laravel 取得最後查詢SQL方式如下： <?php //啟用Query Log DB::enableQueryLog(); //取得所有Query Log $queries = DB::getQueryLog(); //取得最後一筆Query $last_query = end($queries); return $last_query;

LEAN 精實軟體度量 - 如何減少內耗成本

• 距離導致的浪費：開發需耗費移動或跨區域等候才能取得結果
• 層級導致的浪費：第一線人員需具備行動權力，才能減少來回溝通的成本
• 技術債的浪費：環境不一致導致上線部署出問題，寫出不良程式碼導致後續維護問題，都是技術債的一部分
• 文件導致的浪費：文件寫作錯誤，可能導致後續極大的損失及浪費，因此需重視文件的品質
• 度量本身的浪費：從客戶的角度來看，不會關心我們搜集這些度量的成果，他們重視的始終是價值，因此還是要評估現有狀況來導入度量，別因為強制導入而對價值造成影響

LEAN 精實軟體度量 - 如何提升效率

無論敏捷或精實，整體重點離不開以下幾點

• 進度
• 效率
• 品質
• 能力
• 客戶滿意度

LEAN 精實軟體度量 - 整體決策大目標 支撐決策的計畫可以區分為三個方向，從這些方向再衍伸出各種決策計畫，來設定合理的目標 組織 組織的方向除的公司本身，還包含競爭市場分析，內容包括產品規劃、藍圖、資源配置、市場調查 專案 專案主軸在於專案進度計畫，估算產能及工作量，提升品質，防範缺漏及測試，資源分配(交付週期、規模、個人及團隊能力)及能力提升計畫 個人至團隊 個人方面著重個人能力、工作量評估，提升目標則是個人能力、團隊能力及組織技能提升 本系列共五篇 1. LEAN 精實軟體度量 - 基礎結構及要求 2. LEAN 精實軟體度量 - 專案管理仍是重點 3. LEAN 精實軟體度量 - 整體決策大目標 4.

LEAN 精實軟體度量 - 專案管理仍是重點

整個敏捷開發或精實開發，都是圍繞在一個重點： 專案管理

專案管理最終目的是做出符合使用者期望

這也是純技術團隊發展 Scrum 通常被忽略的重點 - UI/UX 反饋 打造貼近使用者的產品，關鍵都在 UI/UX 這是在產品規劃過程必須考量的重點因素 因此在執行每一個階段後，都必須要再檢視，並檢討修正，確保品質與維持價值

LEAN 精實軟體度量 - 基礎結構及要求 軟體開發過程是一個複雜的體系， 敏捷開發 > 核心 > 快速交付？ 快速交付，要交付的是任務 再聊精實度量之前，先談談敏捷開發一些基礎構成 敏捷開發角色大概可分成主要三類： Scrum master, 產品負責人, 團隊 每兩週為一個 sprint 單位，來做衝刺 為什麼要敏捷開發？ 因為要讓專案可以有節奏地進行 敏捷開發最終還是要回歸到專案管理本身 專案管理牽涉的層面較為複雜，通常會需要考量的因素較多 在專案經驗較缺乏的情況下，很容易形成做敏捷而不是變敏捷 只是表面上看起來有在做這件事情 在實施敏捷開發時，也應該針對目前成員及專案狀況來進行 scrumful scrum 其實有基本的要求，其中包括成員素質、Master特質、專案經驗都有基本的要求 你無法在一個不求進步的團隊落實 scrum，因為最終結局機會讓人全部跑光，或者做出奇怪的東西

本文翻譯自 Rohit kumar 的 15 Web Design Trends in 2018 (+1 Bonus) 部分內容是以示意的方式翻寫，若有錯誤或建議，都歡迎提出

如果你是一個設計師，並且正在尋找能啟發靈感的趨勢? 那麼你就來對地方了。

在這裡由 Rohit kumar 所彙整的 15+1 個網頁設計趨勢，希望你會喜歡~

這裡，分別會用OAuth Server，以及 OAuth Client 兩個角度來說明 OAuth2 運作機制 一、建立 OAuth Server 安裝laravel composer create-project --prefer-dist laravel/laravel laravel_oauth cd laravel_oauth 設定資料庫 建立資料庫 ex. laravel_oauth 複製 .env.example 並命名為 .env 加入資料庫連線設定 生成 app key 產生 APP_KEY

在過去 sass/scss 興起的時期，最常搭配 compass 以及相關的 mixins 來進行開發

CSS3 建構過程，時常會需要用到動畫設計，所以就將相關的參數及使用記錄下來，方便之後查詢及使用~

瀏覽器前綴

在使用任何CSS3高級屬性時，建議都要搭配瀏覽器前綴，讓屬性效果可以在各瀏覽器有更好的支援

-moz-{屬性}：Firefox 瀏覽器。
-webkit-{屬性}：Safari, Chrome, Opera 等瀏覽器。
-o-{屬性}： Opera 瀏覽器。
-ms-{屬性}： IE 瀏覽器。

Transition

Transition 可以用來設定基礎的動畫效果，直接指定要產生變化的css屬性

React 為 component (元件)提供了許多生命週期相關的方法

讓我們可以在 component 輸出前，輸出後，或者被消滅等狀態時，可以藉由這些方法來設計一些行為

所謂 Refs 就是官方不建議使用，又非得談的東西

React 典型的數據流是透過 props 在父子 Component (元件) 之間傳遞，

透過更新 props，透過新的 props 來 re-render 子元件