Nuxt3のリリースが待ち切れない！ベータ版を使ってToDoリストを作ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのザワです。 Go言語でAPIを作ってみたかったので、前回は手っ取り早く作れるアプリケーションとしてToDoリストを作ってみました。 執筆時点ではまだベータ版であるNuxt3をどうしても使ってみたいので、今回はToDoリスト制作を通してNuxt3の一部機能を試したいと思います。 Nuxt3のロードマップを見ると、2022年6月に安定板がリリースされる予定になっています。 今回もミニマムな要件で作りきることを目標にして、データの永続化はせず、見た目を作っていきます。少ない手間でスタイリングしていくために、UIフレームワークであるVuetifyを使います。 それではNuxt3、Vuetifyのインストールから始めます。 環境・バージョン情報 使用した環境とバージョン情報は以下の通りです。 Node.js(v16.14.0) Nuxt(3.0.0-27465767.70f0
Nextでも！Nuxtでも！Viewport Extraで手軽に縮小表示 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ エンジニアのつっちーです。 突然ですが、フレームワークって便利ですよね。色々ありますが、JavaScriptだと今はNextやNuxtでしょうか（2022年3月時点）。私もこの2つにはどっぷりハマっており、楽しく便利に使わせてもらっています。自身に限らず、様々なところで採用事例を見かけるため、かなりスタンダードな選択肢となっているように感じます。 さて、小さい端末やiPadでの縮小表示に便利なライブラリViewport Extraですが、引き続きたくさんご利用いただいています。今後もまだまだ使ってもらいたい。そのためには、Next/Nuxtと一緒に動作することが求められると考えました。もちろん可能ですが、すこし工夫が必要……ということで、今回はこれらを併用する方法を紹介します。 Viewport Extraの説明についてはこちらの記事をご覧ください。
Nuxt.js で Markdown ベースのブログを構築する（Markdown 編） - jmblog.jp
この記事は「Nuxt.js で Markdown ベースのブログを構築する」シリーズの一部です。 Nuxt.js で Markdown ベースのブログを構築する（Markdown 編） ← ここ Nuxt.js で Markdown ベースのブログを構築する（Nuxt.js 編） Nuxt.js で Markdown ベースのブログを構築する（サイトパフォーマンス編） 本ブログは、 Markdown で記事を書き、 Nuxt.js の静的ファイル生成機能を使って静的ファイルを書き出し、 Netlify を使ってホスティングする というシステム構成になっている。具体的にどのようにしているか簡単に紹介する。 processmd を使った Markdown ファイルの変換処理 それぞれのブログ記事は YYYY-MM-DD-xxxxx.md という Markdown ファイルに書いている。ファイル
Webサイト制作のチュートリアル連載「Nuxt de Portfolio（全５回）」を始めます！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのライダーです。 2018年 秋に Nuxt v2 がリリースされたこともあり Nuxt.js（以降、Nuxt） が人気を博しています。これまで興味がなかったあなたも、その人気ぶりから少し Nuxt への興味が湧いてきたころではないでしょうか？ LIGにも着実にその流れはきており、シングルページアプリケーション（以降、SPA）やそのサーバサイドレンダリング（以降、SSR）以外のWebサイトでも、Nuxt を導入して快適コーディングする事例が増えてまいりました。 そこで今回から「ポートフォリオサイトの作成」を題材に、Nuxt を使ったWebサイト制作をチュートリアル式に進めていきたいと思います。 本連載「Nuxt de Portfolio」の目的 冒頭でも話しましたが、いま日本で、Nuxt はどんどん広まってきており、ドキュメントも充実し、Tips系の記事
Nuxtに「serverMiddleware」を設定して、API サーバ的な動きをさせてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのライダーです。 2018年秋、Nuxt 2がリリースされましたね。しかも、イベント中のライブリリースだったとのこと。公式のTwitterアカウントに発表の様子がアップされていました。 Live releasing of Nuxt.js 2.0 at @vue_london 💪🏻 pic.twitter.com/jhasarJkvo — Nuxt.js (@nuxt_js) 2018年9月21日 すごい……。 さて今回は、そんなNuxtのserverMiddlewareを使った、API サーバっぽいものの設定をご紹介します。 Nuxtの「serverMiddleware」とは? 公式Docs：https://ja.nuxtjs.org/api/configuration-servermiddleware/ serverMiddlewareでは、 Nu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
