TECH PLAY

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

1071 件中 1 - 15 件目
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の品質を継続的に高めながら、安定してアウトプットを出し続けるための 開発基盤の整備 に重点的に取り組んでいます。
Microsoft ESI を通じて Microsoft Foundry の講義を受講しました。 ラボ環境でFoundryを触る中で、「面白い。自分でもAIエージェントを作ってみたい」と思いが湧いてきました。 Microsoft ESI とは Microsoft ESI(Enterprise Skills Initiative) のまとめと体験記の記事です。 blog.usize-tech.com 2026.02.26 今回は応用情報技術者試験の予想問題を生成する AI エージェントの作成を試みます。 M
はじめに こんにちは、SRE部カート決済SREブロックの伊藤( @_itito_ )です。普段はZOZOTOWNのカート決済機能のリプレイス・運用・保守に携わっています。また、DB領域でのテックリードを務めており、データベース周りの運用・保守・構築も担当しています。 ZOZOでは全社的に生成AIの活用が推奨されており、SRE部においてもAmazon Q Developer(以下、Q Dev)のPoCを実施しました。 本記事では、Q DevのPoCをどのように実施したのか、PoCを通じて得られた知見なども含
ども!毎日 Claude Code と一緒に仕事している龍ちゃんです。 この記事を読むと、こんなことができるようになります。 「また同じミスだ」をゼロにする — セッション中のミスを「教訓ファイル」として即記録する方法 CLAUDE.md ・ スキル ・設定を教訓ベースで改修して、Claude Code 環境を自分仕様に育てられる 教訓ファイルをバグチケットとして消化→削除するサイクルで、改善が自然と回り続ける 毎日 Claude Code と話してると、同じ回避を繰り返してないか? 毎日Claude C
はじめに はじめまして。2025年4月に新卒でニフティに入社した宮村です。 ニフティのエンジニア職には On-the-Job Training(OJT) という制度があり、私が入社した年度では入社後の約1年間で 3つの異なるチーム を経験しました。各期約3ヶ月、実際の業務に携わりながら技術とチームワークを学んでいく仕組みです。 この記事では、私がOJTで経験した3つのチームでの業務内容や、やりがい・苦労した点をエピソードベースでお伝えします。 「ニフティのOJTって実際どんな感じなの?」 という疑問を持つ
こんにちは。AWS シニアソリューションアーキテクトの崔 祐碩です。首都圏を中心に 125 店舗のスーパーマーケットを展開する サミット株式会社 (以下、サミット)では、DX 推進の一環として AI コーディングアシスタント「 Kiro 」を活用し、情報システム部門が自らの手で業務アプリケーションを素早く形にする取り組みを進めています。本ブログでは、サミット 情報システム部 企画・開発グループの小池様に、Kiro 導入の背景や具体的な活用事例、今後の展望について伺いました。 サミット株式会社について サミ
エピソード紹介 Ep.1 – クリーンアーキテクチャとは ← 今回はこちら Ep.2 – 認証方式の実践的な紹介 Ep.3 – ER設計と監査ログ Ep.4 – RepoScanner の実装とテスト Ep.5 – Copilot プロンプトを効率化 こんな方へ特におすすめ クリーンアーキテクチャが何かイメージを掴みたい方 概要 こんにちは。サイオステクノロジーのはらちゃんです! フロントエンドを開発していたとき、アトミックデザインという手法を知
PSSLの佐々木です。 E2Eテストは重要だとわかっていても、Playwrightのコードを書くのが面倒で後回しにしていませんか? 本記事では、 Markdownファイルに日本語で操作手順を書くだけで、Playwrightが自動実行してくれるE2Eテストフレームワーク の作り方を、実際のプロダクション事例をもとに解説します。 この記事でわかること Markdownシナリオ駆動のE2Eテストの全体アーキテクチャ 自然言語ステップをPlaywrightアクションに変換する仕組み フォーム入力の多段フォールバッ
ども! HTML図解の自動生成シリーズ を書いている龍ちゃんです。 AIコーディングでデザインの修正依頼を出すとき、「なんか違う」を言葉にするのに苦労していませんか? 僕もずっとそうでした。出来上がった図解を 自分のイメージ通りに仕上げたい んだけど、テキストだけだと伝わらない。 画像を一緒に渡すだけで、これが解決しました 。マルチモーダルな入力で言語化できなかった感覚がそのままAIに伝わって、総当たりの修正ループがディスカッションに変わります。 今回の内容です。 レビューは人間の感覚が起点。でも言葉にす
こんにちは、青木です。 今回はお客様とGoogle CloudでGeminiを利用したアプリ開発を経験したので、その感想を書いていこうと思います。 難しいことは行っていないですが、コーディングの知識がない自分でもAIを用いることでアプリ開発が思ったよりも簡単にできたので興味がある方はぜひご一読ください。   勉強会の内容 今回の勉強会ですが、1日目にGoogle Cloudのハンズオン、2日目、3日目で既存のアプリを改善する課題、成果発表を行う流れでした。 ハンズオンの内容をもとに課題を実施して