並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 1270件

新着順 人気順

Viteの検索結果321 - 360 件 / 1270件

  • Vite + React + TS + vanilla-extract +α が動作するサンプルリポジトリを作った

    概要 以下のGitHubリポジトリに、Vite + React + TS + vanilla-extract +α が動作するサンプルリポジトリを作った。 本記事では動作させるための設定のポイントや、各利用技術、ライブラリの概要について説明する。 リポジトリ名をplaygroundとしているとおり、今後このリポジトリには色々なライブラリ(react-hook-form, SWRなど)の検証内容を追記していく予定だが、ひとまず環境構築で一段落したので記事を書いた。 動作確認時のバージョン https://github.com/TeXmeijin/vite-react-playground/blob/fbf326e6dba56d0f27a492bfe96906f3f5ab1590/package.json を参照のこと。 Vite Viteは、近年のWebフロントエンド開発における生産性低下に

      Vite + React + TS + vanilla-extract +α が動作するサンプルリポジトリを作った
    • スケーラブルで保守性の高いモジュラーディレクトリ構成へのフロントエンドリポジトリ移行 | メルカリエンジニアリング

      Merpay Advent Calendar 2022 の9日目は、メルペイ フロントエンドエンジニアの @tokuda109 がお届けします。 この記事は、メルペイ フロントエンドチームで保守しているリポジトリを複数のディレクトリに分割し、スケーラブルで保守性の高いコードベースに再構築する方法を紹介します。 記事の内容は『Merpay Tech Talk 〜Monorepo開発におけるツール選定〜』のイベントで一度紹介したものになりますが、この記事ではさらに詳しく説明します。 フロントエンドチームは今後 Nuxt 3 への移行作業を控えていて、今回紹介するリポジトリ移行が Nuxt 3 への移行に与える効果についても紹介します。 抱えていた課題 フロントエンドチームは、メルペイのサービスリリース時からカスタマーサポート業務を行う社内向け管理画面や加盟店さま向け管理画面など、様々なマイクロ

        スケーラブルで保守性の高いモジュラーディレクトリ構成へのフロントエンドリポジトリ移行 | メルカリエンジニアリング
      • Replace Create React App recommendation with Vite by t3dotgg · Pull Request #5487 · reactjs/react.dev

        You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

          Replace Create React App recommendation with Vite by t3dotgg · Pull Request #5487 · reactjs/react.dev
        • VueFes Japan 2023イベントレポート | gihyo.jp

          10月28日に開催された「VueFes Japan 2023」のイベントレポートをダイジェストでお届けします。 なお、公式サイトのタイムテーブル内に、一部の講演の資料がアップロードされています。 オープニング 実行委員長・ユーザーグループ代表の川口和也氏から、挨拶がありました。 今回は4トラックでスピーカーは35名、コアチームの来日など充実した内容になっています。またオフラインでの開催は5年ぶりです(台風やコロナの影響で、2018年以来です⁠)⁠。 川口氏は、フェイス・トゥ・フェイスで開催できる嬉しさやスポンサーへの感謝を述べました。 Evan You氏によるキーノート 基調講演はVue.jsの作者であるEvan You氏。広い会場で立ち見もでるほどの盛況でした。Evan You氏は、台風やコロナで日本に来れなかったため、久々の来日とのことです。 Evan You氏はVue.jsとVite

            VueFes Japan 2023イベントレポート | gihyo.jp
          • React Labs: What We've Been Working On – June 2022 – React

            React 18 was years in the making, and with it brought valuable lessons for the React team. Its release was the result of many years of research and exploring many paths. Some of those paths were successful; many more were dead-ends that led to new insights. One lesson we’ve learned is that it’s frustrating for the community to wait for new features without having insight into these paths that we’r

              React Labs: What We've Been Working On – June 2022 – React
            • GitHub - originjs/vite-plugin-federation: Module Federation for vite & rollup

              You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                GitHub - originjs/vite-plugin-federation: Module Federation for vite & rollup
              • Replit — Why We Switched From Webpack To Vite

                At Replit, our mission is to make programming more accessible. We provide people with free compute in the cloud so that they can build apps on any device. Among the most popular ways to create apps on the web today is React. Historically, however, React tooling has been slow on Replit. While the JavaScript ecosystem has produced excellent tools for professional developers, many of the most popular

                  Replit — Why We Switched From Webpack To Vite
                • Svelte テンプレートから React コンポーネント を生成するコンパイラを書いた (PoC)

                  欲しい物がなければ、自分で作るしかないシリーズ なぜ作ったか .svelte のテンプレートは .tsx と違って JS/TS としてのプログラミング言語としての構文の影響下になく、プログラムをあまり書かないマークアップエンジニアとの連携に便利で気に入っています(リスト表示に .map で目を回すぐらいの人を想定しています)。シンプルな構文で TypeScript の型もつきやすく、IDE支援もそこそこで、 モダンな vue テンプレートという感じです。 しかしながら、 GitHub のオープンソースのトレンドを見ればわかるように、フロントエンドのエコシステムは基本的に jsx/tsx を中心に回っています。そして現代の View 層のライブラリは(WebComponents がライブラリ間のブリッジとして失敗しているので)同じライブラリ同士でしか接続できず、この現状に不満を持っていました

                    Svelte テンプレートから React コンポーネント を生成するコンパイラを書いた (PoC)
                  • 2023-10-10のJS: Rollup 4.0.0、Viteの今後(Rustify Vite)、pnpm v8.9.0

                    JSer.info #664 - Rollup 4.0.0がリリースされました。 Release v4.0.0 · rollup/rollup Node.js 14/16のサポート終了、Acornの代わりにSWCをパーサに使うように変更されています。 SWC利用に伴うオプションの削除や非推奨なオプションの削除などが含まれています。 Viteの現在と今後についてがViteConfで発表されています。 動画: https://viteconf.org/23/replay/vite_keynote スライド: State of Vite (ViteConf 2023) ViteはDevビルドにesbuild、ProdビルドにRollupを使うためビルド結果に差異が出やすいなどの問題があります。 そのため、Rollup互換を意識したRolldownというBundlerをRustで開発するという話。

                      2023-10-10のJS: Rollup 4.0.0、Viteの今後(Rustify Vite)、pnpm v8.9.0
                    • React Compiler を試す

                      はじめに 先日 React Compiler がオープンソース化されました。 ソースコードはこちら。 公式ドキュメントにも React Compiler のページが追加されています。 この記事では React Compiler を簡単に試してみたいと思います。React Compiler の登場背景や詳しい解説などは、公式ドキュメントや React チームのブログを参照してください。(タイトルに React Labs とついているブログで詳しく書かれています) 検証 React Compiler は useMemo や useCallback、React.memo を使わずとも、無駄な再レンダリングを抑制してくれるコンパイラです。それが本当に機能するのか、簡単なサンプルを作成して検証します。 まずプロジェクトを作成します。今回は手軽な Vite を使用しますが、Next.js や Webp

                        React Compiler を試す
                      • Vue 3: mid 2020 status update · Issue #183 · vuejs/rfcs

                        Vue 3: Mid 2020 Status Update Many of our users have been asking this question: when will Vue 3 be ready? We have refrained from giving a definitive answer because predicting software delivery time is hardly ever accurate. As a non-profit-driven project, we wanted to focus on writing good software instead of hitting deadlines. However, it's been a long wait, and we know the uncertainty can make it

                          Vue 3: mid 2020 status update · Issue #183 · vuejs/rfcs
                        • Storybook が 7.0 で複数のフロントエンドフレームワークを持つ monorepo で使いやすくなる

                          はじめに この記事を書いている時点で 7.0 は alpha だが、触る機会があったので知ったことを書こうと思う。 一応 7.0 用のドキュメントページはあるけど、まだドキュメントの更新はされていないので役に立たないと思って良い (alpha なので当然)。 6.5 からの変更点を知るにはマイグレーションガイドが役に立つ。 Storybook 6.x までで使いにくかった点 以下のような構成の monorepo 考える。 それぞれのサブパッケージに @storybook/vue3 や @storybook/react をインストールすることになる。 ここで、build-storybook や start-storybook コマンドを使いたいのだがうまくいかない。 例えば、vue パッケージで start-storybook コマンドを実行しても react 用の storybook が起

                            Storybook が 7.0 で複数のフロントエンドフレームワークを持つ monorepo で使いやすくなる
                          • Biome の 2024年のロードマップの公開と v1.5.0 のリリース

                            このドキュメントは、次の Biome のブログの日本語訳になります。 細かい内容については、ぜひ原文の方を読んでもらえると嬉しいです。 ロードマップ 2024 コアコントリビューターとメンテナーが 2024 年にフォーカスしようとしていることを共有できることはとても嬉しいです。一方で、Biome はコミュニティ主導のプロジェクトであるため、取り上げている全てのアイデアのリリースを約束することはできません。 もしいくつかのアイデアに共感し、それらの開発を加速させたいと思った際には、次のような方法でサポートすることができます。 プロジェクトとコミュニティに参加する。アイデアを実装するためのサポートをすることができます。 スポンサーになる。Biome をお使いの会社では、スポンサーになることができます。Biome は CI の時間を削減し、費用を節約できるほど速いです。パフォーマンスは、プロジェ

                              Biome の 2024年のロードマップの公開と v1.5.0 のリリース
                            • Start a New React Project – React

                              If you want to build a new app or a new website fully with React, we recommend picking one of the React-powered frameworks popular in the community. You can use React without a framework, however we’ve found that most apps and sites eventually build solutions to common problems such as code-splitting, routing, data fetching, and generating HTML. These problems are common to all UI libraries, not j

                                Start a New React Project – React
                              • GitHub - kolodny/safetest

                                Safetest is a powerful UI testing library that combines Playwright, Jest/Vitest, and React for a powerful end-to-end testing solution for applications and component testing. With Safetest, you can easily test the functionality and appearance of your application, ensuring that it works as expected and looks great on all devices. Safetest provides a seamless testing experience by integrating with yo

                                  GitHub - kolodny/safetest
                                • Viteで爆速なフロントエンド開発環境を作る

                                  概要 Viteというビルドツールの紹介とReact + Typescript環境からの移行手順です。 導入したプロジェクトでは開発サーバの起動からページロードまで大体40秒くらいかかっていたものが、サーバは300ms程度で起動し(2回目以降)、ページロードまで大体2~3秒ぐらいに短縮されました。 非常に開発体験が良く、導入手順もそこまで複雑ではないため、技術スタックが合えば導入を検討しても良いかもしれません。 Viteとは? ViteはVue.js作者のEvan You 氏が開発しているノーバンドルのビルドツールです。 Native ESModulesのimportを利用し、ブラウザから直接モジュールを読み込むことで高速な開発サーバを提供します。 プロダクションビルド時はRollupでバンドルし、静的アセットを出力します。 Vue.jsだけでなく、ReactやSvelteなどもサポートされ

                                    Viteで爆速なフロントエンド開発環境を作る
                                  • Cloudflare Pagesの開発でVite使う

                                    Cloudflare Pagesの開発にはwrangler pages devが使えるんだけど、引数にコマンドライン渡せるの知らなかった。引数に渡したコマンドが開いたポートをリバースプロキシしてくれる。つまり、viteコマンドを渡せばViteのdevサーバーをバックエンドにしたWranglerが立ち上がり、裏側ではHMRが効く。これ何が嬉しいって、/functionsでAPIを作った場合にこれまでWranglerとVite2つ立ち上げていたのが1つで済むし、クライアントもAPIサーバーもホットリロード効くのでDXが良い。そして、これを利用すると例えば非常に少ないファイルでReactのSPAが作れる。 まずWranglerにコマンドライン渡せるやつはこんな感じ。 以下のスクショだと、Viteのdevサーバーが5175で立ったのを検出してWranglerがプロキシしている。 ではこれを利用して

                                      Cloudflare Pagesの開発でVite使う
                                    • Announcing Vite 4

                                      Vite 4.0 is out! ​ December 9, 2022 - Check out the Vite 5.0 announcement Vite 3 was released five months ago. npm downloads per week have gone from 1 million to 2.5 million since then. The ecosystem has matured too, and continues to grow. In this year's Jamstack Conf survey, usage among the community jumped from 14% to 32% while keeping a high 9.7 satisfaction score. We saw the stable releases of

                                        Announcing Vite 4
                                      • Où Acheter Du Lycoremin Galantamine En Ligne Bon Prix Sans Ordonnance. Galantamine En Pharmacie Vente - Best Answer Recommender CQA System

                                        Où Acheter Du Lycoremin Galantamine En Ligne Bon Prix Sans Ordonnance. Galantamine En Pharmacie Vente Lycoremin Belgique Achat. Lycoremin Avec Ou Sans Ordonnance. Lycoremin 8 Prix En Pharmacie Acheter Lycoremin 4 En Ligne ACHETER LYCOREMIN EN LIGNE! - ENTRER ICI! Où Acheter Du Lycoremin Galantamine En Ligne Bon Prix Sans Ordonnance. Galantamine En Pharmacie Vente Visitez pour 300 projets de foire

                                        • クラウドサインのフロントエンドミーティングと、その勉強会で発表した話 - 弁護士ドットコム株式会社 Creators’ blog

                                          こんにちは。弁護士ドットコム クラウドサイン事業本部 Product Engineering 部の篠田 (@tttttt_621_s) です。 普段は Vue.js と TypeScript を使ってクラウドサインのフロントエンドの実装を担当しています。 本記事では、クラウドサインのフロントエンドミーティングと、その勉強会で実際に発表した内容を紹介いたします。 フロントエンドミーティングの内容 実装の相談や改善提案 技術情報の共有 ぷち勉強会 ぷち勉強会で発表した内容 概要 ISR: Incremental Static Regeneration ISR とは ISR の動作例 ISR の問題点 On-demand ISR : On-demand Incremental Static Regeneration On-demand ISR とは On-demand ISR の動作例 おわりに

                                            クラウドサインのフロントエンドミーティングと、その勉強会で発表した話 - 弁護士ドットコム株式会社 Creators’ blog
                                          • Storybook 7.1

                                            Storybook is the industry standard workshop for UI component development, documentation, and testing. It’s used by teams at Twitter, GitHub, the BBC, and the New York Times. After launching Storybook 7.0 back in April, we plan to ship future releases that are both more frequent and smaller in size. That will help Storybook keep in sync with changes across the frontend ecosystem while smoothing the

                                              Storybook 7.1
                                            • Volar 1.0 "Nika" Released! | The Vue Point

                                              We are happy to announce that we have released v1.0 of Volar, the official IDE/TS tooling support for Vue! 🎉 This major version ships with tons of improvements across the board. In addition to improving UX, performance, and package size, we also released Plugin API v1 and refactored the core code to be framework-agnostic. 注:結尾附有中文版本 (There is Chinese version of this post at the end)。 Earlier this

                                                Volar 1.0 "Nika" Released! | The Vue Point
                                              • 【Vite】 Vue3.0もReactも!ノーバンドルなビルドツール「Vite」を試してみる - Qiita

                                                最近猛烈にスターを集めているビルドツール、Viteを触ってみたので簡単に紹介します。 この記事はVite v0.19.1時点での情報です。 Viteとは? ViteはVue.jsの作者のEvan You氏が開発中のノーバンドルなビルドツールです。 ネイティブのESモジュールのインポートを利用しバンドル不要で高速に動作するdevサーバーと、Rollup.jsをベースとしたプロダクションビルド機能を提供します。 設定不要で.vueのSFC(Single File Components)をコンパイルできて、さらにデフォルトで今開発中のVue3.0が使えます。 しかも、vue-cliのようにVue.js限定ではなく、React、Preactにも対応しています。 注意 Still experimental, but we intend to make it suitable for producti

                                                  【Vite】 Vue3.0もReactも!ノーバンドルなビルドツール「Vite」を試してみる - Qiita
                                                • Hotwire/Honoなウェブアプリのアーキテクチャ

                                                  React Notes: MarkdownエディタのUIを作る 「React Notes」というReact Server Components(RSC)が発表された時期にReactチーム[1]やVercel[2]が公開していたブログ投稿デモサイトがあって、それをHotwireとHono/JSXで作ってみることでRSCなしに似たようなUXが作れるっていうのを示せるのではと思って、今クローンを作ってみています 現在はテキストエリアにMarkdownを入力するとプレビューをしてくれて、保存→更新の画面遷移がひととうりできるという部分のUIだけ先に試しに書いてみて以下にデプロイしました ソースコードがここにあります SSRな部分をHono/JSXのテンプレート処理系に寄せて クライアントサーバー通信と画面更新のコードはHotwire/Turboで簡略化 イベントハンドラな部分はHotwire/St

                                                    Hotwire/Honoなウェブアプリのアーキテクチャ
                                                  • DeepLのデスクトップアプリをRustとPreactとTailwind CSSでつくった | うなすけとあれこれ

                                                    これはなに https://github.com/unasuke/deplore https://github.com/unasuke/deplore/releases/tag/v0.1.0 DeepLのAPI keyを使って翻訳を行う、DeepLが公式に提供しているデスクトップアプリのようなものの個人開発版です。 UI部分にPreactとTailwind CSS (Tailwind UI)、アプリケーションの土台やAPIとの通信部分にはRust (Tauri)を使っています。 名前は、DeepLのアプリなので、 ^d.*p.*l.*$ にマッチする英単語から適当に選んで “deplore” としました。 動機 英語は英語のまま理解できるのがもちろん一番いいのですが、長すぎる英文の概要だけでもサッとつかみたい場合などは機械翻訳は非常に役立ちます。 近年、機械翻訳ではDeepLの精度がとても

                                                      DeepLのデスクトップアプリをRustとPreactとTailwind CSSでつくった | うなすけとあれこれ
                                                    • Achat De Alzaimax Generique Bas Prix 2019. Alzaimax Medicament Achat - Best Answer Recommender CQA System

                                                      Achat De Alzaimax Generique Bas Prix 2019. Alzaimax Medicament Achat Donepezil Prix Alzaimax, Acheter Alzaimax 10 En Ligne France Prix Alzaimax Pharmacie Suisse ACHETER Alzaimax (Donepezil) EN LIGNE! - CLIQUEZ ICI! Habituellement, les étirements simples mais lents soulageront une partie de l'inconfort. acheter alzaimax pharmacie Cette méthode va sûrement éliminer les moments embarrassants auxquels

                                                      • What's New In DevTools (Chrome 100)  |  Blog  |  Chrome for Developers

                                                        Chrome 100 Here’s to the 100th Chrome version! Chrome DevTools will continue to provide reliable tools for developers to build on the web. Take a moment to click around in the What’s New tab to celebrate the milestones. As usual, you can watch the latest What’s New in DevTools video by clicking on the image. View and edit @supports at rules in the Styles pane You can now view and edit the CSS @sup

                                                        • SSGにNext.js以外を使わなくてもいい時代に、私は、Vikeを使いたいのです

                                                          SSGにNext.js以外を使わなくてもいい時代に、私は、Vikeを使いたいのです2024/02/14 「なぜSSGにVikeを使うのか」というタイトルにしたかったんですが、ゼクシィのCM構文が流行っているような気がして、乗っかってみました。あの雑誌を読んだことがないので、どういった層をターゲットに作られているのかかなり気になっています。 Vikeについてここでは紹介しないので、適宜 https://vike.dev を見てください。いつの間にか vite-plugin-ssr が名前を変えてマイティ・ソーになっていました。 なぜSSGにVikeを使うのか簡素よくある Next.js is too much for us というモチベです。 fetchのキャッシュまで望んでいなかったり、案外作りたいものはfile based routingさえ枠組みがあれば他は自分で組みたいし、複雑なもの

                                                            SSGにNext.js以外を使わなくてもいい時代に、私は、Vikeを使いたいのです
                                                          • りあクト! TypeScriptで始めるつらくないReact開発 第4版【① 言語・環境編】 - くるみ割り書房 ft. React - BOOTH

                                                            💡 3.1版から 4版への変更点については以下の記事をご参照ください https://klemiwary.com/blog/riakuto-4ed-release ―――― シリーズ累計 2.5 万部を突破、BOOTH 技術書カテゴリで上位独占中の『りあクト! TypeScriptで始めるつらくないReact開発』の最新 4 版。今版は全 3 巻構成となっており、本書はその第 1 巻「言語・環境編」です。 最新のフロントエンド環境構築ツール Vite の使い方に始まり、JavaScript(ES2022)、関数型プログラミング、TypeScript までをカバー。JS のパワーをフル活用する React を使いこなすための基礎力を固めます。 「フロントエンドの開発になぜ Node.js が必要なの?」「使っている各種のツールは何をしてくれてるの?」「import はどうやってファイルを読

                                                              りあクト! TypeScriptで始めるつらくないReact開発 第4版【① 言語・環境編】 - くるみ割り書房 ft. React - BOOTH
                                                            • Solodyn Generique Sur Le Net Bas Prix Site Fiable - Generique Solodyn Acheter - Ask Lesko and Friends

                                                              Solodyn Generique Sur Le Net Bas Prix Site Fiable - Generique Solodyn Acheter Acheter Du Solodyn En Belgique Solodyn En Vente Luxembourg, Solodyn 50 Forum Acheter, Solodyn Forum Ou Acheter ACHETER Solodyn (Minocycline) EN LIGNE! - ENTRER ICI! Je comprends à quel point il peut être difficile de gérer cette contrariété. - Moule et mycotoxines fongiques (déchets) dans les grains entreposés, les fruit

                                                              • TSKaigiのスポンサーです、リフレッシュメントについて全てをお話します - エムスリーテックブログ

                                                                はじめに TSKaigi本番も迫り緊急でテックブログを書いています、VPoEの河合です。 来る5月11日(土)、TSKaigi 2024が開催されます。エムスリーエンジニアリンググループは、TSKaigiをリフレッシュメントスポンサーとして応援しています。 本記事は、少しばかりTSKaigiの宣伝をしつつ、エムスリーのJavaScript/TypeScript文化のお話をするものです。 はじめに TSKaigiとは エムスリーにおけるTypeScript 学生向けLTも開催 おわりに We are hiring !! TSKaigiとは TSKaigiは、一般社団法人TSKaigi Associationが企画、運営する、国内最大級のTypeScriptをテーマにした技術カンファレンスです。 今年が第1回目とのことですが、KeynoteにはTypeScript Product Manage

                                                                  TSKaigiのスポンサーです、リフレッシュメントについて全てをお話します - エムスリーテックブログ
                                                                • Pay IDアプリのWebViewにReact + Viteを導入した - BASEプロダクトチームブログ

                                                                  はじめに 本記事は BASE Advent Calendar 2023 の17日目の記事です。 こんにちはPay IDでフロントエンドエンジニアをしているnojiです。普段はあと払い(Pay ID)に関するフロントエンド周りの開発をメインに行っています。 payid.jp 11月6日にあと払い(Pay ID)は口座振替機能をリリースしました。これにより、今まではあと払い(Pay ID)を利用した翌月に、コンビニに支払いに行く必要がありましたが、金融機関口座を登録することでコンビニに行かずに手数料無料で自動で引き落とされるような支払い方法を選べるようになりました。 (https://payid.jp/atobaraiより) 口座振替登録時には以下のような画面を経て、金融機関のページに遷移し、金融機関と連携をする必要があります。 自分は口座振替機能におけるアプリでの口座申込画面の開発をWebV

                                                                    Pay IDアプリのWebViewにReact + Viteを導入した - BASEプロダクトチームブログ
                                                                  • 処理系フレンドリーコードによる「フロントエンド」のコードベース改善のアプローチ — HACK The Nikkei

                                                                    この記事はNikkei Advent Calendar 2023の 20 日目の記事です. こんにちは. 林仁(Shinyaigeek)と申します. 2022 年に日本経済新聞社に新卒入社して, 今ですと日経電子版 Web 開発チーム全体の開発生産性などの向上のため, フロントエンド基盤の足回りの改善や電子版全体の信頼性向上のために CDN の改善などを担当しています. 本稿では処理系フレンドリーなコードとそのためのガードレールを敷くことによりコードベースを改善するアプローチと, 実際に日経電子版 Web の開発基盤である, k2 で行われた処理系フレンドリーなコードによってフロントエンドのコードベースを改善した事例についてご紹介します. フロントエンド開発における処理系 まずそもそも, ここで言う処理系とは何を指しているのでしょうか?本稿ではフロントエンド開発におけるコードの処理系をスコ

                                                                      処理系フレンドリーコードによる「フロントエンド」のコードベース改善のアプローチ — HACK The Nikkei
                                                                    • [鵺]Nue.jsがフロントエンドを永遠に塗り替えるらしい

                                                                      はじめに Twitterでとあるポストを見て、Nue.jsというフレームワークを知りました。 サイトを見ても誇大広告っぽいですが、勢いが凄いのも事実なので記事にしてみます。 名前はなんだろう?ぬえ?でもGitHubのロケーションがフィンランドだったので違うかもしれないです。にゅーかな? Nue.jsについてざっくり 公式サイトによると、 Nue.jsはReact、VueとかNext.js、Vite、Astroとか全部を代替できるくらい恒久的にパワフルなフレームワーク(意訳) らしいです。自信満々ですね。 実際に触っていないのでわかりませんが公式サイトによると以下のようなファイルベースルーティングができるっぽい? 機能としてはSEO最適化やSSRがあるそうで、CSRはオプションっぽい。 伸びについて このNue.js、なんと数日前にファーストコミットされてます。(2023年9月13日にファー

                                                                        [鵺]Nue.jsがフロントエンドを永遠に塗り替えるらしい
                                                                      • Vue 3 で Options API を無効化するという選択肢

                                                                        概要 本記事は、Vue 3 で Options API を使用するためのフラグである __VUE_OPTIONS_API__ を無効化した場合の挙動やバンドルサイズの違いについてまとめになります。 TL;DR Options API を一切使わないプロジェクトなら、Vue アプリケーションの バンドルサイズを 5.49kB 削減 できました (gzip なら 2.14 kB) バージョン情報 vue 3.2.45 vite 4.0.2 @vitejs/plugin-vue 4.0.0 rollup 3.8.0 Options API と Composition API Vue 3 のコンポーネントスタイルには、 Options API と Composition API の2種類があります。 前者は Vue 2 時点での基本スタイルで、オブジェクトにコンポーネントの挙動を示す各フィールドを

                                                                          Vue 3 で Options API を無効化するという選択肢
                                                                        • Remix ❤️ Vite

                                                                          Today we’re excited to announce that unstable support for Vite is available in Remix v2.2.0! Now you get all the benefits of Vite’s lightning fast DX ⚡️ out-of-the-box when using Remix. Try it out now! # minimal server npx create-remix@latest --template remix-run/remix/templates/unstable-vite # custom Express server npx create-remix@latest --template remix-run/remix/templates/unstable-vite-express

                                                                            Remix ❤️ Vite
                                                                          • レガシーブラウザ向けのビルドオプションを剪定する - ドワンゴ教育サービス開発者ブログ

                                                                            この記事はドワンゴ Advent Calendar 2023 の 20 日目の記事です。 はじめに こんにちは。今年の 10 月に教育事業本部にフロントエンドエンジニアとして入社したユーンです。 この記事では、 2016 年から新陳代謝を続けている N予備校 Web フロントエンドのコードベースにおいて、 2019 年ぶりにビルドターゲットの設定を見直した話をします。 N予備校 Web フロントが約 8 年近くも新陳代謝を続けてきたあゆみについては、チームの古株である berlysia さんの以下の記事をご覧ください。 blog.nnn.dev はじめに 現状確認と課題設定 具体的な調査の取り組み 結果 今後の方針 終わりに We are hiring! 現状確認と課題設定 話はチーム内で以前から core-js のサイズが大きいと認知されていたことから始まります。(前提知識: @babe

                                                                              レガシーブラウザ向けのビルドオプションを剪定する - ドワンゴ教育サービス開発者ブログ
                                                                            • Open-sourcing our progress on Tailwind CSS v4.0 - Tailwind CSS

                                                                              Last summer at Tailwind Connect I shared a preview of Oxide — a new high-performance engine for Tailwind CSS that we’ve been working on, designed to simplify the developer experience and take advantage of how the web platform has evolved since Tailwind was first released. Last summer at Tailwind Connect I shared a preview of Oxide — a new high-performance engine for Tailwind CSS that we’ve been wo

                                                                                Open-sourcing our progress on Tailwind CSS v4.0 - Tailwind CSS
                                                                              • GitHub - farm-fe/farm: Extremely fast Vite-compatible web build tool written in Rust

                                                                                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

                                                                                  GitHub - farm-fe/farm: Extremely fast Vite-compatible web build tool written in Rust
                                                                                • Comparing the New Generation of Build Tools | CSS-Tricks

                                                                                  A bunch of new developer tools have landed in the past year and they are biting at the heels of the tools that have dominated front-end development over the last few years, including webpack, Babel, Rollup, Parcel, create-react-app. These new tools aren’t designed to perform the exact same function, and each has different things they’re trying to achieve and features to get there. Despite their di

                                                                                    Comparing the New Generation of Build Tools | CSS-Tricks