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
Nuxt 3 にも middleware (Route Middleware) が実装されました。 Route Middleware は、サーバーサイド・クライアントサイド共、ルーティング（ページ遷移）にあたって行う共通処理を記述することができます。 たとえば、ログインが必要なページに対し、ログイン中かどうかを判定し、必要に応じてログインページを表示するなどの場合に使用します。 Composables を使用すれば同等の処理を行うことも可能ですが、より簡潔に、宣言的に（Page コンポーネントに）記述することが可能になります。 以下、とくに言及がない場合は Route Middleware を指します。 Route Middleware の基本的な使い方 Nuxt 2 までにも存在していた middleware と基本的な使い方は同様です。 Page コンポーネントや Layout コンポ
Nuxt3で導入されたハイブリッドレンダリングとNuxt版ISG/ISRを試してみる | 豆蔵デベロッパーサイト
これは、豆蔵デベロッパーサイトアドベントカレンダー2022第18日目の記事です。 今年春にRCバージョンとなったNuxt3は、先月(2022-11-16)ようやく安定バージョンとなりました。 Announcing Nuxt 3.0 stable Nuxt3の目玉機能の1つとしてハイブリッドレンダリングがあります。 以下公式ドキュメントからの引用と機械翻訳結果です。 Hybrid rendering allows different caching rules per route using Route Rules and decides how the Server should respond to a new request on a given URL. ハイブリッドレンダリングは、Route Rulesを使用してルートごとに異なるキャッシュルールを可能にし、与えられたURLの新しい
Nuxt3のモジュール開発は意外と簡単？ | ドクセル
Nuxt3のモジュール開発は意外と簡単？ Module Author Guideをのぞいてみよう Vue Fes Japan2023 2023/10/28(土) きらぷか(@kira_puka) きらぷかとは？ きらぷか (@kira_puka) ● 合同会社めもらば 代表 ● Webアプリの受託開発 ● 趣味: 積読と個人開発 積読ハウマッチ SSSAPI 総額がわかる書籍管理アプリ Googleスプレッドシートの JSON API化サービス
NuxtLabs Japan - Nuxt開発の法人向け技術サポート
Nuxt（ナクスト）は、Web 開発をシンプルかつパワフルにする Vue.js ベースの JavaScript フレームワークです。直観的で優れた開発者体験と、エンドユーザーの利便性を高める豊富な機能を備えています。 NuxtLabs Japan は、Nuxt を開発する NuxtLabs 社の公式ソリューションパートナーに認定されており、日本唯一の法人向け技術サポートサービスを提供しています。 チームへの Nuxt 導入から制作・運用におけるお困りごとの解決まで、お客様の課題に合わせたサービスをご提供します。 Nuxtに関する技術サポート誰よりもNuxt / Vue.jsを知り尽くしたエキスパートによるQAサポートです。フォーラム形式でお客様の抱える疑問や課題をぜひご相談ください。最適なサポートをご提供いたします。 Nuxtトレーニングスキルやレベルのバラつきに不安を抱えるチームでも、短
プログラミング書フェア - 達人出版会
年末年始に読みたい！ インプレス＆近代科学社フェア 近代科学社・インプレスのコンピュータ書の中から選ばれたタイトルを、期間限定で50%OFFにてご提供します！ ・セール期間：2024年12月20日(金)〜2025年1月13日(火) ・対象タイトル：インプレス、インプレスNext Publishing、近代科学社、近代科学社Digitalの中から選ばれたタイトル この機会にぜひご購入ください！ セール対象書籍一覧 Backstageをはじめよう！ 田中 絢子, 山名 智博 インプレス NextPublishing 3,080円 1,540円 《特価》 本書は、Platform EngineeringとBackstageについて徹底的に解説する一冊です。Platform Engineeringの導入による認知負荷の低減や生産性の向上を目指し、Backstageを操作する際の基礎知識から実践的な
Capacitorプラグインで実現する、Nuxt 3のハードウェア連携 - hacomono TECH BLOG
はじめに こんにちは、hacomonoでウェブアプリケーションの開発を担当しています、野崎です（社内ではサイモンと呼ばれています）。 少し前に、Nuxt 3とCapacitorで作るiOSアプリの記事をパブリッシュしており、今回はその続きです。Capacitorで構築したiOSアプリから外部ライブラリをプラグイン化して呼び出すという話をします。 併せて読んでいただけますと、より理解しやすくなりますのでそちらもご参考ください。 techblog.hacomono.jp 前提条件 hacomonoのPOSレジとは hacomonoではフィットネスクラブやジムの店舗管理システムと連動して使えるPOSレジを開発、提供しています。 POSレジ自体のコンテンツはあくまでウェブアプリケーションとして構築されており、WebViewを介して画面操作が可能となっています。 iOSアプリ周辺のアーキテクチャを図
IntroductionUpgrading to Nuxt 3 from Nuxt 2 can be a little intimidating. There are a ton of changes to keep track of, and it's easy to feel like you're lost in a maze of code. But don't worry, I'm here to help! I've started this cheat sheet to simplify the upgrade process for myself and for others who are brave enough to tackle it. It's a work in progress, and not intended to be exhaustive. I'll
2021年にブックマークした記事まとめ - ぷらすのブログ
2021年にPocketに保存した記事をマークダウン形式で出力するツール. Contribute to p1ass/list-pocket-saved-items development by creating an account on GitHub. 注意: タグはかなり適当 バックエンド Go Nintendo Switch™ ネイティブバイナリへの Go コンパイルを成功させた話 Go の入力バリデーションパッケージ ozzo-validation を試した。 k0kubun/pp: Colored pretty printer for Go language OpenTelemetry in Go Go のロギングライブラリ 2021 年冬 GraphQL の静的解析基盤を作った Go のリリースプロセスとブランチ戦略 Go 1.16 の signal.NotifyContext
今回使った技術 Vue3 Nuxt3（ベータ版） TypeScript ある日の我が家 娘「ねぇ、パパ！」 娘「Vue3の、Composition APIの使い方を教えて！」 ワイ「おお、ええで〜」 ワイ「ほな、試しにこんな感じのページを作っていくで！」 娘「わー、数をカウントできるページなんだ！」 娘「便利そう〜！」 娘「しかも、2倍の数も確認できるんだね！」 ワイ「げへへ、照れるでぇ」 ワイ「ほな、さっそく作っていくで〜」 カウンターを作っていく ワイ「まずは、カウンターの数値が今いくつなのか」 ワイ「その状態管理をせなあかんから」
Reject Conference - Vue Fes Japan Online 2022 での発表資料です。 https://vuejs-meetup.connpass.com/event/259621/ 2022年に新規サービスを開発するときに考える技術選定について発表します。 フロントエンドは TypeScript で開発するのが主流になってきていますが、Vue を採用した場合ほかにはどういった技術を使うのが良さそうでしょうか？ ## スライド内のリンク Frontend Weekly LT（社内勉強会）で「Vite」について LT しました https://devblog.thebase.in/entry/2021/07/29/113335 New Nuxt 3 Feature: Incremental Static Generation | Vue Mastery https:/
ushironoko.me
ushironokoのブログです。技術・ゲーム・趣味・仕事など。
🎍 はじめに この記事は、QiitaのNFT Advent Calendar2021の17日目の記事であり、記載内容は投稿日時時点の情報です。 Facebook社がMeta社に社名変更して以降、表題のキーワードは一種のバズワードとして、様々な媒体で紹介されています。一方で、その内容は玉石混交であり、嘘を嘘と見抜けない人が騙されてしまう事案も多く見受けられます。百歩譲って他人事ならいざ知れず、自社にこれらのバズワードに係る案件が舞い込んできた時、その要件が石に基づいて定義されたものだと、一開発者としては、ため息をつかざるを得ないですね。 これらのバズワードに実際に携わる者として、本稿では、おまえらの勘違いを簡潔な解説とともに指摘していきます。 ✔ 要約 NFTとは、「ブロックチェーン上で使われる、一意に識別するための識別子が付与されているトークン」です。それ以上でもそれ以下でもありません。
本記事で書かれている内容は 2021/10/21 時点の内容になります。 ベータ版のため、今後記載方法の大きな変更の可能性があります。 最新情報は Nuxt 3 公式ドキュメントでご確認ください。 はじめに 2021/10/12 Nuxt.js 3（以下 Nuxt 3）がパブリックベータ版に移行しました 🎉！ これによって誰でも触れるようになったというわけで、今回早速試してみました的な記事です。 （そしてなぜか Zenn ではあまり話題になってない…） Nuxt 3 の主な新機能 主な新機能は以下の通りです。 Nitro Engine による高速化/軽量化および Nuxt 内部での API 作成への対応 トップページの記載によれば、75 倍の軽量化が実現したそうです。 高速化に関しては数値まで公表されていないですが、実際にアプリを作成したところバージョン２とは別物レベルで早くなっていまし
この記事は『blessing software 夏のブログリレー企画』の4日目の記事です。 昨日はGANGANさん@gangan_nikki のESLintモジュールを用いてNuxt3 + ESLint設定を行うが公開されました。 明日は鉄馬さん@tekihei2317_ の個人開発アプリをRemix + Cloudflare D1に移行してみたが公開される予定です！お楽しみに！ Flutterを用いたWebアプリ開発の課題 2021年にFlutter2が出た際に、WebのサポートがStableになりました。その際に簡単なWeb Appを作ったのですが、大きく3つの課題があると感じていました。 Webページにしてはファイルサイズが大きい Canvasを用いてレンダリングするため、Webページとして扱いづらい フォントをWebフォントを利用して描画するため、フォントのダウンロードを行っている
個人開発が失敗に終わった3つの理由
こんにちは、ネットではウマたんというハンドルネームで活動していて普段はスタビジというメディアやスタアカという教育サービスを運営しています。主に基本AIデータサイエンスについて発信する活動をしています。 最近は色んなサービス開発や海外事業の立ち上げに挑戦しているのですが、やっぱりそう簡単にうまくはいかない。ということで様々な挑戦をする中で失敗に終わったサービスについて自分のための備忘録もかねてつらつらと書き連ねていきたいと思います！ （正直失敗と書いてますが、サービス開発の厳しさを知るめちゃくちゃいい経験だったので失敗だとは思っていません。笑 どんどん失敗しよう！） いい感じにグロースしているサービスもあるのでそれについては別の回で書く予定です。 失敗したサービスTracky（トラッキー）とは Tracky（トラッキー）は自分の書いた記事を他の競合と比較して文字数を増やした方がよいよーとかキ
「Frontend Talk」は、ヘイ株式会社とnote株式会社と株式会社アンドパッドが合同で開催する Frontend Engineer と Designer 向けオンラインイベントです。今回のトークテーマは「デザインシステム構築のリアルな裏側」。株式会社アンドパッドから登壇したのは、フロントエンドエンジニアの小泉佑太郎氏。デジタル共通化プロジェクトでハマった落とし穴と解決に向けての取り組みを発表しました。 自己紹介とアジェンダの紹介 小泉佑太郎氏：アンドパッドフロントエンドエンジニアの小泉です。アンドパッドは他の2社と違って、デザイナーとエンジニアでセッションを区切ります。まず私から「エンジニアがデザインシステム導入に取り組む際の落とし穴」というテーマで話します。 少し大げさなタイトルですが、フロントエンドエンジニアとしてデザインシステムの導入に取り組む際に苦労したところや、その乗り越
はじめに 早速ですが... :deep 機能について :deep 機能のつらいところ そんなあなたに PrimeVue PrimeVue の Pass Through 機能 Pass Through の利用方法 最後に 出典 はじめに こんにちは！ContractS株式会社の北原です。 フロントエンドのリードとして、プロジェクトの技術選定や品質保守等を担当しています。 早速ですが... みなさまは Vue 3 をお使いになられていますか？ これには、以前の Vue 2 と比較して多種多様な改善がふんだんに盛り込まれています。 2020/09/18 にリリースされてから暫く経っているので、実際の業務や個人で触られた方も多いと思います。 例えば、 Composition API の正式採用 script setup 構文の対応 メモリ使用量削減による負荷軽減 その他色々ありますが、以上のような
VercelのEdge Cacheの動作をNext.jsと比較する事で、Nuxt3のパフォーマンスチューニングを考察してみた。
SSRを利用したフロントエンドフレームワークでのパフォーマンスチューニング 出典: https://vercel.com/docs/concepts/edge-network/caching NextやNuxt3等のSSRを利用したフレームワークを使ってアプリケーションを運用するにあたって、その真価を発揮するためには何をどこまで静的コンテンツとして確定させ、CDNにキャッシュさせるかを考慮する必要があります。Nextではデフォルトで全てのページがプリレンダされていて(事前にReactのコンポーネントがHTMLとして出力されていて)、コンテンツの表示にAPIのfetchが必要なページもgetStaticPathsとgetStaticPropsを使用することによって、静的なコンテンツとしてプリレンダする事ができます。(NextのドキュメントではSGという用語が使われていますが、コンテンツをリク
2022年11月16日 Nuxt 3.0.0 (stable) がリリースされました（日本時間11/17） Announcing 3.0 • Nuxt この記事はベータリリース時に初稿を公開しましたが、本リリース版に対応するため加筆修正しています。 Nuxt 3 の useState を使った State 管理（状態管理）の記事です。 Nuxt 3 では Vuex がサポートされていません。 Vue 3 に対応した Vuex 5.x がリリースされるのを待たずとも Nuxt 3 にもいち早く対応した Pinia を使って State 管理をすることは可能です。 しかし、それほど大規模なアプリケーションでなければ useState と Composables (Composition Function) を組み合わせることで非常に簡単に State 管理をすることが可能になります。 Pini
はじめに こんにちは、がんがんです。 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
Nuxt 3 / Nuxt Content 2.9 向けの更新記事を以下に記載しましたのでこちらも参考になさってください。↓ Yo 我らすぐブログ作るけど中身更新しなーい 三行 @Nuxt/Content ってやつの v1.0.0 が公開された Nuxt.js で Markdown ブログとかニュースページを作るのが死ぬほど簡単になった Markdown ファイルとか JSON から Nuxt.js へ受け渡しをいい感じにやってくれるモジュールだよ 作ってみよう package.json と nuxt.config.js を準備 { ... "scripts": { "dev": "nuxt", "generate": "nuxt generate" }, "dependencies": { "@nuxt/content": "^1.0.0", "nuxt": "^2.12.2" } }
テスト・パフォーマンス・アクセシビリティ・セキュリティの4大品質に取り組むメルペイのフロントエンドチーム #TeamInterview | メルカリエンジニアリング
テスト・パフォーマンス・アクセシビリティ・セキュリティの4大品質に取り組むメルペイのフロントエンドチーム #TeamInterview このインタビューではメルペイのフロントエンド開発を支える @ryotah 、 @yutapon 、@tokuda109 、 @dwj の4人に今取り組んでいることや、技術スタック、今後の展望などを聞いています。メルペイのフロントエンドがどういったテクノロジーによって開発されているか気になる方はぜひご覧ください。 インタビューアーはEngineering Officeの@afroscriptにてお届けします。 自己紹介 – まずは皆さんの自己紹介からお願いします @ryotah: 私は2018年8月にメルペイに入社しました。それまでは飲食店の予約・顧客管理サービスやゲーム開発におけるフロントエンドエンジニアでした。入社後は加盟店様が利用する管理画面の開発であ
Nuxt 3 で Vuetify 3 を使う
この記事の内容は古い情報が含まれています 現在は公式の Nuxt モジュール vuetify-nuxt-module が提供されています。 環境構築は、記事内の方法ではなく Nuxt モジュールを利用することをおすすめします。 なお、この記事は2023年2月に執筆したものです。 Nuxt 3 で Vuetify 3 を使った開発の始め方をまとめました。 この記事の初稿時点でのバージョンは下記のとおりです。 Nuxt 3.2.0 公式サイト: https://nuxt.com/ リポジトリ: https://github.com/nuxt/nuxt Vuetify 3.1.4 公式サイト: https://vuetifyjs.com/ リポジトリ: https://github.com/vuetifyjs/vuetify Nuxt 3 をインストールする Nuxt 3 を始める際は、つぎのコ
This past year has been an exciting one. Looking into the new year, there is a lot we have planned as a team and we'd love to share it with you. Nuxt: A vision for 2023This past year has been an exciting one. Looking into the new year, there is a lot we have planned as a team and we'd love to share it with you. ✨ This past year has been an exciting one, with the release of Nuxt 3 and Nitro and the
フロントエンドのテックリードのみゅーとん(@_mew_ton)です。 弊社では新しいプロジェクトを立ち上げの際に、Nuxt3を採用することにしました。 また、従来までのプロジェクトの反省点として、 Atomic Design を考慮して実装することにしました。 ただ、Atomic Design について調査していくと、Atomic Design の考え方をそのままディレクトリに落とし込んでいくのはどうやら悪手のようで、Google サジェストからも、いくつか失敗のケースが散見されました。 そこで、Nuxt3 のディレクトリ構成にマッチするような Atomic Design の構成を考えてみたので紹介します。 Atomic Design とは Atomic Design とは、パーツ単位でUIデザインを設計する手法です。 Atomic Design 自体は 5年以上前から提唱されている設計方
2022年10月16日開催のVue Fes Japan 2022について、いくつかの公演をピックアップして紹介します。 なお、本イベントはオンライン開催で、録画がすでに公開されています。 メドピアトラック FUTUREトラック クラウドサイントラック 2022年10月16日、Vue.jsの国内大規模カンファレンス、Vue Fes Japan 2022が開催されました。Vue Fes Japan 2019が台風、Vue Fes Japan 2020が新型コロナウィルス感染症によって中止となったため、Vue Fes Japan 2018以来4年ぶりの開催となります。 オープニング | 川口 和也（Vue.js日本ユーザーグループ代表） Vue.js日本ユーザーグループ代表 川口和也氏はオープニングでVue Fesの歴史から振り返りました。台風、コロナ禍で2度の開催中止。これらの自体が運営、コミ
はてなブログ独自の集計による人気記事のランキング。1月14日（日）から1月20日（土）〔2024年1月第3週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 AIにプログラミング作業を奪われている - k0kubun's blog by id:k0kubun 2 万城目学氏、直木賞を受賞する - この門をくぐる者は一切の高望みを捨てよ by id:Tomio 3 マンガ「神引きのモナーク」がとても面白い - 誰かの肩の上 by id:daydollarbotch 4 PostgreSQLの仕組みから学ぶために必要な資料 - そーだいなるらくがき帳 by id:Soudai 5 Amazonのデジタルコンテンツが保証期間1年（かもしれない）件 - 妄想科學倶樂部 by id:DocSeri 6 山崎元さんと「お金」と「怒り」について - いつか電池がきれるまで by id:fu
「スタートアップCTOがVue3とVue2の違い・Vue3の注目機能を分かりやすくまとめ🙌！Vue3の導入を悩んでいるなら必見です👀」低コストなモダナイズ開発の実践 | Ragate
スタートアップCTOがVue3とVue2の違い・Vue3の注目機能を分かりやすくまとめ🙌！Vue3の導入を悩んでいるなら必見です👀 こんにちは！ わたしたちは数多くのプロジェクトに Vue3 を導入してきましたが、保守性・パフォーマンスともに本当に魅力的なフレームワークだなといつも感じています。特にNuxt3が登場してから、ますます幅広い利用が可能なフレームワークとなりました。 本記事では、今流行りの Vue3 の注目機能＆ Vue2.x との違いについて、実際の経験談を交え詳しく解説いたします。導入を悩んでいる方は、ぜひ本記事を参考にしてください。 想定する読者 Vue3 の導入を検討しているプロジェクトマネージャーVue3 の導入を検討しているテックリードエンジニアVue3 の新規プロジェクトに参画予定のエンジニア はじめに NuxtJS の Vue3 対応について Nuxt3にて
Unleash the Developer Experience with Nuxt and understand your app better than ever. We announced the preview of Nuxt DevTools on Vue Amsterdam 2023, a new tool to help you understand your Nuxt app and improve the developer experience even further. Today we released a new minor version v0.3.0 with a bunch of updates and improvements. In this post, we will explore the reasons behind the creation of
Nuxt3 + Tiptap + Y.js でリアルタイム共同編集が可能なエディターを作る | DevelopersIO
NotionやGoogle Docsなど、最近のオンラインドキュメントエディターでは、リアルタイムで複数人による共同編集が可能なサービスをよく見かけます。 便利ですよね、リアルタイムでの共同編集。 自分も日々お世話になっています。 最近、お仕事で上記サービスのような共同編集が可能なエディターを実装する機会があったのですが、そちらで採用した Tiptap というエディターライブラリがかなりいい感じだったので、今回その実装を簡単なサンプルとして紹介してみたいと思います。 なお、今回作成したサンプルのソースコードはGitHubに公開しています。 https://github.com/amotz/nuxt-tiptap-sample 完成イメージ 検証環境 nuxt 3.2.0 tiptap 2.0.0-beta.217 y-prosemirror 1.0.20 y-websocket 1.4.5
Vapor(Serverside Swift) + Nuxt.js + Cloud Run でホームページを手作りする - メドピア開発者ブログ
こんにちは。モバイルアプリを開発しています。髙橋です。 ホームページも作るのが好きなので、仕事の隙間時間で iOSDC Japan 2022 で同僚の出演を応援する意味で、 Swift のクイズサイトを作って Cloud Run で公開してみました。 メドピアは今週末いよいよ開催となる iOSDC Japan 2022 を PLATINUM SPONSOR として協賛させていただいております。 作ったホームページ 「Swift Quiz for 5.6 | メドピア」 👉 http://swiftquiz.medpeer.co.jp 正解数 6 問以上になると、正解が増えていくごとに演出が変わるので、全問正解できるまでトライしてみてください👍 iOSDC 向けなので、一時期 Serverside Swift に妙にハマったのもあり、せっかくなので Swift をバックエンドにしたホーム
MedPeerの開発をしている栗崎 (Ryohei Kurisaki (@0ryo0ryo) / X )です。 11月7日(火)に弊社オフィスにて、MNTSQ株式会社、株式会社hacomonoと３社合同でVue Fes Japan 2023 After Meetup を開催しました。 5年ぶりのオフライン開催となった Vue Fes Japan 2023の感想や思い出を語り合いました。 セッションのハイライト メインセッション Vue Fes Japan 2023のオーガナイザーであるkazuponさんによる 「Vue & Vite Rustify」のお話でした。 まずはViteの現状の課題についてお話されていました。 productionビルドが遅い dev環境とproduction環境のbundleの一貫性がない ※ dev環境はesbuild, production環境はRollup
We are excited to open source Nuxt 3 after more than a year of intense development. The repository is available on GitHub on nuxt/nuxt under the MIT license. A new foundationOn top of supporting Vue 3 or Vite, Nuxt 3 contains a new server engine, unlocking new full-stack capabilities to Nuxt server and beyond. It's the first JavaScript application server that is portable across a variety of modern
Nuxt3 入門 令和 最新
{ sns: @ushiro_noko, jobs: { main: STORES, sub: NuxtLabs Japan } }
最近なんとなく、考えていることの雑記(*´ω｀*) 本業が少しだけ落ち着き、時間が取れるようになったので、 個人開発の熱が戻ってきた。 年々個人開発に使える時間が減ってきたので、 もうすこしうまくできないかをいろいろ考えている途中。。 やりたいこと 最近はこのあたりをよく思ったりする。 作りたいものを素早くつくりたい 多くの人に使ってフィードバックをもらいたい 開発部分の以外はなるべく最小に 個人開発だけで生活できるように 大きくは変わっていないけど、より強く思うようになったかも。 考えている施策 利用技術を固定する いままでは割りと新技術を試す事が多かったけど、 ある程度、使う技術を固定して、習熟/開発の速度を上げる 今のところ、技術スタックはこんなイメージ WebApp ... Nuxt3/TypeScript/TaiwlindCSS/ElementPlus DocSite ... D
Jude Miracle I'm a software developer with a strong focus on frontend development, technical writing, and blockchain technology. I'm passionate about the Web3 ecosystem, I enjoy exploring new tools and technologies while creating engaging user experiences and clear, helpful documentation. Editor’s note: This post was reviewed for accuracy on 21 March 2024 by Oyinkansola Awosan to reflect the curre
Vueに続いて、Nuxtも3系がリリースされましたね。 VueがだんだんReactっぽくなっていっている気がしてなりません。 Vue3系はtsとの相性が良くなったと聞くのにいまだにts触れていません... Vueすら3系に上げてないのに、Nuxtなんでまだ調べられていないよ、という人！ 一緒に確認していきましょう！ 既存のNuxt 2 プロジェクトについて 既存のNuxt 2 プロジェクトに関しては、Nuxt Bridgeを経由してNuxt 3 にUpgradeすることを公式が強く推奨しています。また、動作に関してもNuxt 3 よりもNuxt Bridgeの方が安定していることを公式が発表しています。（2021-12-15 現在） ですので、既存のNuxt 2 プロジェクトに関しては、Nuxt Bridgeで動作を確認しながら、Nuxt 3系が安定してきたらUpgradeするのが良いかも
2023年9月22日紙版発売 2023年9月22日電子版発売 WINGSプロジェクト 齊藤新三 著，山田祥寛 監修 B5変形判／368ページ 定価3,520円（本体3,200円＋税10%） ISBN 978-4-297-13685-7 Gihyo Direct Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle ブックライブ 楽天kobo honto この本の概要 本書は，最近需要が急増しているSSR（Server Side Rendering）によるSPA開発に適したWebアプリケーションフレームワーク「Nuxt 3」の解説書です。Nuxtは，最新のバージョン3でVue 3に完全対応したことで，Composition APIやTypeScriptを活用した効率的な開発が可能になりました。さ
React には、データ取得・状態管理・キャッシュなどを少ない記述で実装できる SWR というライブラリがあります。 この記事を読んで、Nuxt 3 で同じことをする場合、どのようなライブラリを使うのが良いのか調べてみました。 TL;DR ライブラリは不要で、Nuxt 3 の標準機能で実装可能です。 useFetch() または useAsyncData() のオプションで initialCache: false を指定するだけでした。 （11/16追記）正式リリース前の最終RCである v3.0.0-rc.14 で、initialCache オプションが削除されました。つまり、デフォルトで自動的に今回の記事で紹介する挙動になりました。 以下は、そもそもSWRとは何か、そしてuseFetch / useAsyncData とは何か、という説明なので、上記の説明で理解できた方は読まなくて大丈夫
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2024-11-07のJS: Node v22.11.0 (LTS)、Nuxt 3.14、vlt Package Manager
Nuxt 3 の Route Middleware で簡単な認証フローを構築する
Nuxt 3 Migration Simplified: A Cheat Sheet · Harlan Wilton
6歳娘「パパ、Vue3のComposition APIってどう使うの？」 - Qiita
Vue + TypeScript で 0 → 1サービス開発
上流工程担当者に贈りたい「おまえら、NFT・メタバース・Web3について、勘違いしてないか？」
Nuxt 3がパブリックベータ版になったので新機能の紹介や所感など
Flutterを用いたWeb開発の今後について考える
スタートから1年半経ってもなかなか進まないデザイン共通化 アンドパッド社が陥ったプロジェクトの落とし穴
【Vue.js】Painless なコンポーネント開発のプラクティス - ContractS開発者ブログ
Nuxt 3 + TypeScript で状態管理（useState編）
Nuxt3のLinterは Nuxt ESLint で整備する (マイグレーションあり)
Nuxt/Content で Markdown なブログ・お知らせサイト作る - Qiita
Nuxt: A vision for 2023 · Nuxt Blog
Nuxt3 向けに Atomic Design を拡張してみた - hacomono TECH BLOG
Vue Fes Japan 2022イベントレポート | gihyo.jp
今週のはてなブログランキング〔2024年1月第3週〕 - 週刊はてなブログ
Introducing Nuxt DevTools · Nuxt Blog
Vue Fes Japan 2023 After Meetupを開催しました！ - メドピア開発者ブログ
Introducing Nuxt 3 Beta · Nuxt Blog
個人開発のやり方を見直してみる - くらげになりたい。
Next.js vs. Nuxt.js: Ultimate guide - LogRocket Blog
Nuxt 2系 → 3系? Nuxt Bridgeとは？ - Qiita
Nuxt 3 フロントエンド開発の教科書
Nuxt 3 でも useSWR したい！→標準機能のuseFetchでできました