こんにちはkubotakです。 弊社M&Aクラウドでは先日、Nuxt(v2系)のアプリケーションをSvelteKitへ移行を完了しました。 ※一部ページは諸事情によりNuxtのままですが9割以上が移行済み。 本記事ではSveltekitへの移行した理由や移行方法について紹介したいと思います。 Vue2系がEOLを迎える Vue.jsは現在3系となり、Vueをベースとして作られているWebフレームワークであるNuxtも現在3系が最新となります。 また、Vue.jsの2系は2023年12月31日*1に、Nux

株式会社ココナラ フロントエンドグループの新田です！ 10/28(土)に開催されたVue Fes Japan 2023に参加してきたので、その様子をレポートします。 参加を決めた経緯 ココナラでは現在フロントエンドに Vue2.6 を採用しており、トレンドを追っていきたい＆これからのアップデートに向けて他社事例を学びたいという思いがあって参加を決めました。 また、ココナラはランチスポンサーとして協賛し、フロントエンドグループの市原が登壇の機会をいただきました。その件については「Vue Fes Japan

Introduction Hi everyone! I am Chris from Global Frontend team. Few weeks ago I went to Vue Fes Japan 2023 and I would like to summarize the contents and share some of my thinking. By the way, as a little personal background, I began using Vue early in my

こんにちは。ルーツカンパニーの渡邊です。 もうすぐ12月、12月といえばクリスマス、クリスマスといえば… そう、 エンジニアの一大イベント、Advent Calendarですね！ 今年はメンバーズでもAdvent Calendarイベントを開催します！ Jamstack研究会主催 Advent Calendar とは？

開発者とフロントエンドフレームワークの作成者が AWS Amplify Hosting 上でフルマネージドの Server Side Rendering (SSR) アプリケーションをデプロイできるようにする、新しいデプロイ仕様の一般提供を開始しました。このデプロイ仕様によって、Amplify Hosting の SSR 機能がすべてのフレームワークで利用可能になります。これらの文書化された規約に従うことで、開発者やフレームワークの作者は、Nuxt, SvelteKit, Astro、さらには Expre

はじめに こんにちは。KINTO Technologiesのグローバル開発部でフロントエンド開発をしているクリスです。 この間 Vue Fes Japan 2023 に参加してきましたので、当日参加した講演の要約と私の所感について紹介したいと思います。 エンジニアになって最初の頃にVueに触り始めて、以降もずっとこれを利用してきたのにも関わらず、2018年に初開催されたこのイベントに今年初めて参加するのは少し恥ずかしい話ですが、初参加というのと、VueとViteのクリエイターであるEvan You氏に会え

こんにちは！株式会社ココナラフロントエンド開発グループのいっちーです。 10/28(土)に開催されるVue Fes Japan 2023のランチセッションにて登壇しますのでその告知です！ https://vuefes.jp/2023/ 登壇予定テーマ 弊社ココナラでは今年4月にOpenAI APIを活用したAIアシスタント機能をリリースいたしました。 https://coconala.com/news/839 今回はそのAIアシスタント機能を実装した際のお話をさせていただきます。 主な内容としては下記のと

GitHub Actions構築に向け、フロントエンドをNuxt3で実装する環境構築手順について紹介します。VueとNuxtが推奨する環境に基づき、Nuxtr、Volar Takeover Mode、Nuxt Devtoolsを利用します。

はじめに 宿泊UI開発チームでソフトウェアエンジニアをしている原です。昨年の10月に入社しました。 私の所属する宿泊プロダクト開発部では主に 一休.com と Yahoo!トラベル を開発しており、今回お話するのは、両サービスのトップページ、施設一覧ページ、施設詳細ページなどの主要な導線のフロントエンドを担う Nuxt.js で作られたアプリケーションのインフラとデプロイについてです。 今回はこのアプリケーションにカナリアリリースの手法を取り入れて、より安全にリリースできるようになった話をします。 カナリ

こんにちは。 株式会社ココナラ フロントエンド開発グループの加藤です。 1年前、ココナラのフロントエンドは表示速度に課題があり、Google Search Consoleのページエクスペリエンスではモバイルの良好URLはたった1%しかありませんでした。 しかしその後パフォーマンス改善に取り組み、良好URL99%まで大幅に改善することができました。（記事の最後に実際のスクリーンショットもあります） この記事では、そこで行った改善内容を紹介したいと思います。 はじめに ココナラのフロントエンドは、主にNuxt

はじめに はじめまして。フロントエンド開発グループに所属している岩釣です。 スタンバイ の月間ユーザー数が1000万人を突破しました！(2023年4月末) 本記事ではそんなスタンバイのフロントエンド開発のコーディングガイドラインを紹介します。 なぜコーディングガイドラインを作るのか コーディングガイドラインを作成して運用するメリットは以下です。 コードの可読性の向上 コーディングガイドラインを規定しチーム全員がコーディングガイドラインに基づいて開発することで、コードの統一性が保たれ、コードの可読性が向上し

■ はじめに こんにちは。株式会社ペライチ の松元です。 先日Ruby技術者認定試験シルバーに合格したので、勉強方法や合格してみての所感などを書いていきたいと思います。 （正直、これ系の合格記事はすでにたくさんあり、n番煎じですがまだ僕は煎じてないのでw自分なりに書いていきたいなと思います！） タイトルを見て「え、ペライチってPHPの会社じゃないの？」って思う方がいるかもしれません。 確かにペライチではPHP（CakePHP）をメインに開発していますが、実はいくつかのマイクロサービス化された機能があり、そ

プロダクト開発部のバックエンド開発グループでエンジニアをしているゆうまです。 このたび、2023年4月24日に弊社のサービスにAIアシスタント機能(β)をリリースしました。今回は、その開発プロセスにおいて検討した内容や設計についてご紹介いたします。 AIアシスタント機能とは AIアシスタント機能は、ChatGPTを活用した出品者の支援をする機能です。 サービス内容の特徴を1~5個と、出品者の経歴を入れると「サービス内容」の原稿をChatGPTを用いてAIが提案する機能です。 AIアシスタント機能の導入 コ

Hi, KINTOテクノロジーズのFloです！ 本日の記事では、先日社内で初めて開催したハッカソンイベント、Innovation Daysで優勝したチームにインタビューをします！🥳 背景 Global KINTO Innovation Daysは、2022/12/14～21にかけて開催されたハッカソンのようなチームビルディングイベントです。グローバル開発Gのメンバー30人が6チームに分かれ、チームワークを高めつつ新しいアイデアを生み出すことを目的にしていました。 前回・前々回の記事で 本イベントの準備 に

CTO室プラットフォーム開発チームの山口( @igayamaguchi )です。 プラットフォーム開発チームではさらに内部でプロジェクトチームが分かれており、私はフロントエンド改善チームというチームでリーダーをしています。 フロントエンド改善チームでは主に一休.com、Yahoo!トラベルのフロントエンドの改善を行っております。 今回は一休.com、Yahoo!トラベルで使用しているNuxtのバージョンを2から3にアップグレードしたお話をさせていただきます。 一休.com、Yahoo!トラベルではトップペ