Monaca UG SAPPORO #1で使用した資料です。

1. 1URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
自分とMonacaと
MonacaEducationの紹介
～パワーアップしたMonacaのクラウドIDE～
アシアル株式会社
Monacaプログラミング教育アドバイザー
岡本 雄樹

2. 2URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
自己紹介
◼名前
• 岡本雄樹
• Monacaプログラミング教育アドバイザー
◼経歴
• 社内転職3回目
• PG→研修講師→Education事業担当
◼著書
• 「イラストでよくわかるPHP」
• WordPressプロフェッショナル養成読本
• Monacaで学ぶはじめてのプログラミング

3. 3URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
Monacaの紹介

4. 4URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
アシアル株式会社
会社概要
• 創業：2002年
• 事業所：東京（本社）、サンフランシスコ
• 従業員数：約50名（8国籍）
社名の由来
• アジアのリーダー
事業内容
• 開発プラットフォーム事業：開発ツール、UIフレームワーク
• 開発支援事業：アプリ開発、サーバーサイド（PHP）開発
• 教育事業：トレーニング、執筆

5. 5URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
セットアップ不要
複数OS対応
無料プランあり
クラウド型プログラミング製品：Monaca
HTML5で複数OSに対応したアプリ開発を行えます

6. 6URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
約200,000人以上が利用する
日本最大級のアプリ開発プラットフォーム

7. 7URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
Monacaスピンアウト
Monaca Educatoin事業とは

8. 8URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
Monaca Education事業
教育機関におけるプログラミング教育を
開発ツール、教材、人材面から支援します
クラウド型開発環境 教材
教員向け
ワークショップ

9. 9URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
先生向けの研修会を開催したり

10. 10URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
ハッカソンに参加したり

11. 11URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
全国何処へでも！

12. 12URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
スピンアウトのキッカケ

13. 13URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
ある日突然、学校から注文が入る(2015-)
• 同志社中高から注文を頂く
• 学校向けの教材開発に着手
• 西大和学園との実証実験
• 先生向けの研修会を実施

14. 14URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
従来のアプリ開発ソフトが抱える課題
• セットアップや維持が大変
• 自宅での予習や復習が困難
• メニューやドキュメントが英語

15. 15URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
Monacaが求められる理由
• セットアップ不要
• ブラウザさえあればOK
• 予習や復習ができる
• 自宅からでも利用可能
• 安心の日本語対応
• Monacaは日本製です(海外進出もしています)

16. 16URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
700以上の教育機関で採用
• 事例や活動報告はサイトで公開
https://edu.monaca.io/

17. 17URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
パワーアップした
MonacaのクラウドIDE

18. 18URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
最近のパワーアップポイント
• Monaco(もなこ)Editor採用
• エディターのエンジンを変更しました
• 名前が紛らわしい…
• VS Codeでも使われているエディタ
• GoldenLayout採用
• レイアウトの柔軟性が向上
• ターミナル機能(コンテナ)
• モダンなフレームワークによる開発が可能に

19. 19URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
Monaco Editor

20. 20URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
GoldenLayout

21. 21URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
ターミナル機能（コンテナ）

22. 22URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
ターミナル機能でできること
MonacaPress参照
• クラウドIDEでAngular2+/React/Vue.jsが使
えるようになりました！
• ターミナルを活用してMonacaでGitコマンドを使
いこなそう
• 「ターミナル機能」を使ってSassを導入してみよ
う