Build beautiful websites using Vue & Nuxt

2024/10/17 13 users

Get Started Build beautiful websites using Vue & Nuxt Open Source components to build stunning animated interfaces effortlessly using Vue & Nuxt. 続きを読む

Nuxt Auth Utils でサーバーサイドの認証を（OAuth・マジックリンク・ワンタイムパスワード）

2024/09/01 11 users サーバーサイド nitro OAuth SSR フレームワーク

Nuxt 3 では Universal Rendering (SSR) によるアプリケーションの開発が難なく可能です。 Nitro というサーバーサイドのフレームワークにより、Nuxt 3 はサーバー側の処理も簡潔に記述できるようになっています。 Nuxt Auth Utils はそんな Nuxt の特徴を生かした、SSR のアプリケーションに OAuth 認証を実装できる Nu... 続きを読む

Vue.js でファイルベースルーティングを実現する「Unplugin Vue Router」の紹介

2024/08/13 7 users Vue.js フレームワーク アプリケーション 紹介 web

Web アプリケーション開発において、ファイルベースルーティングはコードの可読性向上や開発効率化に大きく貢献します。本記事では、Vue.js アプリケーションでのファイルベースルーティングをシンプルかつ型安全に実現できる「Unplugin Vue Router」をご紹介します。Nuxt のような大規模なフレームワークは少し大げさだ... 続きを読む

技術ブログをNuxt + Netlify + Contentfulから、はてなブログ for DevBlogに移行しました - もふもふ技術部

2024/02/07 11 users Netlify Contentful 出口 移行 タイトル

こんにちは。出口です。 タイトルにある通り、技術ブログをはてなブログに移行しました。 この記事では、なぜ移行することになったのか、どうやって移行したのか、移行で苦労したところなどをまとめておきたいと思います。 もし脱セルフホストブログ、脱Contentfulや、はてなブログへの移行をお考えであれば参考になるの... 続きを読む

Vue.js と Nuxt の 2023年まとめ

2024/01/03 60 users 駆け足 進展 Vue.js アップデート 多く

2023年は Vue.js および Nuxt のアップデートがとっても活発な一年でした。 これだけ多くの、そして多様な進展があると、1年を振り返っておかないと何があったか忘れてしまいそうです。 というわけで Nuxt, Vue.js, Vite 関連の情報をピックアップして🏃‍♂駆け足で振り返ってみます。 （数が多かったので、おもに公式周辺... 続きを読む

unjs/nitro+satori+sharpで動的OGP画像を自動生成する - くらげになりたい。

2023/12/08 6 users unjs SHARP くらげ nitro Satori

Nuxtだと、Nuxt SEO Kitのnuxt-og-imageを使えば、 vueコンポーネントとかHMLTをOG画像にできるけど、 unjs/nitroでもできないかなと思い、 いろいろ調べてみたときの備忘録(*´ω｀*) nuxt-og-imageの中をのぞいてみたら、 satoriとsharpを使ってたので、それを参考に実装してみた satori+sharpを使った画像生成 この3つ... 続きを読む

なんでVueを使っているか｜laiso

2023/12/03 8 users laiso React Laravel Vue 要件

仕事でVueというかNuxtを選んで使っているんですけど、なんでだっけという部分を思い出してみる Reactも使っているので評価してどちらかを選定する話ではないです まずLaravelで構成されたソースコードがあってここにどうやって機能を後付けするかという部分を考えた 要件として特定のUIを実現するJavaScript SDKがあっ... 続きを読む

Nuxt 3.6 · Nuxt

2023/06/23 8 users

Nuxt 3.6Nuxt 3.6 is out, bringing performance improvements, fully static server components, better style inlining, static presets, increased type safety - and much more. SPA loading indicatorIf your site is served with ssr: false or you have disabled server-rendering on some of your pages, you mi... 続きを読む

2ヶ月半で Nuxt サービスを 3.5 個つくった話 - メドピア開発者ブログ

2023/06/13 16 users メドピア開発者ブログ 2ヶ月半 Workspaces 去年

フロントエンドエンジニアの小林和弘です。 去年の 4 月に「Web アプリを 3 つ使ったサービスを 3 ヶ月でつくりたい」という話が降ってきて、無茶を現実にした話をします。 新規サービス「やくばと」で Workspaces のモノレポを使って、医療機関画面、薬局画面、患者画面の 3 つの Nuxt を構築しました。 やくばととは ... 続きを読む

