技術ブログを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 関連の情報をピックアップして🏃‍♂駆け足で振り返ってみます。 （数が多かったので、おもに公式周辺... 続きを読む

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

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

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

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... 続きを読む

ウェブ制作で 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に移行した理由や悩んだところをまとめてみます。 移行を決めた理由 元々私のポートフォリオサイトは、まだ私が学生だった... 続きを読む

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 界... 続きを読む

【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を使ったサービスを開発しました。 その結果、最優秀賞を獲得し、更に１ヶ月で機能を追加して、サービスを正式リリー... 続きを読む

Auth0でJWT認証してみた話 - SMARTCAMP Engineer Blog

2019/12/20 19 users JWT ボクシル auth Qiita JWT認証

スマートキャンプでボクシルのエンジニアをしている井上です。 本記事はスマートキャンプ Advent Calendar 2019 - Qiitaの20日目の記事です。 個人的に遊んでいるAuth0について書いてきます。 前回はAuth0でのよくある認証をAuth0 Nuxtで実装しましたが、 今回は前回の作成したものを使って、Auth0でJWT認証をやってみた... 続きを読む

Nuxt + Contentful + Firebase Hosting のJAMstackを使ったサービス開発 | GiFT（ギフト）株式会社

2019/12/16 14 users Gift JamStack Contentful ギフト 実際

Nuxt + Contentful + Firebase Hosting のJAMstackを使ったサービス開発 今年はContentful芸のブログばかり書いていたら、JAMstackおじさん（通称JAMおじさん）になってしまいました。 今回は実際にリリースしたサービスでどのように実装したかを書いてみたいと思います。 今年はコーポレートサイトやオウンドメディアの... 続きを読む

Nuxt + Firebaseで読書感想文を書けるWebアプリを開発しました - Qiita

2019/10/15 86 users ペン アーカイブ 原稿用紙 感想文 Qiita

こんなサービスを作りました 『みんなの感想文』というWebアプリをリリースしました！ 『みんなの感想文』 インターネット上で読書感想文を書けるサービスをリリースしました！ 紙とペンがなくても感想文を書ける、そしてアーカイブとして残す世界を実現したくて作りました。400文字か200文字の原稿用紙で書くことができ... 続きを読む

Nuxt && Auth0使って簡単に認証作ってみる - SMARTCAMP Engineer Blog

2019/05/31 56 users auth Auth0 連係 認証 マルチデバイス対応

エンジニアの井上です！ 今回は私が最近気になっていたAuth0とNuxt を使って簡単な認証機能を作っていきたいと思います。 認証をどのように実装するかは皆さん結構悩まれているかなと思います。 Auth0は様々な既存プロバイダと自由に連係可能かつマルチデバイス対応、多要素認証に対応しているなどのメリットがあり、か... 続きを読む

【VSCode Remote】10秒でNuxt環境を構築【脱WebStorm】 - Qiita

2019/05/09 160 users Qiita YARN リモート node.js 完結

先日、Visual Studio Code Remote Developmentが発表されました。これを使うと拡張機能や実行環境をリモートで完結きます。 NuxtでVSCode Remoteを使うメリット ローカル環境にNode.jsやyarnをインストールせずに開発でき、ローカル環境を一切汚さずに開発できる。 Node.jsのバージョン管理をしなくてよくなる。 拡張機... 続きを読む

Nuxt.jsのinjectを使ってDIする - CYDAS Developer's Blog

2019/03/22 32 users meetup inject Nuxt.js スライド 前提知識

大阪からこんにちは、福山健（@kenfdev）です！ 先日「v-kansai Vue.js/Nuxt.js meetup #2」で「Nuxt.jsのinjectでインジェクトしてみる話」という内容で登壇させていただきました。その内容について記事にも残しておこうと思います。 スライドに関しては以下で公開しています。 speakerdeck.com 前提知識 基本的なNuxt.... 続きを読む

【Ch.1】 Nuxt とは？動かして理解する【Nuxt de Portfolio】 | 東京上野のWeb制作会社LIG

2019/02/26 17 users Vue チャプター フレームワーク ライター 連載

