キミはionicを知っているか?AngularJS+PhoneGap+美麗コンポーネント群! 金井 健一(フリーランス) ionic 概要 ionicはそのサイトのデザインからも見てわかるとおり、シンプルかつ美しいUIを取り揃えたコンポーネント群で、Apache Cordova を拡張して作られているフレームワークです。 また、動的なUIコンポーネントを実装するために、 AngularJS を採用してる点もその特徴の1つです。 ionicがサポートしているプラットフォームは、iOS 6+とAndroid 4+です。(ただしAndroidについては、2.3+でもいくつかの機能を提供してるとのこと) 現状ではこの2つのプラットフォームのみですが、Windows PhoneとFirefoxOSについても今後対応を進めていくようです。 特徴 Apache Cordovaを拡張して作られている、モバ
急にAngularJSを覚える必要があったので教材を調べて勉強した。 Code SchoolにShaping up with AngularJSという無料で受けられる5章構成の講座があるのでこれをやった。AngularJSの歌があるのでこれだけリピートして聴いてたら大体覚えられると思う。Web上のかなりよく出来たIDEで試したりプレビューしたりできるので結構面白かった。120分ぐらい集中してやれば5章終わった。 講座終わったら何するか 他に動画形式のコンテンツも2時間分ぐらいあるので、講座終わったあとそれ見るのもおすすめ。おっさんがぐだぐだ言いながらAngularJS使ってアプリを開発していく様子が見られる。講座の最後でこういうの見ると良いっていう紹介があるのでそれ漁るのも良さそう。あとは日本語圏で情報得たいならQiitaのAngularJSタグが付いてる投稿一覧とかをざっと見るとかすると
忙しくない人は、公式のチュートリアルを頭から全部やると良いです。めんどくさくてそっちはやってないので分かりません。 とりあえずここを開いてジャッヴァスクリプトを眺める モジュールについて 基本中の基本。特に推奨セットアップのところを見ておけば良い。 DI(依存性注入)について こっちを読んだ方が幸せになれるかも。 どんなサンプルを読むにあたっても、DI の仕組みを知ってないと辛くなる。仕組み自体はよくできているが取っつきづらい。 特に 引数名で渡される実体が変わる 部分は慣れるまで気持ち悪い気がするし、ぼくは気持ち悪い。もっと言うと、minify した場合などで変数名が変わると動作しなくなるため基本的には変数名を指定して、実体を捕捉する必要がある。 var sampleApp = angular.module('sampleApp', []); /** たとえば、Controller で
AngularJSアプリケーション開発ガイド を読みながら勉強したときのメモ。 HelloWorld AngularJS を入手する 公式サイトから angular.min.js をダウンロードする。 HTML を書く <html ng-app> <head> <script src="angular.min.js"></script> <script src="helloWorld.js"></script> </head> <body> <h1 ng-controller="HelloWorldController">{{message}}</h1> </body> </html> angular.min.js を読み込む。 ng-app ディレクティブを付けたタグの中が、 AngularJS のテンプレートとして処理される。 ng-controller ディレクティブを付けたタグの中
外道はるかぜちゃんジェネレータというWebアプリを いまどきな手法を用いて爆速で開発した話を紹介します。 先の3連休中、外道はるかぜちゃんジェネレータというWebアプリを開発&公開しました。ここで採用した開発手法がいまどきな爆速開発でしたのでちょっと紹介&ステマします。使った技術は以下の通りです。 AngularJS: Googleが開発しているViewModelなWeb開発ライブラリ(MVW: Model View Whateverだったかな?w) Github pages: スタティックサイトのホスティングに最適 Kii Cloud: mBaaS (mobile backend as a service) で共有データの保存に利用 HTML5 Canvas: 画像生成に。サーバサイドではなにもしてない! サービス概要 外道はるかぜちゃんジェネレータはベースとなる画像があり、そこに面白い
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス 型 グローバルAPI ngMockモジュール サービス グローバルAPI AUTOモジュール サービス ngAnimateモジュール サービス ngCookiesモジュール サービス ngMockE2Eモジュール サービス ngResourceモジュール サービス ngRouteモジュール サービス ディレクティブ ngSanitizeモジュール フィルター サービス ngTouchモジュール ディレクティブ サービス このサイトについて AngularJSの日本語リファレンスです。 AngularJSの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教え
JavaScriptフレームワークに興味あるし、Angular.jsを使ってみようかな・・・ そんな純真無垢なあなたを混沌の世紀末に引きずり込むのが、ほかでもないTutorialなのです。 TutorialではほぼControllerしか出てこないので、素直にこの通り書いているとまず間違いなく3カウントでControllerにコードが集中するいわゆるFat Controllerになり、せっかくMVCフレームワークも地獄の荒野になります。 実は、Angular.jsでまず目を通すべきなのはDeveloper GuideのConceptual Overviewです。これを読めばどう処理を分割するかがきちんと書かれていますが、以下ではそれ+経験をもとにAngular.jsで正しくMVCを使用するためのポイントをまとめました。 Angular.jsの3原則 1.Controllerはイベントハンド
2007年4月14日,我国成功将第一颗北斗导航组网卫星送入太空,从此我国自主研制的北斗卫星导航系统(BDS)进入新的发展阶段。 点点娱乐免费视频网址专家表示,习近平站在世界反法西斯战争胜利70周年的历史节点上,鉴古知今,分析了各国联系与依存加深的世界形势,和平发展与合作共赢的时代潮流,深刻阐述了“命运共同体”的理念,倡导“新常态”下亚洲各国务实共赢合作的措施,演讲中亮点纷呈。 点点娱乐全部网站对比2011年、2012年两次对高校无烟环境的暗访、评估结果:高校的无烟环境整体好转,及格率从2%提升至%。但高校控烟发展不平衡,有的学校无烟环境全面提升,有的高校室内吸烟行为仍很普遍。暗访中发现,室内吸烟场所中,男生宿舍烟蒂数最多,仍为重灾区,但有下降趋势。 点点娱乐手机版视频射阳县开始对县党代表进行议事技能培训,以及组织党代表下基层调研常态化。据统计,2009年,全县291名党代表共走访党员群众万
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く