The sky is the limit

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

【さくらのVPS】さくらのVPSにSSHキーの設定をする【SSH/Github/Bitbucket】

【さくらのVPS】さくらのVPSにSSHキーの設定をする【SSH/Github/Bitbucket】 ※契約中のサーバーにログインしている状態から始めます。 sshキーの作成からconfigファイルの作成 過去記事の通り実施してください。 http://www.sky-limit-future.com/entry/crea…

【AWS CloudSearch】CloudSearchの実装で困ったところ Part.1【Java】

【AWS CloudSearch】CloudSearchの実装で困ったところ Part.1【Java】 QueryPaeserがStructuredの場合、searchQueryのシングルクォーテーションやバックスラッシュをエスケープする必要がある QueryPaeserがSimpleの場合 QueryPaeserがSimpleの場合はsearchQ…

【さくらのVPS】さくらのVPSに追加したプロジェクトでgitコマンドが使えなかった件【gitコマンド】

【さくらのVPS】さくらのVPSに追加したプロジェクトでgitコマンドが使えなかった件【gitコマンド】 ブランチの切り替えをしようとしたら以下のエラーが出ました。 to set your account's default identity. Omit --global to set the identity only in this …

【モバイルアプリ開発】NativeScript-Vueとは【NativeScript, Vue.js】

【モバイルアプリ開発】NativeScript-Vueとは【NativeScript, Vue.js】 nativescript-vue.org翻訳しました。(googleが) NativeScriptとは NativeScriptは、JavaScriptを使用して本来のモバイルアプリケーションを構築するためのオープンソースのフレームワー…

【Java】BigDecimalやIntegerに変換できるかどうかを確認する【NumberFormatException】

【Java】BigDecimalやIntegerに変換できるかどうかを確認する【NumberFormatException】 ユーザー入力値を new BigDecimal(入力値) するときに、入力値がBigDecimalに変換できない場合があってエラー(NumberFormatException)となります。 入力値がBigDecimal…

【Vue.js】Vue.jsとLocalStorageを使って献立管理アプリを作成 一覧画面 - Part3 - 【LocalStorage】

【Vue.js】Vue.jsとLocalStorageを使って献立管理アプリを作成 一覧画面 - Part3 - 【LocalStorage】 前回まで www.sky-limit-future.comwww.sky-limit-future.com mainComponent.jsの解説 part2 一覧画面 一覧画面の機能は以下の通りです。・一覧表示機能 …

【Vue.js】Vue.jsとLocalStorageを使って献立管理アプリを作成 登録画面 - Part2 - 【LocalStorage】

【Vue.js】Vue.jsとLocalStorageを使って献立管理アプリを作成 登録画面 - Part2 - 【LocalStorage】 前回 www.sky-limit-future.com mainComponent.jsの解説 part1 indexComponent 今回はホーム画面から一覧画面にリダイレクトしているので使用していません…

【Vue.js】Vue.jsとLocalStorageを使って献立管理アプリを作成 - Part1 - 【LocalStorage】

【Vue.js】Vue.jsとLocalStorageを使って献立管理アプリを作成 - Part1 - 【LocalStorage】 嫁が管理栄養士なのですが、「こんなアプリが欲しい」と言われたので作成しました。 内容は献立管理アプリです。 ある献立が直近で使われた日付がすぐ分かるように…

【Vue.js】Vue.jsとLocalStorageを使ってテンプレートの作成【LocalStorage】

【Vue.js】Vue.jsとLocalStorageを使ってテンプレートの作成【LocalStorage】 最近、簡単なアプリを作る時にVue.jsとローカルストレージを使うことが多いので、そのためのテンプレートを作りました。Vue.jsテンプレートgithub.com 共通ヘッダーメニュー comp…

【SSH】Github/Bitbucketの別アカウントでSSHキーを設定する方法【Github/Bitbucket】

【SSH】Github/Bitbucketの別アカウントでSSHキーを設定する方法【Github/Bitbucket】 Macでの実施した内容になります。Windowsについては違う箇所もありますのでご了承下さい。 sshキーの作成・追加方法についてはこちらから。www.sky-limit-future.com 今…

