NRIネットコム Blog

NRIネットコム社員が様々な視点で、日々の気づきやナレッジを発信するメディアです

注目のタグ

    React

    Amazon Nova Canvas で画像生成アプリを構築した話

    クラウド AI React Bedrock AWS Amazon Nova 生成AI

    はじめに Amazon Nova Canvas とは 全体構成 画面遷移 アーキテクチャ 設計のポイント 1. Claude Sonnet 4 の使用 2. Webサイト上から様々なパラメータを指定可能 意図した画像を作成するポイント 1. タスクタイプ 2. リクエストパラメータ 3. プロンプトエ…

    React（Javascript）おさえておくべき3つのポイント

    テクノロジー React JavaScript フロントエンド 新人応援

    はじめに そもそも書き方が慣れない アロー関数ってなに？？ その他の独特な書き方（等価、三項演算子） Stateってなに？？ Stateの概念 useStateについて 値が更新されない問題 useStateの罠（おにぎりボタンを使った簡単な実例） useStateの罠から抜け出す…

    #JavaScript #React #お役立ち情報

    初学者必見!!! Reactってどんなもの？～Reactのメリットについて知ろう～

    テクノロジー React 新人応援 フロントエンド

    はじめに そもそもReactって何者？？ Reactのメリットをさくっと体感してみる マークアップの中の一部を切り出して、機能ごとにグループ化してみる 繰り返し使いたいもの（ボタンやテキストフォーム等）を共通コンポーネントとして切り出す 動的HTMLの作成 …

    #お役立ち情報 #新人応援 #React #TypeScriipt #JavaScript

    MUI＋Emotion（＋ Next.js）でコンポーネントをスタイリングする

    テクノロジー React Reactウィーク

    本記事は Reactウィーク 4日目の記事です。 3日目 ▶▶ 本記事 ▶▶ 5日目 はじめに （簡単に）MUI/Emotionとは MUI Emotion 開発環境の準備 Next.jsのプロジェクト作成 インストール MUI/Emotionのインストール インストール Next.jsの設定 オリジナルアコーデ…

    【React】カスタムフックを実装してみる

    テクノロジー Reactウィーク React

    本記事は Reactウィーク 2日目の記事です。 1日目 ▶▶ 本記事 ▶▶ 3日目 はじめに カスタムフックとは カスタムフックを使うメリット 実際に作ってみる メニューコンポーネント まとめ はじめに こんにちは、NRIネットコムの中野です。 先日食べたローソンの…

    【Storybook】Visual Tests addonを使ってみる

    テクノロジー React Reactウィーク

    本記事は Reactウィーク 1日目の記事です。 告知記事 ▶▶ 本記事 ▶▶ 2日目 はじめに ビジュアルテスト（Visual Regression Testing）とは Chromatic アドオンの導入 事前準備 1. アドオンのインストール 2. アドオンの有効化 ビジュアルテストの実行 まとめ…

    React Hook FormとYupでフォームを実装する方法

    テクノロジー React WebアプリWeek

    本記事は WebアプリWeek 1日目の記事です。 イベント告知 ▶▶ 本記事 ▶▶ 2日目 はじめに React Hook Formとは Yupとは 使用するライブラリ スキーマ定義 コンポーネント テキストボックス セレクトボックス チェックボックス ラジオボタン 注意 フォーム実…