こんにんちは。 フロントエンド開発グループのいっちーです。 ココナラでは新規サービスの立ち上がりに伴い、ヘッダやフッタといったすべてのサービスで利用される共通UIの需要が高まってきております。 今回はその課題解決に向けて現在進行している取り組みについてのお話になります。 課題感 すべてのサービスで共通のUIとして実装されているヘッダ、フッタに変更が生じた場合、すべてのサービス（リポジトリ）で修正する必要がありその都度対応していくのがものすごく大変なのは想像に難くないかと思います。 そこで共通UIを外部に切

目次 はじめに Next.js × GraphQL のサーバー間通信 Fastly でのコンテンツ配 ...

はじめに 私は、2024年2月の一ヶ月間、「CA Tech JOB」というインターンシップに参加し、 ...

本稿では株式会社NTTドコモ（以下、DOCOMO）において、映像配信サービス『Lemino』の開始にあわせて配信基盤を再構築し、数百万規模の同時視聴ライブ配信を実現した取り組みについて、全4回に分けてご紹介します。この取り組みについて概要をご覧になりたい方は 導入事例ページ もご覧ください。 全４回の内容は以下からアクセスできますので、ご興味のある回をご覧いただければ幸いです。 第一回　適切なデータストアの選定とアーキテクチャの見直し 第二回　アクセスの急増に対する対応策〜キャッシュ戦略とバックエンドの保

本稿では株式会社NTTドコモにおいて、映像配信サービス『Lemino』の開始にあわせて配信基盤を再構築し、数百万規模の同時視聴ライブ配信を実現した取り組みについて、全4回に分けてご紹介します。この取り組みについて概要をご覧になりたい方は 導入事例ページ もご覧ください。 これまでの記事は以下です。 第一回　適切なデータストアの選定とアーキテクチャの見直し 第二回　アクセスの急増に対する対応策〜キャッシュ戦略とバックエンドの保護〜 第三回　クラウドを活用したテスト効率化 〜リリース前・リリース後に何をするべ

本稿では株式会社NTTドコモにおいて、映像配信サービス『Lemino』の開始にあわせて配信基盤を再構築し、数百万規模の同時視聴ライブ配信を実現した取り組みについて、全4回に分けてご紹介します。この取り組みについて概要をご覧になりたい方は 導入事例ページ もご覧ください。 前回の記事は以下です。 第一回　適切なデータストアの選定とアーキテクチャの見直し 第二回　アクセスの急増に対する対応策〜キャッシュ戦略とバックエンドの保護〜 1.需要予測の難しさとキャッシュ戦略・バックエンドの保護の必要性 システムを設計

こんにちは、クラウドエース株式会社、フロントエンドエンジニアのサンギです。 フロントエンドエンジニアが Web アプリケーションをデプロイするときにおすすめな Google Cloud サービスを 3 つ紹介します。 Cloud Run、App Engine、Firebase Hosting に的を絞って、それぞれの使い方を紹介します。 1. Cloud Run Cloud Run は、コンテナ化されたステートレスなアプリケーションを実行できるサーバーレスプラットフォームです。 デプロイ方法 Google

こんにちは、クラウドエース株式会社、フロントエンドエンジニアのサンギです。 フロントエンドエンジニアが Web アプリケーションをデプロイするときにおすすめな Google Cloud サービスを 3 つ紹介します。 Cloud Run、App Engine、Firebase Hosting に的を絞って、それぞれの使い方を紹介します。 1. Cloud Run Cloud Run は、コンテナ化されたステートレスなアプリケーションを実行できるサーバーレスプラットフォームです。 デプロイ方法 Google

G-gen の奥田梨紗です。オープンソースの Looker 拡張機能である Looker Dashboard Summarization を使い、Looker のダッシュボードを生成 AI が自然言語で説明する機能を実装しました。本記事ではその機能の紹介や、実装手順について紹介します。 はじめに 前提知識 Looker とは Looker 拡張機能と拡張フレームワークとは Gemini とは Looker Dashboard Summarization できること 料金 1. グラフの説明 2. 数値の特

こんにちは、クラシルリワードのiOSエンジニア uetyo です！ クラシルリワードでは、くらしうさぎをはじめとする魅力的なキャラクターたちと共に、「使っていて楽しいアプリ」を目指して日々開発に取り組んでいます。私たちのアプリがユーザーに愛される理由の一つは、これらのキャラクターを生き生きと動かすアニメーションにあると考えています。 アプリのリリース初期から、私たちはAirbnbが開発したアニメーションツールであるLottieを活用してきました。Lottieは使いやすさと高い互換性で知られていますが、複雑

高速でパーソナライズされた体験を提供するために、Web アプリケーションの構築とレンダリング方法は、長年にわたって大きく進化してきました。その過程で、Web アプリケーションを構築する開発者の役割も、この進化を反映して変化してきました。本記事では、フルスタックの Web 開発の進化過程と、急速に変化する Web アプリケーションエコシステムやユーザーのニーズに対し、開発者が AWS Amplify を使って適応する方法について説明します。 Server-Side Rendering の黎明期 1990 年

こんにちは。クルーズの鈴木です。   昨今、円安がすごいですよね。 年末あたり1ドル150円にまでになった時はさすがに驚きました。   さて、皆さんがお勤めの会社ではドル支払の クラウド サービスは利用しておりますでしょうか？ AWS や GCP などを利用されている会社はそれなりに多いのではないかと思います。 当社も AWS や GCP を利用しており、2022年ごろか急激に進み始めた円安の影響で当社でもドルで支払っているインフラコストは上昇し、ここ1年で約1～2割多く支払いをしている状況です。   今

こんにちは！LIFULLクリエイターの日運営委員のいしやまです。 社内のモノづくりイベント『創民祭』が開催されましたので、その様子を共有させていただきます。 記念すべき第10回の創民祭ですが、今回は３年ぶり、オフラインとしては４年ぶりのイベント開催となりました！ 創民祭とは？ 創民祭（そうみんさい）とは、業務や「クリエイターの日」、プライベートで創った物など、LIFULL社員が作ったプロダクトをお酒を飲み、ピザ・寿司を食べながらお披露目するイベントです。近年はWebに限らず、VRやイラスト等、多種多様なプ

※記載している各登壇者の所属は発表時点のものです。写真はJANOG53ミーティング　フォトアルバムより 「Open Caching」という新しいCDNをご存じでしょうか。これは、SVTA(*1）という国際アライアンスによって策定された CDN の仕様です。   インターネット上でのコンテンツ配信量が増大するなか、ネットワーク全体の負荷軽減は重要な課題であり、新たな仕組みが模索されています。2024年1月に開催されたJANOG（*2）53では、「日本に上陸した新しい Cache、Open Cachingを触

こんにちは！ 株式会社ココナラ フロントエンド開発グループの平原です。 本記事では Nuxt × storybook × Chromatic を使用して Visual Regression Testing（以下 VRT）を試してみたのでその内容を紹介します。 はじめに 我々の開発現場では、UI コンポーネントの変更や追加が割と頻繁に行われます。 機能開発時に加えた変更の影響やデグレを検知できず不具合につながってしまうこともあり、兼ねてより再発防止策としての導入が検討されてきました。 また、デグレチェックが