DEV Community: Koji Toyota

How to use SVG on Processing(p5)

Koji Toyota — Fri, 01 Jun 2018 06:37:10 +0000

First of all, my sample program is here.

Prerequisites

You've installed Processing on your PC/Mac.
Also please get a SVG file to show.

How to

At first, you have to prepare PShape object.
After that, call the loadShape method.

PShape some_kind_of_shape;
some_kind_of_shape = loadShape("Some_Kind_of_Shape.svg");

Actually, I defined PShape variable as static in my sample code for simplicity.

After you've prepared the object properly, just calling shape method in draw method and you can see your svg.

void draw() {
  background(255);
  shape(some_kind_of_shape, position_x, position_y, shape_width, shape_height);
}

The way I installed Ruby on my mac

Koji Toyota — Mon, 08 Jan 2018 08:14:03 +0000

Prerequisite

Please install Homebrew(official) on your mac.

Install rbenv and ruby-build

At first, I recommend you to install rbenv and ruby-build. They enables you to control Ruby versions flexibly.

brew install rbenv ruby-build

Although I heard that this way tends to yield(don't catch up with the newest version of ruby), it is simple.

Initialize rbenv

Just execute below

rbenv init

This command will add eval "$(rbenv init -)" to your ~/.bash_profile.
Please check it like this

less ~/.bash_profile

If you can't find out the line export PATH="$HOME/.rbenv/bin:$PATH" and eval "$(rbenv init -)", please add it by yourself.

export PATH="$HOME/.rbenv/bin:$PATH"
eval "$(rbenv init -)"

After that, restart your terminal or reload your .bash_profile with this command.

source ~/.bash_profile

And you can check you could install rbenv or not by this command

rbenv -v

This command will return the version of rbenv

Choose the ruby version and install it.

OK, now we can get the list of the versions of Ruby with below.

rbenv install -l

This time, I assume that we chose 2.5.0 as the target.

rbenv install 2.5.0

Many commands will be executed.
After they are finished, try this.

rbenv versions

and you can get like this

* system
  2.5.0

This indicates you have Ruby 2.5.0 but you are using the pre-installed Ruby.
So, let's change to the target ruby with below

rbenv global 2.5.0

Check your rbenv

For now, your mac is ready to use the Ruby 2.5.0, but I recommend you to check the status of your rbenv.

curl -fsSL https://github.com/rbenv/rbenv-installer/raw/master/bin/rbenv-doctor | bash

This will indicate the install status of rbenv.

How to install node.js on macOS with nodebrew.

Koji Toyota — Thu, 28 Dec 2017 12:59:37 +0000

Install Homebrew

See below:
Homebrew(official)

Install nodebrew

After you installed Homebrew, you should execute below

brew install nodebrew

If you want to check whether you could get it or not, please type this command.

nodebrew -v

and you can see the version of your nodebrew.

nodebrew 0.9.8

Usage:
    nodebrew help                         Show this message
    nodebrew install <version>            Download and install <version> (compile from source)
    nodebrew install-binary <version>     Download and install <version> (binary file)
    nodebrew uninstall <version>          Uninstall <version>
    nodebrew use <version>                Use <version>
    nodebrew list                         List installed versions
    nodebrew ls                           Alias for `list`
    nodebrew ls-remote                    List remote versions
    nodebrew ls-all                       List remote and installed versions
    nodebrew alias <key> <value>          Set alias
    nodebrew unalias <key>                Remove alias
    nodebrew clean <version> | all        Remove source file
    nodebrew selfupdate                   Update nodebrew
    nodebrew migrate-package <version>    Install global NPM packages contained in <version> to current version
    nodebrew exec <version> -- <command>  Execute <command> using specified <version>

Example:
    # install from binary
    nodebrew install-binary v0.10.22

    # use a specific version number
    nodebrew use v0.10.22

    # io.js
    nodebrew install-binary io@v1.0.0
    nodebrew use io@v1.0.0

After you installed nodebrew, I recommend you to add the PATH of nodebrew to your .bash_profile.

echo 'export PATH=$PATH:$HOME/.nodebrew/current/bin' >> ~/.bash_profile

Install node.js

Before you install node.js, check the latest version of node.js on official website.
node.js official website
You might find out 2 or more versions of node.js.
I recommend you to install LTS(Long Term Support) version.

If you decided the version, type below and you can see all versions you can install.

nodebrew ls-remote

Can you find out the version you want? O.K. Let's install it.

nodebrew install-binary <THE-VERSION-YOU-WANT>

Please replace the to the version you want to install.

If you get error like below,

Warning: Failed to create the file 
Warning: /Users/<YOUR-USER-NAME>/.nodebrew/src/v8.9.3/node-v8.9.3-darwin-x64.tar.gz: No 
Warning: such file or directory

Make the folder which is needed with this command.

mkdir -p ~/.nodebrew/src

and retry nodebrew install-binary <THE-VERSION-YOU-WANT>

Launch node.js

Before launching node.js, check the nodebrew.

nodebrew ls

You can get like below:

v8.9.3

current: none

This is the list of node.js versions you have and current node.js version.
The line current: none means your system haven't set the node.js.
So, type this

nodebrew use <THE-VERSION-YOU-WANT>

After that, please execute this

node -v

If you could set node.js appropriately, you can get the return about the node.js version like below.

v8.9.3

That's all! Now you can build amazing project with node.js!

How to host your Hugo website on GitHub pages

Koji Toyota — Wed, 27 Dec 2017 13:01:36 +0000

What is Hugo?

Official site

Installing Hugo

At first, Install Hugo.
Install Hugo (official)

Setup

Follow the procedures below:
Quick start
You can skip step1.

About step3, some websites might explain using git clone instead of git submodule.
You can choose either, but I recommend you to use git submodule because using it enables you tracking the newest version of the theme.
If you chose git clone, You should add themes folder to .gitignore like below:

echo 'themes/' >> .gitignore

Add contents

If you chose gohugo-theme-ananke as your theme, you should see below:
Getting started(gohugo-theme-ananke)
Of course you can add your first content with

hugo new posts/foobar.md

but I recommend you to copy the contents of exampleSites from gohugo-theme-ananke and tinker them.

Config your config.toml

If you wanna upload the website to your GitHub Pages, you should modify config.toml.

baseURL = "https://<YOUR-USER-NAME>.github.io/"

The part <YOUR-USER-NAME> should be your user name of github.

And if you are tracking the Quick start you should add the line below like official procedure:

theme = "ananke"

Launch Hugo locally

Execute below

hugo server

and hugo starts soon.
Let's access to localhost:1313 with your web browser.
You can see the aesthetic of the website.

Build your website

When you done your website, please execute

hugo

Hugo builds your website under public folder.

Upload your website

Before you upload it, you should add public to your .gitignore

echo 'public/' >> .gitignore

and move to public folder

cd public

After that, git push whole contents of the public folder.

git init
git remote add origin https://github.com/<YOUR-USER-NAME>/<YOUR-USER-NAME>.github.io

Then, access your website https://<YOUR-USER-NAME>.github.io

How to get innodb_lock_wait_timeout with Ruby on Rails

Koji Toyota — Thu, 21 Dec 2017 02:46:14 +0000

[Session]
ActiveRecord::Base.connection.select_all(“SELECT @@SESSION.innodb_lock_wait_timeout”).to_hash

[Global]
ActiveRecord::Base.connection.select_all(“SELECT @@GLOBAL.innodb_lock_wait_timeout”).to_hash