The sky is the limit

ハイブリッドアプリ開発、PWAなど効率の良いiOSアプリ、Androidアプリ開発の情報を共有したい。アプリ開発は楽しい。【PWA、AngularJS、Monaca、Cordova、OnsenUI】

【Vue.js】勉強しながらVue.jsでPWAを作ってみる - Vuexの導入 -

【Vue.js】勉強しながらVue.jsでPWAを作ってみる - Vuexの導入 - 前回はプロジェクト作成まで実施して、実装に入ろうと考えたが、状態管理のためにVuexを導入しようと思います。 使用したPWAテンプレート(vue-pwa-boilerplate)には、Vuexがはいっていない…

【Vue.js】Vuexを導入して、データの状態変化管理を簡単にする【Vuex】

【Vue.js】Vuexを導入して、データの状態変化管理を簡単にする【Vuex】 今回はVuexを学びます。 Vuexは簡単にいえば、「コンポーネント間のデータのやり取りを簡単にするもの」です。 いままで、コンポーネント間のデータのやり取りは以下の記事のようにやっ…

【Vue.js】勉強しながらVue.jsでPWAを作ってみる - プロジェクト作成 -

【Vue.js】勉強しながらVue.jsでPWAを作ってみる - プロジェクト作成 - そろそろPWAへの理解を深めないとダメだなと思ったので、Vue.jsでPWAを作成します。 勉強しながらなので、間違っている箇所もあるかと思いますがご了承ください。作成するものは、ハイ…

【Vue.js】親Componentのデータ値を子Componentで変更する【$emit】

今回はVue.jsで、親Componentのデータ値を子Componentで変更する方法を記載します。

【Vue.js】デフォルト要素名と重複したコンポーネント名を指定した場合

【Vue.js】デフォルト要素名と重複したコンポーネント名を指定した場合 例えば、コンポーネントの名前に「menu」とつけた場合はこんなエラーが出ます。 Do not use built-in or reserved HTML elements as component id: menu 要するに、「デフォルトの要素…

【html5】indexedDBの使い方

【html5】indexedDBの使い方 今回は、次回のハイブリッドアプリ開発で使用を考えているindexedDBを学びます。 indexedDBの実装内容 うまく表示されない場合はリロードをお願いします。See the Pen indexedDB by duotaro (@duotaro100) on CodePen. indexedDB…

【Vue.js】component要素を使って画面切り替え【VueRouterを使わない】

【Vue.js】component要素を使って画面切り替え【VueRouterを使わない】今回はVueRouterを使わないで、画面を切り替える方法として、component要素を使ってます。

LocalStorageを使って一回しか投票できないようにする - 【PHP】phpでDB不要のアンケート機能を作成する

【PHP】phpでDB不要のアンケート機能を作成する LocalStorageを使って一回しか投票できないようにする 前回はこちら www.sky-limit-future.com 今のままだと、誰でも何回も投票できるので困る。 もちろん一人が何票も入れることができるというアンケートもい…

アンケートに答えた内容をグラフにすぐ反映する - 【PHP】phpでDB不要のアンケート機能を作成する

【PHP】phpでDB不要のアンケート機能を作成する アンケートに答えた内容をグラフにすぐ反映する 前回はこちらwww.sky-limit-future.com 前回は解説のためにindex.phpとfile.phpを分けたけど、index.phpに全て統合する。 前回の内容ではsubmitした時にしかグ…

phpの値をjavascriptで受け取って、Chart.jsでグラフ描画【円グラフ】 - 【PHP】phpでDB不要のアンケート機能を作成する

【PHP】phpでDB不要のアンケート機能を作成する phpの値をjavascriptで受け取って、Chart.jsでグラフ描画【円グラフ】 前回はこちらwww.sky-limit-future.com Chart.jsは2.1を使用する。 今回はCDNを利用。 file.phpに以下を追加。 ・chart.js呼び出し ・グ…