TECH PLAY

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

1140 件中 136 - 150 件目
Amazon Q in Connectとは Amazon Web Services(AWS)のクラウドコンタクトセンターサービスであるAmazon Connectには、同AWSの生成AIアシスタントサービスである、Amazon Qを簡単に統合することができます。 Amazon Qを統合することで、以下のような、AIによるコンタクトセンターの高度化、対応の効率化が可能です。 手動検索:エージェント(オペレータ)が手動でナレッジを検索 セルフサービス:生成AIエージェントが、直接問い合わせ元(顧客)と会話し、
はじめに ども!Claude Code を執筆に贅沢活用している龍ちゃんです。 前回の SVG図解自動生成記事 で、「SVGで図解作成時間を67%削減できた!」って話をしたんですが、正直に言うと 完璧ではなかった んですよね。 フロントエンドエンジニアとしてTailwind CSSを日常的に使っている僕からすると、 あとから編集もできちゃうんですよね 。ClaudeもTailwindが得意なので、SVGを作るよりHTML経由で図を作ってスクショする方が、PNG変換という手間は増えるんですけど、意図した図が
はじめに ども!Claude Code を執筆に贅沢活用している龍ちゃんです。気づいたら3年でブログを200本書いていて、そろそろブログの本数をカウントするのを取りやめですね(笑)。 最近は週に5本くらいブログを書くことが習慣づいているんですが、これだけブログを書いてると、だんだん図を作るのが億劫になってしまうんですよね。Claude Code のおかげで Mermaid での図解作成はすごく短縮できました(参考: ClaudeでMermaid図作成を自動化!2時間→5分の劇的時短術【Live Edito
G-gen の杉村です。Google が提供できる生成 AI チャットサービスである Gemini アプリ では、Google スライドを生成できます。当記事では、このスライド生成機能について紹介します。 Gemini アプリによるスライド生成 プロンプト入力と Canvas の使用 スライドの生成 Google スライドへのエクスポート 資料を引用した生成 Gemini アプリによるスライド生成 Google が提供できる生成 AI チャットサービスである Gemini アプリ では、 Canvas 機
こんにちは。SCSKの星です。 最近XanaduバージョンからZurichバージョンへのバージョンアップを行いました。 その際に行った修正について記録しておきます。 はじめに 今回私が担当したバージョンアップは、バージョンアップによる修正点をすべて受け入れるのではなく、現在の運用が維持できるように修正したり、ユーザが混乱しそうな機能は非表示にしたりという対応が求められました。 またYokohamaバージョンからMFA認証が必須化されましたが、こちらの機能も今まで通り必要としない設定にすることが求められまし
5秒でわかる:この記事の内容 タイトルは挑発的ですが、真面目な技術記事です。 やったこと : ブログ記事のHTML→Markdown変換を実装 トークン削減率:平均 20.7% (3記事で実測) 既存実装と組み合わせて累積 65%削減 を達成 得られるもの : markdownifyライブラリを使った実装方法(コード付き) 段階的なトークン削減の実測データ WordPressブログのスクレイピングからMarkdown化まで 対象読者 : AIを活用したブログ執筆をしている人 RAG(もどき)システムを構築
こんにちは。SCSK星です。 Zurichバージョンを行う際にConditional Script Writerに振り回されたため、 今回はその時の学びと記録を書いていこうと思います。 Conditional Script Writerとは Conditional Script WriterはZurichバージョンから追加されたグループになります。 このグループは少なくともロールを一つ以上持っている人が自動的に所属し、Zurichバージョン時にロールを所持していた人は自動的にこのグループに追加されます。「
本記事は米国時間 2025 年 11 月 4 日に公開された「 Stop Repeating Yourself: Why Global Steering is the AI Context Layer You’ve Been Missing 」を翻訳したものです。 あなたは、関数型の React コンポーネントを使った欲しいことを AI アシスタントに 47 回も伝えました。セミコロン付きの Prettier を使っていることを 23 回。そして、テストファイルは __tests__ ディレクトリに配置し
はじめに ども!先週はいろいろなブログを記述していたら10本も投稿していた龍ちゃんです。執筆速度が爆速になっているのですが、Claude Code と協業するようになったのが要因ですね。それらに関しては「 【2025 年版】検証 → 記事化で知見を資産化!Claude Code×RAG もどきで AI 技術ブログ執筆を効率化 」でまとめています。今回は、そちらのブログで触れていた情報を収集するツールの呼び出しを Claude Code の Skill 登録してスムーズに呼び出せるようになったのでその話を共
※こちらは、社内LT会にて発表した内容になります!マイナビではこういったLT会を定期的に開催しております! 発表資料は こちら 最近自分の身の回りや自分でも、 生成AIがやってくれるからやる気が出ない 無気力になる なんか自分で考えなくなった気がする いわゆる  「生成AI鬱」  みたいな人が増えてきたような気がしています... 最近色々試してみて若干改善してきたのでそれを共有できればなと思います。 まず初めに自分がどうだったのか とりあえず、モチベーショングラフを作ってみました。 何
概要 参加を決めた理由 聴いた講演 オープニング キーノート webpack 依存からの脱却!快適フロントエンド開発を Viteで実現する Storybook 駆動開発で実現する持続可能な Vue コンポーネント設計 昼食 生成AI時代のWebアプリケーションアクセシビリティ改善 Inside Vitest: テストフレームワークアーキテクチャの詳細解説 Vue で 3D を楽しむ Vue.jsでつくる実験映像 AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践
AWS では、 Amazon Relational Database Service (Amazon RDS) のデータベースパフォーマンスメトリクスを収集・分析するためのいくつかのサービスを提供しています。これには Amazon CloudWatch と CloudWatch Database Insights が含まれます。さらに、さまざまなツールを使用して Amazon RDS for PostgreSQL と Amazon Aurora PostgreSQL-Compatible Edition
はじめに window.alert() や window.confirm() など、ブラウザ組み込みのモーダルは使用を避けるべきです。 意外と知られてなさそうだったので共有させていただきます。 なぜなのか 機能しない可能性が高いためです。 モーダルはユーザの操作を強制的にブロックします。このようにユーザの意思に反して特定の操作を行わせるのはUX上よくないとされています。 これはブラウザに限ったことではなく、Androidの標準デザインシステムであるMaterial Designの ガイドライン においても
はじめに ども!最近は Claude Code とべったりで、実装 → 検証 → 記事化のサイクルを回している龍ちゃんです。 皆さん、せっかく実装して検証した知見、 ちゃんと記事化できてますか? 僕も以前はこんな悩みを抱えていました: 実装完了後に「記事書こう」と思っても、何を書けばいいか分からない 実装時のメモが散らばって、記事執筆時に情報を集めるのが大変 既存記事との整合性を取るのが面倒で、似たような内容を書いてしまう 特に困ったのが、 実装から時間が経つと、なぜその設計にしたのか忘れてしまう こと。
気軽に計測データを分析したいみなさん、 こんにちは、ソリューションアーキテクトの伊勢です。 せっかくデータ収集しても、こんな悩みはないですか。 収集したデータをどう利活用したらいいかわからない 分析ツールを導入したけどどう分析したいかわからない 分析結果をどう考察したらいいかわからない IoTあるあるですね。 今回は専門的な分析知識を使わず、 intdashの収集データをノーコードで分析したいと思います。 生成AIはChatGPTの最新版GPT-5を利用します。 1 はじめに データ分析とは GPT-5と