こんにちは、フロントエンドエンジニアのライダーです。 今回は「Nuxt de Portfolio」連載のチャプター1となります。 Nuxtとは？ Nuxt は、平たくいうと 2017年以降、爆発的に人気のでた、 WebサイトやWebサービスの開発に使われる、 Vue によるフロントエンド開発環境を束ねた、 コンポーネント志向のフレームワーク で... 続きを読む

Nuxt.js v2.4.0 is out! TypeScript, Smart prefetching and more... - DEV Community

2019/01/29 11 users TypeScript member github.com

Nuxt.js v2.4.0 is out! TypeScript, Smart prefetching and more... Sébastien Chopin Jan 28 ・9 min read You can see this release note on GitHub as well: https://github.com/nuxt/nuxt.js/releases/tag/v2.4.0 Important news New core team member We are really proud to announce Kevin Marrec (@kevinmarr... 続きを読む

阿部寛を超えるための技術: はてなブログからNuxtに移行した話 | Studio Andy

2018/12/12 28 users Contentful performance PWA対応

旧サイト(はてなブログ)からのパフォーマンスの伸びが顕著ですね。 Performanceは言わずもがなですが、はてなブログでPWA対応がほとんどされていないのが気になりました。Service Workerのような標準化しつつある仕様に追従できていないのは痛いところ。 Nuxt + Contentfulでやっていき 今回の実装にあたってはフレーム... 続きを読む

結婚パーティーのため Nuxt と Firebase でサーバーレスなご祝儀を納品した話 - 病みつきエンジニアブログ

2018/12/10 46 users Firebase サーバーレス 病みつきエンジニアブログ

この記事はNuxt.js Advent Calendar 2018の10日目です。 友人の結婚式の二次会向けのコンテンツとして、 「ニコ生」風に投稿された写真やコメントが流れるシステム を作りました。 動画だとわかりづらいかもなのですが、広いパーティー会場で、リアルタイムにプロジェクターで写しているような感じです。 ユーザーが写真... 続きを読む

Nuxt, netlify, Firebase を使ったWebサービス開発と個人開発における技術選定のポイント - Qiita

2018/12/09 31 users Qiita Firebase Netlify 主体 技術選定

Nuxt, netlify, Firebase を使ったWebサービス開発と個人開発における技術選定のポイント 技術構成はこんな感じで作りました。 Nuxtというよりかは個人開発における技術選定のポイントを主体に解説した記事です。 これから個人開発をやろうとしている人の参考になれば幸いです。 どんなWebサービス？ Google Calendar の... 続きを読む

Nuxt, netlify, Firebase を使ったWebサービス開発と個人開発における技術選定のポイント - Qiita

2018/12/09 251 users Qiita Firebase Netlify 主体 技術選定

Nuxt, netlify, Firebase を使ったWebサービス開発と個人開発における技術選定のポイント 技術構成はこんな感じで作りました。 Nuxtというよりかは個人開発における技術選定のポイントを主体に解説した記事です。 これから個人開発をやろうとしている人の参考になれば幸いです。 どんなWebサービス？ Google Calendar の... 続きを読む

GO + Revelで開発していたものをLaravel + nuxtで置き換える - Qiita

2018/11/30 24 users REVEL Dep Qiita Laravel Cache

Goでの小さいweb開発について 依頼されて開発をして、3年近く小さめのwebサイトをGo + Revelで運用してきて正直そこまで恩恵を受けれなかったように感じる。ので以下のように構成変更した。 Before 言語: Go v1.9 パッケージ管理: dep フレームワーク: Revel v0.21.0 ORM: GORM ミドルウェア: なし、cacheはrevel cache ... 続きを読む

Nuxt, ElementUI, Storybook 構成のVueプロジェクトの始め方 - Qiita

2018/11/19 50 users Qiita StorYBook howdy39 ソース 手順

Nuxt, ElementUI, Storybook 構成で始めようとしたときに、StorybookにElementUIを適用させるのにちょっと手こずったので手順を残しておきます。 最終的なソースです。 howdy39/nuxt-storybook-element-boilerplate: Nuxt, Storybook, ElementUI, Boilerplate Nuxtプロジェクトを elment-ui で作成 続きを読む