React Native for Webã®ã“ã‚Œã¾ã§ã‹ã‚‰èªã¿è§£ãReact GUIã®ã“ã‚Œã‹ã‚‰React Native Matsuri 2021ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ https://reactnative-matsuri.com/ja
ã¤ã‚ˆã„UI - transitkix design log
…ã¨ã„ã†ã‚‚ã®ã‚’最近考ãˆã¦ã„ã¾ã—ãŸã€‚「画é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã®OKももらã£ãŸã—ã€ç§ã®ä»•äº‹ã¯çµ‚ã‚ã‚Šï¼ã‚ã¨ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«æŒ‡ç¤ºæ›¸ã‚’渡ã™ã ã‘ã€ã¨ä¸€æ¯ã¤ã„ãŸæ™‚ã«ã“ãã€æ”¹ã‚ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’見ã¤ã‚ãªãŠã™ã¹ãã§ã™ã€‚ ã¤ã‚ˆã„UIã§ã‚ã‚‹ãŸã‚ã®7ã¤ã®è¦–点 1.本æ¥ã€ãã“ã«ã‚ã‚‹ã¯ãšã®æƒ…å ±ãŒãªã„å ´åˆã¯ã©ã†ãªã‚Šã¾ã™ã‹ï¼Ÿ リストUIã§è¼‰ã›ã‚‹æƒ…å ±ãŒ0件ã€æ–‡ç« ãŒç©ºã£ã½ã€ç”»åƒãŒãªã„時ãªã© 2.表示ã™ã‚‹è¦ç´ ãŒæƒ³å®šã‚ˆã‚Šã™ã”ã多ã„/ã™ã”ãå°‘ãªã„å ´åˆã¯ã©ã†ãªã‚Šã¾ã™ã‹ï¼Ÿ æ•°å—ã®æ¡æ•°ã€æ–‡ç« ã®è¡Œæ•°ã€æ–‡ç« ãŒå…¥ã‚Šãã‚Œãªã„å ´åˆã¯æ–‡ä¸ãƒ»æ–‡æœ«ã®ã©ã“ã‚’çœç•¥ã™ã¹ãã‹â€¦ãªã© 3.ユーザーã•ã‚“ã®ç«‹å ´ã«ã‚ˆã£ã¦ã€è¡¨ç¤ºè¦ç´ ã«å¤‰åŒ–ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ゲストã¨ãƒã‚°ã‚¤ãƒ³ãƒ¦ãƒ¼ã‚¶ãƒ¼ã€ç„¡æ–™ä¼šå“¡ã¨æœ‰æ–™ä¼šå“¡â€¦ãªã© 4.ãƒãƒ¼ãƒ‰ä¸ã€ã‚‚ã—ãã¯ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹ã¾ã§ä½•ãŒå‡ºã¦ã„ã¾ã™ã‹ï¼Ÿ 通信ä¸ã®è¡¨ç¤ºã€èªã¿è¾¼ã¿ä¸ã®ç”»åƒã‚¨ãƒªã‚¢â€¦ãªã© 5.予期ã›ã¬ã‚¨ãƒ©ãƒ¼ãŒèµ·ã“ã£ãŸæ™‚ã€ç”»é¢ã¯ã©ã†ãªã‚Šã¾ã™ã‹ï¼Ÿ 通信エラーã€ãƒªãƒ³ã‚¯å…ˆã®ã‚³ãƒ³
アプリ開発ã§å‚考ã«ã—ã¦ãŠããŸã„ UI デザインパターンã¾ã¨ã‚サイトã®ã¾ã¨ã‚ - Qiita
æ¥å‹™ã‚„個人ã§ã®ã‚¢ãƒ—リ開発ã§ã€UI デザインを考ãˆã‚‹ã¨ãã«å‚考ã«ã§ããã†ãªã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚ãªã‹ãªã‹å€‹æ€§çš„・奇抜ã ã£ãŸã‚Šã€å°‘ã—å¤ã„ UI ãŒæ··ã–ã£ã¦ãŸã‚Šã—ã¾ã™ãŒã€ã‚¤ãƒ³ã‚¹ãƒ”レーションをåƒã‹ã›ã‚‹è‰¯ã„刺激ã«ãªã‚Šã¾ã™ã€‚ tumblr 多ã‚ã§ã™ã€‚ Behance https://www.behance.net/ Adobe ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã§ã™ã€‚ モãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¿ãªã‚‰ãšãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ã‚„グラフィックデザインãªã©ã€æ§˜ã€…ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒç™»éŒ²ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®ã‚µã‚¤ãƒˆã§ã¯ Creative Field ã¨ã„ã†åå‰ã§ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ã•ã‚Œã¦ãŠã‚Šã€ã‚¢ãƒ—リ開発ã«ãŠã„ã¦ã¯ Interaction Design ã‚„ Web Design ã‚ãŸã‚ŠãŒå‚考ã«ãªã‚Šã¾ã™ã€‚ Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
Polymer 㨠Web Components - steps to phantasien
先週ã¯ã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã§å‹¤å‹™å…ˆã®å¹´æ¬¡åšè¦§ä¼šãŒå‚¬ã•ã‚Œã€ä¸ã«ã¯è‡ªåˆ†ã¨è¿‘ã„プãƒã‚¸ã‚§ã‚¯ãƒˆã‚’紹介ã™ã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚‚ã‚ã£ãŸã€‚ ã„ã„機会ãªã®ã§ä¾¿ä¹—ã—ã¦å®£ä¼ã—ã¦ã¿ãŸã„。自主会社員活動ã«ã¤ã勤務先ã®è¦‹è§£ã¨é•ã£ã¦ã‚‚見逃ã—ã¦ãã ã•ã„。 ã•ã¦ä»¶ã®å¹´æ¬¡åšè¦§ä¼šã€ã‚¦ã‚§ãƒ–開発者å‘ã‘ã®è¬›æ¼”ã®ä¸€ã¤ã§ Polymer ã¨ã„ã†æ–°ã—ã„ JavaScript UI フレームワークãŒå…¬é–‹ã•ã‚ŒãŸã€‚ Closure, GWT, Angular ã¨ã㦠ã¾ãŸåˆ¥ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã‹ã‚ˆâ€¦ã¨ã¼ã‚„ã人ã®æ°—æŒã¡ã‚‚ã‚ã‹ã‚‹ã€‚ã§ã‚‚ãã‚Œã»ã©è¢«ã‚‹ã‚‚ã®ã§ã‚‚ãªã„ã‹ã‚‰è¦‹é€ƒã—ã¦ã»ã—ã„。 ãªã‚‹ã¹ã多ãã®ãƒ–ラウザã§å‹•ã‹ãã†ã¨ã™ã‚‹æ—¢å˜ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨é•ã„〠Polymer ã¯æ–°ã—ã„ブラウザã®æ©Ÿèƒ½ã‚’使ã„倒ã™ã“ã¨ã§å¼·åŠ›ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークを作ã‚ã†ã¨ã—ã¦ã„る。 別ã«ç‰¹å®šãƒ–ラウザã§ã—ã‹å‹•ã‹ãªã„ã‚ã‘ã˜ã‚ƒãªã„。ãŸã å°†æ¥ãã†ã—ãŸæ–°ã—ã„機能ãŒå„種ブラウザã«å‚™ã‚る日を見越ã—〠ãã®ã¨ãベストã«å‹•ã
Luban: a generic “language†for creating user interface — luban v0.2 documentation
Luban: a generic “language†for creating user interface¶ Luban is a python package for building user interface (web and native [1]). With luban, one can quickly create dynamic, ajax-based web interfaces using pure python: no knowledge of html and javascript is required; anyone knowing basic python can use luban to create their user interface applications accessible from web browsers. Luban is diff
Composite user interface without boilerplate using Play 2
Composite user interface without boilerplate using Play 2 In Web applications, page content often follows a layout composed of several parts. For example a header showing the application’s name and user’s profile or account information, a main content area and a footer containing copyright materials. In some cases, such fragments are static (e.g. footers): they do not depend on the user viewing th
Seleniumを使ã£ãŸWeb UI自動テストシステムã®æ§‹ç¯‰ã§ã‚„ã£ãŸã“ã¨ã¾ã¨ã‚ - ã†ãªã®æ—¥è¨˜
Seleniumを使ã£ãŸWeb UIã®è‡ªå‹•ãƒ†ã‚¹ãƒˆã‚·ã‚¹ãƒ†ãƒ を作ã£ãŸã®ã§ã€ã‚„ã£ãŸã“ã¨ãƒ»æ„Ÿæƒ³ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ テスト対象 テスト対象ã¯ã€AJAXãªWebアプリã§ã™ã€‚ サーãƒãƒ¼ã¯REST APIã‚’æä¾›ã™ã‚‹ã®ã¿ã§ã€UIã¯å…¨ã¦JavaScriptã¨ã„ã†æ§‹æˆã€‚ サãƒãƒ¼ãƒˆãƒ–ラウザã¯IE7以é™,Firefox3.6以é™ã€‚(特定ã®çµ„織内ã§ä½¿ã†ã‚‚ã®ãªã®ã§ã€Operaãªã©ã¯æœªã‚µãƒãƒ¼ãƒˆã§ã™ã€‚) 使用ã—ãŸSelenium 2.x 系列を使ã„ã¾ã—ãŸã€‚ WebDriverã¨çµ±åˆã•ã‚ŒãŸã‚ã¨ã®ã‚„ã¤ã§ã™ã€‚ 言語ã¯Javaを使用。 テストã®ç›®çš„ 以下を目的ã¨ã—ã¾ã—ãŸã€‚ æ©Ÿèƒ½è¿½åŠ /ä¸å…·åˆæ”¹ä¿®ã§ã®ãƒ‡ã‚°ãƒ¬ãƒ¼ãƒ‰é˜²æ¢ æ©Ÿèƒ½è¿½åŠ ã‚„ä¸å…·åˆæ”¹ä¿®ã«ä¼´ã†å‹•ä½œä¸æ£ã‚’検出ã—ã€ãƒ‡ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚’未然ã«é˜²æ¢ã™ã‚‹ã€‚ 動作確èªã‚³ã‚¹ãƒˆã®å‰Šæ¸›ã«ã‚ˆã‚‹é–‹ç™ºåŠ¹çŽ‡ã®å‘上 ブラウザã”ã¨ã®å‹•ä½œç¢ºèªã‚’自動テストを利用ã—ã¦è¡Œã†ã“ã¨ã§ã€æ©Ÿèƒ½å®Ÿè£…時ã®ç¢ºèªå·¥æ•°ã‚’減らã™ã€‚ リリースå‰ã®ãƒª
デザイナã«çŸ¥ã£ã¦ã„ã¦æ¬²ã—ã„10個ã®Androidã®UIルール - ReDo
iPhoneã®ãã‚Œã¨æ¯”較ã—ã¦ã€ã‚ˆãã‹ã£ã“ã‚ã‚‹ã„ã¨è©•ä¾¡ã•ã‚Œã¦ã—ã¾ã†Androidã§ã™ãŒã€æ£ã—ãã¯ã€Œæ¨™æº–UIåŒå£«ã§æ¯”ã¹ãŸéš›ã«ã‚¤ã‚±ã¦ãªã„ã€ã®ãŒçœŸå®Ÿã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ 今ç¾å®Ÿã¨ã—ã¦ã€Androidアプリã«ã‚¤ã‚±ã¦ãªã„ã‚‚ã®ãŒå¤šã„ã®ã§ã™ãŒã€ãã‚‚ãもデザインを考慮ã™ã‚‹ãƒ—ãƒã‚»ã‚¹ãŒçœç•¥ã•ã‚Œã¦ã—ã¾ã£ã¦ã„ãŸã‚Šã€æ™‚間（コスト）ãŒç„¡ã„ã¨ã‹ãã†ã„ã†ã“ã¨ã‚‚ã‚ã£ãŸã¨æ€ã„ã¾ã™ãŒã€æµçŸ³ã«ã“ã‚Œã ã‘メジャーãªãƒ‡ãƒã‚¤ã‚¹ã«ãªã£ã¦ã—ã¾ã†ã¨ãã‚ŒãŒè¨±ã•ã‚Œã‚‹æ™‚代ã¯çµ‚ã‚ã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ドットコム全盛期ã®æ§˜ãªGeocities＋IBMホームページビルダーã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã¯ã‚‹ã‹æ˜”ã«ã‚ャãƒãƒã•ã‚ŒãŸæ§˜ã«ã€ã‚‚ã†ãã‚ãã‚標準UIã§æœªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®Androidアプリもã‚ャãƒãƒã•ã‚Œã‚‹æ™‚代ã§ã™ã€‚ ãã‚“ãªä¸ã€åŠ¹çŽ‡ã‚ˆãã‹ã£ã“ã„ã„UIを構築ã™ã‚‹ãŸã‚ã«é ã®ç‰‡éš…ã§æŠŠæ¡ã—ã¦ãŠãã¨ã¡ã‚‡ã£ã¨å¹¸ã›ã«ãªã‚Œã‚‹ã€ç‹¬æ–ã¨å見ã§æ»ã‚Šã‚ã’ãŸ10個ã®Androidã®UIルールを紹介ã—ã¾ã™ã€‚
fladdict » スマホã®UI考 〜 ボタンã«ã¤ã„ã¦
SuperPopCamã¨ã‹ä½œã£ãŸã¨ãã«ã€ä½“系的ãªè³‡æ–™æ¬²ã—ã„ãªãーã¨ã‹æ€ã£ã¦ãŸã“ã¨ã®ã¾ã¨ã‚。 色々ã¨è‡ªåˆ†ã®ä¸ã®è€ƒãˆã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚世ã®ä¸ã®ã‚¢ãƒ—リã¯æ©Ÿèƒ½ã‚’åŠåˆ†ã«ã—ã¦ã€æ¸›ã£ãŸäºˆç®—分をUIã®ç·´ã‚Šè¾¼ã¿ã«ã¤ãŽè¾¼ã‚“ã æ–¹ãŒçµ¶å¯¾ã‚ˆã„アプリã«ãªã‚‹ã¨æ€ã†ã€‚ 書ã„ã¦ã‚‹ä½œæ¥ãŒä¸€ç•ªè€ƒãˆã¾ã¨ã¾ã‚‹ã®ã§ã€ã¡ã‚‡ã¼ã¡ã‚‡ã¼ã‚ã’ã¦ã„ã“ã†ã‹ã¨ã€ã¾ãšã¯ãƒœã‚¿ãƒ³ã‹ã‚‰ã€‚ 指ã®å¤§ãã•ã®åˆ¶ç´„ã‚’å—ã‘ã‚‹ ・Webã¨ã‚¹ãƒžãƒ›ã‚’比較ã—ãŸå ´åˆã€æœ€å¤§ã®é•ã„。 ・ピクセルå˜ä½ã§ã‚¯ãƒªãƒƒã‚¯ä½ç½®ã‚’制御ã§ãるマウスãƒã‚¤ãƒ³ã‚¿ã¨é•ã„ã€æŒ‡ã¯å¤§é›‘把ã«ã—ã‹ã‚¿ãƒƒãƒ—ä½ç½®ã‚’指定ã§ããªã„。 ・ã“ã®ãŸã‚Appleã¯ãƒœã‚¿ãƒ³ã®æœ€å°ã‚µã‚¤ã‚ºã¨ã—ã¦44pxã¨ã„ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作ã£ã¦ã„る。 ・視覚的ã«44px以下ã®ãƒœã‚¿ãƒ³ã‚‚実際ã®ãƒ’ットエリアã¯å¤§ãã‚ã«ã™ã‚‹ã€‚ ・ã¾ãŸã“ã‚Œã«ç•™ã¾ã‚‰ãšã€ãƒœã‚¿ãƒ³ã¨ãƒœã‚¿ãƒ³ã®é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯ç©ºã‘られるã ã‘空ã‘ãŸæ–¹ãŒå®‰å…¨ã€‚ ・ã¤ã¾ã‚‹ã¨ã“ã‚「カッãƒãƒªã€ã¤ã‚ãŸãƒœã‚¿ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©
戻るボタンãŒæŠ¼ã•ã‚ŒãŸéš›ã€ãƒšãƒ¼ã‚¸ã®JavaScriptを途ä¸ã®çŠ¶æ…‹ã‹ã‚‰å®Ÿè¡Œã•ã›ãªã„方法
スマートフォンをå«ã‚€æœ€è¿‘ã®ãƒ–ラウザã§ã¯ã€æˆ»ã‚‹ãƒœã‚¿ãƒ³ã§å‰ã®ãƒšãƒ¼ã‚¸ã«æˆ»ã£ãŸéš›ã«ã€JavaScriptã‚‚å«ã‚ã¦å‰å›žã®æœ€å¾Œã®çŠ¶æ…‹ã‚’復元ã—ã¾ã™ï¼ˆBack Forward Cacheã¨å‘¼ã°ã‚Œã¾ã™ï¼‰ã€‚ã“ã‚Œã¯ã¨ã¦ã‚‚便利ãªã®ã§ã™ãŒã€ãƒšãƒ¼ã‚¸ã‚’作æˆã™ã‚‹ç«‹å ´ã‹ã‚‰ã™ã‚Œã°ã€ä½™è¨ˆãªãŠä¸–話ã§ã‚ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ Back Forward Cacheã®ç„¡åŠ¹åŒ–ã¯ã¨ã¦ã‚‚ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ã€‚ページã®ä¸ã«onunloadを書ãã ã‘ã§ã™ã€‚ <!DOCTYPE html> <html><head><title>onunload test</title> <script> window.onunload = function() {}; window.onload = function() { var count = 0; var loop = function() { document.getElementById("num").in
『iOSヒューマンインターフェイスガイドラインã€ã¯UI解説書ã®æž を越ãˆã¦ã„ã‚‹ ï¼šå›½å†…ãƒ»æµ·å¤–æƒ…å ±ã‹ã‚‰è¦‹ãˆã‚‹ã€Žä¼æ¥ã®WEB活用法ã€ï¼šITmedia オルタナティブ・ブãƒã‚°
ä¸å°ä¼æ¥ãŒITを活用ã—ã¦å£²ã‚Šä¸Šã’ã«ã¤ãªã’ã‚‹ã«ã¯ã©ã†ã—ãŸã‚‰ã„ã„ã‹ï¼ŸWEBマーケティングã¨WEB戦略コンサル実績350社50æ¥ç¨®ä»¥ä¸Šã®å®Ÿç¸¾ã¨ãƒŽã‚¦ãƒã‚¦ã§ã€æµ·å¤–ã®æœ€å…ˆç«¯æƒ…å ±ã‚’ä¸å¿ƒã«ã€å™›ã¿ç •ã„ã¦ã”紹介。 作æˆè€…：ä¸å±±é™½å¹³ iOSã€å®Ÿè³ªçš„ã«ã¯iPhoneã®ã‚¢ãƒ—リケーションを作る際ã«å‚ç…§ã—ã¦ãã ã•ã„ã¨è¨€ã†äº‹ã§é…布ã•ã‚Œã¦ã„る「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）〠弊社ã®ã‚·ã‚¹ãƒ†ãƒ を真剣ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã«ã™ã‚‹ãŸã‚ã«èªã¿å§‹ã‚ãŸã®ã§ã™ãŒã€ã“ã®å†…容ãŒã€ãŸã ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã ã‘ã§ã¯ãªãã€ã•ã‚‰ã«è¸ã¿è¾¼ã‚“ã 内容ã«ãªã£ã¦ã„ã¦é©šãã¾ã—ãŸã€‚ Appleã®ã‚µãƒ¼ãƒ‰ãƒ‘ーティアプリã«å¯¾ã™ã‚‹å§¿å‹¢ã€ã‚µãƒ¼ãƒ‰ãƒ‘ーティアプリケーションãŒiPhoneã®å¤§ããªé…力ã§ã‚ã‚‹ã¨ã„ã†èªè˜ãŒã€ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰ã¯ã«ã˜ã¿å‡ºã¦ã„ã¾ã™ã€‚ App開発者以外もãœã²è¦‹ã¦ãŠãã¹ã ã“ã‚Œã¯ãœã²ã€WEBã«é–¢ã‚ã‚‹æ–¹ã¯è¦‹ã¦é ‚ã
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
プãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®UXãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ — ã‚ã‚Šãˆã‚‹ãˆã‚Šã‚
ã¯ã˜ã‚ã« http://msdn.microsoft.com/ja-jp/library/aa511258.aspx 㮠「Windows ユーザー エクスペリエンス ガイドライン〠「ガイドライン〠主ã«ã€Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ ã®æŠœç²‹ã§ã™ã€‚ 以下ã®åŸºæº–ã§æŠœç²‹ã—ã¾ã—㟠Web UIã«å¿œç”¨å¯èƒ½ 実用的ã‹ã¤å…·ä½“çš„ 自明ã§ã¯ãªã„ プライマリUIを目立ãŸã›ã‚‹ プライマリ UI è¦ç´ を強調ã™ã‚‹ã«ã¯ã€ä»¥ä¸‹ã«å¾“ã„ã¾ã™ã€‚ - プライマリ UI è¦ç´ ã¯ã€è¦–ç·šã®é€šã‚Šé“ã«é…ç½®ã—ã¾ã™ã€‚ - タスクを開始ã™ã‚‹ UI è¦ç´ ã¯ã€å·¦ä¸Šéš…ã¾ãŸã¯ä¸å¤®ä¸Šã«é…ç½®ã—ã¾ã™ã€‚ - コミット ボタンã¯ã€å³ä¸‹éš…ã«é…ç½®ã—ã¾ã™ã€‚ - 残りã®ãƒ—ライマリ UI ã¯ã€ä¸å¤®ã«é…ç½®ã—ã¾ã™ã€‚ - コマンド ボタンã€ã‚³ãƒžãƒ³ãƒ‰ リンクã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã€æ³¨æ„を引ã付ã‘るコントãƒãƒ¼ãƒ«ã‚’使用ã—ã¾ã™ã€‚ - 大ããªãƒ†ã‚ストや太å—ã®ãƒ†ã‚ストãªã©ã®ç›®ç«‹ã¤ãƒ†ã‚ストを使用ã—ã¾ã™ã€‚ ユ
Verifying Code by Using UI Automation
Coded UI tests (CUITs) drive your application through its user interface (UI). These tests include functional testing of the UI controls. They let you verify that the whole application, including its user interface, is functioning correctly. Coded UI tests are useful where there is validation or other logic in the user interface, for example in a web page. They are also frequently used to automate
Webユーザインターフェース㮠"暗黙知" ã‚’æ„è˜ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ : LINE Corporation ディレクターブãƒã‚°
暗黙知（ã‚ã‚“ã‚‚ãã¡ã€Tacit Knowing）ã¯ã€ãƒãƒ³ã‚¬ãƒªãƒ¼ã®å“²å¦è€…・社会å¦è€…マイケル・ãƒãƒ©ãƒ³ãƒ‹ãƒ¼ï¼ˆMichael Polanyi) ã«ã‚ˆã£ã¦1966 å¹´ã«æ示ã•ã‚ŒãŸæ¦‚念ã§ã€èªçŸ¥ã®ãƒ—ãƒã‚»ã‚¹ã€æˆ–ã¯ã€è¨€è‘‰ã«è¡¨ã›ã‚‹çŸ¥è¦šã«å¯¾ã—ã¦ã€ï¼ˆå…¨ä½“的・部分的ã«ï¼‰è¨€è‘‰ã«è¡¨ã›ãªã„・説明ã§ããªã„知覚を指ã™ã€‚Wikipediaより ã“ã‚“ã«ã¡ã¯ã€‚livedoorã§æ¤œç´¢å…¨èˆ¬ã‚’担当ã—ã¦ãŠã‚Šã¾ã™ã€é ˆç”°ã§ã™ã€‚ タイトルã®ã¾ã¾ãªã®ã§ã™ãŒã€å°‘ã—ã¥ã¤æ—¥æœ¬ã®WEBã«ãŠã‘る暗黙知を共有ã—ãŸã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ 暗黙知ã®å…±æœ‰ã™ã‚‹ã“ã¨ã§å¾—られるメリットã§ã™ãŒã€ ユーザーã«ã¨ã£ã¦ã¯ã€åˆ†ã‹ã‚Šã¥ã‚‰ã„UIを日本ã‹ã‚‰ã§ãã‚‹ã ã‘ç„¡ãã™ã“ã¨ãŒã§ãã€æ–¬æ–°ãªUIã«æ…£ã‚Œã‚‹ã¨ã„ã†ç…©ã‚ã—ã„時間ã‹ã‚‰ã®é–‹æ”¾ä¼æ¥ã«ã¨ã£ã¦ã¯ã€æš—黙知ã¨ã—ã¦æ±ºã¾ã‚ŠãŒã‚ã‚‹ã“ã¨ã§ã€UIを検討ã™ã‚‹æ™‚é–“ã®çŸç¸®ã«ã‚‚ãªã‚‹ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯èª°ã§ã‚‚知ã£ã¦ã„ã‚‹ã¨æ€ã‚れる基本的ãªã¨ã“ã‚ã ã‘
ã“ãã¡ãƒ¼ãšãƒ—ム- ç„¡æ–™ã§ä½¿ãˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãƒ»ã‚»ãƒŸãƒŠãƒ¼ã®å‘ŠçŸ¥ãƒ»é›†å®¢ã‚µãƒ¼ãƒ“ス
個人ã‹ã‚‰æ³•äººã¾ã§å¹…広ã„主催者ã®æ–¹ã«ã”活用ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ イベント主催者8万人以上 ãƒã‚±ãƒƒãƒˆè²©å£²550万枚以上
ドラッグを必è¦ã¨ã™ã‚‹æ§˜ã€…ãªUI実装ã«ä½¿ãˆã‚‹ã€ŒDragdealer JSã€:phpspot開発日誌
Dragdealer JS ドラッグを必è¦ã¨ã™ã‚‹æ§˜ã€…ãªUI実装ã«ä½¿ãˆã‚‹ã€ŒDragdealer JSã€ã€‚ マウスを使ã£ãŸãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—æ“作ã¨ã„ã†ã®ã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚„ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç‰è‰²ã€…ã¨å˜åœ¨ã—ã¾ã™ãŒã€ãã†ã„ã£ãŸå‡¦ç†ã‚’一手ã«å¼•ãå—ã‘ã¦ãれるライブラリã®ã”紹介ã§ã™ã€‚ è¦ç´ ã‚’å‹•ã‹ã—ãŸå¾Œã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ãŒæŒ‡å®šã§ãã‚‹ã®ã§ã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—後ã®å‡¦ç†ãŒè‡ªç”±ã«è¨˜è¿°ã§ãã¦ã‚¢ã‚¤ãƒ‡ã‚¢æ¬¡ç¬¬ã§ã¯ãªã‹ãªã‹ä¾¿åˆ©ãªUIãŒä½œã‚Œãã†ã§ã™ã€‚ 横スライダー 縦スライダーã§æ–‡å—サイズを変更ã™ã‚‹ã‚µãƒ³ãƒ—ル 横スライダーã§æ–‡å—サイズを変更ã™ã‚‹ã‚µãƒ³ãƒ—ル ドラッグã§ç§»å‹•ã•ã›ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ 予ã‚用æ„ã•ã‚Œã¦ã„ã‚‹UI実装をã™ã‚‹ã®ã‚‚よã„ã§ã™ãŒã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã«é–¢ã™ã‚‹æ–°ã—ã„UIã‚’æ€ã„ã¤ã„ãŸå ´åˆã«ã‚‚å‚考ã«ã—ã¦ã¿ã‚‹ã¨ã‚ˆã•ãã†ã€‚ 関連エントリ IEã«ã‚‚対応ï¼ãƒ–ラウザ上ã§ãƒãƒ¼ã‚«ãƒ«ã«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’作るJavaScriptライブラリ「jStorageã€
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
rcarousel – continuous jQuery UI carousel)
記事ãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ MOONGIFT
gunicorn-console
{{#tags}}- {{label}}
{{/tags}}