イベント
イベントを探す
本日開催のイベント
明日開催のイベント
ランキング
カレンダー
マガジン
マガジンを読む
マガジン
技術ブログ
書籍
動画
動画を見る
グループ
グループを探す
グループを作る
イベントを作成・管理
学生の方はこちら
ログイン
|
新規会員登録
TOP
技術ブログまとめ
「HTML」に関連する技術ブログ
「HTML」に関連する技術ブログ
全 1234 件中 181 - 195 件目
絞り込み
2025年12月26日
Bookmark Icon
Rails MVC を抽象化して捉える - 一貫性のあるクラス設計のために
こんにちは、タイミーでバックエンドのテックリードをしている新谷( @euglena1215 )です。 Rails アプリケーションの開発をしていると、fat になってしまった Sidekiq worker や、ドメインロジックらしき実装が書かれている Serializer に遭遇したことがあるのではないでしょうか。 この記事では、MVC アーキテクチャを一段階抽象化して捉えることで、Rails のさまざまなレイヤーに対して一貫したプラクティスを適用する考え方を紹介します。ある程度 Rails を触ったこと
Ruby on Rails
,
HTML
,
アーキテクチャ
,
設計
タイミー
2025年12月26日
Bookmark Icon
2025年、AmebaLIFEのアクセシビリティを振り返る
AmebaLIFE事業本部でエンジニアをしている湯本航基(@yu_3in)です。 2025年もAme ...
CSS
,
Git
,
JavaScript
,
Meetup
,
ワークショップ
,
HTML
,
人工知能
,
ネットワーク
,
アクセシビリティ
,
Figma
CyberAgent
2025年12月25日
Bookmark Icon
Svelte のフォームのエラー処理
この記事は LabBase Advent Calendar 2025 の 22 日目の記事です。 SvelteKit や Superforms を使って作ったフォームでエラーが発生したときに、それをフロントエンド側でどのように検知してエラー情報を取得をするかがややこしいと思っていたため、それを調べてまとめました。(言語は TypeScript を使用します) 検証に使用したライブラリのバージョンは以下のとおりです Node.js v24.9.0 Svelte 5.45.6 SvelteKit 2.49.1
JavaScript
,
TypeScript
,
HTML
,
サーバーサイド
,
フロントエンド
LabBase
2025年12月24日
Bookmark Icon
「Dify + さくらのAI Engine」を便利に活用!RAGを組み合わせたナレッジ検索環境の作り方
概要 本ドキュメントでは、さくらのVPSのスタートスクリプトである「Dify + さくらのAI Engine」に検索拡張生成であるRAGを組み合わせての応用方法をご紹介します。 AIを使ったチャットボットは便利ですが、「 […]
GitHub
,
HTML
,
SaaS
,
人工知能
,
スタートアップ
,
インフラ
,
ノーコード/ローコード
,
ChatGPT
,
大規模言語モデル(LLM)
,
RAG
さくらインターネット
2025年12月24日
Bookmark Icon
Claude Codeでドキュメント簡易校正
こんにちは。テクニカルライターの篠崎です。 aptpod Advent Calendar 2025 の12月24日の記事を担当します。 今年も生成AIの話題を見聞きしない日はありませんでした。 製品ドキュメントの制作を担当している私も、日々の業務にAIを活用する可能性を模索してきました。 例えば、AIに資料を渡して文章を生成してもらったり、見本に沿って書き直してもらったり、テキストを処理するスクリプトを書いてもらったり、いろいろなことをやっています。 しかし、うまくいくこともあればいかないこともあり、期待
Git
,
Python
,
HTML
,
人工知能
,
テスト
,
ChatGPT
,
Claude Code
アプトポッド
2025年12月24日
Bookmark Icon
❄️ ウェブ上に雪を降らせる4つの方法とその比較 ―― ライブラリ, CSS, Canvas, WebGL
クリスマスイブ、いかがお過ごしですか? えっ、予定がない? そうですか・・・ いや、私もです。 東京では相変わらず雪が降る気配もありません。 それでは、せっかくなので、ウェブ上だけでも、雪を降らせてみましょう。 雪の降らせ方 「ウェブ上に雪を降らせる」とは、 「画面上に多数の白い粒を描き、ランダムな軌跡で動かすこと」 と言い換えられます。 しかし、たったそれだけの実装でも、アプローチの仕方は複数あります。 ここでは、私がぱっと思いついた代表的な4つの手法を比較してみようと思います。 Snowstorm.j
CSS
,
JavaScript
,
Ruby
,
HTML
,
ゲーム
株式会社ビットキー
2025年12月24日
Bookmark Icon
Kiro × Sphinxで効率化するプロジェクト開発手法
これは 豆蔵デベロッパーサイトアドベントカレンダー2025 第24日目の記事です。 はじめに # AWSは2025年11月18日、AIエージェント型IDE Kiro(https://kiro.dev) の一般提供を発表しました。 筆者は以前プレビュー版を使っての レビュー記事 を執筆しました。 それ以来Kiroのファンとなり、現在は実業務でKiroを使用しています。 AIエージェント型IDE「Kiro」の登場により、個人開発やプロトタイピングの速度は劇的に向上しました。 しかし、開発規模が大きくなるにつれ
Angular
,
AWS
,
Docker
,
Python
,
HTML
,
人工知能
,
プロトタイピング
,
フロントエンド
,
アーキテクチャ
,
設計
株式会社豆蔵
2025年12月23日
Bookmark Icon
Three.jsのVibe Codingでビジュアルイメージを検討する
はじめに 本記事はSIOS Tech Labアドベントカレンダー23日目の投稿です。 サイオステクノロジーの曽根田です。 普段はデザイン、フロントエンドコーディングや、CMSのセキュリティ保守の一部対応などを行っています。 近年、CopilotやGeminiなどの生成AIの進化により、Photoshop,Illustratorなどでポチポチ作業する手間を省略して、 “フロントエンドのモックアップで直にビジュアルを作る” ということが手軽にできるようになったと感じています。 この記事ではthree.jsでの
Android
,
JavaScript
,
HTML
,
人工知能
,
フロントエンド
,
テスト
,
ゲーム
,
数学
,
Blender
,
3D
サイオステクノロジー(Tech...
2025年12月23日
Bookmark Icon
【作業時間の大幅短縮】Geminiでスライドを自動生成!スライド作成に追われる日々から脱却しませんか?
ステップバイステップで実践:GeminiでIR資料をスライド化する 今回はデモとして、この架空のIRドキュメント (future_vision_ir_document_2025_q2.md) を元に、投資家向けの説明会スライドを作成していきます。
CSS
,
セキュリティ
,
HTML
,
EdTech
,
設計
吉積情報株式会社
2025年12月23日
Bookmark Icon
AI との対話型 UI を拡張する MCP Apps
この記事はBASEアドベントカレンダー 2025 の 23 日目の記事です。 エンジニアの右京です。今年後半になって、主に Web ブラウザ上での AI との対話型 UI の利用シーンに、インタラクティブな UI を提供するという流れが注目されています。 この記事はそれを実現するために現在提案されている MCP Apps について簡単に紹介するものです。 対話型 UI の拡張 今年 10 月に OpenAI が Apps in ChatGPT として Apps SDK を発表しました。これは MCP のレ
CSS
,
JavaScript
,
HTML
,
フロントエンド
,
アーキテクチャ
,
ChatGPT
,
MCP
BASE株式会社
2025年12月23日
Bookmark Icon
フロントエンドに新たな灯がともる一日!フロントエンドカンファレンス関西2025協賛レポート&AI利活用サーベイ紹介
はじめにこんにちは! LINEヤフー SWAT ユニットでフロントエンドエンジニアをしている柴坂浩行です。2025年11月30日に開催された フロントエンドカンファレンス関西2025 に、LINEヤフ...
JavaScript
,
Node.js
,
LT(ライトニングトーク)
,
HTML
,
データ分析
,
フロントエンド
,
Vue.js
,
ChatGPT
,
学生
,
GitHub Copilot
LINEヤフー Tech
2025年12月23日
Bookmark Icon
Webブラウザでのみ設定可能な装置の管理自動化アプリをSeleniumで作ってみた
はじめに こんにちは、NTTフィールドテクノの福田です。 今回は、業務環境の改善のために導入した、ある装置の管理自動化をめざしたものの、Webブラウザでのみ設定可能という仕様上の制約がありましたので、Selenium(Webブラウザ操作の自動化を行うオープンソースのテストフレームワーク)を使ってなんとかした経緯を紹介する記事になります。 本記事は2025年8月時点の情報に基づきます。 対象読者 本記事が想定する対象読者は以下の通りです。 Webブラウザ操作の自動化に興味を持っている人 トラブル発生時の「現
GitHub
,
PHP
,
Python
,
Selenium
,
HTML
,
ネットワーク
,
テスト
,
OSS
,
データベース
,
管理ツール
NTT西日本
2025年12月19日
Bookmark Icon
UI基礎:選択式入力の使い分け
ウェブページやアプリケーションの「入力フォーム」についての記事です。 主に、これからUI設計をはじめる方へ向けた内容です。 アンケートや、コンテンツ登録、設定画面など、入力フォームを作成する際に、「ラジオボタン」「チェックボックス」「セレクト」など、各項目をどの方式とするのがよいか迷うことがあります。 今回は「選択式」のUIコンポーネントに注目して、整理してみたいと思います。 なお、各UIコンポーネントの名称や詳細仕様は、開発、制作するシステムによって異なります。 その点については、過去の記事「そのUIど
HTML
,
設計
サイオステクノロジー(Tech...
2025年12月18日
Bookmark Icon
Nuxtアップデートを機に見直したbfcache対応と、UX・分析の両立への取り組み
プロダクト部User Groupの藤澤です。 今回は、我々のプロダクト「 スタンバイ 」で, Nuxtアップデートをきっかけに顕在化した bfcache(Back/Forward Cache)による計測課題と、 それに対する対応・改善の取り組みについて共有します。 今回の改善により、これまでより正確な数値が取得できるようになり、社内指標の明確化が進みました。 この記事のポイント Nuxtのマイナーアップデートをきっかけに、起きるはずのないPVの変動が発生 原因は、bfcacheから復元した際のログ送信が不
CSS
,
Google Analytics
,
JavaScript
,
セキュリティ
,
HTML
,
データ分析
,
ネットワーク
,
テスト
,
Nuxt.js
株式会社スタンバイ
2025年12月18日
Bookmark Icon
【アプリ開発未経験】Vertex AIを使ってGeminiにコード作成を丸投げ!Google CloudサーバーレスでAIアプリケーションを公開してみる
全くの未経験者がアプリケーション開発手法を習得するまでに、どのくらい時間がかかるでしょうか? まずプログラミング言語、動作のロジックを学び・・・最低でも2~3年の修業期間が必要そうですよね。 未経験者である自分は時間も根気も足らず長年手を出せずにいましたが、「AIに全部やってもらったら出来るのでは?」ということでGeminiとGoogle Cloudを使ってみたところ、なんと 数時間 で出来てしまいました。 この記事では、未経験者の自分がアプリ開発するために使った手法と、Google Cloudのサービス
Google Cloud
,
Python
,
プログラミング
,
機械学習
,
HTML
,
人工知能
,
インフラ
,
Serverless
,
IDE
SCSKクラウドソリューション
1
More pages
11
12
13
14
15
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 で公開してみませんか?
無料でイベントをはじめる