[B! ui] nilabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nilab id:nilab

uiã«é–¢ã™ã‚‹nilabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (192)

${{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}}

[ãƒ…] Swift ã§ Twitter æŠ•ç¨¿ UI ã‚’æ§‹ç¯‰ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ (Storyboard ã‚’ä½¿ã‚ãªã„ãŠæ‰‹è»½ã‚³ãƒ”ãƒšç‰ˆ) (2016-01-21)
iPhone ç”¨ Twitter ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚¢ãƒ—ãƒªã®æŠ•ç¨¿ç”»é¢ã‚’ã„ãã¤ã‹é›†ã‚ã¦ã¿ãŸã€‚ã ã„ãŸã„åŒã˜ã‚ˆã†ãª UI ã‚’ã—ã¦ã„ã‚‹ã€‚ â†’ iOS ã‚¢ãƒ—ãƒªã® Twitter æŠ•ç¨¿ç”»é¢ã‚ã‚Œã“ã‚Œ (iOS_Twitter_Post_Screen - MemoWiki) ã“ã‚Œã‚‰ã®ç”»é¢ã‚’å‚è€ƒã«ã—ã¦ã€Twitter ã§ãƒ„ã‚¤ãƒ¼ãƒˆã‚’æŠ•ç¨¿ã™ã‚‹ç”»é¢ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆçš„ãª UI ã‚’ Swift ã§æ›¸ã„ã¦ã¿ãŸã€‚ Storyboard ã‚’ä½¿ã‚ãšã«ã€ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒšã™ã‚‹ã ã‘ã§ UI ã‚’æ§‹ç¯‰ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã‚ã‚‹ (ãƒ•ã‚¡ã‚¤ãƒ«ã®è¿½åŠ ã¯å¿…è¦)ã€‚ UIéƒ¨åˆ†ã®ã¿ã§ã€ãƒ„ã‚¤ãƒ¼ãƒˆæ©Ÿèƒ½ãªã©ã®å®Ÿè£…ã¯ã—ã¦ã„ãªã„ã€‚ãã®ã¸ã‚“ã®æ©Ÿèƒ½ãŒå¿…è¦ãªå ´åˆã¯ã€ã“ã®ã¸ã‚“ã‚’å‚ç…§ â†’ [ãƒ…] Swift ã§ä½ç½®æƒ…å ±ä»˜ãã® Twitter æŠ•ç¨¿ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ (Storyboard ã‚’ä½¿ã‚ãªã„ãŠæ‰‹è»½ã‚³ãƒ”ãƒšç‰ˆ) (2015-12-09) ä»Šå›žã®å‹•ä½œç¢ºèªç’°å¢ƒ: Xcode
nilab 2016/01/22
Auto Layout ã® åˆ¶ç´„ (Constraint) ã‚’åˆ©ç”¨ã—ã¦ã€ãƒ„ã‚¤ãƒ¼ãƒˆç”»é¢ã® UI éƒ¨å“ã‚’é…ç½®ã€‚

swift

iOS

iPhone

twitter

ui
ãƒªãƒ³ã‚¯
Edge UI Kit - Limited Edition - Design Freebies
{{ subscriptionAccess(it em.product.subscription_months, it em.product.subscription_lifetime) }}
nilab 2015/06/04
Edge UI Kit - Limited Edition : ã€ŒFree version of our fully customizable component-based web UI Kit including hundreds of drag-and-drop elements across 10 content categories.ã€ UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ

ui