【SSH】MacでのSSHキー追加方法【Github/Bitbucket】

【SSH】MacでのSSHキー追加方法【Github/Bitbucket】 Macでの実施した内容になります。Windowsについては違う箇所もありますのでご了承下さい。 GithubとBitbucketで異なる内容も記載しました。 sshに移動 必ずここに移動しましょう。 $ cd ~/.ssh キーの作…

【Vue.js】Vue.jsでAjax通信(php)【axios,php】

【Vue.js】Vue.jsでAjax通信(php)【axios,php】 今回はVue.jsからAjax通信でWEBAPIを呼び出し画面に反映することを目的とします。 今回はphpを使っていますが、そこは問題ではないのでphpには焦点を当てないで書いていきます。Vue.jsの公式ドキュメントで推…

1-3【UI開発】OnsenUIを使った画面内スクロールの実装【ons-carousel】

1-3【UI開発】OnsenUIを使った画面内スクロールの実装【ons-carousel】 今回は一つのタブ内での横スクロールでの画面遷移を実現するための方法。 今回のアプリでは、目標貯金金額を貯めるための期間や月々の貯蓄額などを計算するためのページでこの機能を使…

【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呼び出し ・グ…

ファイルから取得したPHPの値をjavascriptに渡す - 【PHP】phpでDB不要のアンケート機能を作成する

【PHP】phpでDB不要のアンケート機能を作成する ファイルから取得したPHPの値をjavascriptに渡す 前回はこちらwww.sky-limit-future.comphpの変数をjavascriptで受け取る。 その方法はこれ。 受け渡すデータが「$data」の場合。 var array = ; これをfile.ph…

フォームデータをファイルに書き込む/出力する - 【PHP】phpでDB不要のアンケート機能を作成する

【PHP】phpでDB不要のアンケート機能を作成する フォームデータをファイルに書き込む/出力する 前回はこちら www.sky-limit-future.com アンケート結果をファイルに書き込んで、その値を出力する。 ファイル操作をfile.phpで実施。 index.phpはアンケートの…

form外のボタンをクリックしてsubmitさせる方法 -【PHP】phpでDB不要のアンケート機能を作成する

【PHP】phpでDB不要のアンケート機能を作成する form外のボタンをクリックしてsubmitさせる方法 まずは、選択肢と投票ボタンを作成する。 formにはhidden項目を用意しておいて、押されたボタンのテキスト(idでもいいけど)をhidden項目に設定して$_POST変数に…

【PHP】phpでDB不要のアンケート機能を作成する【Chart.js/LocalStorage/jQuery/ファイル】

【PHP】phpでDB不要のアンケート機能を作成する【Chart.js/LocalStorage/jQuery/ファイル】 ■やりたいこと DBを使わないでアンケートを実装したい アンケート結果をファイルで管理する 一つのアンケートに対して、一人一回の投票制御をつける(LocalStorage) …

【人工知能のつくりかた】ゼロから作るDeepLearningの読み方【Python】

【人工知能のつくりかた】ゼロから作るDeepLearningの読み方【Python】 今回は、DeepLearning入門に必須の「ゼロから作るDeepLearning - Pythonで学ぶディープラーニングの理論と実装 -」の読み方について。 人工知能、機械学習に興味あるけど何からやったら…

【Vue.js】Vue.jsでstyleをv-bind【v-bind:style】

【Vue.js】Vue.jsでstyleをv-bind【v-bind:style】Vue.jsでstyleに対してバインディングの実装をしてみた。 以下はコンポーネント内でも使っているサンプル。 これで動的にスタイル変更も可能。 本来はstyleではなく、classでやったほうがよさそうだけど。 <html lang="ja"> <head></head></html>…

【WebStorage】LocalStorageとSessionStorageの使い方

【WebStorage】LocalStorageとSessionStorageの使い方 LocalStorageとSessionStorageの使い方を忘れかけていたのでまとめた。 最初にリリースしたアプリはLocalStorageを使っていたが、端末によっては結構重いという情報があった。 IndexedDBのほうがいいら…