Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

20170801 monaca ug_lt_public

792 views

Published on

2017年8月1日 Monaca UG でLTした際の資料です

Published in: Software
  • Be the first to comment

  • Be the first to like this

20170801 monaca ug_lt_public

  1. 1. 2017年8月1日 シックス・アパート株式会社 長内毅志 Movable Type
  2. 2. 自己紹介 •長内毅志 –2011年~ Movable Typeプロダクトマネージャー –2014年~ ディベロッパーリレーションマネージャー エバンジェリスト –趣味 ダンス (ストリート、ジャズ) ジョギング (サブフォー) 英語の勉強 (TOEIC 875, 英検準1級) 家族と過ごすこと
  3. 3. Disclaimer
  4. 4. Movable Typeとは
  5. 5. Movable Typeとは • 10年以上利用されているブログ・CMS(通称MT) • MTタグ組み合わせでロジック生成 • テンプレートとDBが完全に分離している (MVCライク) • プラグインで拡張可能 • どんなコードも生成可能
  6. 6. Data APIのエンドポイント •https://example.com/mt/ mt-data-api.cgi/v3/sites/1/entries バージョン ブログID
  7. 7. Monaca と Movable Type を 連動できるわけがない
  8. 8. •MTの APIは認証・投稿などの設定が可能 •Monaca とどう組み合わせる? •スマホアプリを作成して、ブログ更新できるか?
  9. 9. •やってみた
  10. 10. 今回の構成 1・アプリからMovable Typeへ認証 (投稿権限があるかチェック) 2・アプリから投稿データを 打ち込む 3・Movable Typeへ データ送信 4・データ公開
  11. 11. MTで作ったウェブアプリをスマホアプリにで きるわけがない
  12. 12. 君の名は、見ましたか? 10回も観てしまいました
  13. 13. ウェブアプリ作りました https://www.kiminonahaseichi.link
  14. 14. •ウェブアプリをスマホアプリ化できるか?
  15. 15. •Monacaには「インポート」機 能がある •htmlなど静的なファイルをま とめてアップできる
  16. 16. •MTはhtmlを静的生成できるCMS •「君の名は。聖地ナビ」もすべて静的ファイル •インポートできるんじゃね?
  17. 17. •やってみた
  18. 18. 今回の構成 1・スマホのGPS機能を呼 び出し現在地を測定 2・周辺の観光地を 検索 3・見つかった観光地 をリスト表示 4・地図アプリを呼び出 し観光地までの経路 を調べる 5・Movable Type へのアク セスは行わない (アプリはパッケージ化さ れているため、MTへアクセ スする必要がない)
  19. 19. 組み合わせてわかったこと •MT のREST API「Data API」を使うと、Monacaと連動 したアプリが作れる
  20. 20. •MTは静的htmlファイルを生成する •Monaca へのプロジェクトインポートが簡単 –動的CMSのように、バックエンドでCMSを動かす必要がない •ウェブサイト+スマホアプリの開発が簡単
  21. 21. •というわけで
  22. 22. Movable Type
  23. 23. •LTのタイトルを 「Monaca と Movable Type は こんなに相性が良いわけがない」 と変更して終わります
  24. 24. ご清聴ありがとうございました。

×