Hong Xin's Blog

為你的開源專案加些文件讓它看起來很專業吧

2021-07-22T12:39:19.000Z

在 Github 上逛知名專案時，有沒有發現他們都有一個共同點: 文件豐富，有許多專案甚至會專門建立一個網站做

簡介
Demo
API Documentation
Wiki
論壇

看到這裡，你可能會說在小專案要求這些實在是太強人所難了吧。

其實啊，專案剛起步時，我們可以先從基礎的做起，例如這些被 check in 在各個知名 Git Repositories 中的文件

Unite Your Angular Coding Style With Teammates By Visual Studio Code & ESLint & Prettier

2021-07-21T14:39:19.000Z

Brief

Hello Visitor ~

Todays I will guide you to setup Visual Studio Code and ESLint and Prettier, let editor auto-format and auto-fix your code for you and your coworker or contributor, it will becomes your lifesaver, free your hands on fixing errors and align coding style with teammates.

Let me read those documents, and organize things for you.

Steps

There are only 3 steps for you, it is very easy to follow my steps to set everything up

Setup Angular and ESLint
Integrate Prettier and ESLint
Setup Visual Studio Code

Use Finite-state Machine to manage state

2021-07-03T03:00:05.000Z

Introduction

Main Elements:

States: must be limited
Events
Transitions: when event 1 from state A to state B
Actions: when state|event|transition changed then act action

Make your PowerShell fancy by Windows Terminal and Oh My Posh

2021-06-27T07:56:42.000Z

Goals

Follow steps in this article, and the result will look like this

Steps

There are only 6 steps to do

Install Windows Terminal
Install posh-git and oh-my-posh
Install powerline font
Config powershell profile
Config Windows Terminal Settings
Config VSCode Settings

Maybe only need to takes 15 mins to set everything right.

代替 Illustrator 的免費繪圖軟體

2020-04-15T14:13:37.000Z

平面設計的首選 Adobe Illustrator 專業好用，但價格昂貴，Adobe 提供了 7 天的試用期，試用期過後每月需花費 1000 元訂閱，但有時候我們只是想簡單地處理一些圖形，並不需要使用到這麼專業且複雜的繪圖功能 😔

那或許你可以試試這些開源（或免費）的繪圖軟體，有機會替你省下每個月 1000 元的 Adobe Illustrator 喔！

在 Mac 上安裝 Docker for Mac

2020-03-29T15:58:39.000Z

Install

目前 Docker for Mac 最方便的安裝方法就是使用 Homebrew Cask 安裝，打開 Terminal，輸入：

1	brew cask install docker

安裝成功後打開 Docker.app

第一次打開時會需要你的作業系統密碼，安裝額外的套件，提供完整的功能

當安裝完成後，我們就能在右上角的工具欄看到鯨魚 🐳 icon

Expression Index in RDBMS

2020-03-22T14:24:39.000Z

What is the expression index?

According to the description from Wikipedia

An expression index, also known as a function based index, is a database index that is built on a generic expression, rather than one or more columns. This allows indexes to be defined for common query conditions that depend on data in a table, but are not actually stored in that table.

When you query on something that is computed from other columns frequently and want to speed it up, you will need this.

I will use PostgreSQL as an example in this article because it is my favorite database.

從 Ruby 到 C# - operators

2020-03-15T10:30:42.000Z

Ruby 與 C# 的 operators 蠻相近的，應該說整個程式圈的 operators 都大概長那樣阿，~~嗯，沒錯，本篇完~~

欸，不是，我們快速帶過相同用法的 operators ，然後聊聊有差異的地方，這樣總行了吧

從 Ruby 到 C#

2020-02-23T15:29:55.000Z

我是一名使用 Ruby 與 JavaScript 開發的程式設計師，我愛寫 Ruby，這個語言讓我體會到寫程式的樂趣

不過很可惜的目前服務的公司並沒有使用 Ruby 而是用 C# 作為後端的開發語言

欣慰的是 C# 與 JavaScript 看起來挺像的，希望我能將以前物件導向與 JavaScript 的開發經驗映射到 C# 上，快速掌握這門語言

也因此最近都在看微軟官方的 C# documentation

吐槽一下，比起 MDN 或 Ruby Doc，微軟的文件似乎沒那麼好看，，且尚未支援 Dash 與 DevDocs，只能透過瀏覽器到此查閱

Win10 WSL combo : Terminus + Ubuntu + Oh My Zsh + Powerlevel10k

2020-02-16T14:45:52.000Z

簡介

想在 Windows 上使用潮潮的 Linux 命令列嗎？

本篇將教你如何使用 WSL Ubuntu + Terminus + Oh My Zsh + Powerlevel10k 連續技，達到爽度十足的開發環境

在 Angular 中請這樣用 RxJS

2020-02-10T13:25:06.000Z

本篇只是閱讀原文後的譯文
原文出處： https://blog.strongbrew.io/rxjs-best-practices-in-angular

在 SendGrid 上驗證你的網域

2020-02-02T14:00:18.000Z

前言

以 SendGrid 寄送 email 時，若無進行網域驗證，有些信箱會在寄件者後面帶上一個後綴提示使用者，這封 email 實際的寄送網域為何，因此會多一個透過 sendgrid.me的後綴，如

這表示寄件者與實際寄送 email 的網域不同，見 https://support.google.com/mail/answer/1311182

Developer 最常用的 Proxy 設定

2020-01-25T10:30:00.000Z

本文整理了系統環境變數、 git、curl、wget、npm、bundler、nuget、brew、apt 與 chocolatey 等多種下載工具的 proxy 設定。

前言

當公司有做網路控管時，對外的網路請求通常需要經由 proxy server 轉送，對內或 localhost 的可以不需要，要也沒關係就是要繞一圈比較慢。

