Vue.js

Nuxt.js

Nuxt(Vue)でアイキャッチ画像を作るアプリを作ってみた

ぬにょす(挨拶)。 ブログのアイキャッチ画像に、記事タイトルを重ねたいなぁと思って。でも、それだけのためにGIMP使うのもなぁ…ってゆーモノグサが発動し。画像をピャッとやって文字をチャッと打って、はい完成、みたいなアプリを探してみた...
Nuxt.js

Vue.jsのトランジションにAnimate.cssを使う

ぬにょす(挨拶)。 Vue.jsにはトランジション/アニメーションのための仕組みが備わっています。今回は、CSSアニメーションライブラリのAnimate.cssと組み合わせて実装してみます。 下準備 Nuxt...
Nuxt.js

nuxt-buefy の CSS をカスタマイズする

ぬにょす(挨拶)。 Nuxtアプリケーションの作成時に選択できるUIフレームワークの Buefy は CSSフレームワークの Bulma に依存しています。デフォルトでは生成済みの CSS を参照しているので、これを SCSS の読...
Nuxt.js

Nuxt.jsのレイアウト/ビューをいじる

ぬにょす(挨拶)。 カスタムレイアウトを追加し、ビューでそれを使うようにしてみます。 カスタムレイアウトの追加 layouts ディレクトリにレイアウトを作成します。 section.hero.is-pr...
Nuxt.js

Nuxt.jsで独自のページを表示する

ぬにょす(挨拶)。 先日作成したNuxtアプリケーションにページを追加してみます。 pagesディレクトリに .vue ファイルを作成 Nuxt.jsは規定のディレクトリ構造を持っています。 ...
Nuxt.js

Nuxt.jsが便利すぎた件

ぬにょす(挨拶)。 WebアプリのフロントエンドにVue.js、バックエンドにRailsという構成でアレコレしていたのですが、Nuxt.jsならどっちもイケる事が分かって乗り換えました。フロントもバックもJavaScriptに統一で...
タイトルとURLをコピーしました