こんにちは！株式会社ココナラフロントエンド開発グループのいっちーです。 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!トラベルではトップペ

こんにちは！2022年11月にフロントエンドエンジニアとして株式会社ココナラに入社したばかりの、じーまです。 先日、フロントエンドチームでチーム強化合宿という名のオフサイトミーティング（日帰り）が開催され、新入社員の私も参加してきました。 ただ参加するだけではなく、今回は運営の一人として参加してきたので、企画の意図など運営の裏側についてレポートしていこうと思います。 オフサイトミーティングとは オフサイトミーティングとは、普段の職場や現場から離れた場所でミーティングを行うことです。 社内で行うミーティング

Hi, I’m Flo from KINTO Technologies! Today I would like to interview the winners of our first-ever Innovation Days! 🥳 Background Global KINTO Innovation Days was a hackathon-like event held between the 14th and 21st of December 2022, where 30 of our colle

この記事について 2022年12月からNuxt3を使い始めて3ヶ月くらいの感想。 Nuxt2と比較して開発体験がめっっっっっっっちゃ良くなった！開発スピードが２倍になりました。 Nuxt2/Vue1,2は5年くらい経験あり。 React.jsよりも使いやすいし、Nuxt3を会社内で広めたい。 （最近はSvelteも良いと思っている） Nuxt3を使ってNuxt2と比較したメリットなどを記載します。 TypeScriptネイティブ Nuxt2のときにTypeScriptを導入したときにTypeScriptサ

こんにちは。株式会社ペライチのフロントエンドエンジニアの荒瀬です。 2023 年 1 月末に弊社の新サービス、ペライチなんでもマーケットがリリースされました。 https://mkt.peraichi.com/ こちらのペライチなんでもマーケットは、新たな試みとして既存のペライチのアーキテクチャとは異なる構成でフロントエンドを開発しています。 Nuxt3 を採用したので、その過程や開発してみての所感などを簡単ではありますがフロントエンドを中心にまとめてみました。 構成 Nuxt3 Apollo Serve

こんにちは、フロントエンドチームの亀ノ上です。 最近は画像生成AIやテキスト生成AIなど、AIによる自動生成に関する話題をよく目にします。特にここ最近は ChatGPT の勢いが凄まじく、毎日のようにニュースを見かけるような気もしています。 今回はそんな ChatGPT でも使用されている 言語モデル である GPT-3 を用いて、 Nuxt3 で簡単なテキスト生成アプリを作成します。 Nuxt3について Nuxt3とは Nuxt3の機能 Nuxt3インストール インデックスページの設定をする フロントエ

こんにちは！ ラク ス１年目の koki _matsuraです。 今回は 掲示 板アプリ作成を通して、SvelteKitの基礎的な部分 をご紹介させていただきます。 目次は下記のようになっています。 はじめに Svelteとは SvelteKitとは 掲示板アプリ作成 アプリの概要 環境構築 SvelteKit データベース Prisma テーブル作成 ルーティング作成 新規登録画面 ログイン画面 スレッド投稿画面 スレッド一覧画面 スレッド詳細画面 ログアウト機能 エラー画面 終わりに はじめに Sve