Nuxt 3.5 · Nuxt

2023/05/16 5 users

Nuxt 3.5Nuxt 3.5.0 is out, bringing Vue 3.3, new defaults, interactive server components, typed pages, environment config - and much more. ⚡️ Vue 3.3 releasedVue 3.3 has been released, with lots of exciting features, particularly around type support. new defineOptions macro'generic' componentstyp... 続きを読む

一休.com、Yahoo!トラベルのNuxtをNuxt3にアップグレードしました - 一休.com Developers Blog

2023/04/17 7 users Nuxt3 フロントエンド トラベル 山口 内部

CTO室プラットフォーム開発チームの山口(@igayamaguchi)です。 プラットフォーム開発チームではさらに内部でプロジェクトチームが分かれており、私はフロントエンド改善チームというチームでリーダーをしています。 フロントエンド改善チームでは主に一休.com、Yahoo!トラベルのフロントエンドの改善を行っております。 ... 続きを読む

CDNエッジでJS／TS／WASMを実行できる「Vercel Edge Functions」正式リリース　Node.jsサブセットを目指す

2022/12/28 8 users wasm astro CDNエッジ TypeScript

CDNエッジでJS／TS／WASMを実行できる「Vercel Edge Functions」正式リリース　Node.jsサブセットを目指す 米Vercelが、CDNエッジでJavaScript／TypeScript／WebAssemblyを実行できるサーバレス基盤「Vercel Edge Functions」を正式リリース。Next.js、Nuxt、Astro、SvelteKitなどのWebアプリケーションフレームワークに... 続きを読む

Announcing 3.0 • Nuxt

2022/11/16 20 users

Announcing Nuxt 3.0 stableWe are thrilled to announce the first stable version of Nuxt 3.0.0 ✨ Nuxt 3 is a modern rewrite of the Nuxt framework based on Vite, Vue3, and Nitro with first-class Typescript support and the result of more than two years of research, community feedback, innovation, an... 続きを読む

NuxtLabs Japan - Nuxt開発の法人向け技術サポート

2022/09/26 6 users JavaScriptフレームワーク Vue.jsベース

Nuxt（ナクスト）は、Web開発をシンプルかつパワフルにするVue.jsベースのJavaScriptフレームワークです。直観的で優れた開発者体験と、エンドユーザーの利便性を高める豊富な機能を備えています。 NuxtLabs Japanは、Nuxtを開発するNuxtLabs社の公式ソリューションパートナーに認定されており、日本唯一の法人向け技術... 続きを読む

ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19

2022/09/05 480 users jQuery React Vue ウェブアプリケーション開発

ウェブアプリケーション開発で React や Vue を使うのはまぁよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしに集計してみました。 調査方法 母集団 ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが... 続きを読む

JAMスタックのNetlify、Denoを採用したサーバレス環境「Netlify Edge Functions」ベータ公開。Deno Deployの分散エッジでNext.js/Nuxt/SvelteKit/Remixなど実行

2022/04/20 75 users Netlify deno SvelteKit Remix 実行

JAMスタックのNetlify、Denoを採用したサーバレス環境「Netlify Edge Functions」ベータ公開。Deno Deployの分散エッジでNext.js/Nuxt/SvelteKit/Remixなど実行 Webホスティングサービスを提供するNetlifyは、Denoを採用した新しいサーバレス環境「Netlify Edge Functions」をパブリックベータとして公開しました。 We k... 続きを読む

NuxtもNextもSvelteも推し！フロントエンドエンジニアがアンドパッドでみつけた意外な夢 | ANDPAD_Engineers

2021/11/29 13 users 持ち前 才能 ANDPAD_Engineers 技術領域 採用

2020年8月に入社したフロントエンドエンジニアの市川さんは、アンドパッドに入社後、持ち前の才能を開花させた一人です。プロダクト開発のみならず、勉強会や採用にも深く関わり、さらには組織づくりにも携わっています。「環境を変えることで、新たな技術領域にチャレンジできるだけではなく、一人の人間として、より大... 続きを読む

フロント開発を炎上させてしまった話

