![Page 1: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/1.jpg)
Web制作+モバイルアプリ
これからのWeb制作に関する一つのアイディア
※このLT資料はMeganeFesの懇親会LTで使用したものです
![Page 2: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/2.jpg)
自己紹介
• ジャスティス岡本
– Asialという技術系のベンチャーで働いています
• 新規事業がやりたくて入社 – 現在、スクール事業部を担当しています
– 最近はWordPress向けの製品も作っています
![Page 3: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/3.jpg)
MonacaPressプロジェクトとは
• WordPress向けのモバイルアプリを作るプロジェクト
![Page 4: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/4.jpg)
プロジェクト終了のお知らせ
• MonacaPressは1月31日をもちまして終了いたしました。
–今日までご協力いただいた皆様、本当にありがとうございました
![Page 5: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/5.jpg)
新MonacaPressプロジェクト
• 会社が手を引いても1人でもやってやる!
–いや、元々社内ではほぼ1人でしたが
• あ、だから終わったのか…
![Page 6: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/6.jpg)
これからのWEB制作について
• 仲間を大切にしよう
– 1人でググってどうにかなる時代じゃない
– この規模のイベントを1人でできるか?
• 私はできない!
![Page 7: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/7.jpg)
MeganeFes参加して良かった
Meganeさん ありがとう!
![Page 8: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/8.jpg)
Advanced Bookmark
店舗向けモバイルアプリを
WordPressで生成
![Page 9: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/9.jpg)
ブックマークは死んだ
• どうやってサイトや実店舗にリピートしてもらうか?
–課題
• Webサイト多すぎ!
• SNSアカウント多すぎ
![Page 10: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/10.jpg)
答えはモバイルアプリ!
• アプリの強み
– ワンタッチでアクセスできる
– オフラインでも動く
– Push通知ができる! • 最近メルマガあまり読まないですよね?
![Page 11: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/11.jpg)
アプリがもたらすメリット
• サイトオーナー
–常連さんや順常連さんに情報をPushできる
• エンドユーザー
–サイトや店舗の情報をワンタッチで確認できる
• 制作者
–売り上げを増やすことができる
![Page 12: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/12.jpg)
これがAdvancedBookmarkだ!
![Page 13: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/13.jpg)
できること
• 簡易RSSリーダー
• 地図の表示
• 営業時間の表示
• Link集の表示
• Push通知(予定)
![Page 14: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/14.jpg)
Advanced Bookmark Plugin
• プラグインを入れる
• フォームを埋める
• zipファイルをダウンロード
![Page 15: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/15.jpg)
Monacaによるアプリ作成
• monaca.mobiで無料アカウント作成
– zipファイルからアプリプロジェクトを作成
![Page 16: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/16.jpg)
修正も簡単
• ブラウザ上でソースコードを変更可能
–アプリ自体はHTMLやCSS、JSで作られてます
![Page 17: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/17.jpg)
アプリの設定もブラウザ上から
![Page 18: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/18.jpg)
そしてビルド
• Android / iOS / WIndows8 に対応
![Page 19: Advanced bookmarkpresentedbymonacapressproject日本語](https://reader033.vdocuments.net/reader033/viewer/2022052508/559b1f771a28abdb738b4631/html5/thumbnails/19.jpg)
プロジェクトページ
• MonacaPress Project
– HomePage
• http://press.monaca.mobi/
• https://www.facebook.com/monacapress