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

Let’s say you have a website and you want to give your website as mobility experience to your customers. Well you have to consider the PWA. Let’s see how PWA can offer mobility experiences to consumers.

If you visit the website, you will get alert to add to your home screen for this website as a PWA application. If you accept it, the PWA will be installed to your phone and you can access the website through application next time. Cool , I know right !

Although PWA works across both iOS and Android, the specifications of Safari affect which functions iOS users can access. For Android users, PWA can be added via multiple browsers. Also PWA is a project started by Google, and it is quite more compatible with Android.

Let’s discuss some of the core attributes which are missing from common non-progressive web applications.

1. Reliable
   The app should be lightning fast when loading, it should be close to instantaneous and should also open when there is no network or fairly low-speed network.
3. Fast
   The scrolls and page transitions should be buttery smooth when the user is interacting with the web app. Everyone hates crappy scrolls.
4. Responsive
   The app should fit in all the different sizes of devices. The perfect web app should be like liquid, which takes the shape of its vessel.
5. Installable
   If we want to make web apps closer to the native apps, they have to be installable and should reside in the home screen along with other native apps, so that the user can access the PWA in one click.
6. Splash Screen
   PWA adds a splash screen during the startup of the app. This makes the PWA feel more like a native app.

As an addition, all you need to setup PWA is that you just have to know some Javascript. PWA has some important technical components which work together and energizes the regular web app.

1. Service worker
2. manifest json
3. And your site need to be in https.

These are the important things to setup your PWA.

Service Worker

Our web apps talk to the network directly and if there is no network, the screen shows the famous dinosaur. For the first-time load, the service worker stores the required resources in the browser cache. And when the user visits the app next time, the service workers check the cache and returns the response to the user before even checking the network.

Manifest Json File

The manifest file is a config JSON file which contains the information of your application, like the icon to be displayed on the home screen when installed, the short name of the application, background color, or theme.

Https

Service workers have the ability to intercept the network requests and can modify the responses. Service workers perform all the actions on the client side. Hence, PWA requires secure protocol HTTPS.

Here is the official documentation to build PWA from google.
https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0

By Yuuma

Tweet

今回はCakePHPの「フォームヘルパー」という機能を使用して、入力フォーム用のHTMLを生成させる方法の説明をおこないたいと思います。

Tweet

拝啓　年の瀬も押し詰まり、ご多用のことと存じ上げます。
さて、誠に勝手ながら、弊社の年末年始の営業は、下記のとおりとさせていただきます。
皆様にはご迷惑をお掛けしますが、何卒ご容赦願います。
今年一年ご愛顧を賜りまして大変感謝申し上げますと伴に、皆様のご多幸をお祈りいたします 。

敬具

記

年内営業　　　令和元年12月27日　19：00まで
年始営業　　　令和2年1月6日　10：00より

Tweet

As it is coming to the end of the year, I am thinking that we should be aware of our health as we sit too long in front of computer and eat some bad food often.

I would like to share some tips for you so that you can follow them to take care of yourself.

Exercise

getting exercise on a regular basis is something that many developers tend to forget—or ignore. There’s no need to become fitness model or something but doing some form of exercise has several benefits that will keep you healthy, fit, and focused.

If you go to work by bike or by foot, then you’re already ahead of the curve. Exercising regularly has a wide range of benefits that will pay dividends in the long run. It keeps your body fit, improves your health, and it also makes you mentally more resilient. 

Sleep

This tip is especially important if you’re still in your teens or twenties. At this age, programmers tend to forget that they are mortal. I’m in my
twenties now so I know what it feels like to think that nothing can stop you in your quest to conquer the world. While pulling an all-nighter is something that won’t kill you, it will screw up your health if you’re not careful. The older you become, the longer it takes to recuperate from sleepless nights. Burning the midnight oil may be necessary on occasions but respect your health by not making it into a habit.

Sleep is something that your body needs to recover from the previous day and stay fit. The body uses this time of inactivity reboot your brains and repair any damage you incurred during the day. Getting enough sleep significantly boosts your focus during the day, improves your immune system, and even enhances your memory.

Posture

Bad posture is a common problem these days. Even if you’re office is equipped with comfortable, ergonomic chairs and desks, it’s important to be conscious of your posture. It may seem unimportant when you’re in your twenties, but the number of young people suffering from chronic injuries caused by bad posture. Sitting at a desk for long periods of time isn’t healthy for a variety of reasons.

Caffeine

A common misconception is that caffeine is fuel for your body. Even though most energy drinks are high in calories, caffeine itself doesn’t contain any calories. Caffeine is nothing more than a molecule that interacts directly with your central nervous system.

Over the years, researchers have discovered a number of interesting findings about caffeine and how they affect people’s performance. For example, people that consume caffeine on a regular basis need it to function properly. This is something most people know, but underestimate. If you have been using caffeine for a few weeks or months, then you need a dose of caffeine simply to stay on par with someone who doesn’t depend on caffeine.

Diet

It goes without saying that a healthy diet is the cornerstone of a healthy lifestyle. That doesn’t mean that you can’t have a snack or that you need to cut out everything from your diet that’s unhealthy. It simply means being conscious of what you eat and when you eat it. That simple act can make a world of difference.

Balance

Finding balance in your life isn’t always easy. If you have a demanding job with a bunch of responsibilities, then it may be difficult to go offline for long periods of time. No matter what you do for a living, it’s important to find a balance between work and life.

I hope everyone be healthy and may work more in coming years.

By Yuuma

Tweet

本記事は前回の記事「CakePHP コントローラとURLの関連」の続きです。
今回はビューテンプレートの作成をおこない、コントローラとの値のやり取りをおこないます。

Tweet