2021/11/23 491 users フロント開発 React サンドバッグ 裸足 本来

はじめに お久しぶりです、皆様のサンドバックが帰ってまいりました。 投稿ができていない期間、Nuxtにボコボコにされて裸足で逃げ出し、逃げた先のReactにも強烈な左カウンターをお見舞いされました。 本来であれば、このような場所に投稿することすらはばかられる内容ですが、敢えて書きましょう。 私はフロント開発を... 続きを読む

ポートフォリオサイトをNuxt + Netlifyに移行しました | Webクリエイターボックス

2021/07/14 14 users ポートフォリオサイト Netlify Vue.js 移行 学生

2021年7月14日 Nuxt JS, Vue.js, Webサイト制作 WordPessで作成していた私のポートフォリオサイトをNuxt JSで作り変えてみました。デザインや内容はそのままで、管理体制を変えた感じですね。Nuxtに移行した理由や悩んだところをまとめてみます。 移行を決めた理由 元々私のポートフォリオサイトは、まだ私が学生だった... 続きを読む

RailsのActive Storage ダイレクトアップロード機能を Nuxt から使う | RADICODE BLOG

2020/12/21 7 users Rails リサイズ 自前 AWS Lamb Rails側

今までRailsでファイルをアップロードする場合、加工処理を行いたいためにRails側でファイルを受け取るような実装が主流でした。 ファイルアップロード → Rails → ファイルの加工 → S3へアップロード しかし、現在は画像変換サービスを利用したり、自前でリサイズ サーバを運用したり、S3にアップロードされたらAWS Lamb... 続きを読む

Nuxtの管理画面をReactに移行する試行錯誤 - Techtouch Developers Blog

2020/12/16 5 users React 試行錯誤 管理画面

この記事はテックタッチアドベントカレンダー16日目の記事です。 15日目は terunuma サンによる Chrome 拡張の Overview of Manifest V3 を翻訳しました でした。Greasemonkey 黄金期の牧歌的な時代を過ごしてきた身なので、ブラウザの拡張がどんどん肩身が狭くなっていくのは少し寂しかったりします。セキュリティ上仕... 続きを読む

Vue に stale-while-revalidateがやってくる - STORES Tech Blog

2020/09/29 21 users Vue SWR stores しくみ フロントエンド開発

STORES でフロントエンド開発をしているushironokoです。今回は Vue でも SWR のようなしくみが使え、遠くない未来で標準的に使われることになりそうだ、という話を書きます。stale-while-revalidate とはどのようなものなのかについても簡単に解説していきます。 SWR(stale-while-revalidate) とは何か Vue や Nuxt 界... 続きを読む

nuxt/content で作成した Web サイトで Markdown 内の画像を Native Lazy-loading を行う | potato4d D(iary)

2020/09/02 9 users Markdown iary README Gyazo OSS

nuxt/content で作成した Web サイトで Markdown 内の画像を Native Lazy-loading を行う 2020/09/02 普段ブログや技術メモを書くとき、お手軽な画像ホスティングとして Gyazo を利用していたりします。 Patreon を開設していた頃に OSS の README に貼る GIF をサクッと取りたいという動機で Gyazo Pro を契約後、もう2... 続きを読む

DRFとNuxtを使って画像分類（機械学習）をする① - atma-inc__blog

2020/03/27 8 users Django PyTorch ResNet フレームワーク

はじめに インターンしている小林です．この記事では，DRF（Djangoのいい感じのフレームワーク）を使って，APIを作るまで行います．記事は二編構成とし，一編はDRFによるAPI作成，二編はNuxtを用いてユーザが実際に入力することを想定してフロント作成します．具体的には，PyTorchのresnetを用いて，入力フォームから受... 続きを読む

【Firebase, Nuxt】リアルタイムなスライド共有サービスを作ってハッカソンで優勝した話 - Qiita

2020/01/15 24 users Qiita Firebase Problem ハッカソン 結果

Help us understand the problem. What is going on with this article? 昨年末にFirebaseのアイデアソン/ハッカソンに参加しました。 その場で出会った３名で即席チームを結成して、約1ヶ月でFirebaseを使ったサービスを開発しました。 その結果、最優秀賞を獲得し、更に１ヶ月で機能を追加して、サービスを正式リリー... 続きを読む