html
ãƒªãƒ³ã‚¯
ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã‚µã‚¤ãƒˆãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«åŠ¹æžœã‚ã‚Š
å¤§ããªäºŒæ¬¡å…ƒã®ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ‘ãƒãƒ«ã¯ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®é¸æŠžè‚¢ã‚’ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã™ã‚‹ã“ã¨ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å¿…è¦æ€§ã‚’ç„¡ãã—ã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚„ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’ä½¿ã†ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ã®é¸æŠžã§ãã‚‹å†…å®¹ã‚’ã‚ã‹ã‚Šã‚„ã™ãæç¤ºã—ã¦ãã‚Œã‚‹ã€‚ Mega Menus Work Well for Site Navigation by Jakob Nielsen on March 23, 2009 ã‚‚ã†ã™ãé–‹å‚¬äºˆå®šã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒŸãƒŠãƒ¼ã«å‘ã‘ã€æˆ‘ã€…ã¯æ§˜ã€…ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã«ã¤ã„ã¦ã®ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ãƒ‡ã‚£ã‚’å®Ÿæ–½ã—ã¦ã„ã‚‹ã€‚ã„ã¤ã‚‚ã®ã“ã¨ã ãŒã€ä¸ã«ã¯ã²ã©ã„çµæžœãŒå‡ºã¦ã—ã¾ã£ãŸæ©Ÿèƒ½ã‚‚ã‚ã‚‹ã—ã€ã“ã‚Œã¾ãŸã€ã„ã¤ã‚‚ã®ã“ã¨ã ãŒã€ä»Šã€æµè¡Œã®ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹æ©Ÿèƒ½ï¼ˆä»Šå›žã®å ´åˆã¯ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ï¼‰ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ä¸Šã®å¤§ããªèª²é¡ŒãŒè¦‹ã¤ã‹ã£ãŸã€‚ å¹¸ã„ã«ã‚‚ã€ä»–ã®ã‚¦ã‚§ãƒ–ãƒˆãƒ¬ãƒ³ãƒ‰ã¯æœ¬è³ªçš„ã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«å„ªã‚Œã¦ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ã®è¡Œå‹•ã‚„ã‚´ãƒ¼ãƒ«ã«ã‚ˆãåˆã£ã¦ã„ã‚‹ã¨ã„ã†ã“
nilab 2015/03/23
ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã‚µã‚¤ãƒˆãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«åŠ¹æžœã‚ã‚Š ï¼ U-Site : ãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—å¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ : å¤§ããªäºŒæ¬¡å…ƒã®ãƒ‘ãƒãƒ«ã§ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®é¸æŠžè‚¢ã‚’ã‚°ãƒ«ãƒ¼ãƒ—åŒ–

