はじめに こんにちは。フロントエンド開発課に所属している新卒1年目のm_you_sanと申します。 実務でtanstack tableを使う機会があり、便利に感じたので紹介させていただきます。 目次は以下の通りです。 はじめに tanstack tableとは 使い方 サンプルデータの用意 カラムの定義 テーブルオブジェクトの作成 テーブルの表示 チェックボックスの状態管理 行の削除 まとめ tanstack tableとは tanstack tableとはテーブルを容易に実装できるヘッドレスUIライブラ

こんにちは！2023 年 3 月にフロントエンドエンジニアとして株式会社ココナラに入社した maito です。 5 月から新型コロナウィルスが 5 類に移行になったことにより、徐々にオフライン活動が増えてきている中、フロントエンドチームでチーム強化合宿という名のオフサイトミーティング（日帰り）を開催し、新入社員の私も参加してきました。 今回参加するにあたり、企画・運営として参加してきたので、企画の意図や運営の裏側についてレポートしていこうと思います。 オフサイトミーティングとは オフサイトミーティングとは

こんにちは！ 株式会社ココナラのプロダクト開発部 QA チーム所属のまること鈴木です。 今回は10/11(水)に登壇した「Frontend Night 〜Webフロントエンドテスト編〜」の登壇レポートです。 https://yojo.connpass.com/event/295783/ 登壇内容 イベントは大きく三部構成でした！ LTトーク パネルディスカッション Q&A 参加者は153名。想像以上に多くて驚きました！フロントエンドテストへの注目の高さが伺えますね！では各パート単位で振り返りたいと

こんにちは。株式会社ココナラアプリ開発グループ、iOSチームの上沼です。 今回は、ココナラiOSアプリのSPMによるマルチモジュール化に向けて、検討したことをご紹介します。 背景 ココナラアプリはリリース以来、様々な機能を追加しており、規模の大きいアプリになってきています。それに伴い、開発する上でいくつか課題が生じており、大きなものとしてビルド時間の増加があります。 ビルド時間 ココナラアプリでは、既にFrameworkを利用したモジュール分割を行っているのですが、レイヤーごとに分割しているため、機能が増

こんにちは、CTO室 エンジニアHRチームのがせ（ @gasekao96 ）です。 スタメンでは、 "Expand your Horizon." をテーマに8月と9月にそれぞれ2週間のエンジニアサマーインターンを実施しました。 インターンには合計8人のメンバーが実際の開発チームに参加。 MacBook Air M2 24GB、32インチ 4Kモニター、各自が希望するマウス/トラックパッド、ハーマンチェアーなどの開発デバイスが貸与され、社員と同じ環境で、そしてプロダクションコード上で開発タスクに取り組みまし

エンジニアの寺井です。本記事では LIFULL HOME'S でのサイト高速化への取り組みについて紹介します。 今回の内容は高速化施策の一環で、サイト速度を計測して監視できるようにした話です。 LIFULL HOME'Sのサイト内の各URLのサイト速度を一覧で見られるようにして、遅い箇所の特定や改善に活用できるようにしました。この取り組みについてお話します。 はじめに ~なぜサイト高速化が重要なのか~ Webページを見る際に数秒経っても真っ白の画面で読み込まれない、あるいは読み込まれている途中で何も操作が

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

はじめに 今回はフロントエンドにNext.js、バックエンドにPythonを採用して、Webサイトの環境構築を行いたいと思います。元々、Whisper APIとVOICEVOXによる合成音声を使用した会話アプリを開発したかったのですがですが、環境構築の段階でかなりのボリュームになった為、一旦記事として共有します。 モノレポについて モノレポとはWebアプリの全てのコード（WebバックエンドやWebフロントエンド）を単一のリポジトリに保存するパターンを指します。 リポジトリを単一化することのメリットは、複数

こんにちは、株式会社アルファドライブ @takano-hi です。AlphaDrive で Web フロントエンドを中心に設計・実装などを担当しています。 今回は、弊社のローカル開発環境で localhost:xxxx といったポート番号が増え続ける問題を解決した話をまとめてみました。 背景 弊社では Next.js を利用したフロントエンドアプリケーションを複数開発しており、今後も増える見込みがあります。 通常 Next.js アプリケーションは、ローカル開発環境の起動時に localhost:3000

こんにちは。フロントエンドエンジニアの根本です。 LIFULL HOME'Sのプロダクト開発と、スポーツ関連の新規事業開発に携わっています。 ちょうど1年前のブログ（ UXエンジニアとは？新規事業での取り組み - LIFULL Creators Blog ）

こんにちは！ 株式会社ココナラのプロダクト開発部 QA チーム所属の鈴木ことまると申します。 今回は Frontend Night 〜Webフロントエンドテスト編〜 へ登壇しますので、その告知になります！ https://yojo.connpass.com/event/295783/ フェーズや立場が異なる各社から、以下内容を中心にお話する予定です。 フロントエンドテスト推進を検討した上での課題・背景 戦略を考える上で検討した観点や論点 ロードマップや実行した施策 使ってみて便利だったツールやプラクティス

(この記事は、 A Basic Guide to Customer Interaction Analytics for Small and Medium Businesses を翻訳したものです。) 顧客に対する理解が深まれば、ビジネスは何を達成できるでしょうか？ Gartner が 2022 年に実施した調査では、カスタマーサービスおよびサービスサポートリーダーの 84% が 2023 年に組織目標を達成する上で、 顧客データと分析が「非常に重要」または「非常に重要」と回答しています。 中堅中小企業の経

こんにちは、アプリ開発グループのFalcon（ファルコン）です。9/14~9/16の期間で開催されていたDroidKaigi 2023にオフラインで参加してきました！ 初めてAndroid関連の技術カンファレンスに参加するとあって緊張しましたが、非常に楽しい3日間になりました！ 本記事では、当日のセッションやその他コンテンツについてレポートします。 受付前の写真です。お風呂に入るドロイド君が可愛らしいですね。 印象に残ったセッション Day1・Day2合わせて、全部で8つのセッションに参加しました。その中

ヤフー株式会社より出向しております、卯田と申します。 主務で、 一休.com および Yahoo!トラベル のフロントエンド開発を担当しています。 兼務で、ヤフー株式会社の全社横断組織で Webパフォーマンス改善の推進 を行っております。 本稿では、直近半年弱(2023年2月〜8月)で、断続的に行っていた一休.comのパフォーマンス改善について振り返ります。 開始が2023年2月となった理由は、Nuxt3バージョンアップ以降にパフォーマンス改善活動に着手したためです。 一休.com/Yahoo!トラベルの

9月7日、 Amazon EC2 R7iz インスタンス の一般提供を発表します。R7iz インスタンスは、3.9 GHz の持続オールコアターボ周波数を備えた、クラウド内で最も高速な第 4 世代インテル Xeon スケーラブルベース (Sapphire Rapids) インスタンスです。R7iz インスタンスは、追加データを処理するためのより多くのメモリ、スケールアップするためのより大きなサイズのインスタンス、完了時間を短縮するためのより高いコンピューティングおよびメモリのパフォーマンス、レイテンシーを