Vue.js

JavaScript

Nuxt.jsをdockerで動かしてみる

【動作環境】 macOS 【使用するツール】 Docker Docker Compose 作業ディレクトリを作成 $ mkdir nuxt_app $ cd nuxt_app Dockerfileの作...
JavaScript

Nuxt.js(Vue.js)を使って動的モーダルコンポーネントを実装

今回、動的にモーダル表示するコンポーネントを作りました。「モーダルの状態管理」「親とコンポーネント間のデータの受け渡し」「動的にモーダルの中身を変更する」といった処理が必要で勉強になったので、備忘録代わりに記事にしました。 ※ vue...
WordPress

LION MEDIAのヘッダーメニューを上部固定する処理をjQueryとVueで実装

LION MEDIA(ライオンメディア)のヘッダーメニューをスクロール途中で上部固定する処理をjQueryとVue.jsの両方でサンプルを作りましたのでメモします。 テーマ側の設定 デフォルトでヘッダーメニューが表示されるように...
WordPress

WordPressのテーマに独自jsファイル(Vue.js)を読み込ませる方法

WordPressのテーマに独自で作成したjsファイル(Vue.js)を読み込ませる機会があったので、その方法について記事にしました。 【今回したいこと】 js/index.js(vue)をテーマに読み込ませたい 子テ...
PHP

Laravel × Vue.js × Bulmaの環境構築の手順

Laravel × Vue.js × Bulmaの組み合わせが非常に使いやすかったので、プロジェクトのセットアップまでを備忘録代わりに投稿します。 Laravelプロジェクトを作成 ここでは、laravel-bulma_appと...
JavaScript

Nuxt.js製のPWAアプリをFirebaseホスティングで公開する

【前提条件】 ・node.js (npm) ・yarn ・vue 以上が導入済み Firebaseでプロジェクト作成 Firebaseは、Googleが提供しているサービスのためGoogleアカウントでロ...
JavaScript

Nuxt.js+Bulmaのレイアウトを爆速で実装する

Nuxt.js+Bulmaの組み合わせがとても使いやすかったので、プロジェクト作成からレイアウト作成までを共有したいと思います。 なぜNuxt.js+Bulmaなのか? Vue.jsベースでフロントエンドを作成するにあたって、b...