[B! OnsenUI] m_shige1979ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

m_shige1979 id:m_shige1979

OnsenUIã«é–¢ã™ã‚‹m_shige1979ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Onsen UI 2.0ã®ç´¹ä»‹ã¨å§‹ã‚æ–¹
ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã«ã‚ˆã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—ãƒªé–‹ç™ºã‚’æ‰‹è»½ãªã‚‚ã®ã«ã—ã¦ãã‚Œã‚‹UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦é–‹ç™ºã—ã¦ã„ã‚‹ã®ãŒOnsen UIã§ã™ã€‚ç¾åœ¨ã‚‚é–‹ç™ºãŒç¶™ç¶šã•ã‚Œã¦ãŠã‚Šã€é–“ã‚‚ãªã2.0ãŒæ£å¼ãƒªãƒªãƒ¼ã‚¹ã¨ãªã‚Šã¾ã™ï¼ˆåŸ·ç†æ™‚ç‚¹ã§Î²ï¼‰ã€‚ ç‰¹ã«å¤§ããªè»¢æ›ãƒã‚¤ãƒ³ãƒˆã¨è¨€ãˆã‚‹ã®ãŒã€AngularJSã¨ã®åˆ‡ã‚Šé›¢ã—ã«ãªã‚Šã¾ã™ã€‚ãã“ã§ä»Šå›žã¯Onsen UI 2.0ã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã¯4ã¤ Onsen UIã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã¯ä¸»ã«4ã¤ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚ã„ãšã‚Œã‹ä½¿ã„ã‚„ã™ã„ã‚‚ã®ã‚’é¸ã‚“ã§ãã ã•ã„ã€‚ Node.js/npmã‚’ä½¿ã†æ–¹æ³• Node.js/npmã‚’ä½¿ã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹å ´åˆã€æ¬¡ã®ã‚ˆã†ã«ã‚³ãƒžãƒ³ãƒ‰ã‚’æ‰“ã¡ã¾ã™ã€‚ npmÂ installÂ onsenui@2.0.0-beta.7Â --saveÂ //Â Î²ç‰ˆã®ç¾åœ¨ã®å ´åˆã€‚ npmÂ installÂ onsenuiÂ --saveÂ //Â 2.0ã®æ£å¼ç‰ˆãƒªãƒªãƒ¼ã‚¹å¾Œã€‚ç¾åœ¨ã¯1.3
m_shige1979 2016/03/30
onsenui
ãƒªãƒ³ã‚¯
Announcing Onsen UI 2.0 Beta | Onsen
Develop awesome looking and high performance HTML5 mobile apps with Onsen framework and UI components. Provides AngularJS and jQuery bindings.git clone http://github.com/OnsenUI/onsenui2-quickstart cd onsenui2-quickstart npm install && gulp serve Welcome to the new generation of UI Component Library. Onsen UI 2.0 is almost here. It brings more components, native look & feel, delivered as Web Compo
m_shige1979 2015/11/12
OnsenUI

components

