TL;DR 当サイトの構築について半分記録、半分実装向けのノリで記載します。 一言で言えば Nuxt x Firebae x Markdown記事ブログ です 目次 このサイト作ったぞシリーズです。 Nuxt.jsとFirebaseでサイトを作った話 -1- はじめに イマココ Nuxt.jsとFirebaseでサイトを作った話 -2- CSSとSassとPostCSSとVue Nuxt.jsとFirebaseでサイトを作った話 -3- Markdownの変換とNuxtへの組み込み Nuxt.jsとFirebaseでサイトを作った話 -4- PWA/GTM/sitemap/feed対応 Nuxt.jsとFirebaseでサイトを作った話 -5- netlifyとFirebase 作り始めたきっかけ ずっと非公開なポートフォリオページみたいなものはあったのですが、 それ自体がかなり古くなって

2019年6月19日に行われたPWA Night vol.5で使用したスライドです。 リンク Nuxt.js : https://nuxtjs.org/ タムテブ : https://tamutebu-arabaki2019.firebaseapp.com/ タップ10 : https…

Nuxt.js(v2)でgenerate納品する前にやっておきたい設定 Nuxt(v3)版書きました。 リリース情報確認URL Nuxt.jsのリリースノート create-nuxt-appのリリースノート node.jsのリリースノート VScodeのアップデート情報 動作確認済みバージョン Node.js(v14.8.0) npm(v6.14.7) Nuxt.js(2.14.4) create-nuxt-app(v3.2.0) macOS Catalina(v10.15.6) terminal(zsh) VScode(v1.48.2) 更新履歴 2020/9/1 nuxt.js(v2.13)から、generateプロパティーにroutesを設定しなくても大丈夫なようになっていたので該当箇所を削除。 2020/8/29 create-nuxt-app(v3.2.0)用にリライトしました。

東京ラビットハウスのerukitiです。ごきげんよう。 Nuxt大人気ですね。ですが皆さん、Nuxtを使っていてもその中身がどうなってるかまではちゃんと調べている方は少ないのではないでしょうか？エンジニアたるもの中身をちゃんと知らずに使うなどとはもってのほかです！ そこで今回の記事はではNuxtの中身を読んで仕組みを解説します。 2018/10/08（月曜祝日）に開催される技術書典5では、Nuxtの中身を主な題材として、JavaScriptフレームワークの技術と仕組みについて解説する本と、V8を崇める本の2冊を出す予定です。ご興味があればサークルページから、チェックリストに登録してみてください。 この記事は、本を書く過程で調べ上げたことを元にブログバージョンとしてまとめたものです。 誤りがある、ここがわかりづらい、もっと深く説明がほしいなどの要望があれば、お気軽にコメントや、@erukit

こんにちは！ 株式会社SCOUTER開発部フロントエンドエンジニアの佐藤(@r_sato1201)です 先日、業務でCMSでコンテンツを管理するLPをNuxtプロジェクトで作成しました。 その際に、Markdownをhtmlにパースする必要がありmarkdown-itを触ったので、 備忘録も兼ねてNuxtプロジェクトを使用する際のmarkdown-itについて書きたいと思います。 導入方法 @nuxtjs/markdownitのインストール まずは、markdown-itのnpmパッケージをインストールします。 yarn add @nuxtjs/markdownit nuxt.config.jsにmarkdownitの設定を記述 nuxt.config.jsにnuxtjs/markdownitのモジュール読み込みと主なオプションを記述します。 ※各オプションデフォルト値です nuxt.co

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 こんにちは、アジアクエスト株式会社でフロントエンドエンジニア(以下、FE)をやっています、かめぽんです。 最近、VueもNuxtも勢いすごくないですか？？ すごいですよね？！？！ そんでもって、FirebaseやAWSを使ったサーバーレスアーキテクチャのアプリケーションも増えてきていますね！ だけど、「覚えること多くてよくわからん！けど、なんか動かしてみたい！」 と、思う方もいると思うのでぜひこの記事を参考にしていただけたらと思います。 サーバーレスSPAの構築方法はたくさんありますが、まずは手軽にモダンフロントエンド周りの知見を

まずは作ったサイトを貼っておきます。 https://wp-nuxt-for-netlify.netlify.com/ いかがですか？現在住んでいるオーストラリアのADSLな爆遅回線でも、爆速です。 WordPress は heteml のレンタルサーバーですよ？ 感動しすぎたので、徒然なるままに〜。 ざっくり構成 WordPress側 リニューアル中の家族ブログ（ https://nishida.lol ） Heteml レンタルサーバー（月額 2000円） Heteml で無料SSL WP REST API でGET APIだけ利用 https://v2.wp-api.org/ フロント側 Nuxt Nuxt.js 1.0.0 nuxt generate で静的ファイル生成 netlify にホスティング https://www.netlify.com/ GitHub 上で nuxt

2024-09-10 テクノロジア魔法学校の体験談と評判 「テクノロジア魔法学校」というプログラミング教材をご存知ですか？ ホームページの広告などで一度は目にしたことがある人も多いのではないかと思いますが、ディズニーが提供する子供向けのプログラミング教材です。 今回は、この「テクノロジア魔法学校」の体験版を実際に体験してみての感想や、「テクノロジア魔法学校」がどのようなものか、その評判などを見ていきたいと思います。 テクノロジア魔法学校とは 料金 エント […] 2024-09-10 レンタルサーバー「クイッカ」の評判と使い勝手 レンタルサーバーとして有名なサーバーの一つに、「クイッカ」があります。 名前は聞いたことのある人も多いのではないかと思いますが、今回はこの「クイッカ」について、料金やスペック、評判などを見ていきたいと思います。 レンタルサーバー「クイッカ」の基本情報 レンタルサー