熱帯魚飼育に必要な作業をスマホ１つで完結させ、外出先からも見守れるシステムを構築しました。
ものづくり系のコンテスト`みんなのラズパイコンテスト 2021`に本システムを応募し、技術賞を頂くことができました。

[日経コンテスト受賞] 熱帯魚を自動で育成管理するシステムを開発した話

自分の忘備録も兼ねて、私がフロントエンド開発で気をつけていることを技術要素ごとにまとめてみました。


フロントエンド開発で気をつけていること忘備録

Next.js + Tailwindcss + cssModule の開発環境にStoryBookを導入する手順についてまとめました。
StoryBookインストール直後では、TailwindcssとcssModuleによるスタイルが適用されず、コンポーネントのデザインが全く確認できないため、その解決方法についても解説します。

【StoryBook】Next.js + Tailwindcss +  cssModule 環境でのStoryBook導入方法

スマートフォンの絵文字選択キーボードのような絵文字選択画面を、ブラウザ上で実現できる`emoji-picker-react`というライブラリについて、導入方法をまとめました。

`emoji-picker-react`は、名前の通りReact向けのライブラリとなります。
Next.jsにも導入可能ですが、１点注意事項があり後述します。

絵文字ピッカー emoji-picker-react の導入方法まとめ

Tailwindで超簡単にアニメーションをつける方法を公開します。

Tailwindで超簡単にアニメーションをつける

Next.jsにて Reason: `undefined` cannot be serialized as JSON. Please use `null` or omit this value. というエラーに遭遇しました。原因はgetStaticPropsの戻り値propsにundefinedを格納していたことでした。

Raspberrypiの記事一覧

プロフィール

カテゴリー

最近の記事