CyberAgent Developers
CyberAgent Developers
  • 508
  • 741 613
17年周年のWebアプリケーションにTanStack Queryを導入する / Muddy Web #10 ~Special Edition~ 【ゲスト: pixiv】
Muddy WebはMuddy = 泥臭いとして、Webフロントエンドの開発現場における話やケーススタディなど泥臭さのある話をもとに学びを得ることを目的として開催しています。
現場で遭遇した具体的な体験を元に実際に明日から使えるかもしれないWebフロントエンド的な技術や知識を参加者の皆さまと共有し合うことを通して、フロントエンド開発の糧になれればと思います。
10回目となる今回は、pixivをゲストに迎えて開催します。
cyberagent.connpass.com/event/335669/
------
17年周年のWebアプリケーションにTanStack Queryを導入する
作品コミュニケーションサービスpixivは、先日17周年を迎えました。その間、ピクシブのエンジニアは、ユーザーに価値を届け続けるために、その時々に最適な形で実装をアップデートしてきました。しかし、フロントエンドを取り巻く環境は17年間で大きく変化して、当時最適であると判断した実装も今では負債と呼ばれることがあります。
今回は、その歴史を踏まえてpixivのフロントエンドがどのようにアップデートされているのか、TanStack Queryの導入という具体例とともにお話します。
さいと
2022年新卒入社。pixivのフロントエンドエンジニア。最近ポケモンカードにハマっている。
X: x.com/saitolume
GitHub: github.com/saitolume
------
□ Podcast について
Muddy Web では Podcast も公開しています。よりカジュアルな形式で日常的な技術の話題を掘り下げていく Podcast です。
anchor.fm/muddy-web
ーーーーーーーーーーーー
【技術情報、SNS】
・Developers Blog
developers.cyberagent.co.jp/blog/
・X
ca_developers
・Connpass
cyberagent.connpass.com/
【採用情報】
サイバーエージェントでは、エンジニア・デザイナーを積極採用中です。
・新卒エンジニア採用
www.cyberagent.co.jp/careers/students/tech/
・新卒クリエイター採用
www.cyberagent.co.jp/careers/students/designer/
・中途採用
www.cyberagent.co.jp/careers/professional/
・会社説明資料「CyPitch」
speakerdeck.com/cyberagent_recruit/cypitch
มุมมอง: 21

วีดีโอ