接下來我們將用 http://proxy.company.com:80 這個 proxy server 為例，示範如何設置其他工具的 proxy。

來為你的 Line bot 加上一個圖文選單吧！

2019-06-11T09:58:53.000Z

拖了好久，終於有時間幫彈幕教室 chatbot 裝個圖文選單啦，照著官方教學做其實就沒問題囉，但還是把實作的過程紀錄下來備忘。

順便打個廣告 https://github.com/danmu-classroom/danmu-classroom-screen，彈幕教室客戶端，下載即用免安裝，可以透過 Line 發送彈幕到螢幕上，歡迎來玩看看喔。

我的 rich menu 長這樣

手把手帶你使用 baidu-aip 的情緒分析服務

2019-06-11T09:19:47.000Z

Google 的自然語言處理雖然非常的強大，但是中文的情緒分析並非他的強項，目前中文的自然語言處理研究出處非常多是出於中國大陸，所以當需要用到中文的情緒分析時，百度 AI 開放平台就成為我們的首選啦。

平台目前的收費非常的便宜，例如本次介紹的 情感傾向分析接口，提供了 5QPS 免費額度，每秒免費請求 5 次超佛心的啊！根本就相當於不用錢。

注意！要註冊百度帳號必須要有 +86 開頭的中國手機門號喔。

使用百度 AI 開放平台的情緒分析服務很簡單，步驟就 4 個。

註冊帳號
創建 自然語言處理 應用
獲取 access_token
使用 情感傾向分析接口

Network graphing in JavaScript - force-graph

2019-06-11T08:32:05.000Z

分析網路關係，並將資料視覺化，最常見的就是 network graph。

常見套件

https://github.com/vasturiano/3d-force-graph
本文主角，支援 3D 與圖互動。
https://github.com/vasturiano/force-graph
本文主角，支援與圖互動。
https://github.com/jacomyal/sigma.js
文檔寫在程式碼與範例中，需要參考它的範例原始碼。將圖展開可以使用它提供的 plugin forceAtlas2，與圖互動需要自己 coding 擴充。
https://github.com/cytoscape/cytoscape.js
提供許多範例可以參考。
https://github.com/almende/vis
不只做 network graph，可上官網參考範例。
https://github.com/davidpiegza/Graph-Visualization
支援 3D，文檔並不齊全，需要參考它的範例原始碼

Heroku 上執行 Rails app 的定時任務（Scheduled Task）

2019-06-11T08:00:11.000Z

一般 Rails app 的定時任務是把 ActiveJob 包成一個 rake task 並透過 crontab 執行。這種架構的適合用在分鐘級別以上的定時任務。

但是

Rails 的 sidekiq 設置筆記

2019-06-11T07:47:59.000Z

Sidekiq 是一個能夠並發處理 Ruby 任務的套件，大致上的運作方法是：將任務 push 至 redis 的 queue 中，sidekiq 的 workers 再到 queue 一個個 pop 任務出來運算。

安裝

1 2	# Gemfile gem 'sidekiq'

1	bundle install

部署你的 rails 應用程式至 Heroku

2019-06-11T06:57:54.000Z

Heroku 是一個 platform as a service 平台，可以部署專案在此，使用上非常方便的，當然方便的代價是價格，他的單位計算資源價格會高於 AWS。

安裝 heroku-cli

見 https://devcenter.heroku.com/articles/heroku-cli

1 2	# 將 heroku 加入 brew 的來源 brew tap heroku/brew && brew install heroku

在 Mac 上安裝 Ruby

2019-06-11T03:17:22.000Z

Mac OS X 內建的 Ruby 版本並非最新版，只安裝了維持系統運行，最低需求版本的 Ruby，所以要安裝最新版本的 Ruby 就得額外安裝。

Install Ruby

Via Homebrew

brew install ruby

Via Ruby Version Manager (RVM)

如果開發環境有安裝多個版本的 Ruby 的需求，就使用 RVM 來安裝與管理 Ruby 吧，可以透過 RVM 自由切換使用的 Ruby 版本與 Gemset，保持開發環境的乾淨。

詳情見 https://rvm.io/

# Install GPG keys:
gpg2 --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB

# Install RVM:
curl -sSL https://get.rvm.io | bash -s stable

Hong Xin's Blog

為你的開源專案加些文件 讓它看起來很專業吧

Unite Your Angular Coding Style With Teammates By Visual Studio Code & ESLint & Prettier

Brief

Steps

Use Finite-state Machine to manage state

Introduction

Make your PowerShell fancy by Windows Terminal and Oh My Posh

Goals

Steps

代替 Illustrator 的免費繪圖軟體

在 Mac 上 安裝 Docker for Mac

Install

Expression Index in RDBMS

從 Ruby 到 C# - operators

從 Ruby 到 C#

Win10 WSL combo : Terminus + Ubuntu + Oh My Zsh + Powerlevel10k

簡介

在 Angular 中請這樣用 RxJS

在 SendGrid 上驗證你的網域

前言

Developer 最常用的 Proxy 設定

前言

來為你的 Line bot 加上一個圖文選單吧！

手把手帶你使用 baidu-aip 的情緒分析服務

Network graphing in JavaScript - force-graph

常見套件

Heroku 上執行 Rails app 的定時任務（Scheduled Task）

Rails 的 sidekiq 設置筆記

安裝

部署你的 rails 應用程式至 Heroku

安裝 heroku-cli

在 Mac 上安裝 Ruby

Install Ruby

Via Homebrew

Via Ruby Version Manager (RVM)

為你的開源專案加些文件讓它看起來很專業吧

在 Mac 上安裝 Docker for Mac