はじめに こんにちは、新卒一年目エンジニアの藤原です。 大学では主にメディア工学を学んでおり、プログラミング経験はあまりありませんでした。研修ではJavaをメインに学び、HTML,CSS,JavaScriptはほんの少し触れた程度です。 しかし、8月に部署に配属され…

本記事は AI・MLウィーク 2日目の記事です。 1日目 ▶▶ 本記事 ▶▶ 3日目 こんにちは、新人の福井です。 本記事は、私が直近AI 関連のイベントに複数参加した事がきっかけで、AIエージェントとRAGに興味を持ったため、実際にエージェントを構築しながら私な…

本記事は ブログ書き初めウィーク 3日目の記事です。 2日目 ▶▶ 本記事 ▶▶ 4日目 はじめに 二次情報の限界 Reactの公式ドキュメントから学ぶ「一次情報」の価値 「体験」から始まるチュートリアル 技術の裏付け 公式ドキュメントを味方にするルール ① Whyは…

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

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

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

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

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

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

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