こんにちは。サイオステクノロジーの和田です。今回はNFTの発行ができる簡単なアプリを作成したので共有したいと思います。 今回作るもの 今回はNFTを発行することができるWebアプリケーションを作成し、動作確認までしたいと思います。具体的にはウォレットアドレスとトークンIDを入力することで、NFTを発行できるようにしたいと思います。それではいきましょう。 作成手順 以下の手順で進めていきたいと思います。 スマートコントラクトの作成 バックエンドのコード作成 フロントエンドのコード作成 動作確認 スマートコン

エブリーでデータエンジニアを担当している塚田です。 QuickSightを活用したビジュアライズを進めていますが、そのビジュアルの埋め込みで外部のサイトで表示する部分を検証しています。 今回はその検証過程で利用したamazon-quicksight-embedding-sdkについて、使用方法などを紹介します。 Amazon QuickSightとは Amazon QuickSightは、AWSが提供するビジネスインテリジェンス (BI) サービスです。AWSとの連携が容易で、比較的簡単に利用を開始するこ

こんにちはミイダス Tech Officeです。 ミイダス株式会社のテックチームが直近で開発した機能を現場のエンジニアから共有する「MIIDAS Tech LIVE」 第7回目の開催となる今回は3つのリリース情報をお届けしました。 採用マッチングサービス「ミイダス」は、独自の診断ツールで採用のミスマッチを減らす中途採用サービスです。メインの採用関連の機能に加え、診断や研修、組織サーベイの支援金の検索機能など、幅広い機能開発が行われています。 MIIDAS Tech LIVE #7 (2024/09/25

Introduction Hello, and thank you for visiting. My name is ITOYU and I am in charge of front-end development in the new car subscription development group of the KINTO ONE Development Department. Nowadays, it is common to use frameworks such as Vue.js, Re

目次 はじめに 自動生成しようと考えた背景 トモニテが公開しているLPについて 既存のLP実装の課題 生成AIによるLP実装の自動生成 LP自動生成のためのアプローチ 実際に自動生成してみて OpenWebUI を利用した場合 LlamaIndex.TS を利用した場合 そのほかのアプローチ まとめ はじめに こんにちは。 トモニテ開発部ソフトウェアエンジニア兼、CTO室Dev Enableグループの庄司( ktanonymous )です。 今回の記事では、生成AIを利用してトモニテが公開しているLPの自

こんにちは、エンジニアの籏野です。 近年、弊社の作るWebアプリケーションはNext.jsを用いて開発されることが多いです。 Next.jsは高パフォーマンスなWebページを作るための様々な機能を内包したReactフレームワークであり、メジャーバージョンアップの際には次々と新しい機能が追加されています。 さて今回はとある事情により、POSTメソッドで描画されるページを実装したい要望が出てきたため、Next.jsでPOSTページを実現できるのか検証してみました。 結論 HonoをRoute Handlers

本ブログは、カシオ計算機株式会社と Amazon Web Services Japan が共同で執筆しました。 カシオ計算機は、時計、電子辞書、電卓、電子文具、電子楽器などを手掛けており、グループ全体で 9,594 名（ 2024 年 3 月末時点）が所属しております。 同社では、全社員に向けて 2023 年より社内業務支援のため AI チャットボットの検討および試行を開始し、2024 年 3 月に全社展開を行いました。 AI チャットボットではコード作成支援や技術調査、文書作成やアイデア創出など多様な業

はじめに こんにちは、ZOZOTOWN企画開発部・企画フロントエンド1ブロックの ゾイ です。 ZOZOTOWNトップでは、セール訴求や新作アイテム訴求、未出店ブランドの期間限定ポップアップ、著名人コラボなどの企画イベントが毎日何かしら打ち出されています。私はそのプラットフォームとなる企画LPをメインに実装するチームに在籍しています。 今まで実装した企画LPをアーカイブするプロジェクトにも参加しているので、チームの特性や企画LPの詳細は下記の記事をご覧いただければと思います！ techblog.zozo.

こんにちは。ココナラ募集部 開発チームのかやです。 今回は、まだリリースされて間もないココナラ募集のリリースまでの経緯や工夫したことをお伝えしたいと思います。 どんな体制で開発をしたか？ 事の始まりは2023年。 ココナラの新しい機能として「ココナラ募集」の企画が立案され、各部署からメンバーが集められました。これまでココナラではサーバーサイド、フロントエンド、ネイティブアプリ等といった各分野の専門スキルを持ったメンバーが集まり、コミュニケーションを取って機能開発する事が多かったのですが、今回は少ないメンバ

今年の3月ごろに、コーディングやフロントエンドの勉強をするための環境、いわゆるサンドボックス的なものを作りたいなと考えるようになりました。そこでWordpress的なものを使ってもよかったのですが、せっかくなのでJavaScriptフレーム

本記事は Reactウィーク 5日目の記事です。📍 4日目 ▶▶ 本記事 📱 はじめに 利用するツール Next.js (App Router) Apollo Client GraphQL-Codegen 前提 実装 型定義コードの自動生成 Apollo Clientの設定 実際にクエリを実行してみる Query Mutation この構成にして良かったこと まとめ はじめに こんにちは、NRIネットコムの辻下です。普段はアプリ担当エンジニアとして仕事をしています。（最近フロントエンドにも挑戦中...）

🔖 概要 Jestを使ってモック化するときに一部をモックしたい場合に手こずったので経過と共にメモ。 ※ React(Next.js)&TypeScriptを使用 【🏃 お急ぎ便 🏃】 やりたいことは 準備 と テスト項目に、自分なりの答えは 結論 に記載。 🌏 環境 React: 18 Next.js: 13.5.6 Jest: 29.7.0 📦 準備 以下2つのコンポーネント ButtonGroup.tsx と Button.tsx を使用。 ButtonGroupのテストをするために子コンポー

本記事は Reactウィーク 4日目の記事です。📍 3日目 ▶▶ 本記事 ▶▶ 5日目 📱 はじめに （簡単に）MUI/Emotionとは MUI Emotion 開発環境の準備 Next.jsのプロジェクト作成 インストール MUI/Emotionのインストール インストール Next.jsの設定 オリジナルアコーディオンコンポーネントを作成する 1.自作コンポーネントを定義する 2.MUIのCSSクラスを確認する 3.EmotionでMUIのデフォルトCSSを上書きする Emotionのスタイル記法

本記事は Reactウィーク 3日目の記事です。📍 2日目 ▶▶ 本記事 ▶▶ 4日目 📱 はじめに Pages Router: シンプルなファイルベースのルーティング 主な特徴 利点 欠点 Pages Router を使うべき場面の具体例 App Router: 次世代の柔軟なルーティング 主な特徴 利点 欠点 App Router を使うべき場面の具体例 どちらを選ぶべきか？ Pages Router 利用者が App Router を使い始めて苦戦したポイント まとめ はじめに こんにちは。先日配信

はじめに こんにちは、トモニテ開発部ソフトウェアエンジニア兼、CTO 室 Dev Enable グループの rymiyamoto です。 この度、エブリーは 2024 年 10 月 19 日(土)に開催される『Vue Fes Japan 2024』に、ゴールドスポンサーとして協賛することになりました！ vuefes.jp エブリーでは、DELISH KITCHEN を現在 Nuxt.js（Vue.js）で構築しており、2018 年から採用しています。 今回の協賛を通して、さらなる Vue.js コミュニテ