ui
ãƒªãƒ³ã‚¯
Jesse James Garrett: The Elements of User Experience - Translations
The Elements of User Experience User-Centered Design for the Web Translations of the original diagram Spanish (thanks to Javier Velasco) Italian (thanks to Antonio Volpon) French (thanks to Thierry Goulet and Martin L'Allier) Slovene (thanks to Vuk Cosic) Portuguese (thanks to Livia Labate) German (thanks to Andreas Lutz) Dutch (thanks to Sven van de Riet) Japanese (thanks to Noriyo Asano) Vietnam
nilab 2014/10/29
Jesse James Garrett: The Elements of User Experience - Translations : ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã®è¦ç´ : æ—¥æœ¬èªžè¨³ãªã©å„å›½èªžç¿»è¨³PDF

user_experience

ui
ãƒªãƒ³ã‚¯
Jesse James Garrett: The Elements of User Experience
The Elements of User Experience User-Centered Design for the Web from New Riders Publishing in conjunction with the American Institute of Graphic Arts order now from Amazon.com the original diagram that started it all translations of the original diagram the simple planes poster teaser posters: #1 #2 #3 from the book: table of contents introduction chapter 2: meet the elements What the reviewers a
nilab 2014/10/29
Jesse James Garrett: The Elements of User Experience

user_experience

ui
ãƒªãƒ³ã‚¯
TInder like user interface
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more Â· Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
nilab 2014/08/08
TInder like user interface - CodePen

javascript

ui
ãƒªãƒ³ã‚¯
Tinder-esque location pulse animation effect
As shameful as it is to say I wanted to see what all the fuss about was with Tinder, but after downloading it I found I was more interested with its animation effects and started wondering how they did them! I decided I wanted to see if I could replicate some of them using jQuery so they can be used on web apps and sites and such, but it's always nice to have these snippets lying around if I ever
nilab 2014/08/08
jQuery Tinder-esque Location Pulse Animation Effect - Code Review Stack Exchange

javascript

ui
ãƒªãƒ³ã‚¯
HTML5ã®Vibration APIã‚’ä½¿ã£ã¦ç”»é¢ã‚’è¦‹ãªãã¦ã‚‚ãƒ€ã‚¤ãƒ¤ãƒ«ã§ãã‚‹ã‚„ã¤ä½œã£ãŸ (Kanasansoft Web Lab.)
ç”»é¢ã«ã‚¿ãƒƒãƒã—ãŸã‚Šã€ã‚¿ãƒƒãƒã—ã¦ã„ã‚‹ä½ç½®ã‚’ç§»å‹•ã™ã‚‹ã¨ã€ãƒœã‚¿ãƒ³ã®ç¨®é¡žåˆ¥ã«ã‚‚ã£ã¦ã„ã‚‹æŒ¯å‹•ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ãµã‚‹ãˆã‚‹ã€‚ å…¥åŠ›ã®æ±ºå®šã¯ã€ç”»é¢ã‹ã‚‰æŒ‡ã‚’ã¯ãªã—ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã«ãªã£ã¦ã„ã‚‹ã€‚ å…¥åŠ›ã‚’ç„¡åŠ¹ã«ã—ãŸã„å ´åˆã¯ã€ã€ŒCancelã€ã®ä½ç½®ã§æŒ‡ã‚’ã¯ãªã™ã¨è‰¯ã„ã€‚ ä¸€ç•ªä¸Šã®å…¥åŠ›ã—ãŸç•ªå·ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨ã“ã‚ã§æŒ‡ã‚’ã¯ãªã™ã¨ã€å…¥åŠ›æ¸ˆã¿ã®ç•ªå·ã®ç¢ºèªãŒå¯èƒ½ã€‚ ã‚ã¨ã¯ã€èª¬æ˜Žã—ãªãã¦ã‚‚ä½¿ãˆã‚‹ã‹ã¨ã€‚ ç”»é¢ã®å›žè»¢ã¯ç„¡è€ƒæ…®ã€‚ ã‚½ãƒ¼ã‚¹ã¯GitHubã«ã‚‚ä¸Šã’ãŸã€‚
nilab 2014/05/18
HTML5ã®Vibration APIã‚’ä½¿ã£ã¦ç”»é¢ã‚’è¦‹ãªãã¦ã‚‚ãƒ€ã‚¤ãƒ¤ãƒ«ã§ãã‚‹ã‚„ã¤ä½œã£ãŸ : ã€Œã‚¿ãƒƒãƒã—ã¦ã„ã‚‹ä½ç½®ã‚’ç§»å‹•ã™ã‚‹ã¨ã€ãƒœã‚¿ãƒ³ã®ç¨®é¡žåˆ¥ã«ã‚‚ã£ã¦ã„ã‚‹æŒ¯å‹•ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ãµã‚‹ãˆã‚‹ã€‚å…¥åŠ›ã®æ±ºå®šã¯ã€ç”»é¢ã‹ã‚‰æŒ‡ã‚’ã¯ãªã—ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã€

ui
ãƒªãƒ³ã‚¯
Yahoo! JAPAN
Yahoo! JAPANãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®æ©Ÿèƒ½ã‚’æ£ã—ãã”åˆ©ç”¨ã„ãŸã ãã«ã¯ã€ä¸‹è¨˜ã®ç’°å¢ƒãŒå¿…è¦ã§ã™ã€‚ãƒ‘ã‚½ã‚³ãƒ³ã§ã”åˆ©ç”¨ã®ãŠå®¢æ§˜ Windowsï¼šEdge æœ€æ–°ç‰ˆ / Chrome æœ€æ–°ç‰ˆ / Firefox æœ€æ–°ç‰ˆã€€macOSï¼šSafari 15.0ä»¥ä¸Šã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã”åˆ©ç”¨ã®ãŠå®¢æ§˜ iOS 15.0ä»¥é™ã€ã¾ãŸã¯ã€Android5.0ä»¥é™ã®OSã«æ¨™æº–æè¼‰ã•ã‚ŒãŸãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ â€»æ—¥æœ¬å›½å†…ç‰ˆã¨ã—ã¦ç™ºå£²ã•ã‚Œã¦ã„ã‚‹ç«¯æœ«ã§ã”åˆ©ç”¨ãã ã•ã„ã€‚
nilab 2014/05/12
Yahoo! JAPANãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã«è¨å®šã—ã‚ˆã† : ç›®çš„ã®ãƒšãƒ¼ã‚¸ã¸ãƒªãƒ³ã‚¯ã‚’å¼µã£ãŸã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã‚’ã€ Mozilla Firefoxã®ãƒ›ãƒ¼ãƒ ãƒœã‚¿ãƒ³ã®ä¸Šã«ãƒ‰ãƒ©ãƒƒã‚°

firefox

ui
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çŸ¥è˜ã¯ä½Žã„ãƒ¬ãƒ™ãƒ«ã§åœæ»žã™ã‚‹
å¦ç¿’ã¨ã„ã†ã®ã¯ãŸã„ã¸ã‚“ãªä½œæ¥ãªã®ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚„ã‚ŠãŸã„ã“ã¨ã§ã¯ãªã„ã€‚ãã®çµæžœã€å½¼ã‚‰ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®æŽ¢ç´¢ã‚’ã™ã‚‹ã“ã¨ã‚‚ãªãã€ã»ã¨ã‚“ã©ã®æ©Ÿèƒ½ã«ã¤ã„ã¦çŸ¥ã‚‰ãªã„ã¾ã¾ã ã€‚ User Expertise Stagnates at Low Levels by Jakob Nielsen on September 28, 2013 æ—¥æœ¬èªžç‰ˆ2013å¹´11æœˆ25æ—¥å…¬é–‹ ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚·ã‚¹ãƒ†ãƒ ã‚’é•·æœŸé–“åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã§ã‚‚ã€çŸ¥ã£ã¦ã„ã¦ä½¿ã£ã¦ã„ã‚‹ã®ã¯åˆ©ç”¨å¯èƒ½ãªã‚³ãƒžãƒ³ãƒ‰ã‚„æ©Ÿèƒ½ã®ã»ã‚“ã®ä¸€éƒ¨ã ã‘ã§ã‚ã‚‹ã“ã¨ã¯å¤šã„ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãŒå„ªã‚Œã¦ã„ã‚Œã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚·ã‚¹ãƒ†ãƒ ã‚’åˆ©ç”¨ã—ã¯ã˜ã‚ã¦é–“ã‚‚ãªãã€ã‹ãªã‚Šå®¹æ˜“ã«ä¸€é€£ã®åŸºæœ¬æ©Ÿèƒ½ã‚’ç†è§£ã™ã‚‹ã€‚ã—ã‹ã—ã€ãã®å¾Œã€å½¼ã‚‰ã¯ä¼¸ã³æ‚©ã¿ã€ãã‚Œä»¥ä¸Šã¯ãŸã„ã—ã¦ã‚¹ã‚ãƒ«ãŒä¸ŠãŒã‚‰ãªã„ã€‚ã‚·ã‚¹ãƒ†ãƒ ã‚’é »ç¹ã«ä½¿ã£ã¦ã„ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã§ã™ã‚‰ã€å¹´ã«ã‚ãšã‹1ã¤ã‹2ã¤ã®æ–°ã—ã„çŸ¥è˜ã‚’èº«ã«ã¤ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã¾ã§ã«ã¯ä½•
nilab 2013/11/25
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çŸ¥è˜ã¯ä½Žã„ãƒ¬ãƒ™ãƒ«ã§åœæ»žã™ã‚‹ â€“ U-Site

ui
ãƒªãƒ³ã‚¯
iOS7ã§AppleãŒç›®æŒ‡ã—ãŸã®ã¯ã€ŒUIãƒ‡ã‚¶ã‚¤ãƒ³ã®å¸¸è˜ã€ã®å†ç™ºæ˜Žã§ã‚ã‚‹
2013.09.27 iOS7ã§AppleãŒç›®æŒ‡ã—ãŸã®ã¯ã€ŒUIãƒ‡ã‚¶ã‚¤ãƒ³ã®å¸¸è˜ã€ã®å†ç™ºæ˜Žã§ã‚ã‚‹ ã“ã®è¨˜äº‹ã¯ä»¥ä¸‹ã«ç§»è»¢ã—ã¾ã—ãŸã€‚ http://lambda-structure-design.jp/lab/apple-want-to-redesign-of-common-sense-of-ui-design/
nilab 2013/09/28
ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ…£ã‚Œã‚’ä¿¡é ¼ã—ã¦ã€ãŠã‚‚ã„ã£ãã‚Šã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢ã‚’è–„ã‚ã¦æ¥ãŸã®ã§ã¯ãªã„ã‹ã€iOS7ã§AppleãŒç›®æŒ‡ã—ãŸã®ã¯ã€ŒUIãƒ‡ã‚¶ã‚¤ãƒ³ã®å¸¸è˜ã€ã®å†ç™ºæ˜Žã§ã‚ã‚‹ | UID Lab

ui
ãƒªãƒ³ã‚¯
è®¿é—®å®‰å…¨
è®¿é—®å®‰å…¨
nilab 2013/07/05
06.Navigation Drawer - Android Design ç¿»è¨³ by ãƒãƒ¼ãƒ EGG

android

ui
ãƒªãƒ³ã‚¯
Android : Navigation Drawer ã‚’ä½¿ã†
ç”»é¢ã®å·¦å´ã«ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã§ã‚¢ãƒ—ãƒªã®ä¸»ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ãƒ‘ãƒãƒ«ã€‚ é€šå¸¸ã¯éš ã‚Œã¦ã„ã¦ã€ç”»é¢ã®å·¦ç«¯ã‹ã‚‰ã‚¹ãƒ¯ã‚¤ãƒ—ã™ã‚‹ã‹ã€ãƒˆãƒƒãƒ—ãƒ¬ãƒ™ãƒ«ã«ã„ã‚‹ãªã‚‰ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãƒãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¿ãƒƒãƒ—ã™ã‚‹ã“ã¨ã§è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ http://developer.android.com/design/patterns/navigation-drawer.html ã‚ˆã‚Š Navigation Drawer ã‚’ä½¿ã†å‰ã«ã€Navigation Drawer ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ã«ã‚ã‚‹ã“ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã¨ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã‚’ãã¡ã‚“ã¨ç†è§£ã™ã‚‹ã“ã¨ã€‚ Drawer Layout ã‚’ä½œæˆã™ã‚‹ support package ã«ã‚ã‚‹ DrawerLayout ã‚’åˆ©ç”¨ã™ã‚‹ã€‚ DrawerLayout ã‚’ãƒ«ãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã¨ã—ã€ãã®ä¸ã«ãƒ¡ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã™ã‚‹ãƒ“ãƒ¥ãƒ¼ã¨ã€NavigationDrawer ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ãƒ“ãƒ¥ãƒ¼ã‚’å…¥ã‚Œã‚‹ã€‚ <androi
nilab 2013/07/05
Y.A.M ã® é›‘è¨˜å¸³: Android : Navigation Drawer ã‚’ä½¿ã†

android

ui
ãƒªãƒ³ã‚¯
Navigation drawer â€“ Material Design 3
Navigation drawers provide access to destinations in your app.
nilab 2013/07/05
Navigation Drawer | Android Developers

android

ui
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | iPhone ã®å½“ãŸã‚Šåˆ¤å®šã‚’æ¤œè¨¼ã—ãŸ
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹å‘ã‘ã«UIã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã«ã¯ã€ã‚¿ãƒƒãƒæ“ä½œã«é©ã—ãŸã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«è¡¨ç¾ã‚’è¿½æ±‚ã—ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“ã€‚ ã‚¿ãƒƒãƒæ“ä½œã«é©ã—ãŸã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«è¡¨ç¾ã¨ã¯ã€å‰å›žæ›¸ã„ãŸã‚¸ã‚§ã‚¹ãƒãƒ£ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãã‚Œä»¥å‰ã«ã€ãƒœã‚¿ãƒ³ã‚„ãƒªãƒ³ã‚¯ãªã©ã®UIè¦ç´ ã‚’æŒ‡ã§æŠ¼ã—ã‚„ã™ã„å¤§ãã•ã«ã™ã‚‹ã“ã¨ãŒå¤§åˆ‡ã§ã™ã€‚ ãƒ‘ã‚½ã‚³ãƒ³ç”»é¢ã®ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ãƒ¼ã¨é•ã£ã¦ã€ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«ãŠã„ã¦æŒ‡ã§ãƒœã‚¿ãƒ³ã‚’ã‚¿ãƒƒãƒ—ã™ã‚‹å ´åˆã€æŒ‡ãŒãã®ãƒœã‚¿ãƒ³ã‚’è¦†ã„éš ã—ã¦ã—ã¾ã†ã®ã§ã€æ„å›³ã—ãŸå ´æ‰€ã«æ£ã—ãè§¦ã‚Œã¦ã„ã‚‹ã®ã‹åˆ†ã‹ã‚Šã«ããã€ã¾ãŸãƒœã‚¿ãƒ³è‡ªä½“ã®è¦–è¦šçš„ãªãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚ç¢ºèªã—ã¥ã‚‰ã„ã¨ã„ã†èª²é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ãƒ¼ã§ã¯ãƒ”ã‚¯ã‚»ãƒ«ãƒ¬ãƒ™ãƒ«ã§ç”»é¢ä¸Šã®åº§æ¨™ã‚’æŒ‡ã—ç¤ºã™ã“ã¨ãŒã§ãã¾ã™ãŒã€æŒ‡å…ˆã§ã¯ãã®ã‚ˆã†ãªç´°ã‹ã„æ“ä½œã¯ã§ãã¾ã›ã‚“ã€‚ ã§ã™ã‹ã‚‰ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã§ã¯ã€ãƒœã‚¿ãƒ³ã‚„ãƒªãƒ³ã‚¯ãŒç´°ã‹ãå¯†é›†ã—ã¦ã„ã‚‹ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯å¤§ããªã‚¹ãƒˆãƒ¬ã‚¹ã«ãªã‚Šã¾ã™ã€‚ æœ€ä½Žé™ã®å¤§ã
nilab 2013/06/05
iOS ã®æ¨™æº–ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã¯ãƒœã‚¿ãƒ³è‡ªä½“ã®å¤§ãã•ã‚ˆã‚Šã‚‚ã‹ãªã‚Šåºƒã„ç¯„å›²ãŒãƒ’ãƒƒãƒˆã‚¨ãƒªã‚¢ã«ãªã£ã¦ã„ãŸã‚Šã€‚ãƒ’ãƒƒãƒˆã‚¨ãƒªã‚¢ã‚’åºƒã’ãŸã‘ã‚Œã°hittesã‚’å¤‰æ›´ã™ã‚‹ã€‚ / ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | iPhone ã®å½“ãŸã‚Šåˆ¤å®šã‚’æ¤œè¨¼ã—ãŸ

ios

ui

iPhone
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2013/05/08/20130507google-maps-said-to-be-getting-a-facelift-that-could-appear-at-google-io/
nilab 2013/05/10
Google Mapsã®æ–°ãƒ‡ã‚¶ã‚¤ãƒ³ãŒGoogle I/Oã§ç™ºè¡¨ã‹ï¼Ÿ, ãã‚Œã‚‰ã—ãã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚ã‚Š | TechCrunch Japan

google_maps

ui
ãƒªãƒ³ã‚¯
åœå¤–ã§ã‚‚åˆ©ç”¨å¯èƒ½! ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ãƒˆï¼°ã€åœ°å›³å†…è”µã®iPhoneå‘ã‘ãƒŠãƒ“ã‚¢ãƒ—ãƒªç™ºè¡¨
ã¾ãŸã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ç’°å¢ƒã§ã¯ã€ãƒ«ãƒ¼ãƒˆæ¡ˆå†…ã‚„éŸ³å£°ã‚¬ã‚¤ãƒ‰ã‚‚åˆ©ç”¨å¯èƒ½ã€‚ãƒ«ãƒ¼ãƒˆæ¡ˆå†…ã«ã¯ã€ã€Œé«˜é€Ÿ(æœ‰æ–™)é“è·¯å„ªå…ˆã€ã€Œä¸€èˆ¬é“å„ªå…ˆã€ã¨ã„ã£ãŸè‡ªå‹•è»Šç”¨ã®æ¡ˆå†…æ©Ÿèƒ½ã ã‘ã§ãªãã€ã€Œç°¡æ˜“æ©è¡Œè€…ã€ã¨å‘¼ã°ã‚Œã‚‹è‡ªè»¢è»Šãƒ»æ©è¡Œè€…å‘ã‘ã®æ¡ˆå†…æ©Ÿèƒ½ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã€‚ åŠ ãˆã¦ã€åŒç¤¾ãŒMapFan Webã§æä¾›ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€Œãƒ†ãƒ¬ãƒ“ de ã¿ï½žãŸã€ã¨é€£æºã™ã‚‹ã€ŒTVã‚¹ãƒãƒƒãƒˆã€æ©Ÿèƒ½ã‚‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€éŽåŽ»ã«ãƒ†ãƒ¬ãƒ“ã§ç´¹ä»‹ã•ã‚ŒãŸå„åœ°ã®ãŠåº—ã‚„æ–½è¨ã‚’åœ°å›³ä¸Šã«è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€‚ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ãƒˆï¼° ã‚µãƒ¼ãƒ“ã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ äº‹æ¥æœ¬éƒ¨ ç¬¬ä¸€æŠ€è¡“éƒ¨ ç¬¬å››æŠ€è¡“ã‚°ãƒ«ãƒ¼ãƒ— ä»Šæžæ´‹ä¸€æ°ã«ã‚ˆã‚‹ã¨ã€ã€ŒãŠåº—ãƒ»æ–½è¨æƒ…å ±ã¯1æ—¥3å›žç¨‹åº¦æ›´æ–°ã•ã‚Œã¦ãŠã‚Šã€åˆå‰ä¸ã«ãƒ†ãƒ¬ãƒ“ã§æ”¾é€ã•ã‚ŒãŸãƒ©ãƒ³ãƒæƒ…å ±ã‚‚å¤•æ–¹ã«ã¯æ¤œç´¢ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€ã¨ã„ã†ã€‚ ãã®ã»ã‹ã€ãƒ”ãƒ³ãƒã‚¤ãƒ³/ã‚¢ã‚¦ãƒˆã§ã®ç¸®å°ºå¤‰æ›´ãŒå¯èƒ½ãªã†ãˆã€åœ°å›³ä¸Šã®æ–‡å—ã¯ãã®ã¾ã¾ã«åœ°å›³ç”»åƒã ã‘ã‚’1æœ¬æŒ‡ã§ãã‚‹ãã‚‹ã¨å›žè»¢ã•ã›ã‚‰ã‚Œã‚‹ãªã©ã€æ“ä½œæ€§ã«ã‚‚é…
nilab 2013/05/08
MapFan for iPhone ã€Œåœ°å›³ä¸Šã®æ–‡å—ã¯ãã®ã¾ã¾ã«åœ°å›³ç”»åƒã ã‘ã‚’1æœ¬æŒ‡ã§ãã‚‹ãã‚‹ã¨å›žè»¢ã•ã›ã‚‰ã‚Œã‚‹ãªã©ã€æ“ä½œæ€§ã«ã‚‚é…æ…®ã•ã‚Œã¦ã„ã‚‹ã€åœå¤–ã§ã‚‚åˆ©ç”¨å¯èƒ½! ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ãƒˆï¼°ã€åœ°å›³å†…è”µã®iPhoneå‘ã‘ãƒŠãƒ“ã‚¢ãƒ—ãƒªç™ºè¡¨

iPhone

ui

mapfan
ãƒªãƒ³ã‚¯
androidviews.net
androidviews.net 2023 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
nilab 2013/05/01
Android Views - Custom UI Views

android

ui

lib
ãƒªãƒ³ã‚¯
Introducing Smoothie
nilab 2013/05/01
Introducing Smoothie | Lucas Rocha : AsyncListView, AsyncGridView, ItemLoader, ItemManager

android

ui

lib
ãƒªãƒ³ã‚¯
KLab
ãƒ‹ãƒ¥ãƒ¼ã‚¹ KLabæ ªå¼ä¼šç¤¾ãŒé…ä¿¡ã—ãŸãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚„ãŠå®¢ã•ã¾ã¸ã®ãŠçŸ¥ã‚‰ã›ã€ãƒ¡ãƒ‡ã‚£ã‚¢ã®æŽ²è¼‰æƒ…å ±ã‚’ã”è¦§ã„ãŸã ã‘ã¾ã™ã€‚
nilab 2013/04/30
KLabã€Androidå‘ã‘ UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ ã€ŽKLab iPhoroid UIã€ã® ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚’ç„¡å„Ÿæä¾›é–‹å§‹ | ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒªãƒªãƒ¼ã‚¹ | KLabæ ªå¼ä¼šç¤¾

android

lib

ui
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