本コンテンツを体験ã™ã‚‹ãŸã‚ã«ã¯ã€æœ€æ–°ã®FlashPlayer をインストールã—〠JavaScriptã‚’ONã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚
iida UI Virtual Touch
本コンテンツを体験ã™ã‚‹ãŸã‚ã«ã¯ã€æœ€æ–°ã®FlashPlayer をインストールã—〠JavaScriptã‚’ONã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚
Instagramã®IDシャーディングã«ã¤ã„ã¦
ç´„1å¹´å‰ã® Instagram Engineering Blog 㧠ID ã®ã‚·ãƒ£ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã¤ã„ã¦è§£èª¬ã•ã‚Œã¦ã„ãŸã®ã§ãƒ¡ãƒ¢ã€‚ Sharding & IDs at Instagram http://instagram-engineering.tumblr.com/post/10853187575/sharding-ids-at-instagram 背景 毎秒大é‡ã«è¡Œã‚れる写真投稿やユーザーã®è¡Œå‹•ã‚’データベースã«ä¿å˜ã™ã‚‹ãŸã‚ã«ã€Instagram ã§ã¯ã‚·ãƒ£ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œãªã£ã¦ã„る。 データベースã«ãƒ‡ãƒ¼ã‚¿æ ¼ç´ã™ã‚‹ã«ã‚ãŸã‚Šã€ã‚·ãƒ£ãƒ¼ãƒ‰ãŒåˆ¥ã§ã‚ã£ã¦ã‚‚ã€å†™çœŸã¨ã„ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã”ã¨ã«ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªIDを振らãªã„ã¨ã„ã‘ãªã„。 Before writing data into this set of servers, we had to solve the issue of how to assign uniqu
商用・個人利用OKï¼ç·¨é›†å¯èƒ½ãªç¾Žã—ã„カメラレンズã®ãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³10個 – poyosi.com
自分ã§ç¾Žã—ã„ã¨ã‹è¨€ã£ã¡ã¾ã£ãŸãƒƒï¼ 一眼ã®ã‚«ãƒ¡ãƒ©ã¯SONYã®NEX-5を使ã£ã¦ã¾ã™ï¼@poyosiã§ã™ï¼ ã²ã‚‡ã‚“ãªã“ã¨ã‹ã‚‰ã‚«ãƒ¡ãƒ©ãƒ¬ãƒ³ã‚ºã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’作る機会ãŒã‚ã‚Šã¾ã—ã¦ã€ã¤ã„ã§ã«å¹¾ã¤ã‹ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作りã¾ã—ãŸã€‚ ã‚‚ã—æ°—ã«å…¥ã£ã¦ã„ãŸã ã‘ãŸã®ãªã‚‰ã€ã“ã®ãƒšãƒ¼ã‚¸ã®ä¸‹ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒœã‚¿ãƒ³ãŒã‚ã‚Šã¾ã™ã®ã§è‡ªç”±ã«ãŠä½¿ã„ãã ã•ã„。 レンズアイコンã¯2カラー全10ç¨®é¡žï¼ ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ãƒ‡ãƒ¼ã‚¿ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã®ã§ã€ã”自分ã§è‡ªç”±ã«ãƒ•ãƒ¬ãƒ¼ãƒ を変更ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ ベクターデータãªã®ã§ã‚µã‚¤ã‚ºã¯è‡ªç”± ベクターデータãªã®ã§ã€ã‚µã‚¤ã‚ºã¯è‡ªç”±ã«å¤‰æ›´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ çµæ§‹æ‹¡å¤§ã—ã¦ã‚‚ã‚る程度ã¯è€ãˆã‚‰ã‚Œãã†ã§ã™ã€‚ 商用・個人利用OKã§ã™ é…布ã®ã“ã¨ã¯è€ƒãˆãšã«ä½œã£ã¦ã„ãŸã®ã§ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’分ã‘ã¦ãªã‹ã£ãŸã‚Šã€é©å½“ã«ã”ã¾ã‹ã—ã¦ã„ã‚‹ã¨ã“ã‚ãŒå¹¾ã¤ã‹ã‚ã‚Šã¾ã™ã®ã§ã”了承ãã ã•ã„。 å†é…布ã¯ã—ãªã„ã§ã„ãŸã ã‘ã‚Œã°ã€å•†ç”¨ãƒ»å€‹äººåˆ©ç”¨OKã§ã™ã€‚
UIデザインã®å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã¾ã¨ã‚ | ナナメウエblog
毎日仕事ä¸ã¨å¯ã‚‹å‰ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ã‚‹UIã®å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚‚ã†ã€è¦‹ã¦ã„ã‚‹ã ã‘ã§æ¶ŽãŒå‡ºã¾ã™ã。 Dribbble – Following ã‚‚ã¯ã‚„知らãªã„人ã¯ã„ãªã„ã§ã—ょã†ã€‚世界ä¸ã‹ã‚‰ãƒã‚¤ãƒ¬ãƒ™ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒé›†ã¾ã‚‹ã“ã®ã‚µã‚¤ãƒˆã€‚3時間ã«1回ã¯è¦‹ã¦ã¾ã™ã€‚ JAYPEG 日本版Dribbbleã¨ã„ã†ã¨ã‚ã‹ã‚Šã‚„ã™ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。昨年末ã«ã§ããŸã°ã‹ã‚Šã§ã™ãŒã€ã™ã”ã好ãã§ã™ã€‚投稿ã—ã¾ãã£ã¦ã¾ã™ã€‚自分ã§ä½œã£ãŸUIã‚’ç´ æã¨ã—ã¦å…¬é–‹ã—ã¦ãŸã‚Šã—ã¾ã™ã€‚1時間ã«1回ã¯è¦‹ã¦ã¾ã™ã€‚ Inspired UI – mobile ui patterns カテゴリーãŒç´°ã‹ã分ã‹ã‚Œã¦ã„ã¦éžå¸¸ã«å¬‰ã—ã„ã§ã™ã€‚数も豊富ã§è¦‹ã‚„ã™ã„サイトã§ã™ã€‚ iOS Mobile Patterns カテゴリーãŒã‚ã‹ã‚Šã‚„ã™ãã€ãƒžã‚¦ã‚¹ãŒæ‹¡å¤§é¡ã«ãªã‚‹ã®ã§ç´°éƒ¨ã¾ã§è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ iPad and iPhone Design Ins
『StyleDoccoã«ã‚ˆã‚‹CSSスタイルガイドã®å°Žå…¥ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€ã‚¢ãƒ¡ãƒ¼ãƒäº‹æ¥æœ¬éƒ¨ teens事æ¥éƒ¨ã®è°·ã§ã™ã€‚æ¥å‹™ã§ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーã¨ã—ã¦ã€ä¸»ã«HTML/CSSã®è¨è¨ˆãƒ»å®Ÿè£…ã‚’ãŠã“ãªã£ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€ä»¥å‰æ–‰è—¤ãŒæ›¸ã„ãŸã€Œãƒ¢ãƒã‚¤ãƒ«æ™‚代ã«ãŠã‘ã‚‹CSSã®è¨è¨ˆã¨å®Ÿè£…ã€ã¨ã„ã†è¨˜äº‹ã§è§¦ã‚Œã‚‰ã‚Œã¦ã„ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒªã‚¹ãƒˆã‚‚ã¨ã„スタイルガイドã«ã¤ã„ã¦ã®ãŠè©±ã§ã™ã€‚ スタイルガイドã®äº‹ä¾‹ã¨ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’生æˆã™ã‚‹ãƒ„ール StyleDocco ã®ç´¹ä»‹ã‚’ã—ã¾ã™ã€‚スタイルガイドã¨ã¯å…ˆã®è¨˜äº‹ã‚ˆã‚Šå¼•ç”¨ã™ã‚‹ã¨ã€ãƒšãƒ¼ã‚¸ä¸Šã®éƒ¨å“（コンãƒãƒ¼ãƒãƒ³ãƒˆã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ï¼‰ã‚’集ã‚ãŸãƒªã‚¹ãƒˆã€ãƒšãƒ¼ã‚¸ã®ã“ã¨ã§ã™ã€‚ã©ã‚ŒãŒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã€ã©ã‚ŒãŒãƒ¢ã‚¸
faviconã®è‰²ã‚’canvasã§å¤‰ãˆã‚‹ - 0xff.toBlog()
github 㨠github:enterpriseã•ã‚“ã®faviconãŒè¦‹åˆ†ã‘ãŒã¤ã‹ãªã„ã®ã§ã€Chromeæ‹¡å¼µã§å·®ã—替ãˆã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ç”»åƒã©ã†ã—よã†ã‹ã¨ã¡ã‚‡ã£ã¨æ‚©ã‚“ã ã‘ã©ã€è‰²å¤‰ãˆã‚‹ã ã‘ã§ã„ã„ã ã‚ã†ã¨Fireworksã‚’èµ·å‹•ã™ã‚‹ã‚‚ã€è‰²ã‚’良ã„æ„Ÿã˜ã«å¤‰ãˆã‚‹æ–¹æ³•ãŒã‚ã‹ã‚‰ãªã„…。 元㌠ã®é€šã‚Šã€ç™½é»’ãªã®ã§ã€ãƒˆãƒ¼ãƒ³ã‚«ãƒ¼ãƒ–çš„ãªã‚‚ã®ã§ã¯ãƒ€ãƒ¡ãã†ã§ã€è«¦ã‚ã¦canvasã§ã‚„ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ var favicon=document.getElementsByTagName('img')[0]; var cv = document.createElement('canvas'); cv.width = 16; cv.height = 16; document.body.appendChild(cv); var c = cv.getContext('2d'); c.drawImage(favicon,
Adobe Illustrator CS6自動化作戦
ã“ã®ãƒšãƒ¼ã‚¸ã¯Adobe Systems（アドビシステムズ）社ã®Illustrator CS6ã‚’JavaScriptã«ã‚ˆã£ã¦è‡ªå‹•åŒ–é‹ç”¨ã™ã‚‹ãŸã‚ã®ã‚µãƒ³ãƒ—ルスクリプトを掲載ã—ã¦ã„ã¾ã™ã€‚ Illustrator CS6ã¯JavaScriptã®ã‚³ã‚¢ã‚ªãƒ–ジェクトã€Adobeファイルオブジェクトã«é–¢ã—ã¦ã¯ä»–ã®Adobeソフトã¨åŒã˜ã§ã™ã€‚ã¤ã¾ã‚ŠInDesign CS～CS6ã€AfterEffects 6.5～CS6ã€Photoshop CS～CS6ã€Bridge 1.0～CS6ã§ä½œæˆã•ã‚ŒãŸä¸€éƒ¨ã®ã‚³ãƒ¼ãƒ‰ã¯ã€ãã®ã¾ã¾å‹•ã‹ã™äº‹ãŒã§ãã¾ã™ã€‚ã“ã‚Œã¯Illustrator CS6独自部分ã®æ©Ÿèƒ½ã ã‘ã‚’ç¿’å¾—ã™ã‚Œã°è‰¯ã„ã¨è¨€ã†ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã«æŽ²è¼‰ã•ã‚Œã¦ã„るスクリプトã¯Mac OS X Snow Leopard (10.6.x) ã®Illustrator CS6を基準ã«ã—ã¦ã„ã‚‹ãŸã‚ã€Mac OS X Lion
ActiveSupport::Concernã®æ„味ã¨æ´å²
Takuto Wada @t_wada @june29 ä¼çµ±çš„ã«ã¯ã€Œé–¢å¿ƒäº‹ã€ã§ã™ã‹ã…? Crosscutting Concern ã¨ã‹ Core Concern ã¨ã‹ã®è¨³èªžã«ä½¿ã‚れるã“ã¨ãŒå¤šã„ã§ã™ã€‚ 2013-01-23 14:23:42 OHWADA Jun🚿 @june29 @t_wada åå¿œã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ãªã‚“ã¨ãªãã‚ã‹ã£ã¦ããŸã‚ˆã†ãªæ°—ã‚‚ã—ã¾ã™ãŒã€ãªãœ ActiveSupport ã®ä¸ã®ã“ã® Module ㌠Concern ã¨ã„ã†åå‰ãªã®ã‹ã¯ã€ã¾ã 自分ã®è¨€è‘‰ã§èª¬æ˜Žã§ãã‚‹ã»ã©è…‘ã«è½ã¡ã¦ãã¦ã„ã¾ã›ã‚“…ï¼å¼•ã続ã考ãˆã¦ã¿ã¾ã™ï¼ 2013-01-23 14:29:38
é•·ããªã‚ŠãŒã¡ãªRailsã®ãƒ¢ãƒ‡ãƒ«ã‚’ãã‚Œã„ã«åˆ†å‰²ã™ã‚‹ - Qiita
FrogApps 技術ブãƒã‚°å§‹ã‚ã¾ã—ãŸï¼ Railsã‚„iOSã€HTML5ã®æƒ…å ±ã‚’ç™ºä¿¡ä¸!! → http://qiita.com/teams/frogapps Railsã§ã‚¢ãƒ—リを作ã£ã¦ã„ã‚‹ã¨ã€app/models/以下ã«ã‚るモデルファイルã®è¡Œæ•°ãŒéžå¸¸ã«é•·ããªã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãã“ã§includeメソッドを使ã£ã¦ãƒ¢ãƒ‡ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’機能毎ã«åˆ†å‰²ã—ã¦ã¿ã¾ã—ょã†ã€‚ ファインダー関係ã®ãƒ¡ã‚½ãƒƒãƒ‰ã ã‘ã‚’ã€user/finder.rbã«åˆ‡ã‚Šå‡ºã—ã¾ã™ã€‚ ã“ã®ã¨ãクラスメソッド関係ã¯é€šå¸¸ã®å®šç¾©æ–¹æ³•ãŒç•°ãªã‚Šã¾ã™ã€‚ クラスメソッドã®å®šç¾©ã¯ã€ClassMethodsモジュールã®ä¸ã§è¡Œã†æ§˜ã«ã—ã¾ã™ã€‚ has_many, belongs_toãªã©ã®ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰ã®å®Ÿè¡Œã¯ã€self.includedã®ä¸ã§base.has_manyã®æ§˜ã«ã—ã¦å‘¼ã³å‡ºã—ã¾ã™ã€‚
1分ã§ã‚ã‹ã‚‹UIã¨UXã‚’ã‚ã‹ã‚Šã‚„ã™ã説明ã™ã‚‹å†™çœŸã¨ãŠè©± | インタラクションã¨ãƒ‡ã‚¶ã‚¤ãƒ³
ユーザインタフェース 使ã„ã‚„ã™ã„よã†ã«ã€ ã‚ã‹ã‚Šã‚„ã™ã„ç”»é¢ã«ã€ é–“é•ãˆã«ãã„よã†ã«ã€ 美ã—ã„æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ã€ ä¸å¯§ãªèª¬æ˜Žã€‚ ã™ã°ã‚‰ã—ã„ユーザインタフェースãŒã§ããŸã€‚ ユーザエクスペリエンス ã—ã‹ã—ã€ãã®ATMã¯å°‘ã—時間ãŒã‹ã‹ã£ãŸã€‚ çµæžœçš„ã«ãŠå®¢ã•ã‚“ã¯ä¸¦ã¶ã“ã¨ãŒå¤šããªã£ãŸï¼ˆæ°—分を害ã™ã€ã‚¤ãƒ©ã‚¤ãƒ©ï¼‰ã€‚ 「ãŠé‡‘を引ã出ã™ã€é ã‘ã‚‹ã€ã¨ã„ã†éŠ€è¡Œã®ä½“験ã¯æ‚ªããªã£ã¦ã—ã¾ã£ãŸã€‚ 解説（UIã‹ã‚‰UXãŒé‡è¦ã¨è¨€ã‚れよã†ã«ãªã£ãŸç†ç”±ï¼‰ ã“ã®å ´åˆã€è‰¯ã„ユーザインタフェースをè¨è¨ˆã§ããŸã¨ã—ã¦ã‚‚ã€ä¸¦ã‚“ã§ã—ã¾ã†ã“ã¨ã‚’å•é¡Œã¨ã—ã¦æ‰±ã‚ãªããªã‚‹ã€‚ユーザインタフェースã®è¨è¨ˆã¨ã—ã¦ã¯ã€æœ€é«˜ã®ATMã‚’æä¾›ã™ã‚‹ã“ã¨ã¯ã§ãã‚‹ã ã‚ã†ã€‚ã—ã‹ã—ユーザエクスペリエンスã‹ã‚‰ã¿ã‚‹ã¨ã€æœ€é«˜ã®é 金・引出体験ã«ã¯ã‚‰ãªã„。ã¤ã¾ã‚Šã€æœ€é«˜ã®UIã‚’æä¾›ã—ã¦ã‚‚ã€ãƒ¦ãƒ¼ã‚¶ã®å•é¡Œã‚’解決ã—ãŸã“ã¨ã«ãªã‚‰ãªã„。ã ã‹ã‚‰ã€Œãƒ¦ãƒ¼ã‚¶ã®ä½“験ã¨ã„ã†è¦–点ã‹ã‚‰UIã‚’è¨è¨ˆã—ã¦ã„ã“ã†ã‚ˆï¼ã€ã¨ã„ã†æµ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Log in with Atlassian account
{{#tags}}- {{label}}
{{/tags}}