The sky is the limit

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

【モーダル】Vue.jsで作成したモーダルの外側をクリックした時に閉じるようにする

【モーダル】Vue.jsで作成したモーダルの外側をクリックした時に閉じるようにする 今回はVue.jsで作成したモーダルの外側をクリックした時に、そのモーダルを閉じる方法を解説します。以下のページでは、Vue.jsを使ったモーダルの作成方法と、今回の記事内容…

【filter】Vue.jsのfilterで金額にカンマを入れる【フォーマット】

【filter】Vue.jsのfilterで金額にカンマを入れる【フォーマット】 ここではVue.jsを使って金額にカンマを入れるフォーマット処理について解説していきたいと思います。 目次 カンマの付け方 filterの作成 filterの使用 カンマの付け方 最初に、金額にカンマ…

【アドセンス】Vue.jsアプリケーションにアドセンス導入【vue-cli】

【アドセンス】Vue.jsアプリケーションにアドセンス導入【vue-cli】 今回はvue-cliを使って作ったVue.js + webpackのWEBアプリケーションにGoogleアドセンスを導入する方法を解説していきたいと思います。 ここではvue-google-adsenseというプラグインを用い…

【Vue.js】titleタグやmetaタグ(description)を書き換える方法【vue-router】

【Vue.js】titleタグやmetaタグ(description)を書き換える方法【vue-rouetr】 ここではVue.jsを使ったアプリケーションで、ページタイトルやmetaタグのdescriptionを動的に変更する方法を解説します。 titleタグやdescriptionはSEOで最も基本かつ重要なポイ…

【vue-cli】webpackで作成したアプリケーションで、v-bindした画像の読み込みがうまくいかない【v-bind】

【vue-cli】webpackで作成したアプリケーションで、v-bindした画像の読み込みがうまくいかない【v-bind】 目次 ■v-bindした画像パスが正しく読み込まれない ■vue-loaderのアセットURLハンドリング ■解決方法 v-bindした画像パスが正しく読み込まれない vue-c…

【Vue.js】VueアプリケーションがSEO的によくなさそう??【SPA・シングルページアプリケーション】

【Vue.js】VueアプリケーションがSEO的によくなさそう??【SPA・シングルページアプリケーション】 ここでは「単一ファイルコンポーネントを使わない」Vueアプリケーションについて言及しています。 目次 ■単一ファイルコンポーネントを使わないVueアプリケ…

【Vue.js】さくらのVPSにvue-cliを使って作成したVueアプリケーションを公開した方法【さくらのVPS】

【Vue.js】さくらのVPSにvue-cliを使って作成したVueアプリケーションを公開した方法【さくらのVPS】 前提 ・Macで実施しています(Windowsなどは方法が異なる場合があります)経緯などを読み飛ばしたい方はさくらのVPS上にvue-cliで作成した(単一ファイルコン…

【vue-router】router-link でクリックイベントが反応しない【 v-on:click / @click】

【vue-router】router-link でクリックイベントが反応しない【 v-on:click / @click】 タイトル通りで、vue-routerを使っている場合に、router-linkにクリックイベント(v-on:click / @click)を定義しても、反応しません。 そんな時にどうしたら良いか、2つの…

【DB】MAMPでデータベースを使用する方法【MySQL】

【DB】MAMPでデータベースを使用する方法【MySQL】 事前準備 以下の環境が整っていることを前提として話を進めます。 【MAMP】MAMPでPHP開発環境を整える【MySQL PHP 環境構築】 www.sky-limit-future.com 目次 phpMyAdminを使う方法 その他ツールを使う方法…

【MySQL】ユーザーを作成と権限の追加

【MySQL】ユーザーを作成と権限の追加 今回はMySQLのユーザー作成と権限追加についてです。 いつも通り、Macでの話になりますのでご注意下さい。 事前準備 MAMPの環境を想定していますので、以下の記事を元に環境構築をお願いします。 www.sky-limit-future.…

【MAMP】MAMPでPHP開発環境を整える【MySQL PHP 環境構築】

【MAMP】MAMPでPHP開発環境を整える【MySQL PHP 環境構築】 ここではPHPの開発環境を簡単に整えることのできるMAMPの導入から、PHPでHello World!と出力するまでを説明します。 Macでの開発環境導入になりますのでご注意ください。 目次 MAMPのインストール …

【テキストエディタ】オススメのテキストエディタ3選

【テキストエディタ】オススメのテキストエディタ3選 本日はオススメのテキストエディタをご紹介します。 目次 ・Sublime Text ・VSCode ・Atom Sublime Text 私が最も使用しているテキストエディタです。 インストールしてそのままの状態でも、十分使いやす…

【さくらのVPS】 phpのメール送信ができない【sh: /usr/sbin/sendmail: No such file or directory】

【さくらのVPS】 phpのメール送信ができない【sh: /usr/sbin/sendmail: No such file or directory】 さくらのVPSにPHPでメール送信する実装を入れました。 ローカル環境ではうまくいいたのに、さくらのVPSではうまく行かなかったので原因を探ると sh: /usr/…

【Vue】router-linkのv-on:clickを有効にする方法【vue-router】

【Vue】router-linkのv-on:clickを有効にする方法【vue-router】 vue-routerを使用している場合、router-linkを使う場面も多いかと思います。 その中でクリックした場合の挙動などを設定するために、 v-on:click もしくは @click を使いたいたかったので、そ…

【Pandas】PandasのSeries型の使い方 その2 - Seriesの参照 -

【Pandas】PandasのSeries型の使い方 その2 - Seriesの参照 - 前回 www.sky-limit-future.com Seriesの参照にはindexとvalueどちらか一方のみを参照する方法と、両方を参照する方法があります。 また、Seriesの一部だけを参照することも可能です。 この方法…

【Pandas】PandasのSeries型の使い方 その1 - Seriesの作成 -【Series型】

【Pandas】PandasのSeries型の使い方 その1 - Seriesの作成 -【Series型】 Pandasの概要は後日まとめます。 今回から、Pandasでよく使われるSeries型についてまとめていきます。 Series型とは Pandasの中でよく使われるデータ構造の一つで、一次元のndarray…

【IE11】IE11で動かした時に、vue-routerの定義で「':'がありません」と怒られる【Vue】

【IE11】IE11で動かした時に、vue-routerの定義で「':'がありません」と怒られる【Vue】 以前、嫁のために作成したWEBアプリ。 github.com献立管理アプリですが、これはVue.jsとvue-routerを使用して作成しています。 嫁の会社のパソコンがIEしか入っていな…

【Numpy】集合関数(重複削除/和集合/積集合/差集合)を勉強する【unique/union1d/intersect1d/setdiff1d】

【Numpy】集合関数(重複削除/和集合/積集合/差集合)を勉強する【unique/union1d/intersect1d/setdiff1d】 今回はNumpyの数値計算に使う集合関数についてまとめてみました。 np.unique - 重複削除 np.uniqueは配列要素に重複がある場合、重複を取り除く関数…

【さくらの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の公式ドキュメントで推…