イベント
イベントを探す
本日開催のイベント
明日開催のイベント
ランキング
カレンダー
マガジン
マガジンを読む
マガジン
技術ブログ
書籍
動画
動画を見る
グループ
グループを探す
グループを作る
イベントを作成・管理
学生の方はこちら
ログイン
|
新規会員登録
TOP
技術ブログまとめ
「HTML」に関連する技術ブログ
「HTML」に関連する技術ブログ
全 1179 件中 256 - 270 件目
絞り込み
2025年08月04日
Bookmark Icon
スライドをHTMLで生成するという選択!パワポ風HTMLをLLMに構築させることでスライド作成を自動化した話
こんにちは、LIFULLでシニアエンジニアをしている渡邉です。普段はLIFULL HOME'Sの流通領域のエンジニアチームにてマネジメントをしています。 みなさんは業務の中でスライドを作る場面ってどのくらいありますでしょうか? 私は管理職になってから業務上ビジョンシェアリングの機会や総会等での発表の機会が増えました。 それに伴い以前にも増して圧倒的にスライドを作成する作業の時間が増えました。 私の場合、話したいことは思い付くし、文章に起こすこともできるのですが、それをスライドにするのが手間がかかる上スライ
AWS
,
CSS
,
Git
,
JavaScript
,
HTML
,
設計
,
大規模言語モデル(LLM)
株式会社LIFULL
2025年08月01日
Bookmark Icon
【ブログ→登壇資料】Claude×Marpで80時間を11時間に短縮した方法
はじめに ども!Claude関連のブログを週に5本も投稿してしまって燃え尽きている龍ちゃんです。登壇資料完成までもう少しなので、今週の残りを走り切ろうと思います。 Claude×技術ブログというテーマ でハイペースでブログを執筆しています。 そんな中、今回の登壇資料作成にClaudeが大活躍して、なんと 爆速で登壇資料作成が終わった んです! 衝撃の効率化実績 従来:40時間/本 × 2本 = 80時間 新手法:11時間で2本完成(3時間生成 + 5時間修正 × 2本) 結果:約7倍の効率化を実現 45分
CSS
,
GitHub
,
Node.js
,
WordPress
,
HTML
,
人工知能
,
MCP
サイオステクノロジー(Tech...
2025年07月30日
Bookmark Icon
【ハンズオン風】Docker on EC2でWebページをホストする【やってみた】
概要 はじめに 前提とする環境 構成図 Dockerのセットアップ Dockerのインストール Dockerfileの作成 Dockerイメージのビルド Dockerコンテナの動作確認 コンテナの起動 動作確認 コンテナの停止 停止確認 カスタムコンテンツの作成 方法1: Dockerfileでの内容変更 方法2: ローカルファイルの使用 HTMLファイルの作成 Dockerfileの更新 Dockerイメージのタグ管理 実行と動作確認 外部公開する ALB用のSecurity Group(SG)を作る
AWS
,
Docker
,
セキュリティ
,
ハンズオン
,
HTML
サーバーワークス
2025年07月29日
Bookmark Icon
AWS CDKで構築するサーバレスMarkItDown Webアプリ ~ExcelやWordを手軽にマークダウンに変換~
MarkItDownというMicrosoftが開発しているPythonライブラリがあります。 https://github.com/microsoft/markitdown これはExcelやWord, PowerPoint, PDF, 画像, 音声, HTMLなどをマークダウンに変換することができるツールで、Pythonの実行環境さえあれば非常に簡単に利用することができます。 生成AIによるRAG(Retrieval-Augmented Generation)の実装において、ドキュメントの変換や整形に非
AWS
,
Python
,
HTML
,
人工知能
,
IaC
,
フロントエンド
サーバーワークス
2025年07月28日
Bookmark Icon
半年間様々なコーディング支援AIエージェントを使ってみた感想
CCoEや生産性向上に関する仕事をしている石川です。 今回は開発生産性向上を目指して、2025年3月から様々なAIエージェントを試してみた 個人的な 感想を書いていこうと思います。GitHub Copilot以外のツールは数日から1ヶ月使用しただけなので、深く使い込んだわけではありません。 GitHub Copilot Agent mode / Coding Agent 良い点 GitHub提供の安心感と将来性への期待 GitHubとの高い親和性 困る点 従量課金要素がある(Premium Request
AWS
,
GitHub
,
HTML
,
人工知能
,
API
,
ChatGPT
,
Cline
ニフティ株式会社
2025年07月28日
Bookmark Icon
ClaudeでMermaid図作成を自動化!2時間→5分の劇的時短術【Live Editor活用】
挨拶 ども!Claudeでブログを書きまくっている龍ちゃんです。最近はClaudeのおかげでブログ執筆のスピードがメキメキと上がってきましたが、一方で作業時間の捻出に苦労している今日この頃です。 今回はClaudeでMermaidの図をサクッと作ってもらう方法について解説していきます。皆さんも技術ブログで「図があったらもっと分かりやすいのに…」と思ったことはありませんか? なぜMermaidなのか? 技術ブログにおける図解の重要性 技術ブログで図解が重要な理由は明確です。図があるかないかで読者
GitHub
,
HTML
,
データ分析
,
人工知能
,
フロントエンド
,
テスト
,
API
,
Microservices
,
Figma
サイオステクノロジー(Tech...
2025年07月25日
Bookmark Icon
Webサイト高速化「改善策◯◯選」を試す前に。
はじめに こんにちは、クラウドエース第四開発部の安田です。 業務でウェブサイトのパフォーマンス改善に取り組んだ際、何から始めれば良いか迷った経験があります。その経験から、このように進めると良さそうだと感じた点を記事にまとめました。 なぜパフォーマンス改善が必要? ウェブサイトの読み込み時間が 3 秒を超えると多くの訪問者はサイトを離脱してしまうという有名な話があるように、サイトの表示速度やパフォーマンスがユーザーに与える影響はかなり大きいので頑張って取り組んで行きましょう! 図:モバイルサイトの速度の重要
CSS
,
JavaScript
,
WordPress
,
HTML
,
インフラ
,
フロントエンド
,
テスト
,
ユーザビリティ
,
大規模言語モデル(LLM)
,
組み込み
クラウドエース
2025年07月25日
Bookmark Icon
Webサイト高速化「改善策◯◯選」を試す前に。
はじめに こんにちは、クラウドエース第四開発部の安田です。 業務でウェブサイトのパフォーマンス改善に取り組んだ際、何から始めれば良いか迷った経験があります。その経験から、このように進めると良さそうだと感じた点を記事にまとめました。 なぜパフォーマンス改善が必要? ウェブサイトの読み込み時間が 3 秒を超えると多くの訪問者はサイトを離脱してしまうという有名な話があるように、サイトの表示速度やパフォーマンスがユーザーに与える影響はかなり大きいので頑張って取り組んで行きましょう! 図:モバイルサイトの速度の重要
CSS
,
JavaScript
,
WordPress
,
HTML
,
インフラ
,
フロントエンド
,
テスト
,
ユーザビリティ
,
大規模言語モデル(LLM)
,
組み込み
クラウドエース
2025年07月24日
Bookmark Icon
そのUIどう呼ぶ?チームの認識を揃えるためのコンポーネント名称整理
Material Designをはじめとして、グラフィカルユーザーインターフェース(GUI)のデザインシステムは数多く公開されています。 各デザインシステムに含まれるUIコンポーネントは、各ブランドやサービスに最適化された独自の内容ですが、基本的な部分は共通しています。 たとえば「Button」コンポーネントは、どのデザインシステムでも、同じ役割かつ同じ名前で定義されています。 一方、役割は概ね同じでも、名称が異なるケースもあります。 この記事では、そのようなケースの具体例を挙げながら、UIコンポーネント
HTML
,
UIデザイン
サイオステクノロジー(Tech...
2025年07月24日
Bookmark Icon
Terraformで初めてAWS WAFを設定してわかった注意すべきポイント
はじめに こんにちは、リテールハブ開発部でバックエンドエンジニアをしているホシと言います。 現在、小売アプリの開発でLaravel11を利用してサービス開発を行っています。 今回はサービス提供をする上でセキュリティ対策としてAWSのWAFを導入することになったお話をしようと思います。 AWS WAF(Web Application Firewall)は、Webアプリケーションを守るための強力なサービスです。 今回、私は初めてTerraformを使ってWAFを設定し、ALBやCloudFrontと連携させま
AWS
,
セキュリティ
,
HTML
,
人工知能
,
インフラ
,
Terraform
,
ChatGPT
,
Cursor
,
組み込み
株式会社エブリー
2025年07月22日
Bookmark Icon
意外と知らないGoogle Workspaceの10のTips
G-genの杉村です。当記事では、Google Workspace の便利なTipsを10個ご紹介します。これらの Tips を活用して、作業効率の向上に役立ててください。 Gemini サイドパネルを使う 進化した Gemini アプリを使いこなす ドキュメントは自動で版管理される ファイルが格納されている Google ドライブのフォルダへ瞬時に移動 「候補」でファイル移動を効率化 最短で共有リンクをコピー ドキュメントの任意の場所へのリンク Google ドキュメントにコードブロックを挿入 コネクテ
AWS
,
CSS
,
Google Cloud
,
JavaScript
,
Windows
,
HTML
,
Google BigQuery
,
ネットワーク
,
設計
,
Google Workspace
株式会社G-gen
2025年07月18日
Bookmark Icon
GeminiアプリのCanvasはプレゼン資料作成の新たな選択肢
GeminiアプリのCanvasとは? Geminiアプリは、テキスト、コード、画像、音声など多様な情報を理解し、質問への回答やタスクの実行ができるAIツールです。「Canvas」機能により、Geminiが生成したテキストをドキュメントのようにリアルタイムで修正・調整できます。
HTML
,
Google Workspace
吉積情報株式会社
2025年07月18日
Bookmark Icon
【コーディング知識不要】Geminiの新機能で、プログラミング知識がなくても簡単にAIアプリが作れる時代へ。
対話から創造へ:共同作業スペース「Canvas」 本題に入る前に、この新機能が搭載されているGeminiの「Canvas」について簡単にご説明します。
プログラミング
,
HTML
,
人工知能
,
サーバーサイド
,
API
,
Google Workspace
吉積情報株式会社
2025年07月15日
Bookmark Icon
さくらの生成AIプラットフォームを活用したRAG構築 : NEC製 LLMモデル cotomi によるさくらのクラウドマニュアルを解説するチャットボット
さくらの生成AIプラットフォームについて さくらインターネットでは、「さくらのクラウド」「GPUクラウド 高火力シリーズ」など生成AIを活用したアプリケーション開発やホスティング、モデルそのものの学習が行えるサービスを提 […]
プログラミング
,
HTML
,
人工知能
,
スタートアップ
,
テスト
,
GPU
,
ノーコード/ローコード
,
大規模言語モデル(LLM)
,
組み込み
さくらインターネット
2025年07月15日
Bookmark Icon
DevContainerでStreamlit開発を始める方法:Docker+VSCode
挨拶 ども!最近はAI関連からInfrastructure as Code(IaC)などにも入門して幅広いブログを執筆している龍ちゃんです。最近はブログ執筆にAIを導入して、執筆スピードと質が上がっているような気がして楽しいですね。7月にまとめた内容は8月の初頭に45分セミナーにまとめるので、激しめに検証を進めています。 さて今回は「Stremlit」のお話になります。最近ふんわりとStremlitを書く機会が増えたので、DevContainerで開発する環境構築をまとめていこうと思います。 Streml
CSS
,
Docker
,
Git
,
JavaScript
,
Python
,
Linux
,
HTML
,
IaC
,
プロトタイピング
,
フロントエンド
サイオステクノロジー(Tech...
1
More pages
16
17
18
19
20
More pages
79
ブログランキング
1
「これって自分のこと?」が心をすり減らす理由
SHIFT EVOLVE
2
「Flutterなら爆速」は本当?実務で使ってみた
Sky株式会社
3
AWS Summit Japan 2026から見る、AI-DLCの現在地
NTTデータ
4
仕事の雑談、はじめました
エス・エム・エス
5
週刊生成AI with AWS – 2026年7月20日週
AWS
集計期間: 2026年7月24日 〜 2026年7月30日
タグからブログをさがす
ソフトウェア開発
ソフトウェアテスト
VMware
Claude Code
情報共有ツール
プログラミング
アセンブラ
Flask
Dart
Angular
TECH PLAY でイベントをはじめよう
グループを作れば、無料で誰でもイベントページが作成できます。 情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?
無料でイベントをはじめる
ブログを絞り込む
キーワード
タグ
絞り込む
クリア
キーワード
タグ
絞り込む
クリア
ブログランキング
1
「これって自分のこと?」が心をすり減らす理由
SHIFT EVOLVE
2
「Flutterなら爆速」は本当?実務で使ってみた
Sky株式会社
3
AWS Summit Japan 2026から見る、AI-DLCの現在地
NTTデータ
4
仕事の雑談、はじめました
エス・エム・エス
5
週刊生成AI with AWS – 2026年7月20日週
AWS
集計期間: 2026年7月24日 〜 2026年7月30日
タグからブログをさがす
ソフトウェア開発
ソフトウェアテスト
VMware
Claude Code
情報共有ツール
プログラミング
アセンブラ
Flask
Dart
Angular
TECH PLAY でイベントをはじめよう
グループを作れば、無料で誰でもイベントページが作成できます。 情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?
無料でイベントをはじめる