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

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

ChatGPTを使ってImageFlux Live Streamingを音声で操作してみた

こんにちは、テリーです。ChatGPTにはFunction Callingという機能があります。ChatGPTが外部の関数やAPIを呼び出すための仕組みです。通常のテキスト応答ではなく、関数の引数を含むJSONを返し、シ […]

Argo CD のデプロイ結果を Slack へ通知させる方法

クラウドエース 北野です。 Argo CD の結果を Slack に通知する方法を紹介します。 概要 Argo CD の結果を Slack に通知するには、以下を実施します。 Slack アプリと通知先チャンネルの作成 Configmap argocd-notifications-cm に通知方法の定義 Application への通知設定 metadata.annotations の定義 Configmap argocd-notifications-cm の内容は次のとおりです。 cm-argocd-notification.yaml apiVersion: v1 kind:

第34回 人工知能学会 金融情報学研究会(SIG-FIN) 参加レポート

はじめまして!Data Scientistの市川です。 今回は、先日第34回 人工知能学会 金融情報学研究会(SIG-FIN) に行ってきましたので、そのレポートをさせて頂ければと思います。 イベントの概要 発表の概要 SIG-FIN UFO-2024 タスク(6件) (01) 有価証券報告書の表を対象としたUFO-2024コンペティション (02) 表構造の理解と表項目の説明文生成に基づくTable QAタスクへの挑戦 (03) 有価証券

OpenAIから公開されたCodexで遊ぶ

こんにちは。 エンタープライズ 第一本部 戦略ソリューション 1 部の英です。 普段はWebアプリや スマホ アプリの案件などを担当しています。あと、趣味でAIを勉強しています。 OpenAIから新しいCodexが発表されたのでさっそく遊んでみます。 https://help.openai.com/en/articles/11096431-openai-codex-cli-getting-started 1.環境構築 2.インストール 3.デモアプリを作る 4.デモアプリで遊んでみる

バックエンドエンジニアがフロントエンド開発に挑戦して学んだこと

こんにちは!カイポケリニューアルのサービス提供管理チームでバックエンドのエンジニアをしている清田です。ここ3ヶ月はフロントエンド開発をしています。 この記事ではバックエンドを主戦場とするエンジニアがフロントエンド開発に挑戦して学んだこと、見えてきた風景について紹介します。 (以降、バックエンドを BE 、フロントエンドを FE と略します) また私の

Next.js × Google Maps Platform でマップアプリを作成する

はじめに こんにちは、クラウドエース第四開発部の安田です。 今回案件で利用する機会があったので、Next.js で Google Maps Platform を使ってマップアプリを作成する方法を初学者向けにまとめてみます。 たくさんのサービスがあるけど、実際にWebサイトに組み込むときはどのサービスを利用すればいいの? React で利用するときにはどうすればいい? などなど迷っている方が

【自動化】playwright-mcpを駆使し、ソフトウェアテストの設計から実行、テスト結果の出力までの自動化を試みる

こんにちわ。GS です。 今回は、playwright-mcp を駆使して、AI を活用したソフトウェアテストの設計から実行、結果の出力に至るまでの様々な工程の自動化を試みていきます。 キーとなる技術は、 MCP Playwright Aria snapshots LLM の3つです。 前知識 まずは今回使用する技術や概念について説明します。 MCP(model context protocol)とは MCP は「Model Context Protocol」の略で、AI モデル(LLM

人手不足の大学祭で効率化を頑張っている話

こんにちは。富山大学医学薬学祭実行委員会 委員長の島﨑(@TakahSim)と申します。本記事では大学祭の運営を効率化するためにシステムを構築した話をお届けします。 医学薬学祭実行委員会の現状について 私たち医学薬学祭実 […]

Application Gatewayのカスタムエラーページを構成する

こんにちは、伊藤です。今回は、Application Gatewayのカスタムエラーページを構成する手順を紹介します。 Application Gatewayではデフォルトのエラーページが用意されていますが、エラー番号とエラー内容が簡易に表示されるにとどまっています。そこで、カスタムエラーページを構成していきます。 Application Gatewayの作成 Application Gatewayの解説は過去記事で紹介されているので

KINTOテクノロジーズの「一体感」を作るノベルティ制作の舞台裏

こんにちは!KINTOテクノロジーズのクリエイティブ室でデザイナーをしているmayuです。 私は普段、アプリのUI/UXデザインをメインで担当していますが、今回は会社のイベントで社員に配布するノベルティの制作を手掛けました。 この記事では、ノベルティ制作の企画からデザインまでの舞台裏をお話しします。 ノベルティ制作に携わる方々のヒントになれば嬉しいです。

Biomeではじめる快適な開発環境 〜設定不要の高速Linter&Formatter〜

はじめに Biomeとは 導入方法 使い方 lint format check 設定ファイル 複数の設定ファイル extends vcs まとめ はじめに こんにちは、TIMELINE 開発部 Service Development をしている hond です! 普段からLinterやFormatterにはとてもお世話になっているのですが、いざ導入するとなると細かい設定などめんどくさいな、と友人に相談したらほぼ設定いらずかつ爆速な Biome というツールを教えて

JavaScriptでトグルボタンのclickイベントが2重発火する原理と解決策

はじめに こんにちは。セーフィー株式会社で内定者インターンをしている戌亥です。汎用的なコンポーネントの開発をしている中で起こったトグルボタンを実装バグの紹介とその原理、解決法についてご説明しますので、ぜひ参考にしてください。 はじめに 背景 ラベルボタン 起こったバグ 検証 バグが起こっていた原理 解決法 まとめ 最後に 背景 インターンのReactを用

Model Context Protocol(MCP)とは?生成 AI の可能性を広げる新しい標準

はじめに こんにちは。クラウドエースの荒木です。 ChatGPT や Claude などの生成 AI が日常生活やビジネスに浸透してきましたが、これらの AI の真価は外部システムと連携したときに発揮されます。しかし、この連携には大きな課題がありました。 これまで AI と外部システムを連携させるには、システムごとに個別の API 統合が必要で、認証方法やデータ形式、エラー処理

改善活動: LCPの最適化

2024 年中途入社の福原です。 私の所属しているグループでは、毎週チーム全員で時間を設けて、メインとなるページのサイトパフォーマンスを監視・改善する活動を行っています。 今回はその活動の一環で、新築分譲戸建の物件詳細ページの LCP について、改善を行った結果を共有します。 LCP は、ビューポート内に表示される最大の画像、テキスト ブロック、または動

【Next.js】App Routerを利用した際のStatic Exportsについて整理する

こんにちは、サイオステクノロジーの遠藤です。今回はNext.js 15でApp Routerを利用した際のStatic Exportsについて整理します。 Static Exportsとは? Static Exportsは、build時に、アプリケーションを静的コンテンツとしてエクスポートできる機能です。Static Exportsを利用せずにNext.jsのアプリケーションを公開する場合はNode.jsランタイムが必要となりますが、Static Exportsを利用してbuildを
技術ブログを絞り込む

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

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

エラータイトル

エラー本文