Webアプリ React(Next.js)でAPIを活用するコンポーネント作成する【JSONPlaceholder】
Reactなどでフロントエンド開発をしているときに、試しにAPIを含む処理を実装したいと思うことは多々あります。しかし都合よくAPIが用意できるとは限りません。そんな時に活躍するフリーのAPIが「JSONPlaceholder」です。
今回はそのAPIを使って、受け取った情報を表示するコンポーネントを試作しました。
JavaScript
Webアプリ 
Webアプリ 【React】Webカメラのコンポーネントを作る【USBカメラ】
React(Next.js)でWebカメラを使用するアプリを作成しようと思い、コンポーネントの作成をしました。リアルタイムキャプチャと撮影の機能を作成しました。カメラはUSBカメラを使用しています。
Webアプリ 【Docker】Next.jsアプリをコンテナ上で動かす方法【compose】
Dockerコンテナ内でNext.jsのアプリを動かす方法を紹介します。やり方はいくつかありますが、ここではdocker composeでDockerfileを使用します。
Webアプリ 【JavaScript】カメラをブラウザ上で動かす方法【再生・停止・一時停止】
本記事ではHTMLとJavaScriptを使用して、USBカメラからの映像をブラウザに画面表示する方法を紹介します。映像表示だけでなく再生・停止・一時停止ボタンも実装します。
Webアプリ 【JavaScript】APIからJSONを取得する簡単な方法【Fetch】
Webアプリを作成しているときに、よく実施する動作確認の1つにAPIからのデータ取得があります。今回はその最も簡単な確認方法を紹介します。