Hatena Blog Tags
はてなブログ トップ
browserslist
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

browserslist

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
embryo•1ヶ月前

ViteでLegacyブラウザ対応する方法と注意点

今日はviteを利用したprojectでブラウザ対応を宣言しpolyfillなどを対応する方法についてまとめます。 トランスパイラを用いたブラウザ対応 babelなどのトランスパイラを利用している場合はbabel-preset-envを利用してbrowserslistとコードベースの内容に応じて自動でcore-jsのimport文を追加しpolyfillを解決する方法が用いられてきました。swcを利用している場合も同等の機能が用意されています。 viteのデフォルトブラウザ対応 こちらにもある通り、viteのブラウザ対応はESMのサポート状況を基準に行っており、検証する対象は構文にとどまってい…

#Vite#browserslist#JavaScript

関連ブログ

トラストバンクテックブログ•3年前

ふるさとチョイスの推奨・動作環境を厳密化させる試み

トラストバンクふるさとチョイス事業本部CTO室リーダーの礒部です。 私が所属しているCTO室というチームは、エンジニア組織の横断的な管理、プロジェクトにおける技術的側面のサポート、新技術導入の提案・検証・実行などといった業務を行っています。 その取り組みの一つとして、ふるさとチョイスが正常に動作する環境（ブラウザ・OS）を厳密に定義しようという試みを進めているので、それについて書きたいと思います。 ふるさとチョイスのフロントエンド事情 推奨環境の前にふるさとチョイスのフロントエンド事情について簡単に触れておきたいと思います。 ふるさとチョイスのフロントエンド開発環境は、タスクランナーにgulp…

#ふるさとチョイス#推奨環境#browserslist#browserslist-ga-export
KEITA LOG•1ヶ月前

Create React Appで行うReactの環境構築まとめ

React のプロジェクトを作成する時に使う Create React App についてまとめました。 この記事は以下の構成になっています。 Create React App とは Create React App が行うこと Create React App でプロジェクトを作成する 開発環境 本番環境 テスト Create React App とは Create React App は React アプリの初期設定を自動化して作成するツール。 Create React App が行うこと Create React App は React アプリの初期設定以外にも、主に以下のことを行う。 開…

土日の勉強ノート•2ヶ月前

Vue.jsの2.xと3.xをVue CLIを使って動かしてみる（ビルドも行う）

「ハッキング・ラボのつくりかた 完全版 仮想環境におけるハッカー体験学習」と「体系的に学ぶ 安全なWebアプリケーションの作り方 第2版 脆弱性が生まれる原理と対策の実践」（通称：徳丸本）を参考に、セキュリティの勉強を進めています。 その上で必要な知識として、今回は、Webアプリケーションを簡単に構築できる Vue.js を理解しようと思います。 少し前に、Pythonベースの Flask（WSGI＋Werkzeug＋Jinja2）をやりましたが、今回の Vue.js は JavaScriptベースです。たくさんの言語が出てきて、フロントエンド開発は大変です。そのセキュリティを学ぶには、それら…

ロカオプ技術ブログ•3ヶ月前

React npm ライブラリ/パッケージの作成入門からnpm公開まで

React npm ライブラリ/パッケージの作成入門からnpm公開まで（RollupとTypeScript編） こんにちは、皆さん！今日は、RollupとTypeScriptを使用してReactのnpmパッケージを作成し、exampleディレクトリで動作確認する方法について詳しく説明します。この記事では、初心者でも分かりやすいようにステップバイステップで進めていきます。さっそく始めましょう！ React npm ライブラリ/パッケージの作成入門からnpm公開まで（RollupとTypeScript編） 作ったもの なぜ自作のライブラリを作ったか 1. 前提条件 必要なツール 2. プロジェクト…

パソコン関連もろもろ•6ヶ月前

「Ollama」と「ChatUI」を使って Microsoft の Phi-3 をローカルで利用する。軽い、速いは正義です。

はじめにWSL2上のOllamaで「Phi-3」を実行して、Windows上のChatUIでそれを利用してみました。無料で実行可能です。 github.com github.com 必要なものWSL2にDocker Engineのインストールが必要です。 Windowsにnpmのインストールが必要です。使用した環境WSL2 Ubuntu 22.04 on WSL2 CUDA 11.8Windows Windows 11WSL2側でやることDockerのインストールこちらに従いました。 WSL2の場合は最初に以下のコマンドを実行しないとDockerが起動しません。 sudo service do…

はりうすブログ (のすけのメモ)•10ヶ月前

Error: Command failed: npm uninstall caniuse-lite npm

ビルドしようとする際に、更新を促されてるので エラーになり更新に失敗しました エラー内容 Error: Command failed: npm uninstall caniuse-lite npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @nuxtjs/firebase@8.2.0 npm ERR! Found: firebase@9.6.11 npm ERR! node_modules/firebase npm ERR! firebase@"^9.6.1…

Classi開発者ブログ•10ヶ月前

Browserslist + GitHub Packageでサポート対象への対応を簡単にする

こんにちは！エンジニアのすずまさです。 皆さんが開発しているプロダクトでは、サポート対象の OS やブラウザのバージョンは規定されていますか？ Classi ではそういった推奨環境が定められています。 ビルド後に推奨環境で動作させるために、社内で GitHub Package として公開された Browserslist の設定ファイルを使ったところ体験が良かったので、今回はその紹介をしようと思います。 Browserslist とは browserslist/browserslist: 🦔 Share target browsers between different front-end to…

のーとそーだこーど。•1年前

【初級編DAY22】カフェLPのCSSをSassで書き直してみよう

Sassについて学んだところで、実際にコードを書いていくための準備をしましょう。 SassからCSSへコンパイルする Live Sass Compilerのインストール 設定画面記述文 Sassの出力方法の設定 拡張子 出力先フォルダ Autoprefixerによるベンダープレフィックスの設定 除外するファイルの設定 ソースマップの無効化 フォルダの構成 ファイル分割の方法（@useの使い方） 基本記述 @importについて 別ファイル内のmixin、変数を使う場合 SassからCSSへコンパイルする ■コンパイルとは■ Sassそのままだとブラウザで読み込めない。Sassで書いた内容をCS…