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 コミュニテ

イベント概要 NIFTY Tech Talkは、ニフティ株式会社の社員が主催するトークイベントです。 本イベントでは、ニフティグループの社員が業務を通じて学んだことを発信しています！ テーマ 天気予報があなたの手元に届けられるまで   〜今日傘を持って出掛けることができるための仕組みの裏側〜 2008年に開始した@nifty天気予報がついにリニューアル。その開発のウラ側をお話ししていきます。 また、今回はコラボ企画となっており、ウェザーニューズ様とコラボします！ リニューアルで使用したNext.js、Go

みなさん、こんにちは！中嶋です。 昨年度に引き続き、2024年8月26日(月)から30日(金)までの五日間で、26年卒ソフトウェアエンジニアの インターンシップ を開催しました。 本記事では、 インターンシップ での取り組みや、今回参加してくれた学生にまとめて頂いたレポートなどをご紹介できたらと思います！ インターンシップの概要 参加者: 久永さんからの寄稿 インターンシップに応募した理由 開発タスクの概要 具体的な取り組みについて その他やったこと インターン全体を通して おわりに インターンシップ の

こんにちは。エンジニアの佐藤( @t0m0h1r0x )です。 今回は、弊社で現在進めている Emotion から CSS Modules への移行について紹介します。 移行の背景、検討した代替ライブラリ、そして最終的な決定について話していきます。 移行の検討理由 代替ライブラリの検討 Panda CSS Pigment CSS CSS Modulesへの移行 今後の展望 まとめ 移行の検討理由 弊社では現在、CSS-in-JSライブラリとしてEmotionを使用しています。ピュアなCSS記法を好むメンバ