ブラウザ単体でmp4書き出すまで / Muddy Web #10 ~Special Edition~ 【ゲスト: pixiv】
มุมมอง 138 ชั่วโมงที่ผ่านมา
Muddy WebはMuddy = 泥臭いとして、Webフロントエンドの開発現場における話やケーススタディなど泥臭さのある話をもとに学びを得ることを目的として開催しています。 現場で遭遇した具体的な体験を元に実際に明日から使えるかもしれないWebフロントエンド的な技術や知識を参加者の皆さまと共有し合うことを通して、フロントエンド開発の糧になれればと思います。 10回目となる今回は、pixivをゲストに迎えて開催します。 cyberagent.connpass.com/event/335669/ ブラウザ単体でmp4書き出すまで ピクシブのVRoid Hubチームは、ユーザーがアップロードした3Dモデルを撮影し、ブラウザー単体でMP4形式の動画を出力できる機能をリリースしました。 この新機能について、リリース前の意思決定プロセスから仕様調整と技術選択の裏側、さらに実装・テスト段階で直面...
ABEMA スマートテレビアプリケーションのパフォーマンス改善: 業界トップクラスを目指して / Muddy Web #10 ~Special Edition~
มุมมอง 88 ชั่วโมงที่ผ่านมา
Muddy WebはMuddy = 泥臭いとして、Webフロントエンドの開発現場における話やケーススタディなど泥臭さのある話をもとに学びを得ることを目的として開催しています。 現場で遭遇した具体的な体験を元に実際に明日から使えるかもしれないWebフロントエンド的な技術や知識を参加者の皆さまと共有し合うことを通して、フロントエンド開発の糧になれればと思います。 10回目となる今回は、pixivをゲストに迎えて開催します。 cyberagent.connpass.com/event/335669/ speakerdeck.com/cyberagentdevelopers/muddy-web-number-10-special-edition-gesuto-pixiv ABEMA スマートテレビアプリケーションのパフォーマンス改善: 業界トップクラスを目指して Tadahiro Noguc...
ABEMA NEWSにおける映像データを活用した記事生成AI 〜記事制作者に寄り添ったソリューションにするまで〜 / CA DATA NIGHT #5 生成AIのリアル:エンジニアが直面した課題と実践
มุมมอง 12521 วันที่ผ่านมา
CA DATA NIGHTは、サイバーエージェントが主催するデータサイエンスに特化した技術者向けの勉強会です。機械学習、統計学、自然言語処理、コンピュータビジョン、情報推薦、検索、経済学など様々な専門分野のエンジニアやデータサイエンティストから技術・取り組みなどを紹介いたします。 第5回のテーマは「生成AIのリアル:エンジニアが直面した課題と実践」です。今回は日々発展している生成AIの活用に注目し、サービスにおける監視基盤システムや映像データからニュース記事を作成するソリューション、さらに、生成AIやML活用のためのデータの価値を向上させるアノテーションについて、当社技術者が直面した課題と、それを解決すべく実践したアプローチ『生成AIのリアル』を、ケーススタディとともにお届けいたします。これからのwith AI時代、生成AIを活かして事業を成長させるためのヒントを得たいという方は、ぜ...
AIの血肉となるアノテーションデータのために大事にしている事 / CA DATA NIGHT #5 〜生成AIのリアル:エンジニアが直面した課題と実践〜
มุมมอง 16621 วันที่ผ่านมา
CA DATA NIGHTは、サイバーエージェントが主催するデータサイエンスに特化した技術者向けの勉強会です。機械学習、統計学、自然言語処理、コンピュータビジョン、情報推薦、検索、経済学など様々な専門分野のエンジニアやデータサイエンティストから技術・取り組みなどを紹介いたします。 第5回のテーマは「生成AIのリアル:エンジニアが直面した課題と実践」です。今回は日々発展している生成AIの活用に注目し、サービスにおける監視基盤システムや映像データからニュース記事を作成するソリューション、さらに、生成AIやML活用のためのデータの価値を向上させるアノテーションについて、当社技術者が直面した課題と、それを解決すべく実践したアプローチ『生成AIのリアル』を、ケーススタディとともにお届けいたします。これからのwith AI時代、生成AIを活かして事業を成長させるためのヒントを得たいという方は、ぜ...
生成AIは安心・安全に貢献できるのか / CA DATA NIGHT #5 〜生成AIのリアル:エンジニアが直面した課題と実践〜
มุมมอง 10321 วันที่ผ่านมา
CA DATA NIGHTは、サイバーエージェントが主催するデータサイエンスに特化した技術者向けの勉強会です。機械学習、統計学、自然言語処理、コンピュータビジョン、情報推薦、検索、経済学など様々な専門分野のエンジニアやデータサイエンティストから技術・取り組みなどを紹介いたします。 第5回のテーマは「生成AIのリアル:エンジニアが直面した課題と実践」です。今回は日々発展している生成AIの活用に注目し、サービスにおける監視基盤システムや映像データからニュース記事を作成するソリューション、さらに、生成AIやML活用のためのデータの価値を向上させるアノテーションについて、当社技術者が直面した課題と、それを解決すべく実践したアプローチ『生成AIのリアル』を、ケーススタディとともにお届けいたします。これからのwith AI時代、生成AIを活かして事業を成長させるためのヒントを得たいという方は、ぜ...
20周年を迎えたAmebaでのデータチームの挑戦: モノリスなデータ基盤における論理的データメッシュの構築【CADC2024】
มุมมอง 121หลายเดือนก่อน
【概要】 今年20周年を迎えるAmebaにはブログを始めとした数多くのサービスが存在しています。そんなAmebaのデータ基盤において、データ利活用を進めるためにはサービスごとに自律したデータ管理と全体で統制されたデータガバナンスやデータ連携を高度に両立する必要があります。これを実現するために、あえてモノリスなデータ基盤を選択し、その上で「論理的なデータメッシュ」を構築するという形を目指しました。このデータ基盤を構築するためのDataplexを用いた権限管理の設計と具体的な実装、さらに運用における自動化についても解説します。また将来的なデータ利活用の可能性を広げるため、Geminiを利用したクエリ生成の検証結果と今後の方向性についても触れます。 【登壇者】 加藤 寿明 ・X: x.com/hisaaki k/ ・GitHub: github.com/s22202/ 佐々木 尽 ・X: ...
Unity開発者のためのPolySpatial入門:visionOSサウナアプリ開発事例から学ぶ【CADC2024】
มุมมอง 9Kหลายเดือนก่อน
【概要】 本セッションでは、Unity PolySpatialを用いたvisionOSアプリ開発について、基礎と実践の両面から紹介します。PolySpatialの基本的な扱い方を紹介した後、XR研究所の「Apple Vision Proで追いととのう 実証プロジェクト」の開発経験を共有します。このプロジェクトを通じて得たPolySpatialの活用方法、直面した課題とその対処法を、具体例を交えて解説します。Unity開発者の方々に、visionOSアプリ開発のワークフローや注意点をお伝えし、今後のプロジェクトに役立つ情報提供を目指します。 【登壇者】 岩﨑 謙汰 ・X: x.com/iwaken71/ ・GitHub: github.com/iwaken71/ 【公式サイト】 cadc.cyberagent.co.jp/2024/sessions/xr-polyspatial-vis...
ゼミ長が語る:AI時代のゼミのこれまでとこれから【CADC2024】
มุมมอง 237หลายเดือนก่อน
【概要】 サイバーエージェントでは「ゼミ制度」が設けられており、自身の興味のある技術や研究などのスキルアップを目的として活動が支援されています。本セッションでは特にAIを活用しているゼミのゼミ長らを招き、それぞれのゼミの活動内容やAIをどのように扱っているかについてご紹介します。また、AIとの向き合い方がどのように変わってきたか、変わっていくかについてお話しします。 【登壇者】 岩崎 祐貴 ・GitHub: github.com/chck/ 大平 義輝 伊原 滉也 ・X: x.com/koya_ihara/ ・GitHub: github.com// 大友 寛之 ・X: x.com/hirobf10/ ・GitHub: github.com/hirobf10/ 【公式サイト】 cadc.cyberagent.co.jp/2024/sessions/ai-seminar/ 【スライド】...
新しい映像体験WINLIVE競輪選手の体力を可視化するテクノロジーとその裏側【CADC2024】
มุมมอง 105หลายเดือนก่อน
【概要】 今年4月にリリースしたWINTICKETのオリジナルライブ映像「WINLIVE」は、競輪の熾烈な位置取り合戦としての魅力が初心者にとっては難解さとなっている点を、選手の体力に特化した映像体験を通じて解消し、競輪の面白さや興奮を万人に届けることを目指した取り組みです。本セッションでは、選手にセンサーを装着することなく体力をリアルタイムに定量化する方法、レース中の予測不能な事態への対応策、さらにはサーバサイドエンジニアとデータサイエンティストがどのように協力してこれらの課題を解決しているのかについて知見や苦労を交えてお話します。 【登壇者】 鈴木 潤輔 ・GitHub: github.com/suzujun/ 松田 和己 【公式サイト】 cadc.cyberagent.co.jp/2024/sessions/winlive-sensing/ 【スライド】 speakerdeck...
コンテンツを支える若手ゲームクリエイターのアートディレクションの事例紹介【CADC2024】
มุมมอง 5Kหลายเดือนก่อน
【概要】 本セッションでは、ゲーム事業部に所属する新卒2年目のイラストレーターと3Dデザイナーが、日々のアートディレクションの仕事を通じて、どのようにコンテンツを支え、お客様に愛され続けるための工夫をしているかをご紹介します。具体的な事例や学生時代のポートフォリオを交えながら、創意工夫した点やクリエイティブなプロセスについて触れていきます。 【登壇者】 青柳 諒 杉本 侑也 長田 まや 【公式サイト】 cadc.cyberagent.co.jp/2024/sessions/cagamefi-darwin/ 【スライド】 speakerdeck.com/cyberagentdevelopers/cagamefi-game 【アンケート】 今後より良いカンファレンスを創るために Apple製品が当たるアンケートを開催中です。 ぜひこのセッションに対するご意見やご感想をお待ちしております。...
カメラを用いた店内計測におけるオプトインの仕組みの実現【CADC2024】
มุมมอง 191หลายเดือนก่อน
【概要】 リテールメディアにおいて効果的な広告運用を実現するためには来店客の行動を計測することが非常に重要です。カメラ計測はそのための最も有効な手段の一つですが、プライバシーの点で導入が難しいという問題があります。そこで、カメラ撮影に同意した人間だけを選択的に映像に残すオプトイン型のカメラ計測の仕組みを提案します。具体的には、屋内測位に使われる超広帯域無線通信(UWB)を活用することで、映像中のどの人物がオプトインしているのかを自動的に判定し、それ以外の人物を映像から消すシステムを構築しました。本セッションでは、その仕組と性能を高めるために行ったさまざまな工夫について紹介します。 【登壇者】 石毛 真修 ・X: x.com/matthewishige/ ・GitHub: github.com/matthewlujp/ 【公式サイト】 cadc.cyberagent.co.jp/202...
ガチ勢によるPipeCD運用大全〜滑らかなCI/CDを添えて〜【CADC2024】
มุมมอง 126หลายเดือนก่อน
【概要】 弊チームの最大秒間数万リクエストを捌く広告サーバーのリリース作業では、新たな変更の影響を最小限に抑えつつ安定したデプロイを実現できていないことが課題でした。 この課題に対し、社内発OSS、PipeCDの導入によるカナリアリリースの実現と、PipeCDには現状手の届かない細かい部分を補う周辺技術(Terraform,CUE,GithubActionsなど)の組み合わせにより解決を図ることができました。 本セッションでは、PipeCDの導入とその効果、また運用についてもフォーカスしてお話しします。 PipeCDの導入事例はいくつかありますが、業務における運用の事例はまだまだ発信が少なく、社内外に向けてPipeCDの運用のリアルついても知っていただきたいです。 【登壇者】 黒田 尚輝 ・X: x.com/knkurokuro7/ ・GitHub: github.com/nnnkk...
IDOLY PRIDEのバックエンドリーダーになって2年半取り組んできたこと【CADC2024】
มุมมอง 218หลายเดือนก่อน
【概要】 2021年6月にリリースされたスマートフォンゲームアプリ「IDOLY PRIDE」は2024年6月に3周年を迎えました。 新卒3年目でリーダーに抜擢された私が長期運用を目指す上で、「GKEアップグレード作業の運用負荷」、「インフラコストの肥大化」、「API開発のスピード低下」という課題に対してどのように取り組んできたのか発表します。 本発表では、そのような課題に取り組む中で得たリーターとしての経験や知見を共有します。 【登壇者】 末吉 貢 【公式サイト】 cadc.cyberagent.co.jp/2024/sessions/idoly-pride-knowledge/ 【スライド】 speakerdeck.com/cyberagentdevelopers/idoly-pride-knowledge 【アンケート】 今後より良いカンファレンスを創るために Apple製品が当...
大規模データ基盤チームのオンプレTiDB運用への挑戦【CADC2024】
มุมมอง 126หลายเดือนก่อน
大規模データ基盤チームのオンプレTiDB運用への挑戦【CADC2024】
急成長中のWINTICKETにおけるちいさくはじめるライティング改善【CADC2024】
มุมมอง 2.1Kหลายเดือนก่อน
急成長中のWINTICKETにおけるちいさくはじめるライティング改善【CADC2024】
AIを駆使したゲーム開発戦略: 新設AI組織の取り組み【CADC2024】
มุมมอง 2.9Kหลายเดือนก่อน
AIを駆使したゲーム開発戦略: 新設AI組織の取り組み【CADC2024】
3Dライブ演出による照明同期システムとキャラ照明反映予測システムとは【CADC2024】
มุมมอง 164หลายเดือนก่อน
3Dライブ演出による照明同期システムとキャラ照明反映予測システムとは【CADC2024】
ABEMA レコメンドシステムのアーキテクチャ変遷〜事業成長や大規模イベントと共に〜【CADC2024】
มุมมอง 114หลายเดือนก่อน
ABEMA レコメンドシステムのアーキテクチャ変遷〜事業成長や大規模イベントと共に〜【CADC2024】
Argo Workflowsで構築するLLMを活用したコールセンターの自動要約プロダクトの立ち上げ【CADC2024】
มุมมอง 104หลายเดือนก่อน
Argo Workflowsで構築するLLMを活用したコールセンターの自動要約プロダクトの立ち上げ【CADC2024】
大規模サービスのローンチに向け、負荷試験でAWSインフラ最適化を行いパフォーマンスを最大化する【CADC2024】
มุมมอง 1.2Kหลายเดือนก่อน
大規模サービスのローンチに向け、負荷試験でAWSインフラ最適化を行いパフォーマンスを最大化する【CADC2024】
学生からの質問に先輩クリエイターが答えてみた【ゲームクリエイター編】【CADC2024】
มุมมอง 552หลายเดือนก่อน
学生からの質問に先輩クリエイターが答えてみた【ゲームクリエイター編】【CADC2024】
バナー自動生成に向けたオープンなtext-to-templateモデルの構築【CADC2024】
มุมมอง 98หลายเดือนก่อน
バナー自動生成に向けたオープンなtext-to-templateモデルの構築【CADC2024】
成長中のFanTech領域におけるBiomeを活用したCIの高速化【CADC2024】
มุมมอง 178หลายเดือนก่อน
成長中のFanTech領域におけるBiomeを活用したCIの高速化【CADC2024】
新卒1年目が挑む!生成AI × マルチエージェントで実現する次世代オンボーディング【CADC2024】
มุมมอง 8Kหลายเดือนก่อน
新卒1年目が挑む!生成AI × マルチエージェントで実現する次世代オンボーディング【CADC2024】
学生からの質問に先輩クリエイターが答えてみた【メディアクリエイター編】【CADC2024】
มุมมอง 100หลายเดือนก่อน
学生からの質問に先輩クリエイターが答えてみた【メディアクリエイター編】【CADC2024】
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定【CADC2024】
มุมมอง 147หลายเดือนก่อน
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定【CADC2024】
オンライン調剤サービス「薬急便」における通知機能のマイクロサービス移行・非同期通信化【CADC2024】
มุมมอง 62หลายเดือนก่อน
オンライン調剤サービス「薬急便」における通知機能のマイクロサービス移行・非同期通信化【CADC2024】
Istio/Datadog を活用したオブザーバビリティの実践【CADC2024】
มุมมอง 109หลายเดือนก่อน
Istio/Datadog を活用したオブザーバビリティの実践【CADC2024】
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは【CADC2024】
มุมมอง 56หลายเดือนก่อน
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは【CADC2024】

ความคิดเห็น

  • @naga4127
    @naga4127 10 หลายเดือนก่อน

    このコード、、、2021.3.6だと安定しないのか、、、取得出来ない時があるんですよね、、、、 同じコードで取得出来る場合と出来ない場合があって、、なんで?ってなってます。