GMT+0900Nuxt.jsとvue-magic-gridというライブラリを使ってフォトギャラリーっぽいものを作ってみます。下記の環境で試してます。0.0.4出来上がり出来上がりは下記のようなものを目指します。実際に動くものはここにあります。インストール今回は@nuxtjs/axiosとvue-magic-gridをつかうのでそれらをインストールします。データを分離せずにビューに直接記述するのであれば@nuxtjs/axiosは不要です。@nuxtjs/axiosaxiosの設定@nuxtjs/axiosの使い方は基本的に公式ドキュメントのとおりで、後は一つ前の記事で書いた通りに開発と本番で取得先のURLが変わるように設定します。Pluginsで呼び出すNuxt.jsでVueのプラグインを使うにはpluginsディレクトリで対象となるプラグインをVue.useすればよいです。magic-grid.jsというファイルを作って下記のようなコードを書きます。"vue-magic-grid";Vue.use(MagicGrid);これをnuxt.config.jsで指定します。...}コンポーネントを作る次に写真付きカード表示用するコンポーネントを作ります。下記のようなコードを書いてcomponents/Card.vueとかそんな感じの名前で保存します。}};</script>データを準備する次にカードに表示するデータのjsonを用意します。これをstatic/dataの下らへんにimages.jsonとかなんかそんな感じで保存します。...]カードを表示するページを作成する最後にカードを表示するページを作成します。pages以下に適当にページ用のファイルを作成し、asyncDataで先に作成したjsonからデータを取得します。}};</script>表示順をランダムにしたいということもあります。自前でシャフルしましょう。}};これでページを表示するたびに異なる順序でカードが表示されるようになります。後はほかのライブラリと組み合わせてクリックすると全画面表示とかできるようにしたいと思ってます。できたらそのうち続きを書くかもしれません。YoshinoriN)。