The sky is the limit

Vue.js、PHP、Java、Cordova、Monacaを中心にハイブリッドアプリ開発、PWA開発など効率的なWEB、iOS、Androidアプリ開発の情報を共有します。

【Vue.js】$refsで取得した要素で使えるプロパティ【ref】

【Vue.js】$refsで取得した要素で使えるプロパティ【ref】 今回は以下のような実装をしました。See the Pen vuejs-refs-test by duotaro (@duotaro100) on CodePen.pタグとulタグ、liタグにそれぞれ「ref」属性を付与して、それぞれの要素を取得します。 そ…

【Vue.js】TSとVue.jsを書く場合に、$refsへの参照でエラーとなる【TypeScript】

【Vue.js】TSとVue.jsを書く場合に、$refsへの参照でエラーとなる【TypeScript】 実装した内容 要素の高さを取得したかったので、Vueの$refを使いました。 取得したい要素に、ref属性をつけることでその要素の情報を取得することができます。 html側 <div> <p ref="test">テスト</p></div>…

【Vue.js】Vue Carouselを使ってカルーセルを実装する その1【デフォルト・自動・ループ】

【Vue.js】Vue Carouselを使ってカルーセルを実装する その1【デフォルト・自動・ループ】 Vue.jsを使っているプロダクトにカルーセルを組み込もんだ時に、Vue Carouselを使いました。 簡単な使い方を何回かに分けてまとめます。 今回はデフォルトの動きと、…

【Vue.js】Vue.jsでaタグにhrefを設定した際に、画面遷移せずに他の処理を実行する方法【prevent.stop】

【Vue.js】Vue.jsでaタグにhrefを設定した際に、画面遷移せずに他の処理を実行する方法【prevent.stop】 もともとvue-routerで実装していたが、aタグで設置して欲しいという要望がきました。 (SEOとか、右クリックで別タブで開きたいとか) aタグにして画面遷…

【機械学習】TensorFlowの基本分類チュートリアル「Fashion MNIST」を実行しながら解説 - Part3 -【TensorFlow】

【機械学習】TensorFlowの基本分類チュートリアル「Fashion MNIST」を実行しながら解説 - Part3 -【TensorFlow】 前回 www.sky-limit-future.com 目次 モデルの訓練 モデルの評価 予測 モデルの訓練 ここからモデルの学習・訓練です。 訓練は次のようになり…

【機械学習】TensorFlowの基本分類チュートリアル「Fashion MNIST」を実行しながら解説 - Part2 -【TensorFlow】

【機械学習】TensorFlowの基本分類チュートリアル「Fashion MNIST」を実行しながら解説 - Part2 -【TensorFlow】 前回 www.sky-limit-future.com 目次 正規化 分類クラス モデルの作成とコンパイル 正規化 前回の続きで、実装の説明に入ります。 機械学習で…

【機械学習】TensorFlowの基本分類チュートリアル「Fashion MNIST」を実行しながら解説 - Part1 -【TensorFlow】

【機械学習】TensorFlowの基本分類チュートリアル「Fashion MNIST」を実行しながら解説 - Part1 -【TensorFlow】 最近はVue.jsは一旦休憩して、TensorFlowの勉強をしています。 そこで、TensorFlowの基本分類チュートリアルである「Fashion MNIST」を実行し…

【Vue.js】Vuexでストアオブジェクトをモジュールに分割する【Vuex】

【Vue.js】Vuexでストアオブジェクトをモジュールに分割する【Vuex】 【前回】Vuexの基本的な使い方 www.sky-limit-future.com Vuexを使用する際に、単一のストアオブジェクトを使っているとストアオブジェクトが膨れ上がってきてしまいます。 すると管理が…

【Vue.js】Vue.jsでモバイル/タブレットであるかを判定する【isMobile.js】

【Vue.js】Vue.jsでモバイル/タブレットであるかを判定する【isMobile.js】 Vue.jsに限らず、javascriptの実装をPCかモバイルやタブレットで分けたいということがあるかと思います。 そのためのライブラリとして「isMobile.js」というものがありますが、これ…

【iOS】iOS11.3や11.4で発生したpreventScrollを防ぐ方法【スクロール】

iOS

【iOS】iOS11.3や11.4で発生したpreventScrollを防ぐ方法【スクロール】 iOS 11.3からSafariやChrome、FirefoxでpreventScrollが生じるようになり、ブラウザの動きが気持ち悪くなりました。 状況としては下記ページの内容です。182521 – REGRESSION (iOS 11.…