React Three Fiberを使ってオーディオビジュアライザーを作りたかった みなさんThreejsはご存じですか？　ご存知ですね。 フロントエンドで3D表現をするためのライブラリです。 そして、それが命令的に記述するライブラリであることもご存じですか？　ご存知ですね。 Trhee.jsというのは通常、命令的に記述します。良し悪しはともかく、Reactとは思想が異なりますね。 Reactは命令的に記述しますか？　宣言的に記述しますね。そういうことです。 ReactでThree.jsを宣言的に書くため

この記事は「 株式会社メンバーズ Jamstack 研究会主催 Advent Calendar 2023 」の9日目の記事です。

この記事は、 ニフティグループ Advent Calendar 2023 5日目の記事です。 はじめに こんにちは、最近はひょんなことから見つけた古のWebページに衝撃を受けている宮本です。jQueryが生まれる前の時代のページともなると流石に趣が違いますね。 さて、今回は Astro の機能のひとつについてご紹介したいと思います。 Astroって？ AstroはJavaScriptを使ったモダンWebフレームワークの一つです。JS製のWebフレームワークというとNext.jsが有名ですが、Astroはコ

こちらの記事は カケハシ Advent Calendar 2023 の 4日目の記事になります。 こんにちは。カケハシでエンジニアをしている今川です。 今回はこれからフロントエンドの技術選定をする方向けに、どんな技術・ツールを使えばいいかのヒントになるような記事を書いていきたいと思います。 ただし、本記事では個人的な好みというよりは、npm trendsやGitHub Star Historyなど客観的な指標からどんな技術が世間に受け入れられているかの比較にしていきたいです。 もちろん数値などの比較以外に

この記事は「 株式会社メンバーズ Jamstack 研究会主催 Advent Calendar 2023 」の2日目の記事です。

Next.js + Go + AWS API Gateway で WebSocket API を使って API サーバーからフロントエンドに通知を送る はじめに こんにちは トモニテ でバックエンド周りの開発を行っている rymiyamoto です。 エブリーとして初の試みとなる Tech Blog Advent Calendar 2023 の １日目の記事として参加させていただきました。 毎日他の記事も公開されるので、ぜひチェックしてみてください！ tech.every.tv 今回ですが Next.js

はじめに 11月1日に入社するまで1ヶ月間有休消化があったので ChatGPT 4ユーザーがChatGPTを使って色々やっていたよー、の話。 👀 10月の会話履歴を見てみる そんなに会話が続いていない内容は削除していますが20個近くおしゃべりしていました。 ※ 下が10月1日、上が10月31日の時系列順です 1️⃣ 画像の読み取り ChatGPT 4のユーザーは画像を読み込ませることが可能になったので試しに愛犬の画像を読みこませて犬種を当ててもらいました。 (今回は割愛していますが全身写っている画像を送っ

こんにちは！BASE product blog編集部です。みなさまそろそろ年の瀬ですが、いかがお過ごしでしょうか。 今年も恒例のBASEメンバーによるアドベントカレンダーを開催します！ 毎年公開しているアドベントカレンダーも今年で6回目を迎えます。 過去の様子 2022年のアドベントカレンダー 2021年のアドベントカレンダー 2020年のアドベントカレンダー 2019年のアドベントカレンダー 2018年のアドベントカレンダー 今年も毎日記事を公開する予定です。1日に2記事リリースされる日もあります！ 下

はじめに こんにちは、クラウドエースのシステム開発部 SRE ディビジョンの渡辺です。Google Cloud Next Tokyo '23 で目の当たりにした生成 AI の可能性に心躍り、その興奮は今も続いています。 今回は、Google Cloud Next Tokyo '23 で参加したセッションの中から、Vertex AI Extensions についてその概要とセッションの要点に焦点を当てて紹介します。 ! 記事執筆時点（2023年11月） 本記事では、Vertex AI Extensions

こんにちは！会員システムグループでエンジニアをしている山田です。 今回はNIFTY Tech Day 2023で掲示していたコードレビュー問題の解答編になります。 問題は こちら で公開していますので、まだ見てないよ！という方は是非チャレンジしてみてください。 出題内容 出題コードをおさらいしてみます。 AutoComplete.tsx /* eslint-disable */ import React, { useEffect, useState } from 'react'; import { Aut

本記事では、 AWS AppSync と GraphQL API を活用して、Amazon Bedrock の基盤モデル (FM) とエージェントをパブリック API とプライベート API およびデータベースの両方にシームレスに接続する方法について説明します。 Amazon Bedrock は生成系 AI サービスであり、基盤モデル (FM) で生成系 AI アプリケーションを構築し拡張する最も簡単な方法です。Amazon Bedrock の包括的な機能により、様々なトップクラスの FM を簡単に試すこ

こんにちは！ 今日は NIFTY Tech Day 2023 の開催日です！オンラインでセッションを視聴することもできるので、ご登録がまだの方は奮ってご参加ください！ さて、NIFTY Tech Day 2023では、オフライン会場にてReactを使ったコードレビュー問題を提示しています。しかし折角の問題なのでオフラインだけでは勿体無い……！ ということで、今回はオンライン参加の方々にもぜひ挑戦していただきたいです！ 回答については、後日エンジニアブログにて掲載予定です。 出題 次のような検索サジェストを

はじめに こんにちは、DevRelブロックの ikkou です。11月6日に「ZOZO Tech Meetup - Webフロントエンド」と題したWebフロントエンドに特化したオフラインイベントを開催しました。 zozotech-inc.connpass.com 目次 はじめに 目次 当日の登壇内容 アイスブレイク ZOZOTOWNにCSS in JS（Emotion）を導入して1年後の状況 React でコンポーネントを利用したテストをゴリゴリ書く ゼロから始めるアクセシビリティ啓蒙活動 現代のReac

AWS Amplify UI チームは、エンドユーザーのための機能豊富なアプリを構築するのに役立つ、8 つの新しい React ユーザーインターフェイスコンポーネントと 2 つの改良されたコンポーネントを紹介します。本記事では、新しいコンポーネントと、それらをプロジェクトにどのように使用できるかを紹介します。Amplify UI は、クラウドに接続されたクロスプラットフォームと、パフォーマンス、テーマ性、応答性、アクセシビリティに優れた React コンポーネントの両方を備えたコンポーネントライブラリです

はじめに はじめまして。 株式会社SHIFT、DAAE（ダーエ）部のWonchul HWANGです。 MicrosoftOffice365を業務環境として使用し、業務改善やDXを進める際には、手軽にアプローチできるツールとしてMicrosoftのPowerPlatformが注目されています。その中で、「誰もが簡単にアプリを作れる！?」ツールとしてPowerAppsがあります。