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
今回使った技術 Vue3 Nuxt3（ベータ版） TypeScript ある日の我が家 娘「ねぇ、パパ！」 娘「Vue3の、Composition APIの使い方を教えて！」 ワイ「おお、ええで〜」 ワイ「ほな、試しにこんな感じのページを作っていくで！」 娘「わー、数をカウントできるページなんだ！」 娘「便利そう〜！」 娘「しかも、2倍の数も確認できるんだね！」 ワイ「げへへ、照れるでぇ」 ワイ「ほな、さっそく作っていくで〜」 カウンターを作っていく ワイ「まずは、カウンターの数値が今いくつなのか」 ワイ「その状態管理をせなあかんから」
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
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:/
最近なんとなく、考えていることの雑記(*´ω｀*) 本業が少しだけ落ち着き、時間が取れるようになったので、 個人開発の熱が戻ってきた。 年々個人開発に使える時間が減ってきたので、 もうすこしうまくできないかをいろいろ考えている途中。。 やりたいこと 最近はこのあたりをよく思ったりする。 作りたいものを素早くつくりたい 多くの人に使ってフィードバックをもらいたい 開発部分の以外はなるべく最小に 個人開発だけで生活できるように 大きくは変わっていないけど、より強く思うようになったかも。 考えている施策 利用技術を固定する いままでは割りと新技術を試す事が多かったけど、 ある程度、使う技術を固定して、習熟/開発の速度を上げる 今のところ、技術スタックはこんなイメージ WebApp ... Nuxt3/TypeScript/TaiwlindCSS/ElementPlus DocSite ... D
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社と違って、デザイナーとエンジニアでセッションを区切ります。まず私から「エンジニアがデザインシステム導入に取り組む際の落とし穴」というテーマで話します。 少し大げさなタイトルですが、フロントエンドエンジニアとしてデザインシステムの導入に取り組む際に苦労したところや、その乗り越
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
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という用語が使われていますが、コンテンツをリク
はじめに こんにちは、がんがんです。 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 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
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度の開催中止。これらの自体が運営、コミ
2023 / 2022 / 2021 / 2020 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2023年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は累計スター数ではなく、『2023年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに総合ランキング1位は2016年～2019年にVue.jsが4連覇、2020年はDeno、2021年はzx、2022年はBunでした。 以下は2023年のランキング、2023 JavaScript Rising Starsの日本語訳です JavaScript ライジングスター 2023 8回目のJavaScript ライジングスターにようこそ！ ここでは、2023年のJavaScriptエコシ
フロントエンドのテックリードのみゅーとん(@_mew_ton)です。 弊社では新しいプロジェクトを立ち上げの際に、Nuxt3を採用することにしました。 また、従来までのプロジェクトの反省点として、 Atomic Design を考慮して実装することにしました。 ただ、Atomic Design について調査していくと、Atomic Design の考え方をそのままディレクトリに落とし込んでいくのはどうやら悪手のようで、Google サジェストからも、いくつか失敗のケースが散見されました。 そこで、Nuxt3 のディレクトリ構成にマッチするような Atomic Design の構成を考えてみたので紹介します。 Atomic Design とは Atomic Design とは、パーツ単位でUIデザインを設計する手法です。 Atomic Design 自体は 5年以上前から提唱されている設計方
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
「スタートアップCTOがVue3とVue2の違い・Vue3の注目機能を分かりやすくまとめ🙌！Vue3の導入を悩んでいるなら必見です👀」低コストなモダナイズ開発の実践 | Ragate
スタートアップCTOがVue3とVue2の違い・Vue3の注目機能を分かりやすくまとめ🙌！Vue3の導入を悩んでいるなら必見です👀 こんにちは！ わたしたちは数多くのプロジェクトに Vue3 を導入してきましたが、保守性・パフォーマンスともに本当に魅力的なフレームワークだなといつも感じています。特にNuxt3が登場してから、ますます幅広い利用が可能なフレームワークとなりました。 本記事では、今流行りの Vue3 の注目機能＆ Vue2.x との違いについて、実際の経験談を交え詳しく解説いたします。導入を悩んでいる方は、ぜひ本記事を参考にしてください。 想定する読者 Vue3 の導入を検討しているプロジェクトマネージャーVue3 の導入を検討しているテックリードエンジニアVue3 の新規プロジェクトに参画予定のエンジニア はじめに NuxtJS の Vue3 対応について Nuxt3にて
はてなブログ独自の集計による人気記事のランキング。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
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
はじめに 早速ですが... :deep 機能について :deep 機能のつらいところ そんなあなたに PrimeVue PrimeVue の Pass Through 機能 Pass Through の利用方法 最後に 出典 はじめに こんにちは！ContractS株式会社の北原です。 フロントエンドのリードとして、プロジェクトの技術選定や品質保守等を担当しています。 早速ですが... みなさまは Vue 3 をお使いになられていますか？ これには、以前の Vue 2 と比較して多種多様な改善がふんだんに盛り込まれています。 2020/09/18 にリリースされてから暫く経っているので、実際の業務や個人で触られた方も多いと思います。 例えば、 Composition API の正式採用 script setup 構文の対応 メモリ使用量削減による負荷軽減 その他色々ありますが、以上のような
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 } }
Jude Miracle I'm a software developer passionate about the Web3 ecosystem and love to spend time learning and tinkering with new tools and technologies. Editor’s note: This post was reviewed for accuracy on 21 March 2024 by Oyinkansola Awosan to reflect the current versions of each framework — Next.js 14.1.4 and Nuxt.js 3.11.1 — as well as to specify use cases for each and summarize their similari
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するのが良いかも
概要 Nuxt3の開発環境をDockerを使って構築してみます。 ※ Nuxt3が正式にリリースしたので2023/2/1に最新版に更新しました。 環境 macOS Ventura 13.2 Docker version 20.10.22 Docker Compose version v2.15.1 成果物 GitHub 構成 今回は最終的に以下のような構成になります。 . ├── docker │ └── nuxt │ └── Dockerfile ├── docker-compose.yml └── front ├── README.md ├── app.vue ├── node_modules ├── nuxt.config.ts ├── package.json ├── tsconfig.json └── yarn.lock
React には、データ取得・状態管理・キャッシュなどを少ない記述で実装できる SWR というライブラリがあります。 この記事を読んで、Nuxt 3 で同じことをする場合、どのようなライブラリを使うのが良いのか調べてみました。 TL;DR ライブラリは不要で、Nuxt 3 の標準機能で実装可能です。 useFetch() または useAsyncData() のオプションで initialCache: false を指定するだけでした。 （11/16追記）正式リリース前の最終RCである v3.0.0-rc.14 で、initialCache オプションが削除されました。つまり、デフォルトで自動的に今回の記事で紹介する挙動になりました。 以下は、そもそもSWRとは何か、そしてuseFetch / useAsyncData とは何か、という説明なので、上記の説明で理解できた方は読まなくて大丈夫
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を活用した効率的な開発が可能になりました。さ
Vue Fes Japan 2023 参加レポ
はじめに 2023/10/28 に東京都中野で開催された Vue Fes Japan 2023 に参加してきたので、レポート記事を書いてみようと思います。 今年の Vue Fes はコロナ禍以降初となるオフライン開催で、前回はなんと 2018 年だったようです。 （2019 年はコロナ禍以前ですが、運悪く台風と重なってしまって中止になっていたようです。） このレポートでは、各発表の詳細というよりも、全体を通して感じたことを中心に書いていきます。 各発表の資料は下記にできる限りまとめてみたので、ぜひご覧になって見てください。 発表者の方々のアカウントをフォローしたり、いいねをしたりして応援していきましょう！ 近いサポート終了 - 各社のマイグレーションとの戦い 今回の発表のうち、最も多かったテーマは Vue3 / Nuxt3 へのマイグレーションについてでした。 Vue2 は 2023年12
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のときに
フロントエンドのテックリードのみゅーとん(@_mew_ton)です。 弊社では新しいプロジェクトを立ち上げの際に、Nuxt3を採用しています。 このプロジェクトでは、APIコール部分の実装について、以下のようなルールを設けています。 ブラウザからは、 Nuxt3 の ServerRoutes (BFFサーバ) へアクセスする BFFサーバから、APIサーバへアクセスし必要な情報を取得する BFFサーバにて、ブラウザで表示するためのデータ構造に変換する (不要な情報を削ぎ落とす) このプロジェクトでE2Eテストを導入するためBFFサーバのモックを準備しました。 今回は、Nuxt3 の ServerRoutes 機能を利用してモックサーバを作る方法を紹介します！ TL;DR Nuxt3 は API の実装に server/api 配下にソースを配置する Nuxt3 が利用しているサーバエンジン
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
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年半経ってもなかなか進まないデザイン共通化 アンドパッド社が陥ったプロジェクトの落とし穴
Nuxt 3 + TypeScript で状態管理（useState編）
Nuxt3のLinterは Nuxt ESLint で整備する (マイグレーションあり)
Nuxt/Content で Markdown なブログ・お知らせサイト作る - Qiita
Nuxt: A vision for 2023 · Nuxt Blog
Vue Fes Japan 2022イベントレポート | gihyo.jp
【JavaScript】JavaScript ライジングスター 2023 - Qiita
Nuxt3 向けに Atomic Design を拡張してみた - hacomono TECH BLOG
2024-11-07のJS: Node v22.11.0 (LTS)、Nuxt 3.14、vlt Package Manager
今週のはてなブログランキング〔2024年1月第3週〕 - 週刊はてなブログ
Introducing Nuxt DevTools · Nuxt Blog
【Vue.js】Painless なコンポーネント開発のプラクティス - ContractS開発者ブログ
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
Nuxt3 × Docker環境構築（正式版） - Qiita
Nuxt 3 でも useSWR したい！→標準機能のuseFetchでできました
Nuxt 3 フロントエンド開発の教科書
Nuxt3 でモックサーバ作ってみる - hacomono TECH BLOG