DEV Community: SaKKo

How to setup Mac for development in 2024. (Ruby on Rails and NodeJS)

SaKKo — Wed, 29 May 2024 06:45:55 +0000

It's been awhile (Since my previous post) and the new members in my teams are having difficulties setting up their new laptop. (Especially if they are previously Windows user)

So let's begin,

The good username (Account name)

If you happen to read this before you first setup your mac, you should try to setup your username to be lowercase with no space.

This is because there will be time you want to access the path directly and your don't want to mistyped /Users/sakko vs /Users/SaKKo. (This path will be your ~ or $HOME directory) By simplifying the username, it might save you a lot of time since in Ubuntu they setup the username as /home/ubuntu as well.

XCode or Just CLI

Every mac is nearly ready for software development. The easiest way to get start is to just install Xcode from App Store.

If you are like me, you only want to install what you are using. So, unless you are immediately writing iOS application, then don't install xcode just yet. Instead press ⌘+space and type terminal.

And just run this command in terminal.



xcode-select --install

There should be a popup. Click install and then complete the installation processes.

When it's done, you should restart the terminal session. The easiest way is to click at the current terminal window and press ⌘+w to close current tab. Then press ⌘+t to start a new tab. Also note that this shortcut is usable in other apps as well.

Homebrew

I know some might disagree, but Homebrew is a real time-saver for me. Here is the link for you to get start (or just keep reading)

Simply run this command in terminal



/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

There are 3 steps here

