並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 29 件 / 29件

新着順 人気順

Qwikの検索結果1 - 29 件 / 29件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

Qwikに関するエントリは29件あります。 javascripttechfeedqwik などが関連タグです。 人気エントリには 『qwik の発明、及びマイクロフロントエンドへの活用について - mizdra's blog』などがあります。
  • qwik の発明、及びマイクロフロントエンドへの活用について - mizdra's blog

    最近調べた qwik というライブラリが結構面白かったので、実際どういうものなのかとか紹介してみます。 qwik とは qwik は Web 向けの View ライブラリです (React や Vue.js の仲間)。パフォーマンスオタクがパフォーマンスの最適化 (Web Vitals の改善) にこだわって作ったライブラリです *1。 すでにいくつも良い紹介資料があるので、まずはこれらをいくつか読んでみると良いと思います。 Resumable な JavaScript フレームワーク Qwik を学ぶ Qwikの基本概念である Resumable を理解する Qwikというフレームワークについて - console.lealog(); Qwik調べてみたら結構面白かった qwik の詳しい使い方などは先人の記事に譲ることにして、以降は id:mizdra が個人的に面白いと思ったことを書

      qwik の発明、及びマイクロフロントエンドへの活用について - mizdra's blog
    • Qwikの紹介 – HTMLファーストのフレームワーク | POSTD

      Builder.ioは、強力なビジュアルエディタにより、開発者ではない人が超高速なサイトを開発・編集できるようにしています。 私たちのビジュアルエディタが優れている点の1つは、AngularからWeb Components、 そしてその間にあるすべてのフレームワークに至るまで、 さまざまなツールで同じサイトを生成できることです。 出力されるコードは速度が最適化されています。 私たちのツールで作成されたサイトは、手作業で作成されたサイトの大部分よりも高速です。 私たちはこれを心から誇りに思っています。 私たちの製品は、スピードがとても重要であるeコマースに焦点を当てています。 優れたTime to Interactiveの実現は困難 どんなにコードが最適化されていても、静的HTMLのみを提供していない限り、 eコマースサイトがPageSpeed Insightsで100点中100点のスコアを

        Qwikの紹介 – HTMLファーストのフレームワーク | POSTD
      • 「理論上は最強」の Qwik/QwikCity を、フロントエンドの共通基盤にできないか

        Qwik をマイクロフロントエンド基盤として使えないか検討していて思いついた色々。副産物で色々作った。 tl;dr Qwik は理論上は最強。だが難しい qwik-react を使えば選択的に Qwik/React を切り替えられるので、 Astro と同じメタフレームワークとして使えそう React 以外もその気になれば対応できるはず => qwik-svelte と qwik-vue を実装した 最終的な問題は Qwik が流行るかどうか Qwik/QwikCity とは何か Qwik は SSR First なUIライブラリで、 .tsx の React 方言からコンポーネントを生成する。 import { component$, useSignal } from '@builder.io/qwik'; export default component$(() => { return

          「理論上は最強」の Qwik/QwikCity を、フロントエンドの共通基盤にできないか
        • Qwikというフレームワークについて - console.lealog();

          GitHub - BuilderIO/qwik: An Open-Source framework designed for best possible time to interactive, by focusing on resumability of server-side-rendering of HTML, and fine-grained lazy-loading of code. 去年から気になってて、調べたいなーと思ってたやつ。 昨今の覇権を握ってる系のJavaScript-firstなフレームワークたちとは違い、HTML-firstを謳うユニークなアプローチをしてるのが一番の特徴。 中の人による一連のシリーズもあって、そこも読んでまとめてみた記事です。 Qwik Series' Articles - DEV Community Qwikの特徴 遅いモバイル環境だとしても、

            Qwikというフレームワークについて - console.lealog();
          • QwikとPartytownでJavaScriptを99%削減する方法 | POSTD

            うれしいことに、builder.ioのホームページは今やモバイル端末でもPageSpeed Insightsで100点中100点をとれるようになりました。 これはQwikを導入したおかげです。 Qwikはアプリケーションの規模に関係なく高いパフォーマンスを実現します。 上記のスコアは、以下の優れた技術によって達成されました。 Qwikで提供されるページの起動に必要なJavaScriptは1KB未満 ホームページは画面上の領域のコンテンツに必要なHTMLのみを送信 Partytownを利用し、すべてのサードパーティスクリプトをWeb Workerに移動 builder.ioの視覚的なノーコードエディタを利用してサイトを作成 Qwikは、数百のコンポーネントや数MBのコンテンツを有する大規模なサイトでも高速なパフォーマンスを実現します。 また、クライアントコンポーネントに移動できるインタラクテ

              QwikとPartytownでJavaScriptを99%削減する方法 | POSTD
            • Qwikの基本概念である Resumable を理解する

              この記事は Cloudflare Workers and micro-frontends: made for one another のブログを理解するためのに Qwik の基本的な概念について理解することを目的とした記事です。 上記ブログに関しては、@laiso さんがわかりやすく解説してくれています。 本記事が、これらの記事やブログを読んで Qwik に付いて深堀りしたくなった方のお役に立てれば幸いです。 また、後日私の方でも、上記記事の解説や補足を何かしらの方法でまとめたいと思っています。 2022/10/26 追記 上の宣言通り、スクラップにまとめました。 What is Qwik ? Qwikは builder.io によって作られた、フロントエンドライブラリです。 SSRをデフォルトとし、Cloudflare Workers などでのエッジレンダリングにも対応しています。 js

                Qwikの基本概念である Resumable を理解する
              • Resumable な JavaScript フレームワーク Qwik を学ぶ | ドクセル

                Frontend engineer @lapras_inc / TypeScript / Vue.js / Firebase / 元消防士

                  Resumable な JavaScript フレームワーク Qwik を学ぶ | ドクセル
                • クロージャによる死(とQwikによる解決方法) | POSTD

                  世界中にQwikを紹介した前回の記事では、 多くの要素についてざっと触れるに留まり、詳細については後で説明するとお約束していました。 Qwikとその背景にある設計思想を知る前に、まず私たち(業界)が現在の場所までどのようにたどり着いたかを理解しておくことが重要です。 現代のフレームワークはある前提のもとに成り立っており、 それが優れたTime to Interactive(TTI)スコアの実現を妨げているのですが、 その前提とはどのようなものなのでしょうか。 現行世代のフレームワークの現時点における限界を理解することで、 Qwikの設計思想がなぜ最初は驚くべきものに思えるのか、より深く知ることができるでしょう。 TTIについて TTIは、URLに遷移してからページがインタラクティブになるまでの時間を測定したものです。 レスポンシブなサイトとしての体裁を整えるには、サーバーサイドレンダリング

                    クロージャによる死(とQwikによる解決方法) | POSTD
                  • GitHub - BuilderIO/mitosis: Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.

                    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 - BuilderIO/mitosis: Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
                    • Framework reimagined for the edge! 📚 Qwik Documentation

                      Because Qwik skips hydration, your applications are instantly interactive. This is accomplished by resumability.

                        Framework reimagined for the edge! 📚 Qwik Documentation
                      • Qwik Reaches v1.0

                        The Qwik team is excited to announce that Qwik has reached v1.0. Qwik is a full-stack web framework that brings a fundamentally new approach to delivering instant apps at scale! Frameworks such as React, Vue, Angular, Svelte, SolidJS, and their meta frameworks (Next.js, Nuxt, SvelteKit, SolidStart, Astro) have revolutionized web development by providing powerful tools and abstractions that simplif

                          Qwik Reaches v1.0
                        • How we cut 99% of our JavaScript with Qwik + Partytown

                          Qwik can achieve this performance no matter how large your application gets. The above numbers were achieved with some cool technology including: Pages served with Qwik have less than 1kb of JavaScript to boot.Our homepage only sends HTML for above-the-fold content.Partytown is used to move all third-party scripts to web-worker.This site is created using builder.io’s visual no-code editorQwik scal

                            How we cut 99% of our JavaScript with Qwik + Partytown
                          • Resumable な JavaScript フレームワーク Qwik を学ぶ | ドクセル

                            Frontend engineer @lapras_inc / TypeScript / Vue.js / Firebase / 元消防士

                              Resumable な JavaScript フレームワーク Qwik を学ぶ | ドクセル
                            • GitHub - QwikDev/qwik: Instant-loading web apps, without effort

                              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 - QwikDev/qwik: Instant-loading web apps, without effort
                              • Qwik(City)を試してみた感想 - console.lealog();

                                もとい、Svelte(Kit)なプロジェクトを、Qwik(City)で書き直してみての学び。 待望のやつではあるが、端切れの悪いタイトルなのは、移行途中でどうしようもなくハマってしまい、採用を見送ることにしたから・・😇 そういうわけなので、使い込んでみたわけでもまったくないし、最高!とか微妙・・・とかそういう判断というよか、ただの感想文って感じ。 QwikCityありき `npm create qwik`のスターターが、そもそもQwik単体ではなく、QwikCityがセットになってた。 今回はSSG/SPA用途だったので、できればQwikだけ使えればいいかなーと思ってたけどそんな選択肢はなかった。こういうメタフレームワークはSSRが前提になってたりすることが多くて、SSRなコンテキストを回避するコードを書きたくないし、挙動としても囚われたくなかったのに・・。 あとはコードベースもType

                                  Qwik(City)を試してみた感想 - console.lealog();
                                • React Server Component、そしてqwikのインパクト ー フロントエンドアーキテクチャの最新動向をmizchiさんに聞いてきた(1)

                                  こんにちは、テックフィード白石です。 日本のエンジニア界隈をリードするエキスパートに、テクノロジーの最前線を語っていただくYouTube動画連載「Ask the Expert」の新着動画が公開されました! 今回は、フロントエンドのエキスパートmizchiさんに、フロントエンドの最新動向について詳しく伺ってきました。 mizchiさんのアカウントをぜひフォローしましょう! mizchiさん(フロントエンド兼Node.jsエンジニア) ついでに白石のもフォロー推奨: 聞き手: テックフィード白石 以下に掲載するのは、インタビュー動画の内容の要約です(正確な書き起こしではありません)。 内容をフルにご覧になりたい方は、ぜひ動画をご視聴ください。 ご質問、ご感想などはYouTubeのコメント、もしくはこの記事のコメント欄でも受け付けております。どしどしお寄せください😊 以下、動画の内容の要約です

                                    React Server Component、そしてqwikのインパクト ー フロントエンドアーキテクチャの最新動向をmizchiさんに聞いてきた(1)
                                  • パフォーマンス最適化を目指したフレームワーク「Qwik」について - Techtouch Developers Blog

                                    テックタッチアドベントカレンダーの 20 日目を担当させていただく matchy です。 最近は趣味でアプリケーションの UI デザインを Figma で作るのが楽しくてつい時間を忘れてしまいます。 近ごろ Astro や今回紹介する Qwik など、MPA フレームワークの話をよく SNS などで見かけるので、気になり調べてみました。 Qwikとは? 公式 特徴をまとめてみる ん? Hydration を使用しない? Hydration の課題 Resumable という概念 プロジェクト作成をしてみる Qwik City とは 最後に 参考資料 Qwikとは? builder.io が開発している Web フレームワーク Web サイトやアプリケーションの構築に使用できる SSR ベース 公式 特徴をまとめてみる 約 1 KB の JS で起動できる 最小限のアプリケーションをダウンロ

                                      パフォーマンス最適化を目指したフレームワーク「Qwik」について - Techtouch Developers Blog
                                    • Qwik React発表!ReactコンポーネントをQwikコンポーネントに変換、パフォーマンスを大幅に向上

                                        Qwik React発表!ReactコンポーネントをQwikコンポーネントに変換、パフォーマンスを大幅に向上
                                      • Miško HeveryのQwik記事シリーズ | POSTD

                                        古川陽介 株式会社リクルート プロダクト統括本部 プロダクト開発統括室 グループマネジャー 株式会社ニジボックス デベロップメント室 室長 Node.js 日本ユーザーグループ代表 複合機メーカー、ゲーム会社を経て、2016年に株式会社リクルートテクノロジーズ(現リクルート)入社。 現在はAPソリューショングループのマネジャーとしてアプリ基盤の改善や運用、各種開発支援ツールの開発、またテックリードとしてエンジニアチームの支援や育成までを担う。 2019年より株式会社ニジボックスを兼務し、室長としてエンジニア育成基盤の設計、技術指南も遂行。 Node.js 日本ユーザーグループの代表を務め、Node学園祭などを主宰。Twitter: @yosuke_furukawaGithub: yosuke-furukawa

                                          Miško HeveryのQwik記事シリーズ | POSTD
                                        • Qwik調べてみたら結構面白かった

                                          Framework reimagined for the edge. No hydration, auto lazy-loading, edge-optimized, and fun 🎉! エッジ用に再考されたフレームワーク Noハイドレート、自動遅延ロード、エッジ最適化 開発元: Builder.io 現在のステータス: Beta QwikとQwik City ReactとNext.jsの関係で言うところの、QwikがReactでQwik CityがNext.js Qwikはコンポネントを構築するためのライブラリ。 jsx,tsxで書けて、その書きっぷりはほとんどReactと同じ。hooksの名前や使い方が若干異なるが、React勢ならドキュメントとサンプルコード呼んだらなんとなくわかるはず。 Qwik Cityは主にファイルベースのNested Routing・Nested Layo

                                            Qwik調べてみたら結構面白かった
                                          • Qwik City で作るブログアプリ

                                            Qwik City(またの名を Qwik Router)は Qwik のメタフレームワークです。React における Next.js、Vue.js における Nuxt.js のような関係と同様です。Qwik は長期的で安定したプリミティブに焦点を当てており、breaking changes なしで安定した状態を保つことができます。一方 Qwik City は大規模なサイトを構築するための意見とパフォーマンスの高い方法をもたらします。 Qwik City は Qwik のアーキテクチャのおかげで、余分な JavaScript をブラウザに配信することはありません。体感として、Remix のアーキテクチャによく似ているようにも感じます。 Qwik City のインストール それでは早速 Qwik City でアプリケーションを作成しましょう。以下のコマンドから Qick City のテンプレー

                                              Qwik City で作るブログアプリ
                                            • Qwik and Qwik City have reached beta! 🎉

                                              The Qwik team is excited to announce that Qwik and Qwik City are in beta! To us, beta is an important milestone that we don't take lightly. To us, beta means: Complete features: All of the goals we set out to implement in this version have been implemented.Stable APIs: We’re not aware of any API deficiencies that would need to be address and don't have any plans to change them for now.No blocking

                                                Qwik and Qwik City have reached beta! 🎉
                                              • GitHub - BuilderIO/builder: Visual Development for React, Vue, Svelte, Qwik, and more

                                                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 - BuilderIO/builder: Visual Development for React, Vue, Svelte, Qwik, and more
                                                • 2023-05-04のJS: Qwik 1.0.0、Angular 16、Karmaが非推奨へ

                                                  JSer.info #642 - ウェブフレームワークのQwik 1.0が公開されました。 Qwik Reaches v1.0 QwikはReact、Vue、Angular、Svelte、SolidJSと同じようにUIライブラリで、Next.js、Nuxt、SvelteKit、SolidStart、Astroに対応するQwik Cityを持っています。 特徴としてサーバサイドレンダリングとクライアントサイドレンダリングの連携をHydrationによる再構築ではなく、イベントが発生したタイミングで必要なものを読み込むをLazy loadingによって実現しています。 これをQwikではResumableと呼んでいます。 Resumable - Qwik Angular v16がリリースされました。 Angular v16 is here!. Six months ago, we reache

                                                    2023-05-04のJS: Qwik 1.0.0、Angular 16、Karmaが非推奨へ
                                                  • Qwik:最適できめ細かい遅延読み込みを実現 | POSTD

                                                    Qwikは、JavaScriptの読み込みと実行を可能な限り遅延させ、ユーザのアクションがあった場合のみ実施することで、読み込みを最も高速化することを目指しています。 この処理は初回の読み込み時だけでなく、アプリケーションが続く限り行われます。 言い換えると、Qwikはきめ細かい遅延読み込みを追求しているのです。 「きめ細かい」とは、ユーザのアクションを処理するのに直接必要なコードのみがダウンロードされるという意味です。 この記事では、きめ細かい遅延読み込みを実現するために解決すべき技術的課題について探っていきます。 リスナーをシリアライズ 最も明確に解決すべき課題は初回のページ読み込みです。 この点に関しては、「HTMLを最初に、JavaScriptを最後に」で対応策をすでに取り上げました。 ポイントは、イベントの名称とアクションをURLとしてシリアライズし、DOMの属性として保持するこ

                                                      Qwik:最適できめ細かい遅延読み込みを実現 | POSTD
                                                    • マイクロフロントエンドとResumableとqwikについて - KAKEHASHI Tech Blog

                                                      この記事は、カケハシ Advent Calendar 2022 の 18 日目 の記事になります。 はじめまして、こんにちは。 おくすり連絡帳「Pocket Musubi」というプロダクトで、エンジニアリングマネージャーをしています @hisasann と申します。 人にフォーカスした開発組織作りに力を入れ、楽しい技術集団を作り上げることに日々奮闘しております。 ぼくは、 20 年近く Web の業界でいて、ソフトウェアエンジニアとして開発をしてきました。 今でも第一線ではないですが、なるべくコードは書いていて、それは好きというのがそもそもですが、日々テクノロジーの変化を楽しんでいます。 特にフロントエンドの分野が好きで、新入社員のころから JavaScript を書いているので、もうかれこれ 20 年近く JavaScript を書いていることになります。 そんなぼくが今回は、エンジニア

                                                        マイクロフロントエンドとResumableとqwikについて - KAKEHASHI Tech Blog
                                                      • Qwik を静的ビルドして他から読み込む

                                                        qwik のビルド結果を静的コンポーネントとして読み込む https://blog.cloudflare.com/better-micro-frontends/ というcloudflare によるマイクロフロントエンドの提案があります。 cf-workers にサービス個別に qwik の SSR サーバーをホストし、それを service-binding で合成して一つのフロントエンドとして表現します。 これ、別に SSR は必要なく最終的な静的アセットの状態を吸い出せれば別に cf-workers としてホストするすら必要ないんじゃないかと思い、やってみました。 やりたいこと qwik を静的にビルドする qwik の生成した HTML をそのまま他に埋め込む Qwik は SSR First なフレームワークなので、JS を読み込むのではなく、一度 HTML として展開してから hy

                                                          Qwik を静的ビルドして他から読み込む
                                                        • Qwik 1.2: Performance in Autopilot

                                                          Drag-and-drop visual editor and headless CMS for any tech stack

                                                            Qwik 1.2: Performance in Autopilot
                                                          • Overview | Introduction 📚 Qwik Documentation

                                                            OverviewGetting StartedProject structureFAQComponentsOverviewStateEventsTasks & LifecycleContextSlotsRenderingStylingAPI ReferenceQwik CityOverviewRoutingPagesLayoutsLoadersActionsValidatorsEndpointsMiddlewareserver$Re-exporting loadersCachingHTML attributesAPI referenceCookbookOverviewAlgolia SearchCombine HandlersDebouncerFontsGlob ImportMedia ControllerNavLinkNode Docker deployPortalsStreaming

                                                              Overview | Introduction 📚 Qwik Documentation
                                                            1

                                                            新着記事