開発スタッフがアプリ関連の最新技術やニュースをご紹介します。

Yesterday I wanted to install NPM with package download, such kind of command error message occurred.

Command on found on zsh

Then I try to add new some command, I got it zsh shell command. So this time I would like to share you how to install both Node.js and NPM with MacOs for new terminal.

Prerequisites

Firstly by typing git that will show you command line tools installed.

git

To see what shell your terminal currently is in, from the command line type in:

echo $0

If you’re in the bash shell, you’ll see printed out:

-bash

If you’re in the zsh shell, you’ll see printed out:

-zsh

Switch Your Default Shell To zsh

To switch your shell to the zsh shell, you may enter:

chsh -s /bin/zsh

To switch back to the bash shell, you may enter:

chsh -s /bin/bash

Step by step installation

Make a directory and enter the folder and add this really nifty package manager for zsh called antigen.zsh

curl -L git.io/antigen > antigen.zsh

Now we’re going to configure our .zshrc file:

nano ~/.zshrc

Then you’ll want to write such kind of .zshrc file:

Then restart your terminal. Now you can finally install Node.js and NPM with a single line using nvm!

nvm install --lts

I hope you have found this useful. 

By Ami

Tweet

Have you heard about serverless architecture ? Well it doesn’t mean there is no server for your code. Technically serverless is a framework or architecture to save the expensive server costs. Lets see how it does.

As we all know, a server is a computer where an application is deployed. Most developers deploy their code on a remote server where someone else takes care of hardware and software maintenance. That is what most of us are doing. At this point, servers could be expensive even for small projects, it can be a big impact. Your server must be running 24 hours a day to be able to handle requests at any time.

As I said in above, serverless does not mean there is no server. The serverless infrastructure runs on someone else’s managed server. This means you don’t have to worry about maintenance, network security, or uptime. And we only have to pay when our code is being executed which means it will only charged for the amount of time and memory used.

We all know horizontal & vertical scaling when it comes to handling the traffic from users. Both of the options can be expensive, isn’t it ? Well in serverless, you can scale to millions of requests. No new infrastructure required! There is no need to add new servers.

Well, that is all for now. You can try it out serverless in below services.

• AWS Lambda
• Azure Functions
• GCP Cloud Functions
• Vercel

Although it is powerful to scale up your application with more affordable cost, there might be some drawback also. For example, caching and debugging can be tricky. And of course, you have to learn the new tools to configure it which can be tricky as well.

Yuuma

Tweet

You also know slow-loading website will impact user experience. Pages that load fast have better user retention and lower bounce rates, and win user’s trust faster.

3 Tools to Measure Page Speed

Google Search Console

Although it technically doesn’t measure site speed, but you can use the new core web vitals report to find loading issues you need to take care of.

PageSpeed Insights

Developed by Google, PageSpeed Insights is a site speed tester capable of identifying underlying load speed issues. It’s as simple as entering the URL you want to inspect, and the tool will crawl your site and create a full report.

GTmetrix

If you want more advanced features or if you want to test your page speed on specific locations, GTmetrix is a helpful tool.

2 Tips to Improve Your Website’s Page Load Speed

1.Optimize your image

Image file size

You should aim for the smallest file size possible. A good mark for big images is 150kb to 500kb per image.

File format

It’s not uncommon to use PNG images when creating content. They are easier to handle, after all. Without getting into a whole debate on image extensions, we recommend using JPGs. These have become the standard format for images on the web. They do not lose quality, and their file size is small.

Image dimensions

Make sure to upload a decent image that doesn’t lose quality while scaling. I.e., 800 x 1200 images are the most common on articles.

2.Use lazy loading

We want to make the browser render the top of the page first (above the fold content) before loading the rest of the page.

The great thing about it is that we can implement it natively using the loading attribute in our images and iframes.

<img src=”myimage.jpg” loading=”lazy” alt=”…” />

<iframe src=”content.html” loading=”lazy”></iframe>

These attributes will tell the browser only to download the elements once the user has scrolled to the element and it is now visible on the viewport.

I hope you have found this useful. 

By Ami

Tweet

今回はデータベースを作成する際の照合順序設定によってどのように検索結果に影響を与えるかをシェアしたいと思います。
本記事は前回の「MySQL 照合順序設定による検索結果の違い(1)」の続きとなります。

Tweet

今回はデータベースを作成する際の照合順序設定によってどのように検索結果に影響を与えるかをシェアしたいと思います。

Tweet