IT
ãƒªãƒ³ã‚¯
OnsenUI Navigatorã®pushpageå†…ã‚’ãƒªãƒãƒ¼ãƒ‰ã•ã›ãŸã„
animation: 'none'ã‚’æŒ‡å®šã—ã¦replacePage()ã§ã©ã†ã§ã—ã‚‡ã†ã‹ã€‚ ä¿®æ£ ç¬¬2éšŽå±¤ä»¥ä¸‹ã§animation: none;ã®replacePage()ã‚’å‘¼ã‚“ã å ´åˆã€popPageæ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¾ã§æ¶ˆãˆã¦ã—ã¾ã†ã®ã§ã€ãƒªãƒãƒ¼ãƒ‰å¾Œã«animationã‚’ãƒªã‚»ãƒƒãƒˆã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ <ons-back-button>ã‚’ä½¿ã‚ãªã„å ´åˆã¯ã€ãƒªã‚»ãƒƒãƒˆã—ãªãã¦ã‚‚ä¸‹è¨˜ã®ã‚ˆã†ã«animation: 'default'ã‚’æŒ‡å®šã—ã¦popPage()ã§OKã§ã™ã€‚ $scope.nav.popPage({animation: 'default'}); ons.bootstrap() .controller('IndexController', function($scope){ function resetAnimation(){ var options = $scope.nav.getCurr
m_shige1979 2015/09/15
onsen-ui

OnsenUI
ãƒªãƒ³ã‚¯
Onsen UI ã‚’ä½¿ç”¨ã—ã¦ã€HTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã‚ˆã†
ä»Šå›žã®è¨˜äº‹ã¯ã€Onsen UI blogã§2æœˆã«å…¬é–‹ã—ãŸ"Developing hybrid mobile applications with Onsen UI"ã®ç¿»è¨³è¨˜äº‹ã§ã™ã€‚ ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªé–‹ç™ºã®ãŠè©±ã‚’ã€æœ€è¿‘ã¯ã‚ã¡ã‚‰ã“ã¡ã‚‰ã§è€³ã«ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãƒ—ãƒã‚°ãƒ©ãƒ çŸ¥è˜ãŒä¹ã—ã„åˆå¿ƒè€…ãƒžãƒ¼ã‚¯ã®æ–¹ã€æ‰‹ã£å–ã‚Šæ—©ãã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã—ãŸã„æ–¹ã«ã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªé–‹ç™ºã®ãƒãƒ¼ãƒ‰ãƒ«ã¯ã€é«˜ã„ã®ãŒç¾çŠ¶ã§ã™ã€‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹ãŸã‚ã«ã¯ã€å„ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å°‚ç”¨ã®ãƒ—ãƒã‚°ãƒ©ãƒ è¨€èªžã‚’å¦ã³ã€ã‹ã¤ã€é–‹ç™ºå¯¾è±¡ã®ç«¯æœ«å´ã®æ©Ÿèƒ½ã‚‚å¦ã¶å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒè‰¯ã„ã€ç«¯æœ«å´ã®ãƒªã‚½ãƒ¼ã‚¹ãŒåˆ©ç”¨ã§ãã‚‹ãªã©ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®é–‹ç™ºã«ã‚‚ã€åˆ©ç‚¹ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ ä¸€æ–¹ã€ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã§ä½¿ç”¨ã™ã‚‹ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã¯ã€Web ã‚¢ãƒ—ãƒªã§ä½¿ç”¨ã™ã‚‹ã‚‚ã® ( HTMLã€CSSã€JavaScript ) ã¨åŒæ§˜ã§ã‚ã‚Šã€ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ
m_shige1979 2015/04/17
OnsenUI

angularjs

monaca

web

app

HTML
ãƒªãƒ³ã‚¯
Onsen UIã‚’Webã‚µã‚¤ãƒˆã§ä½¿ã£ã¦ã¿ã‚ˆã†
ã“ã‚Œã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯å®Œäº†ã§ã™ã€‚ ä½œæ¥ç”¨ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã®ä½œæˆ ç¶šã„ã¦Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªï¼ˆãƒ•ã‚©ãƒ«ãƒ€ï¼‰ã‚’ä½œæˆã—ã¾ã™ã€‚ä»Šå›žã¯ onsenui_for_website ã¨ã—ã¦ã„ã¾ã™ã€‚ãã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã®ä¸ã§bowerã‚³ãƒžãƒ³ãƒ‰ã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ $Â bowerÂ installÂ onsenui bowerÂ cachedÂ Â Â Â Â Â Â Â git://github.com/OnsenUI/OnsenUI.git#1.2.2 bowerÂ validateÂ Â Â Â Â Â 1.2.2Â againstÂ git://github.com/OnsenUI/OnsenUI.git#* bowerÂ cachedÂ Â Â Â Â Â Â Â git://github.com/angular/bower-angular.git#1.3.15 bowerÂ validateÂ Â Â Â Â Â 1.3.15Â againstÂ git://github.com
m_shige1979 2015/04/06
Monaca

web

OnsenUI
ãƒªãƒ³ã‚¯
Angularã¨Onsen UIã§ä½œã‚‹æœ€é«˜ã®HTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒª
6. Onsen UI - HTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªç”¨ã®UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ - Angularã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã¦ã„ã¾ã™ - iOS, Androidã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ - é«˜é€Ÿãªå‹•ä½œæ€§ãŒã‚¦ãƒªã§ã™ - ãªã‚“ã¦ã“ã¨ã‚’èª¬æ˜Žã—ã¦ã¦ã‚‚ã¤ã¾ã‚‰ãªã„ã§ã™ã‚ˆãã€‚
m_shige1979 2015/03/21
angular

html5

HTML

Cordova

javascript

android

ios

OnsenUI

slide
ãƒªãƒ³ã‚¯
Onsen UIã¨jQueryã‚’çµ„ã¿åˆã‚ã›ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³Webã‚µã‚¤ãƒˆ/ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã‚’ä½œã‚ã†
Onsen UIã¯HTML5ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚’é«˜é€ŸåŒ–ã—ã€ã‹ã¤ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªUIã‚’æä¾›ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ãªã£ã¦ã„ã¾ã™ã€‚æŠ€è¡“çš„ã«ã¯ã‚«ã‚¹ã‚¿ãƒ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¨AngularJSã‚’ä½¿ã£ã¦ä½œã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€ãã®åˆ©ç”¨ã«éš›ã—ã¦AngularJSã®ç¿’å¾—ãŒå¿…é ˆã¨ã„ã†è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ç¾åœ¨ã®Onsen UIã¯AngularJSä»¥å¤–ã®æ§˜ã€…ãªJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨çµ„ã¿åˆã‚ã›ã¦ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯Webé–‹ç™ºã§æœ€ã‚‚ä½¿ã‚ã‚Œã¦ã„ã‚‹ã§ã‚ã‚ã†jQueryã‚’ä½¿ã£ã¦Onsen UIã®æ“ä½œã‚’èª¬æ˜Žã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ <!doctypeÂ html> <htmlÂ lang="en"> <head> <metaÂ charset="utf-8"> <metaÂ name="apple-mobile-web-app-capable"Â content="yes"> <metaÂ name="mobile-web-ap
m_shige1979 2015/02/05
app

css

jquery

OnsenUI

angularjs
ãƒªãƒ³ã‚¯
OnsenUIã‚’ä½¿ã£ã¦ã€Flickrã‚¢ãƒ—ãƒªã‚’5åˆ†ã§ä½œã‚ã†
ã“ã®è¨˜äº‹ã¯ã€è‹±èªžç‰ˆã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°ã®ç¿»è¨³è¨˜äº‹ã§ã™ã€‚ ï¼ˆåŽŸæ–‡ã¯ã“ã¡ã‚‰ï¼‰ ============================== ã“ã®è¨˜äº‹ã§ã¯ã€Flickr APIã‚’åˆ©ç”¨ã—ã¦å†™çœŸã‚’è¡¨ç¤ºã™ã‚‹ã‚¢ãƒ—ãƒªã‚’ã€HTML5 ãƒ¢ãƒã‚¤ãƒ« UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»OnsenUIã‚’åˆ©ç”¨ã—ã¦ä½œæˆã—ã¾ã™ã€‚ ã•ã‚‰ã«ã€ãƒœã‚¿ãƒ³ã®ã‚¹ãƒ”ãƒŠãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†ã“ã¨ã§ã€ã‚¢ãƒ—ãƒªã«ç”Ÿãç”Ÿãã¨ã—ãŸè¦‹ãŸç›®ã‚’ä¸Žãˆã¾ã™ã€‚ ä»Šå›žä½œæˆã™ã‚‹ã®ã¯ä»¥ä¸‹ã®ã‚¢ãƒ—ãƒªã§ã™ã€‚å®Ÿéš›ã«å‹•ãã®ã§ã€è§¦ã£ã¦ã¿ã¦ãã ã•ã„ã€‚ 1. ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã™ã‚‹ 1. Monacaã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã§ã€ã€Œæ–°ã—ã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ 2. ã€ŒOnsen UIæœ€å°é™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ã‚’é¸æŠžã—ã¾ã™ã€‚ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®åå‰ã‚’ã€ŒFlickrã€ã¨ã—ã€IDEã‚’èµ·å‹•ã—ã¾ã™ã€‚ OnsenUIæœ€å°é™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«ã¯ã€page1.htmlã¨page2.htmlã‚’è¡Œãæ¥ã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚¿ãƒ¼ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ
m_shige1979 2014/06/27
OnsenUI

Cordova

HTML
ãƒªãƒ³ã‚¯
1