シンプルな９つのサンプルで学ぶJava Script初心者のためのAngularJS超入門ハンズオン
Download as PPTX, PDF1 like1,645 views
9つのサンプルだけでAngularJSを使いこなせます！
![13
COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
講師
Gashfara,Inc.代表
デジタルハリウッド大学院客員講師
茂木健一
mogi@gashfara.com
kenichi.mogi@tcmobile.jp
http://facebook.com/mogiken
http://www.slideshare.net/mogiken1
自己紹介
[プロフィール/実績]
もぎ・けんいち●青山学院大学大学院卒。Gashfara,Inc.代表。本社はハワイですが出社したことなし。
ホノルルマラソンには参加ｗ
青山学院大学大学院卒：エニックスでオリジナルゲーム制作(Z80アセンブラ CP/M)、SmallTalkで
人工知能開発（企業買収）。
（株）東洋情報システム退社後、（株）エイチアイ、グランスフィア（株）、（株）ファッション
ウォーカー（えびもえのEC）など数社のベンチャー企業の立ち上げ・創業期に参画し、ガシュファ
ラ・インクをUSで起業。システム開発ではゲーム、TOL（ツタヤオンライン）の立ち上げ。動画配
信システム(USENのGate01：Gyaoの前進)、電子マネーシステム（Bitcash）、ECフルフィルメント
システムなど、多彩な分野を経験。IT関連教育では1998年ころからデジハリの２．５階に間借りしな
がら教育コンテンツ作成（JIB社）。Brew、Java、セキュリティーなどの講師として活躍。現在、
（株）HUGGを設立し、スマホのカップル向けSNSサービス[HUGG]をグローバルに展開。㈱テクノ
モバイルにて技術サポート。
【著書】
BREWプログラミング実践バイブル [共著] （インプレス）、PHP逆引き大全 516の極意[共著]（秀和
システム）](https://image.slidesharecdn.com/javascriptanjularjs-151205105325-lva1-app6891/85/Java-Script-AngularJS-13-320.jpg)
シンプルな９つのサンプルで学ぶJava Script初心者のためのAngularJS超入門ハンズオン
- 1. TECHNOMOBILE GROUP HEAD OFFICE TOKUSHIMA development section | 5floor Column Minamiaoyama,7-1-5,Minamiaoyama,Minato-ku,Tokyo 107-0062,Japan | 3floor Tokushimakenkohkagaku-center,Hiraishisumiyoshi,Kawauchi-cho,Tokushima-shi Tokushima 771-0134,Japan シンプルな９つのサンプルで学ぶ JavaScript初心者のためのAngularJSハンス゚オン <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> </head> <body ng-app> <div> <p><input type="text" ng-model="name"></p> <p>名前は{{name}}です。</p> </div> </body> </html>
- 2. 2 みなさんJQuery使ってますか？ COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. ６
- 3. 3 JQueryを使っていると自由度が高すぎ て関数など整理しにくくありませんか？ COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. ６
- 4. 4 整理するならルールが明確になるよう にフレームワークを使いましょう！！ COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. ６
- 5. 5 JavaScriptのフレームワークなら AngularJSとReactが有名ですよね。 どっちがよいのでしょう？ COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. ６
- 6. 6 AngularJSはデザイン寄り、Reactはプログラ マー寄りの感じはする。。。 まずは、使ってみることが大切。 今回はAngularJSを！！！ Reactはどこかの機会に COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. ６
- 7. 7 AngularJSを勉強したことありますか？ かなり多機能でこれを全部理解しない といけないのか。。。。と思いますよね。 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. ６
- 8. 8 今回はフロント制作を楽にかっこよく 作ることに絞ってできるだけ簡単なサン プルを紹介します。 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. ６
- 9. 9 たった９つのサンプルです。すべてのサ ンプルはスライド一枚に収まる量です。 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. ６
- 10. 10 これだけ理解できればAngularJSは簡 単です。 シンプルに学びましょう。 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. ６
- 12. 12 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. ６ この学びの対象者は？ →JavaScriptはなんとなくわかるけどちゃ んとフレームワークを学びたい 教えないことは？ →ばりばりのJavaScriptプログラマーでは ないので深い知識はありません。難しい質 問はしないで。
- 13. 13 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. 講師 Gashfara,Inc.代表 デジタルハリウッド大学院客員講師 茂木健一 [email protected] [email protected] http://facebook.com/mogiken http://www.slideshare.net/mogiken1 自己紹介 [プロフィール/実績] もぎ・けんいち●青山学院大学大学院卒。Gashfara,Inc.代表。本社はハワイですが出社したことなし。 ホノルルマラソンには参加ｗ 青山学院大学大学院卒：エニックスでオリジナルゲーム制作(Z80アセンブラ CP/M)、SmallTalkで 人工知能開発（企業買収）。 （株）東洋情報システム退社後、（株）エイチアイ、グランスフィア（株）、（株）ファッション ウォーカー（えびもえのEC）など数社のベンチャー企業の立ち上げ・創業期に参画し、ガシュファ ラ・インクをUSで起業。システム開発ではゲーム、TOL（ツタヤオンライン）の立ち上げ。動画配 信システム(USENのGate01：Gyaoの前進)、電子マネーシステム（Bitcash）、ECフルフィルメント システムなど、多彩な分野を経験。IT関連教育では1998年ころからデジハリの２．５階に間借りしな がら教育コンテンツ作成（JIB社）。Brew、Java、セキュリティーなどの講師として活躍。現在、 （株）HUGGを設立し、スマホのカップル向けSNSサービス[HUGG]をグローバルに展開。㈱テクノ モバイルにて技術サポート。 【著書】 BREWプログラミング実践バイブル [共著] （インプレス）、PHP逆引き大全 516の極意[共著]（秀和 システム）
- 14. 14 成長を実現させるシステム”モバイルトータルソリュー ション” Web システム １ スマホ アプリ 2 ゲーム アプリ 3 モバイルトータルソリューション B2B2C • コンシューマ向けの大規模Webシステムの開発からアプリ・ゲーム開発までをマルチデバイスで対応 高い技術力 市場ニーズとマッチ 大規模 Webシステム に強い Java,PHP Strong1 最先端技術・独自 フレームワークで 効率的な 開発 Strong2 高トラフィック、 インフラ ネットワーク に強い Strong3 プライマリー ベンダー、 ヒアリング・ 要件定義 に強い StrongⅠ 情報資産の活用 最先端と 知見に強い StrongⅡ 最先端のマルチ デバイス ウェアラブルに 強い StrongⅢ Mashup Awards 5年連続 受賞 会社名 株式会社テクノモバイル 設 立 2008年 資本金 2,500万円 代 表 播田 誠 従業員数 100名（グループ合計） 本社所在地 〒 107-0062 東京都港区南青山7-1-5 コラム南青山 5F 開発室 〒771-0134 徳島県徳島市川内町平石住吉209-5 徳島健康科学総合センター 3F
Editor's Notes
- #15: 弊社がご提供しているソリューション内容です。 企画から運営・保守にいたるまでを一気通貫で、 軸となるコンシューマ向けの大規模Webシステムをはじめ、スマホアプリ、ゲーム開発などをご提供しております。 特に大きな実績として、大規模ECシステム、求人検索サイトの開発となっております。 他にも音楽DLサイトや、業務を効率する管理系のシステムの実績も多数あります。 （30秒）