TECH PLAY

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

1014 件中 106 - 120 件目
Google Cloud Next Tokyo '25 の「Next Tokyo イベントアンバサダー」に選出いただきました G-gen の堂原です。当記事は、Google Cloud Next '25 Tokyo の2日目に行われた ブレイクアウトセッション「 もう手放せない!Gemini の NotebookLM、Deep Research、Canvas で思考を加速 」 のレポートです。 他の Google Cloud Next Tokyo '25 の関連記事は Google Cloud Next
こんにちは、QAエンジニアのうえやまです。 現在私はE2Eテスト自動化に携わっており、日々さまざまな特性を持ったテストの自動化に取り組んでいます。 本記事では、自動化したいテストの内容が決まった後、「そのテストの特性に合わせた設計をどう行うか」という品質と効率を左右する重要な部分にフォーカスして、私の経験から得られた3つの設計パターンをご紹介します。 いずれも、キャプチャ&リプレイ(ノーコード、ローコード)やスクリプティングでの自動化といった環境によらず適用可能な設計方法になります。 テスト特性にフォーカ
こんにちは、LIFULLでシニアエンジニアをしている渡邉です。普段はLIFULL HOME'Sの流通領域のエンジニアチームにてマネジメントをしています。 みなさんは業務の中でスライドを作る場面ってどのくらいありますでしょうか? 私は管理職になってから業務上ビジョンシェアリングの機会や総会等での発表の機会が増えました。 それに伴い以前にも増して圧倒的にスライドを作成する作業の時間が増えました。 私の場合、話したいことは思い付くし、文章に起こすこともできるのですが、それをスライドにするのが手間がかかる上スライ
はじめに ども!Claude関連のブログを週に5本も投稿してしまって燃え尽きている龍ちゃんです。登壇資料完成までもう少しなので、今週の残りを走り切ろうと思います。 Claude×技術ブログというテーマ でハイペースでブログを執筆しています。 そんな中、今回の登壇資料作成にClaudeが大活躍して、なんと 爆速で登壇資料作成が終わった んです! 衝撃の効率化実績 従来:40時間/本 × 2本 = 80時間 新手法:11時間で2本完成(3時間生成 + 5時間修正 × 2本) 結果:約7倍の効率化を実現 45分
概要 はじめに 前提とする環境 構成図 Dockerのセットアップ Dockerのインストール Dockerfileの作成 Dockerイメージのビルド Dockerコンテナの動作確認 コンテナの起動 動作確認 コンテナの停止 停止確認 カスタムコンテンツの作成 方法1: Dockerfileでの内容変更 方法2: ローカルファイルの使用 HTMLファイルの作成 Dockerfileの更新 Dockerイメージのタグ管理 実行と動作確認 外部公開する ALB用のSecurity Group(SG)を作る
MarkItDownというMicrosoftが開発しているPythonライブラリがあります。 https://github.com/microsoft/markitdown これはExcelやWord, PowerPoint, PDF, 画像, 音声, HTMLなどをマークダウンに変換することができるツールで、Pythonの実行環境さえあれば非常に簡単に利用することができます。 生成AIによるRAG(Retrieval-Augmented Generation)の実装において、ドキュメントの変換や整形に非
CCoEや生産性向上に関する仕事をしている石川です。 今回は開発生産性向上を目指して、2025年3月から様々なAIエージェントを試してみた 個人的な 感想を書いていこうと思います。GitHub Copilot以外のツールは数日から1ヶ月使用しただけなので、深く使い込んだわけではありません。 GitHub Copilot Agent mode / Coding Agent 良い点 GitHub提供の安心感と将来性への期待 GitHubとの高い親和性 困る点 従量課金要素がある(Premium Request
挨拶 ども!Claudeでブログを書きまくっている龍ちゃんです。最近はClaudeのおかげでブログ執筆のスピードがメキメキと上がってきましたが、一方で作業時間の捻出に苦労している今日この頃です。 今回はClaudeでMermaidの図をサクッと作ってもらう方法について解説していきます。皆さんも技術ブログで「図があったらもっと分かりやすいのに…」と思ったことはありませんか? なぜMermaidなのか? 技術ブログにおける図解の重要性 技術ブログで図解が重要な理由は明確です。図があるかないかで読者
はじめに こんにちは、クラウドエース第四開発部の安田です。 業務でウェブサイトのパフォーマンス改善に取り組んだ際、何から始めれば良いか迷った経験があります。その経験から、このように進めると良さそうだと感じた点を記事にまとめました。 なぜパフォーマンス改善が必要? ウェブサイトの読み込み時間が 3 秒を超えると多くの訪問者はサイトを離脱してしまうという有名な話があるように、サイトの表示速度やパフォーマンスがユーザーに与える影響はかなり大きいので頑張って取り組んで行きましょう! 図:モバイルサイトの速度の重要
Material Designをはじめとして、グラフィカルユーザーインターフェース(GUI)のデザインシステムは数多く公開されています。 各デザインシステムに含まれるUIコンポーネントは、各ブランドやサービスに最適化された独自の内容ですが、基本的な部分は共通しています。 たとえば「Button」コンポーネントは、どのデザインシステムでも、同じ役割かつ同じ名前で定義されています。 一方、役割は概ね同じでも、名称が異なるケースもあります。 この記事では、そのようなケースの具体例を挙げながら、UIコンポーネント
はじめに こんにちは、リテールハブ開発部でバックエンドエンジニアをしているホシと言います。 現在、小売アプリの開発でLaravel11を利用してサービス開発を行っています。 今回はサービス提供をする上でセキュリティ対策としてAWSのWAFを導入することになったお話をしようと思います。 AWS WAF(Web Application Firewall)は、Webアプリケーションを守るための強力なサービスです。 今回、私は初めてTerraformを使ってWAFを設定し、ALBやCloudFrontと連携させま
G-genの杉村です。当記事では、Google Workspace の便利なTipsを10個ご紹介します。これらの Tips を活用して、作業効率の向上に役立ててください。 Gemini サイドパネルを使う 進化した Gemini アプリを使いこなす ドキュメントは自動で版管理される ファイルが格納されている Google ドライブのフォルダへ瞬時に移動 「候補」でファイル移動を効率化 最短で共有リンクをコピー ドキュメントの任意の場所へのリンク Google ドキュメントにコードブロックを挿入 コネクテ
GeminiアプリのCanvasとは? Geminiアプリは、テキスト、コード、画像、音声など多様な情報を理解し、質問への回答やタスクの実行ができるAIツールです。「Canvas」機能により、Geminiが生成したテキストをドキュメントのようにリアルタイムで修正・調整できます。
対話から創造へ:共同作業スペース「Canvas」 本題に入る前に、この新機能が搭載されているGeminiの「Canvas」について簡単にご説明します。
さくらの生成AIプラットフォームについて さくらインターネットでは、「さくらのクラウド」「GPUクラウド 高火力シリーズ」など生成AIを活用したアプリケーション開発やホスティング、モデルそのものの学習が行えるサービスを提 […]