Techvenience

Technology × Convenience - Vue / React / Next / Nuxt / ChatGPTなどのIT技術がもたらす便利さをお伝えします。最近はChatGPTなどのAI技術を使ってブログを書いています。

2017-01-01から1年間の記事一覧

【Vue.js】Vue.jsを使ってみた

【Vue.js】Vue.jsを使ってみたAngular派(2系はろくに使ったことないから、Angular派ともいえないが)だった僕が、ついにVue.jsに手を出した。jp.vuejs.orgここに沿って、適当に触ってみた。 <html> <head> <meta charset="utf-8"> <title>Vueチュートリアル</title> <script src="https://unpkg.com/vue"></script> </head> <body> <p>テスト</p> <div id="app"> これは{{me…</div></body></html>

【PWA】プログレッシブ・ウェブアプリとネイティブアプリ/ハイブリッドアプリ/ウェブアプリの違い - 連載 【PWA】プログレッシブ・ウェブアプリ 概要 -

連載 【PWA】プログレッシブ・ウェブアプリ 概要 - 第2回 【PWA】プログレッシブ・ウェブアプリとネイティブアプリ/ハイブリッドアプリ/ウェブアプリの違い前回はプログレッシブ・ウェブアプリ(以下PWA)の概要と個人的な思いを記事にした。www.sky-limit-fut…

【Android版】Android版エミュレータでの動作確認とAdmonb導入【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 PART5

【Android版】Android版エミュレータでの動作確認とAdmonb導入【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 PART5 その5 【Android版】Android版エミュレータでの動作確認とAdmonb導入 …

【Android】SDKインストール後のPATH設定【Mac・.bash_profile】

【Android】SDKインストール後のPATH設定【Mac・.bash_profile】 【Android】SDKインストール後のPATH設定【Mac・.bash_profile】 今回は、Macを使ってAndroidアプリ開発環境に必要な、SDKインストール後のPATHの設定方法を備考録。 .bash_profileの新規作成…

1-2【UI開発】OnsenUIを使ったページ遷移の実装2 【Navigator編】- 【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 -

【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 1章 UI開発 1-2【UI開発】OnsenUIを使ったページ遷移の実装2【Navigator編】 このページは、過去の記事www.sky-limit-future.comを最新化したもの。 www.sky-…

【ons-modal】ons-modalを使った実装【OnsenUI・Angular】

【ons-modal】ons-modalを使った実装【OnsenUI・Angular】 管理系のアプリを作成した時の話。 初回起動時にパスワード入力画面を表示させるという実装で、 パスワード画面が表示されている時は、tabbarや他のボタンを押させたくないというのがあった。 これ…

【iOS版】Admobプラグインの追加と動作確認(広告表示確認) - 完結編 - 【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 PART4

【iOS版】Admobプラグインの追加と動作確認(広告表示確認) - 完結編 - 【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 PART4 その4 【iOS版】Admobプラグインの追加と動作確認(広告表示…

第1回 【PWA】プログレッシブ・ウェブアプリとは - 【連載】プログレッシブ・ウェブアプリ 概要 【PWA】-

【連載】プログレッシブ・ウェブアプリ 概要 【PWA】 第1回 【PWA】プログレッシブ・ウェブアプリとは 2017年、そしてこれからのアプリ開発を牽引していくのではと、個人的に思っている【PWA】プログレッシブ・ウェブアプリを解説していく。 これまでブログ…

【iOS】document.getElementById('hogehoge').click()が正しく動かなかった件【clickイベント】

【iOS】document.getElementById('hogehoge').click()が正しく動かなかった件【clickイベント】 OnsenUI 2.0 AngularJS 1.5現在いるタブのとあるボタンを押下すると、他のタブに遷移するという実装が必要だった。 最初は遷移したいタブにid="hogehoge"を付与…

その3 Cordovaプラグインの追加【Admob】と動作確認(広告表示確認) - 試行錯誤編2 -【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 PART3

その3 Cordovaプラグインの追加【Admob】と動作確認(広告表示確認) - 試行錯誤編2 -【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 PART3 その3 Cordovaプラグインの追加【Admob】と動作…

その2 Cordovaプラグインの追加【Admob】と動作確認(広告表示確認) - 試行錯誤編 - 【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 PART2

その2 Cordovaプラグインの追加【Admob】と動作確認(広告表示確認) - 試行錯誤編 - 【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 PART2 その2 Cordovaプラグインの追加【Admob】と動作…

Safariでiosシミュレータのデバッグ

Safariでiosシミュレータのデバッグ iOSシミュレータで起動しているアプリのデバッグをするときの方法。 Cordovaでハイブリッドアプリ開発をするときに、iOSシミュレータで動くアプリのデバッグをしたい時がある。 その方法。 1.iOSシミュレータの起動 2.Saf…

その1 Cordovaの環境構築と、iosでの動作確認 -【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】

その1 Cordovaの環境構築と、iosでの動作確認 -【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 その1 Cordovaの環境構築と、iosでの動作確認 以前Monacaのゴールドプランなどへのプラン…

1-1【UI開発】OnsenUIを使ったページ遷移の実装1 【tabbar編】- 【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 -

【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 1章 UI開発 1-1【UI開発】OnsenUIを使ったページ遷移の実装1 【tabbar編】 このページは、過去の記事www.sky-limit-future.comを最新化したもの。 はてなブロ…

【OnsenUI・Angular】Chart.jsでグラフ実装 その2【Monaca・ハイブリッドアプリ】

【OnsenUI・Angular】Chart.jsでグラフ実装 その2【Monaca・ハイブリッドアプリ】 it-innovation.hatenablog.com 以前のブログで、実装に触れなかったので今回は実装内容を見ていく。■index.html htmlではcanvasタグにチャート描画を行う。 js側で拾うために…

【OnsenUI・Angular】Chart.jsでグラフ実装 NVD3でできなかったので【Monaca・ハイブリッドアプリ】

【OnsenUI・Angular】Chart.jsでグラフ実装 NVD3でできなかったので【Monaca・ハイブリッドアプリ】 以前、以下の記事を書いたけど、(他の方法で)解決したのでご報告。it-innovation.hatenablog.comNVD3を使用したグラフは上手く動かなかった。動いたけど…

【OnsenUI・Angular】単一ページで横スクロールを実現する方法【Monaca・ハイブリッドアプリ開発】

【OnsenUI・Angular】単一ページで横スクロールを実現する方法【Monaca・ハイブリッドアプリ開発】 タイトルの内容。 スクロールのようにページ遷移するのではなく、一つのページ内で横スクロールを実現したかった。 やりたいことだけやって、optionなどは試…

【OnsenUI・Angular】ons-dialogの中で、Angularの「this.hogehoge」が認識されなかった【Monaca・ハイブリッドアプリ開発】

【OnsenUI・Angular】ons-dialogの中で、Angularの「this.hogehoge」が認識されなかった【Monaca・ハイブリッドアプリ開発】 タイトル通り。 ons-dialogの中で、this.hogehogeのようにthis.変数名とやっても認識されない(undefinedとなる) ハマったので備考…

【Monacaハイブリッドアプリ】NVD3でグラフ作成。うまくいかないの巻【Angular・OnsenUI】

NVD3でグラフ作成。サンプル使ったけど。。。なんで? monacaでonsenUI,Angularを使用したグラフ作成がしたくて参考になるものを探していた。blog.asial.co.jpこのブログを参考に作成した結果がこれ 表示ちっさ。heightやwidthをいじってみたけど、変わらな…

OnsenUIのtabbarでハマった

OnsenUIのtabbarでハマった OnsenUIのtabbarでハマった話。以前は このように書いていたが、新規アプリ開発に取り掛かり、同様の記載をしたら上手く動かない。。。 原因は、使ってるフレームワークのバージョンが異なっていた。単純なミスだった。 下のよう…

更新再開

最近忙しく、更新できなかったが、余裕が出てきたので再開。 仕切り直しかな。。。

ビットコイン買いました

ビットコイン買いました

【TensorFlow】TensorFlowを通してDeep Learningを学ぶ①【人工知能】

【TensorFlow】TensorFlowを通してDeep Learningを学ぶ【人工知能】最近仕事が忙しく、ハイブリッドアプリを含めた記事の更新ができていない。 3月末には余裕が出てくると思うので、まとめて更新していく予定。ハイブリッドアプリと並行して、TensorFlowの勉…

【AWS】EC2 を利用した仮想マシンの起動【チュートリアル】

【AWS】EC2 を利用した仮想マシンの起動【チュートリアル】 ここからAWSのチュートリアルをやって、興味のある分野では有料の内容についても、やっていく。 できれば人工知能。有料ぽいけど。。。