Monaca UG OHMIYA #2
-
- いいね！0
Atsushi@MOONGIFT
@goofmint
マイ広報誌というサイト。自治体の広報誌をとりまとめてWebサイトで見られる。これをアプリで見られるように、ということでMonacaを使って実現している。 #monaca_ug
2018-06-16 16:11:45
Atsushi@MOONGIFT
@goofmint
Monacaとの出会いはマイ広報誌よりもずっと前。Webアプリで作っていたStay Now!をスマホアプリにしたのが最初。 #monaca_ug タップ一つで今日近くで泊まれるホテルを探せる
2018-06-16 16:14:24
Atsushi@MOONGIFT
@goofmint
トップで最新の記事を出して、詳細記事を見られるというアプリ。バックナンバーを見たり、カテゴリごとに記事も辿れる＞マイ広報誌 #monaca_ug
2018-06-16 16:18:11
Atsushi@MOONGIFT
@goofmint
スマニューっぽいカテゴリ一覧であったり、プルダウンでバックナンバーを見られるようにしている。＞マイ広報誌 #monaca_ug
2018-06-16 16:20:31
Atsushi@MOONGIFT
@goofmint
当時のWordPressはJSON出力してくれなかったのでフィードを解析していた。今だったらJSONを使うかな…とのこと。 #monaca_ug
2018-06-16 16:22:31
Atsushi@MOONGIFT
@goofmint
プッシュ通知はニフクラ mobile backendを利用＞マイ広報誌 無料で月200万回まで使えるので、よほどのアプリでない限りは無料のまま使えるので便利。 #monaca_ug
2018-06-16 16:23:30
Atsushi@MOONGIFT
@goofmint
ニフクラ mobile backendで発行されるキーをMonacaアプリに設定する程度でプッシュ通知を送れる。他にも機能は色々あるんだけど、使っているのはプッシュ通知くらい。 #monaca_ug
2018-06-16 16:26:28
Atsushi@MOONGIFT
@goofmint
プッシュ通知を送るためにはiOSであれば証明書の登録、AndroidはGCMでAPIキーの発行が必要。APIキーは全アプリで共通で使えるのでそんな手間ではない。iOSはアプリ毎に発行が必要。 #monaca_ug
2018-06-16 16:28:54
Atsushi@MOONGIFT
@goofmint
Onsen UIがテンプレートそのままでは動かなかったり。RSSリーダーのテンプレートもそのままでは動かなかったり。Googleで聞いてもなかなか答えに辿り着けなかった。 #monaca_ug
2018-06-16 16:31:39
Atsushi@MOONGIFT
@goofmint
Appleからのリジェクトが。理由としては当時広告を入れていたんだけど、その広告で引っかかってしまった。 #monaca_ug 結局、広告自体を外してしまった。アプリ自体は広告モデルで収益をあげるものではなかったので、諦められた。
2018-06-16 16:35:14
Atsushi@MOONGIFT
@goofmint
アプリにしたいと言われた理由。1. サイトがレスポンシブではない。 2. PCファーストで作っているのでスクロール量が多い。#monaca_ug なのでもっとシンプルに見やすくしたいという要望があった。
2018-06-16 16:41:57
Atsushi@MOONGIFT
@goofmint
自治体ごとに細かいカスタマイズがしょっちゅう発生する。ヘッダー画像の差し替えとか。＞マイ広報誌 #monaca_ug 全自治体一斉に手を加えることはほとんどない。
2018-06-16 16:44:17
Atsushi@MOONGIFT
@goofmint
WordPressを更新するとプッシュ通知を作成する仕組みはWordPressプラグインで自動化している＞マイ広報誌 #monaca_ug 予約配信も可
2018-06-16 16:45:57
Atsushi@MOONGIFT
@goofmint
星野さんの会社を変えていこうという試みはちょっとずつ成果を出しつつあるという。まー社内の人がUGに来ないとねw #monaca_ug
2018-06-16 16:58:16
Atsushi@MOONGIFT
@goofmint
Vue.jsで実装。学習コストが低くてドキュメントも充実している。初心者に優しいよ！ #monaca_ug Onsen UIでもVue.jsに対応しているよ
2018-06-16 16:59:12
Atsushi@MOONGIFT
@goofmint
cordova-plugin-keychain-touch-id を利用すると指紋認証できる #monaca_ug sjhoeksma/cordova-plugin-keychain-touch-id: Touch ID plugin with saving password in keychain for IOS and android - github.com/sjhoeksma/cord…
2018-06-16 17:00:16
Atsushi@MOONGIFT
@goofmint
Monacaは新IDEでVue.jsがテンプレートに選べるようになった、嬉しい！（星野さん談）。node_modules、webpackやった！（星野さん談）。社内の反応は薄いw #monaca_ug
2018-06-16 17:01:47
Atsushi@MOONGIFT
@goofmint
実装方法。自分の指紋を実機に登録する、Cordova Pluginを導入。← cordova addコマンドで追加できるし、管理画面でも確認できる。 plugins.touchid.isAvailable 、plugins.touchid.save がある。plugins.touchid.verify で指紋認証。 #monaca_ug
2018-06-16 17:06:45