JSer.info #718 - React v19がリリースされました。 React v19 – React Release 19.0.0 (December 5, 2024) · facebook/react 2年半ぶりのメジャーリリースとなります。 非同期遷移を扱うアクションの概念の追加とuseActionState/useFormStatus/useOptimistic/use APIの追加が行わなわれています。 また、react-domにprerender APIの追加、Server ComponentとServer Actionの追加が行われています。 そのほかの改善として、refをpropsとして渡す際にforwardRefは不要に、Hydration Errorの改善、ref callbackがcleanup関数を返せるようになりました。 <title>/<meta>/<l
はじめに お久しぶりです、からころです。 突然ですが、みなさん Vite は利用してますか？ Vitest や Jest をはじめ、Vueでコンポーネントのテストをする際に、 しばしばテスト用にカスタム属性を用意することがあります。 テスト属性がバンドルされてプロダクション環境に出てくると、 意図しない挙動を引き起こしたりするかもしれないから避けたい！ そもそもテストタグを追加するだけなのにビルド後のコードに変更が加わるのは気持ち悪い! といった方に向けた記事になります。 設定について nuxt.config.tsの場合 { ... // 下記を追加する vue: { compilerOptions: { nodeTransforms: [ (node) => { if (node.type === 1 /* NodeTypes.ELEMENT */) { for (let i = 0;
はじめに おはようございますhiroです。 Vueを学習するにあたり、初学者向けのロードマップがあればと思っていたため本記事を書きました ✏️ タイトルにもありますが、本記事は私の経験に基づくかなり主観的なものとなっていますので予めご了承ください。「これからVueをどのように学習しよう？」そう悩んでいる方の参考になれば幸いです！ 対象読者 本記事はVueをこれから学習しようとしている初学者の方を対象としています。具体的に以下のような悩みを持った方を想定しています。 JavaScriptをざっと学びこれからVueをどのように学習しようか悩んでいる方 どのような教材を使用すれば良いか悩んでいる方 公式ドキュメントを読めと言われて「読めれば苦労しないよ！」と悶々としている方 本記事では、教材の紹介からその教材をどう使用していくかなどを具体的に記載しております。 ゴール 本記事のゴールとして、Vu
あらゆるフレームワークで Hono を使いたい
はじめに Hono の売りの一つに「ウェブ標準への準拠」があります。この特徴により、開発者は Hono アプリを様々なプラットフォームへとデプロイすることが可能となっています。これだけでも素晴らしいことですが、Hono 好きの方々はそれでは飽き足らず、Hono がウェブ標準の Request/Response をやり取りするという事実を利用し、おそらくはもともと想定されていなかったであろう場所でも Hono を使い始めているようです。筆者が特に注目するのは、以下の記事のように Hono を Next.js などフロントエンドのメタフレームワークに組み込むような試みです: こうした文章を読み、「これは色々なフロントエンドフレームワークに応用できそうだ」と考え、Next.js だけではなく Astro や Nuxt などでも Hono を動かす実験をおこない、それをまとめた結果がこの記事となり
JSer.info #697 - Nuxt 2は2024年6月30日でEnd-of-Life (EOL)となることが発表されました。 Nuxt 2 End-of-Life (EOL) · Nuxt Blog Nuxt 2.xの最終版となる2.18.0が6月末にリリースされる予定となっていて、それ以降はセキュリティアップデートも公式には提供されなくなります。 TypeScript 5.5がリリースされました。 Announcing TypeScript 5.5 - TypeScript TypeScript 5.5では、関数からtype predicatesを推論できるようになり、Array.prototype.filterなどでの絞り込みが簡潔に書けるようになっています。 また、Stage 3のSet Methodsをサポート、JSDocで@import {foo} from "foo"を
Announcing Pages support for monorepos, wrangler.toml, database integrations and more!
Announcing Pages support for monorepos, wrangler.toml, database integrations and more!2024-04-04 Pages launched in 2021 with the goal of empowering developers to go seamlessly from idea to production. With built-in CI/CD, Preview Deployments, integration with GitHub and GitLab, and support for all the most popular JavaScript frameworks, Pages lets you build and deploy both static and full-stack ap
JSer.info #685 - Storybook 8.0がリリースされました。 Storybook 8 Storybook: UI component explorer for frontend developers 破壊的な変更として、storiesOf APIの削除、*.stories.mdxの削除、StoryShots addonの削除、Yarn v1のサポート終了などが行われています。 詳細はマイグレーションガイドを参照してください。 Migration guide for Storybook 8.0 • Storybook docs 機能追加として、Chromaticとの連携機能の実装、MSWを使ったReact Server Component(RSC)のサポート。 そのほかには、SWCを使うことでビルドパフォーマンスの改善、react-docgenがデフォルトとなるように変
はじめに フロントエンドエンジニアのhiroです。 エンジニアになって半年が過ぎました。 表題にあるとおり、この記事では vuejs/core のソースコードを探検してみたいと思います。 ソースコードの探検が目的のため、実装の詳しい解説自体は行いません。あらかじめご了承ください。 目的 本記事はubugeeeiさんの素晴らしい本であるchibivueに出会い、ubugeeeiさんご本人にVueについて直接教えて頂き、Vueのソースコードに興味を持ったことがきっかけで執筆しています。chibivueはVueの基本的な機能を自分で実装することで、Vueについての理解を深め、vuejs/coreのソースコードが読めるようになることを目的とされている本です。 エンジニア経験の浅い私にとってVueのソースコードを理解することは難しいですが、全部が理解できなくてもなんとなく 「こういう実装になっている
What happens on June 30th, 2024?After this date, Nuxt 2 will continue to be available on the NPM package manager, but will no longer receive updates, such as security and browser compatibility fixes. In other words, your applications will continue to work, but you may get deprecation warnings from your package manager reminding you that Nuxt 2 is no longer a supported version. What’s Next?Nuxt 3 h
先週、久しぶりに15年以上の付き合いになるエンジニアと話をした。 彼は、今でもプロダクト開発の第一線で活躍していて、大規模な開発案件を多数こなしている。そんな彼に聞きたかったことが、タイトルにもあるデザインシステムについて。 昨今のデザインシステムの潮流、その整備のあり方について、僕（主にIAとして担当）が感じていることを伝えた上で、エンジニア視点で見た時に思惑の違いがあれば指摘して！ということをお願いした。 実は、ここ数年のデザインシステムを取り巻く動向について、個人的に気になっていた。僕らのような設計者（もしくはディレクター）が、どのように向き合い、何を考慮すべきかを理解する必要があるわけで、それを社内のディレクター陣に共有しようと考えていた。そこで勉強会用の資料を作ったが、せっかくなのでnoteでも全部公開する。 デザインシステムの概要デザインシステムとは、企業が自社プロダクトの開発
昔作ったUnityのゲームアプリ、なぜか娘が楽しそうに遊んでいて、 Flutterでリメイクしてみよ！と思い立ち、無事リリースできたので、 構成とかをまとめてみました(*´ω｀*) どんなゲーム？ 鯖(サバ)の中から鮪(マグロ)を探す かわいいお気軽タッチゲーム🐟 実際のプレイ画面はこんな感じに せっかくリメイクするので、 「親子で一緒にたのしめるシンプルなゲーム」 にしたいな〜とおもい、子供でもできるシンプルなルールで、 大人も楽しめる難易度になるようがんばってます！ システム構成 全体の構成はこんな感じ Flutter(アプリ) Nuxt.js(LPサイト) unjs/nitro(OGP生成など) Firebase(Auth/Firestore) Cloudflare R2(OGP保存) TypeSpec(Dart/TS間でのモデル共通化) Cloud Run + Firebase
Nuxt Bridge を活用して Nuxt 3 へ移行しました 業務委託で STORES の開発をしている @inouetakuya です。 以前 STORES が Nuxt Bridge を活用して Nuxt 3 への移行を進めている旨の記事を wattanx が書いてくれました。 Nuxt 3 への移行に向けて頑張ってます - STORES Product Blog そして先月（2024年7月）ようやく Nuxt 3 へ移行することができましたので、本記事は前回の記事の続編にあたります。 Nuxt Bridge とは おさらいになりますが、Nuxt Bridge とは Nuxt 3 の機能の一部を Nuxt 2 でも利用できるようにしたライブラリです。これを活用すると Nuxt 2 のプロジェクトのまま Nuxt 3 の機能を利用するようコードを変更でき、Nuxt 3 へのバージョン
Vite 6.0 is out! November 26, 2024 Today, we're taking another big step in Vite's story. The Vite team, contributors, and ecosystem partners are excited to announce the release of Vite 6. It has been an eventful year. Vite adoption keeps growing, with npm downloads per week jumping from 7.5 million to 17 million since the release of Vite 5 a year ago. Vitest is not only being favored more by user
デザイナーに知って欲しいUIコンポーネントの今｜こぎそ
UIデザイン、画面設計する上で欠かせないものとして、UIコンポーネントが挙げられると思いますが、そのコンポーネントを選ぶ基準、選定の理由はどう決めていますか？ WebサービスやアプリケーションのUIを設計するとき、デザイナーにとってもUIコンポーネントの仕組みや、最新の技術潮流を理解しておくことは大切です。特にフロントエンドにおける現在の潮流は、UIデザインと実装の境界が以前よりも密接になってきています。 昨今、大企業は社内コミュニケーションの円滑化、生産性向上のもと、自社のデザインシステムに組み込まれたUIコンポーネント活用し、効率化を図っているケースが増えてきていますが、フルスクラッチでは作らず、既存のオープンソースなコンポーネントをオーバーラップして作成している事例が多いようです。 他方、デザインシステムを持たない中小企業や新規プロジェクトでは、UIコンポーネントの選定や実装に課題を
NuxtとVuetify環境を構築するときに毎回調べてるので、簡単に開発環境を作れるようにしてみました。特に、個人開発では、開発から本番環境へデプロイするのに数週間、数ヶ月かかり挫折することが多いです。 これを使えば数クリックで本番環境へデプロイできモチベーションを維持することができます。 含まれている物 Nuxt: npx --yes nuxi@latest init --packageManager npm --gitInit . Vuetify: npx nuxi@latest module add vuetify-nuxt-module GitHub Actions: https://nuxt.com/deploy/github-pages GitHub Codespaces: https://github.com/GitHub30/nuxt-vuetify-github-page
JSer.info #714 - Node.js v22.11.0がリリースされました。 Node.js — Node v22.11.0 (LTS) Node.js v22.11.0は、Node.js v22.xのLTS(Long Term Support)リリースとなります。 Node.js v22.xは、2027-04-30までのサポートが予定されています。 nodejs/Release: Node.js Release Working Group Nuxt.js v3.14がリリースされました。 Nuxt 3.14 · Nuxt Blog クライアントとサーバで共有するコードを置くshared/フォルダの追加、rspackの対応。 useResponseHeaderとuseRuntimeHookの追加などが行われています。 また、v4での変更をopt-inできるcompatibili
プログラミング書フェア - 達人出版会
年末年始に読みたい！ インプレス＆近代科学社フェア 近代科学社・インプレスのコンピュータ書の中から選ばれたタイトルを、期間限定で50%OFFにてご提供します！ ・セール期間：2024年12月20日(金)〜2025年1月13日(火) ・対象タイトル：インプレス、インプレスNext Publishing、近代科学社、近代科学社Digitalの中から選ばれたタイトル この機会にぜひご購入ください！ セール対象書籍一覧 Backstageをはじめよう！ 田中 絢子, 山名 智博 インプレス NextPublishing 3,080円 1,540円 《特価》 本書は、Platform EngineeringとBackstageについて徹底的に解説する一冊です。Platform Engineeringの導入による認知負荷の低減や生産性の向上を目指し、Backstageを操作する際の基礎知識から実践的な
Previous slideNext slideToggle fullscreenOpen presenter view Rails vs Node.js 最終章 「Prisma」 @mizchi Cloudflare Meetup 2024/10/02 今日の Prisma + Cloudflare の様子 About https://x.com/mizchi Node.js とフロントエンドの専門家 100万円*達成率で御社のフロントエンドの高速化をやります 前書き フロントエンド/Node.js 視点のポジショントークです Railsに対するチャレンジャーとして Node.js を使ってきた話 Rubyの開発者やRubyのユーザーを否定する意図はありませんが、好き嫌いは否定しません。型が好きです 「Rails」は 2010年前後に流行っていた任意なWAFに置き換え可能 Symfony
Slides for v-tokyo #20
はじめに 早速ですが... :deep 機能について :deep 機能のつらいところ そんなあなたに PrimeVue PrimeVue の Pass Through 機能 Pass Through の利用方法 最後に 出典 はじめに こんにちは！ContractS株式会社の北原です。 フロントエンドのリードとして、プロジェクトの技術選定や品質保守等を担当しています。 早速ですが... みなさまは Vue 3 をお使いになられていますか？ これには、以前の Vue 2 と比較して多種多様な改善がふんだんに盛り込まれています。 2020/09/18 にリリースされてから暫く経っているので、実際の業務や個人で触られた方も多いと思います。 例えば、 Composition API の正式採用 script setup 構文の対応 メモリ使用量削減による負荷軽減 その他色々ありますが、以上のような
Vue Advent Calendar 2024の9日目の記事です。 この記事では2024年のVue.js、そしてそれらにまつわる周辺エコシステムについてを振り返っていきます。関連する大きな出来事や変更があったものについてを中心にまとめています（この内容も取り上げてほしい！というものがあった際は、GitHubから編集提案をください）。 Vue.js 公開10周年 2024年はVue.jsがHacker Newsで公開されてから10周年目を迎える年でした。Vue.jsの進化の歴史については以下の通りになります。 2015年10月: Vue 1リリース 2016年10月: Vue 2リリース 2018年9月: Vue 3の開発が開始 2020年9月: Vue 3リリース 2022年1月: Vue 3がデフォルトになる、ドキュメントもVue 3がメインに 2023年12月: Vue 2がEoLを
はじめに こんにちは、がんがんです。 2024 年 4 月、Nuxt から Nuxt ESLint というモジュールが公開されました。Nuxt ユーザー待望の All-in-one ESLint モジュールです。 本モジュールの登場により Nuxt におけるリンターの設定方法が大きく変わりました。 本記事では Nuxt ESLint を用いたマイグレーションを中心に新しい Nuxt ESLint をセットアップしていきます。 Nuxt ESLint とは Nuxt ESLint はAll-in-one ESLint integration for Nuxtと公式ドキュメントに記載がある通り、Nuxt ユーザーのための All-in-one モジュールです。 今までの Nuxt ユーザーは Nuxt3 で ESLint を使う場合、どれが Nuxt 公式のルールだろう Nuxt で ESLi
こんにちは。フロントエンドエンジニアの小林和弘 @kzhrk0430 です。 今日は、Vue の機能のひとつである Composable を導入してみた体験談をシェアしようと思います。Vue を使っている方にはおなじみの機能かもしれませんが、僕が所属するチームでは Composable があまり積極的に利用されていない状況だったので Composable を小規模に導入したお話をします。 Composable とは Vue における Composable の基本的な概念と役割について説明します。 Vue 2 では機能ごとのオプション（data, methods, computed, etc…）を宣言する Options API という書き方が使われていました。この書き方は Vue の機能の関心事をまとめる役割を果たしていました。 export default { data() {}, co
AI駆動プログラム開発、一気入門
AI駆動プログラム開発、一気入門 AI Driven Development このドキュメントは、全てMarkdown AIで作成しました。2024.11.18 <div Align="right">作成：Markdown AI ファウンダー兼アーキテクト coke_kouichi</div> AI駆動開発とは？ AI時代がやってきた！ あの大変だったプログラミング作業を、AIが勝手にやってくれるという、とんでもない時代がやってきました。 そこで、本書ではVercel社のv０、Stackblitz社のBolt、Replit社のReplit Agent、Anysphere社のCursor+Clineの5つのツールを用いて、AIプログラミングに挑戦します。 プログラミングは難しい、昔プログラミングに挑戦して挫折した、そんな方もAI時代は大丈夫です、ご心配なく。 本書でもう一度プログラミングに挑
Theme 第 167 回のテーマは 2024 年の Yearly Ecosystem です。 Show Note 2024 年のチェックポイント Vite の覇権を Turbopack, RSPack が奪えるか? Storybook は覇権をとって、Chromatic もすごくなりそう Next App Router が本当に広がるか RSC 対応の Bundler が増えて Next 以外の解が見れそう アプリケーションの Rust 化くるか? React Forget Figma Config 2024 の Adobe の影響 State Management どうなってく? (Context, Jotai, SWR, Signal) ESLint to flat config or Biome AI driven FE Development CSS の新しい方法論 今年のキーワ
[[toc]] 中文翻译 Chinese Version TL;DR: I am doing great and not going anywhere. Having some pressure but still holding up and trying to improve. Thank you and don't worry! This is the 4th year since I have started doing Open Source. To be completely honest, I began to feel things were getting out of my capacity more and more often. I am still not sure if I have ever been through actual burnout or not
Microsoft Azure全冠になってみた ~アレを使い倒した者が試験を制す！？~/Obtained all Microsoft Azure certifications Those who use "that" to the full will win the exam! ?
TypeScript 5.6の更新点など: Cybozu Frontend Weekly (2024-09-03号)
こんにちは！サイボウズ株式会社フロントエンドエンジニアのおぐえもん（@oguemon_com）です。 はじめに サイボウズでは毎週火曜日にFrontend Weeklyという「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2024年9月3日のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 Nuxt Bridge を活用して Nuxt 3 へ移行しました STORESがNuxt 3への移行を完了した旨を報告する記事です。2022年12月の報告の続編になります。 刷新における工夫点や、移行により得られた恩恵などが紹介されています。 Announcing TypeScript 5.6 RC TypeScript 5.6でリリース予定の新機能が紹介されています。 例えば、if文の条件文が常にtrue/falseのときに
はてなブログ独自の集計による人気記事のランキング。7月28日（日）から8月3日（土）〔2024年8月第1週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 【読書感想】「叱れば人は育つ」は幻想 ☆☆☆☆☆ - 琥珀色の戯言 by id:fujipon 2 【令和改訂版】元福岡市民が全力で1泊2日の福岡市周辺観光してみた - はげあたま.org by id:hageatama- 3 市区町村マスタを手に入れろ、そして更新し続けろ - エムスリーテックブログ by id:m3tech 4 フランス革命の暗部「ヴァンデの絶滅戦争」を描いたマンガ「杖と翼」(1/3) - 頭の上にミカンをのせる by id:tyoshiki 5 化学物質過敏症に関して厚労省見解と異なるパンフレットが自治体で紹介される理由 - NATROMのブログ by id:NATROM 6 連続テレビ小説『虎に翼』
はじめに TL;DR CLI 開発で UnJS の unbuild、citty、consola、giget、pkg-types、jiti を使ってみたらめっちゃ便利だった。 本記事の内容と対象読者 本記事は、Vue.js v-tokyo Meetup #21にて筆者が LT 登壇した内容を記事化したものです。 筆者が最近取り組んでいた CLI 開発において UnJS を導入したところ、非常に便利と感じたため発表することとなりました。発表資料はGitHub Pages に上げています。 本記事では CLI 開発に便利な UnJS のライブラリをいくつか紹介し、どのように使ったのかの解説もします。UnJS に興味があり、どんなライブラリをどのように使うのか気になっている人を対象にしています。 前提知識として Node.js/TypeScript の基礎的な理解があると読みやすいでしょう。 検証
Cloudflare R2についてことはじめ
はじめに 今回はCloudflare R2について今更ながら解説します。 この記事はHIKKYアドベントカレンダー3日目の記事です。 3日目の夜に書いてます。なんでや。 色々な記事が出る予定ですので是非ご覧ください。 2日目はSakamotoさんによるメタバースイベントサイト開発、Webアプリケーション開発、個人開発で得た、Nuxt3の「わがった！」と「わがんない」です。良ければこちらもご確認くださいませ また明日はFukuroさんによる「爆速デプロイ！？Cerebriumについて」についてです。こちらもお楽しみに。 Cloudflare R2について 要は「S3互換システム」のうちの一つで、Cloudflareがサービスを提供しているものです。S3互換システムを名乗っていることもあって、コマンドのほとんどの部分がS3クライアントと互換性があります。 小噺: 語源について Cloudfla
@ffu_ が日頃から言っていることで、自分の軸となる場所（言語、ライブラリ、職種、etc.）を持ち、そうじゃないところで得たより良いモノを持ち帰って適用する、というムーブがある。 コンフォートゾーンは自分が快適に過ごせる環境、という意味だが、これは上でいう「軸となる場所」と重ねることができる。 コンフォートゾーンというものは生きていれば自然と形成されるものだが、一度作ってしまったら固定化される、というものではない。コンフォートゾーンから出て、外の世界で当たり前のように行われているものを持ち帰ることで、コンフォートゾーンそのものを押し広げることができる。 例えば自分の軸となる場所の一つにはVueというライブラリがあるが、直近一年はRemixというReactのフルスタックフレームワークを使って仕事をしていた。 その中で触れた良いモノ、例えばcreateRemixStub、Requestベース
🚀 Testing Nuxt 4 changesNuxt 4 is on the horizon, and it's now possible to test out the behaviour changes that will be coming in the next major release (#26925) by setting an option in your nuxt.config file: As we've been merging PRs for Nuxt 4, we've been enabling them behind this flag. As much as possible we're aiming for backwards compatibility - our test matrix is running the same fixtures in
ESLintからBiomeに移行しました｜いえもん
こんにちは。フロントエンドエンジニアのiemongです。 noteで開発しているmonorepo環境のLinterをESLintからBiomeへほぼ移行しました。それについて共有します。 移行のモチベーションnoteではNuxtからNext.jsへのリプレイスを進めている最中で、monorepo環境で6個のアプリと22個のpackageがあります。TurborepoのRemote Cachingを使うなどしてタスクの実行速度の改善は既にやってたのですが、Componentの数が増えてきたせいかCIでlintが途中でkillしてしまうことがあったり、キャッシュがない場合にLintだけで2~3分かかるpackageなども存在しました。また、ESLintのFlat Config対応も進めていきたかったのですが、使用しているESLintのplugin側の対応がまちまちで着手しづらい状況でした。 そ
Behind the scenes, a lot has been going on in preparation for the release of Nuxt v4 (particularly on the unjs side with preparations for Nitro v3!) ⚡️ Faster starts powered by jitiLoading the nuxt config file, as well as modules and other build-time code, is now powered by jiti v2. You can see more about the release in the jiti v2 release notes, but one of the most important pieces is native node
Vue Fes Japan 2024
こんにちは！メドピアの福田（@Yusa136）です。 2024年11月01日（金）に弊社オフィスにて、MNTSQ株式会社、STORES株式会社と3社でVue Fes Japan 2024 After Meetupを合同開催しました！ Vue Fes Japan 2024 の感想や思い出を語り合いました。この記事では当日の様子やセッションの内容をお届けします。 LT 「VitePressで見つけたアウトプット習慣」 トップバッターは弊社メドピアの岡澤さんです！ VitePressを活用したアウトプット習慣の作り方についての話が印象的でした。「飽き性だけど続けられる」という岡澤さんの言葉の示す通り、VitePressはフロントエンドだけでブログやドキュメントを簡単に作成でき、Vue.jsを使って気軽に情報発信ができるツールです。 なぜVitePressなのか？ 岡澤さんがあげた理由は以下の通り
Discover Nuxt Icon v1 - a modern, versatile, and customizable icon solution for your Nuxt projects. Icons are essential to modern web interfaces. They simplify navigation, clarify functionality, and enhance visual appeal. However, implementing icons efficiently involves challenges like scalability, dynamic loading, and server-side rendering (SSR) compatibility. To address these challenges, we deve
Ruby on RailsのMPAでForem流の"Islands Architecture"を導入するメリット・デメリット
Ruby on RailsのMPAでForem流の"Islands Architecture"を導入するメリット・デメリット Forem流のIslands Architectureとは Forem(dev.toのOSS)はメインの技術スタックは現在でもRuby on Railsであり、 フロントエンドにはPreactとその他いくつかのフロントエンドのスタックを使って実装されています。 CDNをつかって積極的にキャッシングされているということもあり、サイトの応答速度は いっとき「阿部寛のホームページくらい早い」ということが言われただけあり、レスポンス速度には定評があります。現在でもHerokuで運用されていますが、まだ早く表示されるので、よかったらご覧ください。 そんな一世を風靡したforemは今でもRailsとPreactを使っていて、そこで「Islands Architecture」を採
令和最新版 Wappalyzer を騙してみた
この記事は1年前に投稿した記事のリメイクです。 皆様 Wappalyzerをご存知ですか？ サイトに使用されている技術を確認出来たりと便利ですよね。 1年前に記事を出した時より、格段に普及しているように感じます。 さて、実際に使ってみましょう。 Zenn では以下の様な技術が使われてると分かります。 騙すとどうなるのか これを騙すとどうなるかを先に見せます。 この様に混沌とします。 Next.js に Nuxt.js、SvelteKit 等やり放題です。 こんなん見たら腰抜けちゃいますよね どうやるのか まずは Wappalyzer の仕組みを知る必要が有ります。 結論から言うと Wappalyzer は DOM 上にあるタグ(linkタグやcdnのスクリプトタグやフレームワーク固有のid等)、グローバルに宣言されている変数、更にはヘッダー等からも確認しています。 Astro は初期状態で
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2024-12-11のJS: React v19、Astro v5、The 2024 Web Almanac
ViteでVueコンポーネントテスト用のカスタム属性を削除する
経験談に基づく主観的Vue.js学習ロードマップ
2024-06-22のJS: Nuxt 2 EOL、TypeScript 5.5、State of JavaScript 2023の結果
2024-03-19のJS: Storybook 8、Nuxt 3.11、Cloudflare Workers + Vitest
vuejs/core のソースコードを探検する楽しさ
Nuxt 2 End-of-Life (EOL) · Nuxt Blog
ディレクターが押さえるべきデザインシステムの本質｜鈴木雅彦
娘のためにFlutterでゲームを作ってみた with Nuxt.js
Nuxt Bridge を活用して Nuxt 3 へ移行しました - STORES Product Blog
Vite 6.0 is out!
Nuxt + Vuetify + GitHub Pagesの爆速環境構築 - Qiita
2024-11-07のJS: Node v22.11.0 (LTS)、Nuxt 3.14、vlt Package Manager
Rails vs Node.js
Nuxt DevTools 101
【Vue.js】Painless なコンポーネント開発のプラクティス - ContractS開発者ブログ
Vue.jsと周辺エコシステムで振り返る2024年
Nuxt3のLinterは Nuxt ESLint で整備する (マイグレーションあり)
小さくはじめる Vue の Composable - メドピア開発者ブログ
ep167 Yearly Ecosystem 2024 | mozaic.fm
Mental Health in Open Source
Nuxt Test Utils で始める効率的な Nuxt アプリケーションのテスト
今週のはてなブログランキング〔2024年8月第1週〕 - 週刊はてなブログ
自作CLI開発で使ってみたら便利だったUnJSライブラリの紹介
コンフォートゾーンから出る、コンフォートゾーンへ持ち帰る｜ushironoko
Nuxt 3.12 · Nuxt Blog
Nuxt 3.14 · Nuxt Blog
Deep dive into Nuxt Server Components
Vue Fes Japan 2024 After Meetupを開催しました！ - メドピア開発者ブログ
Introducing Nuxt Icon v1 · Nuxt Blog