Vue.js

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

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

JavaScriptプログラミング

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

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

JavaScriptプログラミング

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

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

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

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

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

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

PHPプログラミング

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...

JavaScriptプログラミング