TECH PLAY

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

1080 件中 1 - 15 件目
はじめに こんにちは、ZOZOTOWN企画開発部 企画フロントエンド2ブロックのパクサンイです。普段はZOZOTOWNにあるCMSベースのLPページのメンテナンスや機能追加、企画LPページ環境のメンテナンスを担当しています。 ZOZOTOWNの複数のWebアプリケーション間で、プロモーション用ランディングページコンポーネントを共有するために、 Lit ベースのWeb Componentsを導入しました。本記事ではその事例を紹介します。 ZOZOTOWNでは多数のLPページが開設・更新されており、従来はif
この記事は、合併前の旧ブログに掲載していた記事(初出:2020年9月8日)を、現在のブログへ移管したものです。現時点の情報に合わせ、表記やリンクの調整を行っています。こんにちは、お久しぶりです。岡部和...
こんにちは、アプリケーションサービス本部の遠藤です。 複数の顧客案件を並行して進めていると、「あのSlackメッセージに返信しなきゃ」「今日の定例で何を共有するんだっけ」といった情報がGoogle CalendarとSlackに散らばりがちです。 毎朝それらを巡回して頭の中で整理する時間がもったいなかったので、Claude(Coworkモード)を使ってSlack「後で」ブックマークとGoogle Calendarの予定を自動集約するTODOリストを作りました。平日毎朝9時に自動更新され、HTMLでインタラ
はじめに 初めまして、2025年度新入社員の岡嵜健太です。 現在私は、HTMLやCSS、(極まれにJS)を用いてflexboxの便利さに感動しながらモック作成やエンハンス業務などを行っています。 さて、早速ですが皆さんは以下のようなレイアウトを組むときはどのように実装しますか? Flexbox?CSS Grid?Marginで調整? 私はFlexbox大好き人間でしたのでなんとなくFlexboxを使いがちでした。←よくない そんな私が、業務で1からCSS Gridを学び、Flexbox・CSS Grid大
はじめに セーフィー株式会社 開発本部 ソリューション開発部の土井 慎也です。 皆さん、他人のプロジェクトや、あるいは自社のサービスのリリースノートって、隅々まで読んでいますか? 正直に告白すると、私は面倒くさくてしっかりとは読めていません。 「新機能が追加されました!詳細は以下の箇条書きをチェックしてください」 ……いや、文字が多くてパッと見で何が変わったのか分からないな。 そんな風にブラウザのタブを閉じてしまった経験は、誰しもあるのではないでしょうか。 せっかく開発者が心血を注いで実装した機能も、伝わ
こんにちは、SCSKの松岡です🕸️ Webクローリングおよび名寄せの検証において、AWS lambdaと Amazon Bedrock を活用したデータ収集アーキテクチャを検討した際の試行錯誤を整理しました。 従来のルールベースのクローリングと比較し、生成AIを用いた柔軟な情報抽出を取り入れることで、サイト構造の差異に耐えるデータ収集方式をどのように実現したか、また収集データと既存マスタを突合する名寄せの課題についても紹介します。   背景 データ活用基盤において、外部サイトからの商品情報を収集
はじめに はじめまして!カスタマーサポートグループサポートシステムチームの植田です。 プライベートでは、「旅行」「運動」「カラオケ」「勉強」、以外のことが好きです(インドア派です)。 お客様が自身の契約情報を確認する会員サポートページやカスタマーセンターのオペレータが使用する社内ツールの開発や運用を行っています。 直近ではカスタマーセンターのオペレータが使う社内ツールのAzureへのクラウド移行を担当しました。 これまでの経歴と転職のきっかけ 前職はCG業界で、CGプログラマーという仕事をしていました。
この記事は、”Reimagine your mainframe applications with Agentic AI and AWS Transform” を翻訳したものです。 本ブログでは、reimagine パターンによってメインフレームのレガシーアプリケーションをモダナイズする AWS のアプローチの概要を説明し、組織がレガシー COBOL アプリケーションをモダンなクラウドネイティブアーキテクチャに変換する方法を紹介します。 人材不足、コスト増加、ビジネスアジリティの制約により、組織はレガシー
はじめに(リモートアクセスについて) 現代では、コンテナやマネージドサービス等、運用者からの直接ログインなしで運用できる範囲が広がっています。 しかし、現実問題として、運用上の要件や制約によって完全にリモートアクセス(ログイン)を無くすのは難しいケースが多いと思います。 リモートアクセス経路・方式の設計にはいつも悩まされます。 統制・監査の実現方式 GUIを利用しようとする場合の接続プロトコルや方式 認証・認可等セキュリティの実現方式 ロケール対応(日本語対応)の実施 など、難しい設計要素を含むためです。
1. はじめに 昨今、生成AIの進歩が加速しており、Web検索や調査に生成AIを利用することは日常では最早当たり前の光景となっています。Web検索はChatGPTをはじめ、多くの生成AIツールで利用できる機能です。一方、ブラウザやWebサイト操作については、あらかじめユーザーが設定した操作を実行させるRPAツールやHTML構造を解析して情報を取得するスクレイピングツールが主流となっています。定型的な作業であれば、RPAツールやスクレイピングツールを利用すれば一見問題なさそうに見えます。しかし、Webページ
みなさんこんにちは!ワンキャリア転職チームの河内です。 皆さん React Tokyo というコミュニティはご存知でしょうか? React Tokyo とは、東京を中心に活動している React エンジニアのためのコミュニティです。 オフラインでのミートアップは月に 1 回程度開催されていますが、2/28 に開催された「 React Tokyo フェス 2026 」は特別な会となっており、セッションやパネルディスカッションはもちろん、来場者も参加できるライブコーディングイベントや事前に用意されたテーマにつ
ども!最近 GitHub Wiki の管理に頭を悩ませている龍ちゃんです。 既製アクション 1 本と YAML 30 行で、 docs/wiki/ を GitHub Wiki に自動同期できる仕組みを作ったので共有しますね。 皆さん、GitHub Wiki 使っていますか? 複数のドキュメントを参照したいときはすごく便利なんですが、管理が面倒だったりしますよね。Wiki の情報って完全に人間向けのコンテキスト情報で、あった方がいいのはわかっているんですけど、そんな作業は後回しになりがちで。 最近、AI に
はじめに こんにちは、新卒一年目エンジニアの藤原です。 大学では主にメディア工学を学んでおり、プログラミング経験はあまりありませんでした。研修ではJavaをメインに学び、HTML,CSS,JavaScriptはほんの少し触れた程度です。 しかし、8月に部署に配属されて以降は、React/Next.jsを用いて社内システムのフロントエンドを開発しています。そのため、右も左も分からず、常に「分からない」が頭をよぎる毎日です。 簡単なパーツ作成から始まり、画面のデザイン取り込み、バックエンドのAPI繋ぎこみへと
みなさん、こんにちは。AWS ソリューションアーキテクトの野間です。直前のご案内になりますが、3 月 25 日(水)に「 AWS での Claude Code の買い方・使い方 」という Claude Code を AWS 上で活用する手段や買い方をご紹介するイベントが開催されます。また翌日の 3 月 26 日(木)には「 Amazon Quick で変わる業務の現場 — 活用企業・AWS社員による事例紹介 」が開催されます。ご興味がある方はぜひご参加ください! 「 AWS ジャパン生成 AI 実用化推進
こんにちは。ミイダス フロントエンドチームです。2025年度下期の中間キックオフでは、フロントエンドグループの目標とその進捗を共有しました。本記事では、その内容をもとに現在地をお伝えします。 今期のテーマは 生産性と品質の底上げ です。 派手な機能開発ではなく、UI/UXの品質を継続的に高めながら、安定してアウトプットを出し続けるための 開発基盤の整備 に重点的に取り組んでいます。