イベント
イベントを探す
本日開催のイベント
明日開催のイベント
ランキング
カレンダー
マガジン
マガジンを読む
マガジン
技術ブログ
書籍
動画
動画を見る
グループ
グループを探す
グループを作る
イベントを作成・管理
学生の方はこちら
ログイン
|
新規会員登録
TOP
技術ブログまとめ
「HTML」に関連する技術ブログ
「HTML」に関連する技術ブログ
全 1234 件中 226 - 240 件目
絞り込み
2025年11月27日
Bookmark Icon
業務で進むLLM活用、その裏に潜む脅威とは?Microsoft 365 Copilotを介した攻撃検証(インターン体験記)
こんにちは、NTTドコモグループの現場受け入れ型インターンシップに「D2:攻撃者視点に立ち攻撃技術を研究開発するセキュリティエンジニア」ポストで参加させていただきました、太田です。 本記事では、本インターンシップでの取り組みについて紹介いたします。 NTTドコモグループのセキュリティ業務、特にOffensive Securityプロジェクト(以下、PJ)に興味のある方、インターンシップの参加を検討している方などへの参考になれば幸いです。 OffensiveSecurityPJとは 参加経緯 インターンシッ
セキュリティ
,
HTML
,
データ分析
,
キッズ
,
アーキテクチャ
,
大規模言語モデル(LLM)
,
学生
NTTドコモビジネス
2025年11月27日
Bookmark Icon
デザイナーも実装する〜FigmaMCPを活用した「デザインシステム開発」と「UI実装仕組みの導入」〜
みなさんこんにちは!就活支援サービス「ワンキャリア」(学生版) Webチームの北原(X: hakshu25 )とプロダクトデザイナーの成井です。 今回は、私たちが当社のデザイン・フロントエンドの課題から挑戦した2つの話をご紹介できればと思います。
CSS
,
GitHub
,
キャリア
,
HTML
,
人工知能
,
フロントエンド
,
アーキテクチャ
,
Figma
,
MCP
,
Claude Code
株式会社ワンキャリア
2025年11月26日
Bookmark Icon
AIエージェントが切り拓くレガシーサイト自動化:少年野球のグラウンド探しをbrowser-useとAWS Lambdaで解決する
はじめに NTTデータの奥村です。昨今、様々な生成AIエージェントに関する取り組みが公開されています。今回は、その中でもブラウザ操作に特化したAIエージェントに関する取り組みの紹介をします。 取り組みの背景 私は都内でとある少年野球チームの運営に携わっており、特に練習用グラウンドの確保に頭を悩ませています。都内のグラウンド探しは、主に以下のような課題を抱えています。 競争率の高さ: 野球ができる場所が限定的なのに対し、チーム数が多く、毎週末の確保が難しい。 システムの旧態依然さ: 多くの公共施設予約システ
AWS
,
Selenium
,
HTML
,
人工知能
,
インフラ
,
ロボット
,
設計
,
大規模言語モデル(LLM)
,
組み込み
,
Playwright
NTTデータ
2025年11月25日
Bookmark Icon
知っておくとちょっと便利!sftp コマンドを使ったファイル転送
今号では、sftp コマンドを使ったファイル転送の方法について説明します! sftp とは sftp とは SSH File Transfer Protocol の略であり、暗号化された通信によって安全にファイルを送受信することができる仕組みです。 以前は ftp によるファイルの送受信が主流でしたが、通信を暗号化する仕組みがないため、内容が盗聴される可能性がありました。 そこで、すべてのデータを暗号化して送信することができる sftp が使用されることになりました。 主な用途としては、システム間でのファ
R
,
Windows
,
Linux
,
HTML
サイオステクノロジー(Tech...
2025年11月21日
Bookmark Icon
CloudFront: マルチオリジン構成でSPAをホスティング
はじめに ソフトウェアエンジニアの森山です。 CloudFront で API と静的ファイルを別オリジンで扱い Single Page Application(以下 SPA)を ホスティング する構成について解説します。 プライベート API を遮断する設定を追加する際に CloudFront のカスタムエラーレスポンスで躓きました。しかし CloudFront Functions を活用することで上手く切り抜けることができました。 構成 リク エス トのパスを元にCloudFrontでオリジンへのアク
AWS
,
CSS
,
JavaScript
,
HTML
,
CDN
,
フロントエンド
,
テスト
,
API
,
組み込み
MNTSQ
2025年11月21日
Bookmark Icon
2025 ジーニー新卒社員向け Bootcamp の学びと振り返り
こんにちは。株式会社ジーニー 2025年入社の高濱です。 ジーニーでは毎年、新入社員を対象に「Bootcamp」という2か月間の技術研修が行われます。先輩社員(主に昨年度の新入社員)がメンターとなって運営するこの研修は、技術習得だけでなく先輩や同期との交流の場にもなり、入社直後の貴重な経験となります。本記事では、研修の雰囲気や学びをできるだけ具体的に伝えたいと思います。 自己紹介 CATS事業部 AFADに所属しています。 大学では機械系を専攻しつつ独学でプログラミングを学びました。競技プログラミングやア
CSS
,
Docker
,
PHP
,
アルゴリズム
,
ハンズオン
,
SQL
,
HTML
,
デジタルマーケティング
,
Webマーケティング
,
生成AI
株式会社ジーニー
2025年11月20日
Bookmark Icon
NTT西日本の AWS 事例:Amazon Bedrock Knowledge Bases を活用した営業支援 AI ボットの開発
本ブログは、NTT西日本グループ 吉田 健哉氏、同 中井 智絵氏、アマゾン ウェブ サービス ジャパン合同会社 ソリューションアーキテクト 川岸 が共同で執筆しました。 はじめに NTT西日本株式会社 (以下、NTT西日本)では、 ビジネスチャット『elgana』(エルガナ) をサービス提供しています。 2022 年 7 月にアマゾン ウェブ サービス (AWS) へプラットフォーム を移行し、生成 AI による新機能開発も加速しています。 elgana Project 「AI Lab.チーム」では、生成
AWS
,
セキュリティ
,
HTML
,
人工知能
,
インフラ
,
アーキテクチャ
,
設計
,
大規模言語モデル(LLM)
AWS
2025年11月20日
Bookmark Icon
Playwright MCPで始めるブラウザ自動化|環境別セットアップガイド
はじめに ども!Claude Codeを執筆に贅沢活用している龍ちゃんです。やっと Playwright MCP を触る機会ができました。話題になってただけあって、 めちゃくちゃ便利 ですね。 前回の記事「 Claude Code SkillでHTML図解を自動生成!時短テクニック 」で、Claude CodeにHTMLで図解を作ってもらう方法を紹介したんですが、 スクリーンショットの手間が面倒 じゃないですか。ブラウザで開いて、サイズ合わせて…って。しかも僕、DevContainer環境でブログ書いてる
Docker
,
GitHub
,
JavaScript
,
Node.js
,
Python
,
HTML
,
プロトタイピング
,
MCP
,
Playwright
,
Claude Code
サイオステクノロジー(Tech...
2025年11月19日
Bookmark Icon
Azure MCP ServerとStreamlitでAzureを対話的に操作するWebアプリ
この記事では、AzureMCPServerとStreamlitを組み合わせて、Azureリソースを対話的に操作するWebアプリケーションを構築する方法について説明します。 つまり以下のように「Azureのコレコレのリソースの情報取得して」とか「Azure Blob Storageのコンテナ作って」みたいにWebブラウザから対話的に指示すると、そのとおりにAzureリソースが出来上がるWebアプリをサクッと作ってしまおうという感じです。 説明はいいからサクッと動かしたいよーという方はソースコードと起動方法
Azure
,
CSS
,
Django
,
Flask
,
GitHub
,
Python
,
HTML
,
Eclipse
,
Cursor
,
LangChain
サイオステクノロジー(Tech...
2025年11月18日
Bookmark Icon
Amazon Q in Connect&step-by-stepガイド:コールセンターでのインタラクティブな生成AI検索対象の絞り込み
Amazon Q in Connectとは Amazon Web Services(AWS)のクラウドコンタクトセンターサービスであるAmazon Connectには、同AWSの生成AIアシスタントサービスである、Amazon Qを簡単に統合することができます。 Amazon Qを統合することで、以下のような、AIによるコンタクトセンターの高度化、対応の効率化が可能です。 手動検索:エージェント(オペレータ)が手動でナレッジを検索 セルフサービス:生成AIエージェントが、直接問い合わせ元(顧客)と会話し、
AWS
,
Salesforce
,
Windows
,
セキュリティ
,
ワークショップ
,
HTML
,
インフラ
,
ノーコード/ローコード
NTTデータ
2025年11月17日
Bookmark Icon
Claude Code SkillでHTML図解を自動生成!時短テクニック
はじめに ども!Claude Code を執筆に贅沢活用している龍ちゃんです。 前回の SVG図解自動生成記事 で、「SVGで図解作成時間を67%削減できた!」って話をしたんですが、正直に言うと 完璧ではなかった んですよね。 フロントエンドエンジニアとしてTailwind CSSを日常的に使っている僕からすると、 あとから編集もできちゃうんですよね 。ClaudeもTailwindが得意なので、SVGを作るよりHTML経由で図を作ってスクショする方が、PNG変換という手間は増えるんですけど、意図した図が
CSS
,
WordPress
,
HTML
,
フロントエンド
,
アクセシビリティ
,
Microservices
,
UIデザイン
,
Figma
,
Playwright
,
Claude Code
サイオステクノロジー(Tech...
2025年11月17日
Bookmark Icon
図解作成が驚くほど楽に!Claude SkillでSVG自動生成
はじめに ども!Claude Code を執筆に贅沢活用している龍ちゃんです。気づいたら3年でブログを200本書いていて、そろそろブログの本数をカウントするのを取りやめですね(笑)。 最近は週に5本くらいブログを書くことが習慣づいているんですが、これだけブログを書いてると、だんだん図を作るのが億劫になってしまうんですよね。Claude Code のおかげで Mermaid での図解作成はすごく短縮できました(参考: ClaudeでMermaid図作成を自動化!2時間→5分の劇的時短術【Live Edito
Angular
,
CSS
,
LT(ライトニングトーク)
,
HTML
,
React
,
Vue.js
,
アクセシビリティ
,
UIデザイン
,
Figma
,
Claude Code
サイオステクノロジー(Tech...
2025年11月17日
Bookmark Icon
Geminiアプリでスライドを作ってみた
G-gen の杉村です。Google が提供できる生成 AI チャットサービスである Gemini アプリ では、Google スライドを生成できます。当記事では、このスライド生成機能について紹介します。 Gemini アプリによるスライド生成 プロンプト入力と Canvas の使用 スライドの生成 Google スライドへのエクスポート 資料を引用した生成 Gemini アプリによるスライド生成 Google が提供できる生成 AI チャットサービスである Gemini アプリ では、 Canvas 機
AWS
,
Google Cloud
,
JavaScript
,
HTML
,
ネットワーク
,
Google Workspace
株式会社G-gen
2025年11月12日
Bookmark Icon
【ServiceNow】Xanadu→Zurichバージョンアップで行った修正の記録(MFA回避対応多め)
こんにちは。SCSKの星です。 最近XanaduバージョンからZurichバージョンへのバージョンアップを行いました。 その際に行った修正について記録しておきます。 はじめに 今回私が担当したバージョンアップは、バージョンアップによる修正点をすべて受け入れるのではなく、現在の運用が維持できるように修正したり、ユーザが混乱しそうな機能は非表示にしたりという対応が求められました。 またYokohamaバージョンからMFA認証が必須化されましたが、こちらの機能も今まで通り必要としない設定にすることが求められまし
UX
,
セキュリティ
,
HTML
SCSKクラウドソリューション
2025年11月12日
Bookmark Icon
HTMLでブログ記事を保存してる奴、全員Markdownにしろ。AIが読みにくいでしょうが!
5秒でわかる:この記事の内容 タイトルは挑発的ですが、真面目な技術記事です。 やったこと : ブログ記事のHTML→Markdown変換を実装 トークン削減率:平均 20.7% (3記事で実測) 既存実装と組み合わせて累積 65%削減 を達成 得られるもの : markdownifyライブラリを使った実装方法(コード付き) 段階的なトークン削減の実測データ WordPressブログのスクレイピングからMarkdown化まで 対象読者 : AIを活用したブログ執筆をしている人 RAG(もどき)システムを構築
CSS
,
GitHub
,
HTML
,
人工知能
,
テスト
,
RAG
,
Claude Code
サイオステクノロジー(Tech...
1
More pages
14
15
16
17
18
More pages
83
タグからブログをさがす
ソフトウェア開発
MLOps
アーキテクチャ
Emacs
Vagrant
プログラミング
Google Apps Script
Vue.js
Dart
Kotlin
TECH PLAY でイベントをはじめよう
グループを作れば、無料で誰でもイベントページが作成できます。 情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?
無料でイベントをはじめる
ブログを絞り込む
キーワード
タグ
絞り込む
クリア
キーワード
タグ
絞り込む
クリア
タグからブログをさがす
ソフトウェア開発
MLOps
アーキテクチャ
Emacs
Vagrant
プログラミング
Google Apps Script
Vue.js
Dart
Kotlin
TECH PLAY でイベントをはじめよう
グループを作れば、無料で誰でもイベントページが作成できます。 情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?
無料でイベントをはじめる