ryorasppのブックマーク - はてなブックマーク

Raspberry Pi Picoでつくる電光掲示板
ちょっと株式会社アドベントカレンダー 12月18日の記事です。この記事ではRaspberry Pi Pico(以下ラズパイピコと呼ぶ)を使ってLEDマトリクスパネルを制御します。ラズパイピコの購入ラズパイピコはC/C++やMicroPythonでプログラミングできるマイコンボードです。 AliExpressというECサイトで購入しました。日本語表記が怪しいですが、問題なく届きました。ラズパイピコとPCの接続 PCとラズパイピコをUSBケーブルで接続します。 thonnyというIDEを使ってプログラムを書き込みます。接続確認のために、LEDを点灯させるプログラムを書き込みます。
ryoraspp 2024/02/24
あとで読む

プログラミング

ラズパイ
リンク
Reactでお手軽アニメーション実装
今回は、Reactのアニメーションの方法について紹介します。 WebGLを使うようなダイナミックのもではなく、Webサイトを制作する上でよく使うアニメーションや、要素がビューポートに入ると発火するなど、あるあるだけど意外と実装めんどくさい...なものを簡単に実装できる方法を紹介します！また、それらを組み合わせて自作ライブラリも作ってみたのでぜひチェックしてみてください🙌 Intersection Observer API 言わずと知れたJavaScript標準の交差監視APIですね。 Reactでは、ライブラリを使った方が楽に実装できるため、今回はサンプルコードと基本的な解説のみ行います。 import React, { ReactNode, useEffect, useRef, useState } from "react"; const ObserverComponent = ({
ryoraspp 2023/06/07
React

アニメーション

Zenn

あとで読む
リンク
🎨Storybook@7入門：Next.js + TailwindCSSへのステップバイステップ組み込みガイド
Storybookのメジャーバージョンが7にアップデートしてからしばらく経ちます。しかしながらNext.jsとtailwind CSSの組み合わせにStorybookを使用する記事が少なかったため、組み込むために行ったことをまとめました。動作確認環境は以下のとおりです。 "next": "13.3", "react": "^18.2.0", "tailwind css": "^3.3.2", "storybook": "^7.0.11", "@storybook/addon-essentials": "^7.0.11", "@storybook/addon-interactions": "^7.0.11", "@storybook/addon-links": "^7.0.11", "@storybook/blocks": "^7.0.11", "@storybook/nextjs": "
ryoraspp 2023/05/22
React

Zenn

あとで読む
リンク
1