Masatoshi Nishiguchi's Blog

HomeBadges

Phoenix LiveView Loading Icon Component

Apr 13, 20211 min read

Today I am going to put together how to make a loading icon LiveComponent for Phoenix LiveView. Get a loader CSS First, I look for an open-source loader CSS because I am poor at designing and writing CSS. Luke Haas's Single Element CSS Spinners is ni...

Real-time page refresh using Phoenix LiveView and PubSub

Apr 3, 20213 min read

I enjoy IoT development using Elixir programming language, Nerves IoT platform and Phoenix web framework. It is so much fun. I was able to build a real-time temperature and humidity monitoring system for my living room. My API server accepts a sensor...

Simple token authentication for Phoenix API

Apr 3, 20214 min read

Recently I am really into IoT development using Elixir programming language, Nerves IoT platform and Phoenix web framework. After quickly learning the basics of electronics, I built a real-time temperature and humidity monitoring system for my living...

IoT development using Raspberry Pi and Elixir

Apr 2, 20214 min read

Today I am going to be talking about IoT (Internet of Things) development using Raspberry Pi and Elixir), using Nerves IoT platform. I usually work on web applications, but I started learning about embedded devices development to expand my expertise....

Controlling servo in Elixir / Nerves

Mar 21, 20217 min read

I really wanted to control a servo motor using my favorite programming language Elixir. Here is what I learned when I did experiments controlling a SG90-type digital servo motor from my Nerves-powered Raspberry Pi Zero W using PCA9685 PWM/Servo contr...

Phoenixのフォームinputを共通ヘルパーとして使い回す

Mar 13, 20215 min read

フォームは一度スタイリングができたら、他のページでも同じスタイリングでいくことがほとんどであると思います。inputタグを共通InputHelpersとして隠蔽すると、コーディングが楽になり、CSSクラスを気にせずに済むようになり、またテンプレートもスッキリとして読みやすくなります。 2021/3/12(金)〜 2021/3/15(月)開催のautoracex #16での成果です。 TL;DR 元ネタはJosé ValimさんのDynamic forms with Phoenixですが、それをも...

© 2021 Masatoshi Nishiguchi's Blog

PrivacyTerms
Proudly part of