JavaScriptNuxt.jsをdockerで動かしてみる 【動作環境】 macOS 【使用するツール】 Docker Docker Compose 作業ディレクトリを作成 $ mkdir nuxt_app $ cd nuxt_app Dockerfileの作... 2018.11.11JavaScriptプログラミング
JavaScriptNuxt.js(Vue.js)を使って動的モーダルコンポーネントを実装 今回、動的にモーダル表示するコンポーネントを作りました。「モーダルの状態管理」「親とコンポーネント間のデータの受け渡し」「動的にモーダルの中身を変更する」といった処理が必要で勉強になったので、備忘録代わりに記事にしました。 ※ vue... 2018.10.23JavaScriptプログラミング
WordPressLION MEDIAのヘッダーメニューを上部固定する処理をjQueryとVueで実装 LION MEDIA(ライオンメディア)のヘッダーメニューをスクロール途中で上部固定する処理をjQueryとVue.jsの両方でサンプルを作りましたのでメモします。 テーマ側の設定 デフォルトでヘッダーメニューが表示されるように... 2018.10.09WordPress
WordPressWordPressのテーマに独自jsファイル(Vue.js)を読み込ませる方法 WordPressのテーマに独自で作成したjsファイル(Vue.js)を読み込ませる機会があったので、その方法について記事にしました。 【今回したいこと】 js/index.js(vue)をテーマに読み込ませたい 子テ... 2018.10.08WordPress
PHPLaravel × Vue.js × Bulmaの環境構築の手順 Laravel × Vue.js × Bulmaの組み合わせが非常に使いやすかったので、プロジェクトのセットアップまでを備忘録代わりに投稿します。 Laravelプロジェクトを作成 ここでは、laravel-bulma_appと... 2018.08.15PHPプログラミング
JavaScriptNuxt.js製のPWAアプリをFirebaseホスティングで公開する 【前提条件】 ・node.js (npm) ・yarn ・vue 以上が導入済み Firebaseでプロジェクト作成 Firebaseは、Googleが提供しているサービスのためGoogleアカウントでロ... 2018.08.10JavaScriptプログラミング
JavaScriptNuxt.js+Bulmaのレイアウトを爆速で実装する Nuxt.js+Bulmaの組み合わせがとても使いやすかったので、プロジェクト作成からレイアウト作成までを共有したいと思います。 なぜNuxt.js+Bulmaなのか? Vue.jsベースでフロントエンドを作成するにあたって、b... 2018.07.16JavaScriptプログラミング