paste the command
type your password (you can't see it, just type and press enter)
Just press enter to confirm installation path. (Don't input anything else) You don't want to mess with this path.

When everything stop, many people will think that it's done. But it's not, you must copy the command in the Next steps: section and run it in terminal. NOTE: Copy both lines, don't miss any.

If you missed it, here is the command. ($HOME is your home directory)



(echo; echo 'eval "$(/opt/homebrew/bin/brew shellenv)"') >> $HOME/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

Testing brew is simple, just type which brew and see if you get brew path in return. (which is a command to check where the binary you want to execute is located)

Installing Ruby using RVM

Even if you are not writing Ruby on Rails, there is a chance that you might need to use some Rubygems in the future such as cocoapods. So it won't hurt to install ruby first. Moreover, installing ruby will install many other dependencies you may need in the future.

RVM - Ruby Version Manager

RVM will allow you to install many ruby versions in your mac / linux. Simply visit rvm website

and run the highlighted command.



\curl -sSL https://get.rvm.io | bash -s stable

When it's done, restart the terminal session (⌘+w ⌘+t) then type rvm --version to check if rvm is installed.

Ruby

We will use rvm to install multiple ruby versions. I usually start installing with older versions (not latest). There are time when openssl may break ruby installation. If you have problem in this step, you need to google for solutions.



rvm install 2.7.4
rvm install 3.0.6
rvm install 3.1.4
rvm install 3.2.2
rvm install 3.3.0

You don't need to install all of these. But these are what I have. Switching ruby version is simple. You only need to understand these commands.



ruby --version # check current version
rvm list # list all installed versions
rvm list known # list all known / installable versions 
rvm use VERSION # eg. `rvm use 3.3.0` will swap to `3.3.0`
rvm --default use VERSION # to setup that version as default every time terminal is opened.

Installing Nodejs using NVM

Similar to RVM there is NVM for Nodejs. Fortunately, it's easy to install nvm using homebrew. Just run



brew install nvm

You will need to copy and paste this text into ~/.zshrc.

To do that just copy the text and then run



nano ~/.zshrc

move the cursor down to the bottom and just paste the text.

Now, save the file and exit. (in nano pressing ctrl+x will try to exit nano but since you've made some changes it will ask if you want to save. the prompt is at the bottom of the screen. Select yes and press enter).

If you want to check if nvm is working, just try installing some Nodejs. The commands are listed below



nvm list # list installed versions
nvm ls-remote # list installable versions
nvm install VERSION # eg. `nvm install 20.14.0`
nvm use VERSION # switching version
nvm alias default VERSION # making the selected version default every time terminal is opened.

If you are a Node user that depends on .nvmrc to switch versions between projects. Or you are planning to learn nodejs, configuring this will help.

Open nano ~/.zshrc again and paste this at the bottom.



load-nvmrc() {
  local node_version="$(nvm version)"
  local nvmrc_path="$(nvm_find_nvmrc)"

  if [ -n "$nvmrc_path" ]; then
    local nvmrc_node_version=$(nvm version "$(cat "${nvmrc_path}")")

    if [ "$nvmrc_node_version" = "N/A" ]; then
      nvm install
    elif [ "$nvmrc_node_version" != "$node_version" ]; then
      nvm use
    fi
  elif [ "$node_version" != "$(nvm version default)" ]; then
    echo "Reverting to nvm default version"
    nvm use default
  fi
}
add-zsh-hook chpwd load-nvmrc

Restart the session and this load-nvmrc hook should be active. When you enter any folder using cd it will always look for .nvmrc file which usually indicates the Node version inside. eg. v18.20.3

It's hard to explain. So sollow the image below to see how it works.

Docker

Though you can install docker via brew and I'm not a big fan of double clicking anything, I still prefer to go to the official website and download the installer.

It's easy, simple, safe and fast.

Postgresql

I prefer having database locally. Sometimes docker just take too much storage. With brew, it's easy to install postgres.



brew install postgresql@16
brew services start postgresql@16

To test if it's working just try createdb, psql, and dropdb

Other softwares you might need

Maybe you want to install chrome, vscode, sublime text, etc... just google brew install SOFTWARENAME such as search for brew install chrome. It will tell you to run install with --cask.

The --cask option is usually when you are about to install software that has GUIs.

Here are the list that you might want to install



brew install --cask google-chrome

brew install --cask sublime-text

brew install --cask visual-studio-code

brew install --cask azure-data-studio

brew install --cask postman

brew install --cask microsoft-teams

brew install --cask firefox

brew install --cask iterm2

Sublime

I use Sublime as my main IDE and HERE is my current config.

What's next

Well.... installing things are easy. First you search in homebrew then if it's not there then you do it manually.

I made this post specially for my team members. If you find this article useful please share.

Thankz
SaKKo

Sunsetting Atom... what is your next Editor?

SaKKo — Thu, 09 Jun 2022 11:52:00 +0000

I've been using Atom for very long time. To me, it has all I need to write Ruby on Rails, NuxtJS, NextJS, and react-native.

Now that Atom is going to be archived on December 15, 2022. I'm moving back to Sublime Text. I used to use Sublime Text a lot but I don't really like the color scheme. It's going to take some time to get used to new color scheme.

Are there anyone moving to Sublime Text instead of VSCode like me?

NoSQL, why? I love transactional database but I'm not sure if I'm missing anything.

SaKKo — Sun, 29 May 2022 04:42:13 +0000

I've developed more than 100 applications over 10 years for my customers and none of them are NoSQL.

I've tried a few like, mongo, dynamo, firebase, but I don't really understand the use case.

Moreover, I'm not sure if I can maintain the software for the next 3-8 years without problems querying older data.

Am I missing anything?

scaling?
easier change request?

Which kind of project should I use NoSQL?

thankz!

ฟรี IOS Widget Covid ไทย ตัวเลขอัพเดททุกวัน

SaKKo — Thu, 29 Jul 2021 15:48:08 +0000

สวัสดีครับ โพสนี้ทำขึ้นมาเพื่ออธิบายวิธีการเพิ่ม Widget ให้ iOS นะครับ

สำหรับ Android ดูได้ที่นี่ครับ
--> Android Widget

Scriptable

โหลดแอพ --> scriptable.app

Script

https://github.com/SaKKo/scriptable-covid-ios-widget

หรือ

https://raw.githubusercontent.com/SaKKo/scriptable-covid-ios-widget/main/index.js

วีดีโอเพิ่ม Script

วิธีการเพิ่ม สอนเป็นวีดีโอดูผ่าน youtube สำหรับคนอ่านข้างล่างไม่เข้าใจ

หรือถ้าไม่ชอบดูวีดีโอ สามารถทำตามนี้ได้ครับ

ไม่ชอบดูวีดีโอ ดูรูปแทน

วิธีเพิ่ม Widget

เสร็จแล้วครับ

หวังว่าจะมีประโยชน์นะครับ
ใส่หน้ากากกันด้วยนะครับ

Let's prepare your mac for development. Stop having version conflicts.

SaKKo — Thu, 08 Apr 2021 04:19:22 +0000

Hi everyone,

During my first few years of programming, the first struggle I have is how to manage multiple versions of Ruby.

It's been a very painful programming experience. I have to keep upgrading Ruby in the older projects in order to maintain them.

I know it's a good practice to keep everything up to date, but sometimes, it's just a side project and not worth spending time on.

That was 9 years ago.... If you are having the same problem as me with Ruby, Python, and NodeJS.

Here is the solution,

Ruby use RVM
Python use pyenv
NodeJS use NVM

I made a video to explain.

Hope you find it useful

Soon-to-be Ruby on Rails --api Programmer (writing my first book)

SaKKo — Thu, 03 Dec 2020 12:12:20 +0000

Hi, I just wanna share my experience about teaching programming in Youtube vs writing books.

I'm a self taught programmers, I do read a lot and tried my best to completely understand the concept.
I started off with just recording my screen and explained how to do stuffs that I'm comfortable to share.

First just coding video,

Then I started looking for more ways to present the content by using papers.

I get around 200~600 views per day and about $0.20 per day. I do now know why the number isn't stable. But it's ok, I'm doing this for fun.

Then I think, I want to try writing a book. So I started writing one in Thai a couple of weeks back. It's difficult to write the first few chapters because there are so many things to explain. I'm now on Chapter 13 in Thai and at 126 pages.

The purpose of this book is actually to help my new employees to be able to start working on Ruby on Rails without having to bother their seniors. I want them to be able to gain enough knowledge and start asking more question about business not code.

Then I think, why not sell the book? So, I'm just posting this book (in Thai) in a few facebook groups I know. I didn't do any Ads, I'd like to focus on writing than doing Ads for now.

Link to the book (Thai) => Leanpub

Before I started writing chapter 14, I'm translating my book to English. It's about 70% done and I'm excited to share.

Link to the book (English) => Leanpub

If you are about to start Ruby on Rails, please give my book a chance and please give me feedback.

Thank you very much.
SaKKo

หนังสือสอน Javascript/NodeJS เบื้องต้น สำหรับคนไม่มีพื้นฐานโปรแกรมมิ่ง

SaKKo — Thu, 05 Nov 2020 07:26:11 +0000

สวัสดีครับ
ผมศักดิ์ครับ ผมทำ Youtube Channel ชื่อ Sakkosama มาได้ซักพักนึงแล้วครับ มีคนติดตามนิดหน่อย

ตอนนี้ผมแต่งหนังสือขึ้นมาเล่มนึง เหมาะสำหรับคนที่ไม่เคยเขียนโปรแกรมมาก่อน

ชื่อว่า เกิดอยากจะเป็น โปรแกรมเมอร์ ราคา $9.99 ครับ ใครชอบ channel ผม ช่วยสนับสนุนหน่อยนะครับ กดซื้อ/สนับสนุนได้ที่นี่เลยครับ

เป็นหนังสือที่ใช้ Javascript สอน ทั้งหมด เนื้อหาประมานนี้ครับ จะพยายามใส่เพิ่มเรื่อยๆ

Introduction
การจัดเตรียมอุปกรณ์
- 2.1 Softwares ทั่วไป
- 2.2 Environment Setup NVM (NodeJS) การลง NodeJS โดยกำหนด Version เอง
Data types เบื้องต้น and Variables
- 3.1 Number
- 3.2 String
- 3.3 Boolean
- 3.4 ค่ากึ่ง false
- 3.5 Data types อื่นๆ
if else elseif
- 4.1 การใช้ Terminal เบื้องต้น
- 4.2 if condition
- 4.3 else
- 4.4 else if
- 4.5 And
- 4.6 Or
- 4.7 Multiple And Or
Functions
- 5.1 หัดสร้าง Function
- 5.2 console.assert
- 5.3 การส่งค่ากลับจาก Function
- 5.4 Arrow Function
Built-in Functions
- 6.1 Number
- Number.isFinite(x)
- Number.parseInt(s)
- 6.2 Math
- Math.pow(base, exponent)
- Math.abs(x)
var let const
- 7.1 var
- 7.2 let
- 7.3 const
- 7.4 using variable with function
- 7.5 Arrow function usage
- 7.6 Reserve Words
Objects / Array
- 8.1 Object
- 8.2 Array
- 8.3 Array of Objects
- 8.4 Array of anything
For loops
- 9.1 Simple for loop
- 9.2 Looping an Array
While loops
- 10.1 While Loop
- 10.2 Do While
User Input
- 11.1 readline module
Easy Challenges
- 12.1 วิธีทำแบบฝึกหัด
- 12.2 เริ่มแบบฝึกหัด
Date Time
- 13.1 Date Methods
Node Package Manager (npm)
- 14.1 npm init
- 14.2 Moment JS
ไปต่อกันเถอะ
Promise
- 16.1 resolve .then
- 16.2 reject .catch
Async Await
- 17.1 Async Await
- 17.2 resolve values
- 17.3 reject values try catch finally
Looking inside array
- 18.1 Find using for loop
- 18.2 Find using .filter
- 18.3 Find using .find
- 18.4 Pulling data from array using .map
HTML powered by Javascript

ผมเขียนหนังสือเล่มนี้เพื่อให้ผู้ที่อยากเริ่มต้นเขียนโปรแกรมทุกคน ได้เข้าถึงการเขียนโปรแกรมได้โดยง่าย ผู้อ่านจะสามารถใช้ computer ส่วนตัวที่เป็น Windows 10 หรือ MacOS เพื่อหัดเขียนโค้ด และสามารถนำความรู้ไปต่อยอดการเขียนโปรแกรมอื่นๆได้อีกเช่น

Frontend Web Development :
VueJS, ReactJS, AngularJS, JQuery, etc..

Backend Web Development :
Express, Meteor, Sequelize, etc..

Others :
React-Native Mobile Application, IoT, etc..

เมื่ออ่านหนังสือเล่มนี้จบแล้ว ผมหวังว่าผู้อ่านจะสามารถไปเขียนโปรแกรม VueJS/NuxtJS ต่อได้โดยศึกษาจากวีดีโอ ที่ผมทำไว้ใน

Youtube Channel Vue/NuxtJS Playlist

หรือเมื่อเข้าใจวิธีเขียนโปรแกรมแล้ว ยังสามารถนำความรู้ไปต่อยอดเขียนภาษาอื่นๆได้อีกมากมาย เนื่องจากว่า Javascript นั้นมีความคล้ายกับภาษา C ซึ่งเป็นภาษาที่นำพื้นฐานไปต่อยอดได้ง่าย หากสนใจภาษา Ruby หรือ Ruby on Rails สามารถดูวีดีโอสอนฟรีได้ที่

Youtube Channel Ruby on Rails Playlist

หวังว่าจะได้เจอโปรแกรมเมอร์หน้าใหม่เยอะขึ้นเรื่อยๆนะครับ

Website หนังสือ
https://soontobeprogrammer.com

Facebook Page
https://www.facebook.com/soon.to.be.programmer

Facebook Group
https://www.facebook.com/groups/soon.to.be.programmer.book

ขอบคุณครับ
ศักดิ์

(｡`･д･)=o Using Kaomoji like a pro (；　・＿・) on your MacOS

SaKKo — Tue, 01 Sep 2020 03:47:30 +0000

Hi all　(;゜д゜)

I've been using Japanese text art (Kaomoji) for over 10 years on my Mac and I thought I should share this. It's cool and it's cute.

No extra app needed.

All you need to do is open System Preferences > Keyboard

Add Japanese Input Source and select only hiragana.

Go to Text
Press + to add new replacement
on the left, I usually use を wo then on the right (｡`･д･)=o

Now, in any application you can just type wo then spacebar and a popup will appear with list of replacements.　Hit enter to select the Kaomoji you want.

List of cool Kaomoji (670)
Kaomoji.txt

Lazy to add one by one? drag and drop this plist to your list of replacement to get everything I have now.

Text Substitution.plist

If you are using iphone + icloud, this will sync to iOS as well. So you can just type を wo with japanese keyboard on iphone and the same list will popup.

Feel free to modify it to suit your need. You may not need Japanese Input Source but I'm not sure if it will ruin your typing experience or not.

Please share cool Kaomoji ч(ﾟдﾟч)クレッ！

How I setup my Digital Ocean Ubuntu 20.04 Server?

SaKKo — Thu, 18 Jun 2020 05:24:37 +0000

My personal note to setup ubuntu server, my old note is in Quiver.

Before creating a droplet, make sure to select the SSH-KEY that is used login to server.

To generate new key, use this command and input the path you want to store the new key.

ssh-keygen

After creating a droplet, ssh into server using

ssh -i ~/.ssh/ssh_key root@server_ip

Create a new user, for example ubuntu

adduser ubuntu

Make ubuntu a sudoer so that ubuntu can be used instead of root

usermod -aG sudo ubuntu

Swap user to ubuntu and copy ssh public key to ~/.ssh/authorized_keys

su ubuntu
cd ~
mkdir .ssh
vim authorized_keys  # paste the ssh public key here
exit  # back to root user

exit again to close this session.

Try login using ubuntu user. If done correctly, there should be no password prompt.

ssh -i ~/.ssh/ssh_key ubuntu@server_ip

make ubuntu sudo without supplying password

sudo visudo

Add this line to the last part

ubuntu ALL=(ALL) NOPASSWD:ALL

ctrl+x y enter to exit the editor

exit to close the session.

SSH back in

ssh -i ~/.ssh/ssh_key ubuntu@server_ip

run sudo date there should be no password prompt.

Now disable root ssh login

sudo vim /etc/ssh/sshd_config

Change PermitRootLogin yes to PermitRootLogin no

Add a line AllowUsers ubuntu to allow ubuntu to login.

Then restart ssh.

sudo service ssh restart

Now exit to close session again and test logging back in to server.

ssh -i ~/.ssh/ssh_key ubuntu@server_ip

Finally

sudo apt update
sudo apt upgrade

NOTE: To change SSH Port from 22 to something else

sudo vi /etc/ssh/sshd_config

Change Port 22 to the port you want.

Restart SSH sudo service ssh restart and then to SSH, use

ssh -i ~/.ssh/ssh_key root@server_ip -p PORT

Done! Next, try using ansible to setup other softwares.
Also checkout firewall before using in production.

Using Let's Encrypt free SSL on Ubuntu Server and Nginx (wildcard included)

SaKKo — Fri, 10 Apr 2020 07:38:03 +0000

Hi, I'm just moving my notes from gitbook (legacy) to dev.to. I love it hear, it's markdown and it's quick. I hope you find this useful.

Installation

All you need is certbot

https://certbot.eff.org/all-instructions
or
https://certbot.eff.org/lets-encrypt/ubuntubionic-apache.html
to be more specific on Ubuntu 18.04

This is the installation instructions

sudo apt-get update
sudo apt-get install software-properties-common
sudo add-apt-repository universe
sudo add-apt-repository ppa:certbot/certbot
sudo apt-get update
sudo apt-get install certbot

NOTE I didn't include python-certbot-apache because I like to do things on my own and I usually use Nginx.

For single domain

I'm assuming you are using normal config path for nginx which should be located at /etc/nginx/sites-enable

So, we will create a new file called /etc/nginx/sites-enable/letsencrypt.conf (you should create this in sites-available and symlink it to sites-enable)

Now, this should be the content of letsencrypt.conf

server {
  listen 80 default_server;
  server_name _;
  index index.html index.htm index.nginx-debian.html;
  root /var/www/html;
  location ^~ /.well-known/acme-challenge {
    allow all;
    default_type "text/plain";
  }
  location / {
    return 301 https://$host$request_uri;
  }
}

This will make sure that all request on port 80 with location /.well-known/acme-challenge is served correctly.

Any other path should be redirected to 443

Now you need to setup your dns for the domain you want. It should be A tag and point to this server. Note, you should change www.example.com and x.x.x.x to your domain and server

www.example.com     A     x.x.x.x

It may take awhile or a second, depends on your luck. Just test this config on https://dnschecker.org/

Once dnschecker show the correct result you just need to run

sudo certbot certonly --webroot -w /var/www/html -d www.example.com

You should get chain and keys located here

/etc/letsencrypt/live/www.example.com/fullchain.pem
/etc/letsencrypt/live/www.example.com/privkey.pem

Generating dhparams to use with ssl_dhparam config

sudo mkdir /etc/nginx/dhparams
sudo openssl dhparam -out /etc/nginx/dhparams/dhparams.pem 2048

Example nginx config /etc/nginx/sites-enable/www.example.com.conf

server {
    ssl_prefer_server_ciphers on;

    # Add HSTS
    add_header Strict-Transport-Security "max-age=31536000; includeSubdomains";
    client_max_body_size 20M;
    listen       443;
    server_name  www.example.com;
    root /home/ubuntu/your_app;

    ssl on;
    ssl_certificate /etc/letsencrypt/live/www.example.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/www.example.com/privkey.pem;
    ssl_dhparam /etc/nginx/dhparams/dhparams.pem; # you need to generate this if you want to use dhparam

    #prevent poodle
    ssl_protocols TLSv1.2 TLSv1.3;

    ssl_ciphers 'ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:AES:CAMELLIA:DES-CBC3-SHA:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!MD5:!PSK:!aECDH:!EDH-DSS-DES-CBC3-SHA:!EDH-RSA-DES-CBC3-SHA:!KRB5-DES-CBC3-SHA';

}

For wildcard

You need to run this command first (don't forget to change *.example.com to your domain)

sudo certbot certonly --manual -d *.example.com --agree-tos --manual-public-ip-logging-ok --preferred-challenges dns-01 --server https://acme-v02.api.letsencrypt.org/directory

You will get instructions on how to setup. It will tell you to setup txt dns record. Once you complete setup your txt dns record, you should confirm with https://dnschecker.org/ before hitting enter.

If nothing is wrong, you should get wildcard ssl in this path if you are using *.example.com

/etc/letsencrypt/live/example.com/fullchain.pem
/etc/letsencrypt/live/example.com/privkey.pem

You just have to setup nginx accordingly and it should be done.

I'm sure there are better ways than this but this is my old note.
If anyone have better instructions, please let me know so I can share with other as well.

สอน VueJS / NuxtJS / Javascript วีดีโอ ตั้งแต่เตรียมเครื่อง ยันเขียนเป็น

SaKKo — Thu, 09 Apr 2020 09:53:37 +0000

สวัสดีครับ ผมศักดิ์ เปิดบริษัท Softwarehouse มากว่า 10 ปี ประสบการณ์ด้าน Programming 10 ปี รับเขียนโปรแกรมมามากมายหลายภาษา/Framework ครับ

สำหรับคนที่พึ่งเริ่มเขียนโปรแกรมแบบไม่มีพื้นฐาน ผมแนะนำให้ลองอ่านหนังสือที่ผมแต่งเองขึ้นมา สำหรับผู้เริ่มต้นก่อนนะครับ ช่วยอุดหนุนหน่อยครับ

กดที่นี่เพื่อเข้าไปซื้อหนังสือครับ

ผมพยายามทำและรวบรวมวีดีโอที่ผมทำเอง และ ถ้าเป็นไปได้จะพยายามเอาวีดีโออื่นๆที่เกี่ยวข้องมารวมด้วยครับ (ข้ามไปดูวีดีโอด้านล่างสุดได้เลยครับ สำหรับคนใจร้อน)

Youtube Channel SaKKosama 🐶 กดติดตามหน่อยนะครับ

เป้าหมายคือ อยากให้เป็นประโยชน์กับทุกๆคน ไม่ว่าจะพนักงานของผมเอง หรือ จะเป็นคนที่มีความสนใจศึกษา VueJS / NuxtJS และอยากให้มี Developer ชาวไทยเยอะขึ้นครับ

List ข้อดีของ VueJS + NuxtJS

เขียนง่าย เขียนเร็ว ขอแค่เขียน Javascipt เป็น
Support SSR, SPA, PWA
ไม่ต้องเขียน JSX แต่จะเขียนก็ได้
Library / Components ช่วยเยอะแยะมากมาย
Doc อ่านเข้าใจง่ายมาก

แถมนิดนึงสำหรับคนอยาก deploy nuxtjs โดยใช้ Google Cloud Run (Serverless ครับ)

Deploying Nuxtjs on Google Cloud Run (Serverless)

วีดีโอเริ่มต้นครับ สำหรับคนได้เครื่องใหม่มา หรือว่าอยาก clean up เครื่อง

วีดีโอ

Full Playlist ครับ

แยกร่างครับ

วิธี deploy NuxtJS ไป Google Cloud Run ครับ

หนังสือ/ebook/วีดีโอ สอน Ruby on Rails สร้าง API ตั้งแต่เตรียมเครื่อง ยันเขียนเป็น

SaKKo — Mon, 27 Jan 2020 05:40:14 +0000

Test

สวัสดีครับ ผมศักดิ์ เปิดบริษัท Softwarehouse มากว่า 10 ปี ใช้ Ruby on Rails มาประมาน 8 ปี รับเขียนโปรแกรมมามากมายหลายภาษา/Framework ครับ

ข้อมูลอื่นๆเกี่ยวกับหนังสือ สามารถดูได้ที่
soontobeprogrammer.com

ผมแต่งหนังสือเสร็จแล้วครับ

กดที่นี่เพื่อซื้อหนังสือผ่าน shopee
กดที่นี่เพื่อซื่อ ebook ผ่าน Leanpub

เนื้อหาของหนังสือมีดังนี้ครับ

บทท่ี 1 - เตรียมเครื่อง
- rvm / Install Ruby
- nvm / Install NodeJS (optional) Ruby on Rails
- Text Editor
- Postman / Hoppscoth
บทท่ี 2 - สร้าง Project
บทท่ี 3 - Folders และ Files
- root Folder
- config Folder
- app Folder
- Files อื่นๆ
บทท่ี 4 - ภาษา Ruby
- Numbers
- String
- Comment
- puts และ print
- Array
- Hash
- if / else / elsif / end
- Boolean
- Case (switch)
- Loops (for ,while, each)
- map
- implicit / explicit return
- Code Block 30 Class / Object
- Subclass
- Modify Build-in Class
บทท่ี 5 - Controllers
- Static API [GET]
- Request with curl
- CORs / Hoppscotch
- POST/PUT/PATCH/DELETE
บทท่ี 6 - Model / Database
- ActiveRecord
- Model / Table Design
- Code First Database Migration
- การแก้ไขโครงสร้าง Database
- การเขียนข้อมูลด้วย Rails Console
บทท่ี 7 - CRUD REST API
- New project
- REST APIs
- Generating Controllers
- GET users#index
- POST users#create
- GET users#show
- PUT/PATCH users#update
- DELETE users#destroy
บทท่ี 8 - Scaffolding
- rails g scaffold
- ทดสอบ API จาก scaffold
บทท่ี 9 - Model Relationships
- Defining Relationships
บทท่ี 10 - Sending Emails
- Mailgun
- ActionMailer Basic
- Sending Real emails
บทท่ี 11 - Errors Handling
- rescue
- throwing errors
- Custom Error Class
- Catching Errors in Controller
- Other errors to rescue
บทท่ี 12 - Authenticating APIs
- devise gem
- JWT
- Model callbacks
- Sessions Controller
- Sign up API
- Sign in API
- Profile API
- Sign out API
- Catching JWT / API Errors
บทท่ี 13 - Model Validation
- Presence
- Inclusion
- Length / Number
- Custom Validation
บทท่ี 14 - Query Interfaces
- .find / .find*by*?
- .where / .where.not
- Date Query
- Scope
- Scope with function
- Ordering
- Readonly Object
- JOIN
- Eager Load / N+1 Query
- Selecting Fields to Query
- Calculations
บทท่ี 15 - Caching with Rails
- Installing REDIS
- Configuring Rails
- Simple Cache Key
- Caching Model
บทท่ี 16 - Delayed Jobs
- ActiveJob
- Using with Mailer
บทท่ี 17 - Uploading files / Images
- ActiveStorage
- Upload Image API
- multipart/form-data
- Auto Resize Images
- File Validation
- Storage Config
บทท่ี 18 - Model / State Machine
- AASM
- States
- Events
- Callbacks
บทท่ี 19 - Unit Test
- Rails test
- Test Driven Development (TDD)
- Fixtures
- Parallels Testing
บทท่ี 20 - Searching Database
- Preparation / Database Seed
- SQL Search / Ransack
- SQL Multi-column Ransack
- ElasticSearch / Searchkick
บทที 21 - Security / Credentials
- rails credentials
บทท่ี 22 - Deploying Rails
- Server Preparation (Ubuntu)
- Adding new user to Server
- Installing Rails / NGINX
- Deploying Code
- Nginx & Passenger Config
- SSL / Let’s Encrypt Config
- Dockerfile

สำหรับ Video