「HTML」に関連する技術ブログ

企業やコミュニティが発信する「HTML」に関連する技術ブログの一覧です。

ジャンプTOON Web アプリケーションの全体像〜採用技術と開発方針〜

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

Developing reusable components using props and slots in Vue

Hello, I'm Chris, a frontend developer in the Global Development Division at KINTO Technologies. When developing frontend components, you’ve probably heard about using props to pass necessary information. Popular frameworks such as Angular, React, Vue, and Svelte each have their own ways of implementing this functionally for passing data between components. Discussing all of these would make this article very lengthy, so I will focus on Vue, which is commonly used in our Global Development

Google Cloud Next Tokyo ’24に参加してみた

こんにちは。SCSKの江木です。 Google Cloud Next Tokyo ’24に参加してきたので、インベントの様子や感想を投稿します。 Google Cloud Next Tokyo ’24とは? Google Cloud Next Tokyo ’24は2024年8月1日・2日にパシフィコ横浜ノースで開催されたGoogle Cloudのカンファレンスイベントです。 本イベントは主に以下の内容で構成されています。 基調講演 セッション Innovators Hive Expo スポン

GASでブログの投稿と連動してAIにPR文を考えてもらう:プロトタイプ

ブログの投稿と連動してX(旧Twitter)に自動投稿するアプリのプロトタイプを紹介します。Google Apps Script(GAS)を使ってRSSフィードから情報を取得し、Azure OpenAI Serviceを利用して投稿内容を生成します。SNS担当者の負担を減らすためのシステム設計と実装方法を詳しく解説します。 挨拶 ども!生成AIのアドベントカレンダーが始まってブログ執筆を全力で取り組んでいる龍

Astroでコンポーネントテスト【Experimental版】

はじめに 最近の尋常ではない暑さに、ついに日傘を買った宮本です。 今回は、Astroでのコンポーネントテストについて紹介します。ただし、あくまでExperimentalな機能を使ったものであり、今後変更される可能性があるのでご注意を。 これまでコンポーネント単体をレンダリングする手段のなかったAstroですが、ついに今年の5月にリリースされた 4.9 にて、コンポーネント

Splunk CloudにおけるInfrastructure as Code

こんにちは、SRE部カート決済SREブロックの飯島です。普段はZOZOTOWNのカート決済機能のリプレイス・運用・保守に携わっています。またSplunkの管理者としても活動しています。 本記事ではSplunk CloudにおけるInfrastructure as Code(IaC)についてご紹介します。 背景 Splunkに対して感じていた課題 Splunk CloudのIaC化検討 Splunk Appを使ったIaC App API IaC対象のSplunkリソース 既存のリソース

Salesforceのメルマガ配信について

Salesforceは顧客情報の管理・共有、営業活動の分析・可視化、営業プロセスの自動化を提供するサービスです。メール配信機能は、直感的な操作でHTMLメールを作成し、レスポンシブ対応でスマホでも美しく表示される特徴があります。

Googleカレンダーが超便利!会議室の空き状況を一覧表示する方法

Googleカレンダーで会議室を管理している組織向けに、自分のカレンダーに会議室を追加するURLの作り方と、空き状況を表示するウェブアプリの公開方法を紹介します。 会議室のIDをスプレッドシートに表示する トラブルシューティング Googleカレンダーに会議室の空き状況を表示する ウェブアプリに会議室の空き状況を表示する Apps Scriptを使った業務改善 開発部門(プロ

Playwrightはじめました ~E2Eテストを4Stepで自動化~

みなさま、こんにちはあるいは、こんばんは。日夜業務に励んでいる、しろです。 今回はE2EツールであるPlaywrightについて書いていきます。 なぜPlaywrightなのか・・・。 やはり 【無料】・【Microsoftが開発した】 という、特徴で選定しました。 Playwrightとは まずPlaywrightについて、簡単に記載しようと思います。 Playwrightは、End to Endテスト(以下、E2E)が行えるオープンソー

生成 AI で加速する e コマースの変革 その 1 – EC 業界における 4 大ユースケース紹介

みなさんこんにちは。シニアソリューションアーキテクトの堀内です。私は、日頃 e コマース(以下 EC ) 業界の企業様を支援しております。 EC におけるトレンドについてよくお客様とディスカッションをしますが、2024 年は生成 AI の関連の話題が多くトレンドになっています。 NRF2024 や re:Invent 2 023 等グローバルの動きを見ると EC 業界で具体的な業務改善や顧客体験向上と

表示中の画面をワンクリックでPDFダウンロードする

こんにちは!株式会社ココナラのプロダクト開発部フロントエンド開発グループ所属の飯塚です。 ココナラでは、一定の条件を満たすと「納品書」等の帳票がダウンロードできます。 各帳票は、Webサイト上で確認したうえでワンクリックでPDFダウンロードできるようになっています。 以下は実際の納品書画面になります。 今回は、その ワンクリックでPDFダウンロード

生成AIのRAG構成を大手3社(AWS、Azure、Google Cloud)で徹底比較してみた

G-gen の堂原と又吉です。当記事では、 Amazon Web Services (AWS)、 Microsoft Azure 、 Google Cloud (旧称 GCP)が提供するフルマネージドな RAG サービスの比較を行います。 はじめに 当記事について RAG とは 3社比較 前提条件 機能比較 料金シミュレーション 想定シナリオ AWS Azure Google Cloud 総評 AWS Azure Google Cloud 詳細の解説 Knowledge bases for Amazon Bedrock(AWS)の詳細 構成図 プロダクト

Next.js と Server-side Rendering をプロダクト環境で3年運用してきた知見と率直な所感

こんにちは、医療プラットフォーム本部・プロダクト開発室・第1開発グループ所属の加藤です。 オンライン診療・オンライン服薬指導アプリ「CLINICS」 の開発を担当しています。 今回は CLINICS で採用している Next.js と Server-side Rendering (SSR) についてお話ししたいと思います。 Next.js は昨今注目を集めている React ベースの Web フレームワークです。 これから Web フロントエ

mablで必要なローコードの知識4選

はじめに 私は現在株式会社ビットキーにてE2Eテスト自動化エンジニアとしてテスト業務を行っています。 テスト自動化というと少し前までは0から環境構築して自動テスト用のコードを書き上げて・・・と専門知識を持った方が主導して取り組むことが多かったのではないでしょうか。 ですが昨今ではAutify, MagicPod, mablをはじめとした直感的な操作でテスト自動化を実現で
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?