ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
JavaScriptã§ç”»åƒã®ã‚¯ãƒ©ã‚¹ã‚¿ãƒªãƒ³ã‚°ã«ã‚ˆã‚‹ãƒ‰ãƒƒãƒˆçµµé¢¨åŠ å·¥ – Rest Term
pixel clustering using k-means++ å‰å›žã®JavaScriptã§Poisson Image Editingã«ã‚ˆã‚‹æ»‘らã‹ãªç”»åƒåˆæˆã«å¼•ã続ãã€HTML5 Canvasを使ã£ãŸJavaScriptã«ã‚ˆã‚‹ç”»åƒå‡¦ç†ã®ä¸€ä¾‹ã‚’紹介ã—ã¾ã™ã€‚ 今回ã¯ç”»åƒã®ç”»ç´ 値ã«å¯¾ã™ã‚‹ã‚¯ãƒ©ã‚¹ã‚¿ãƒªãƒ³ã‚°(分類)ã‚’ç”»åƒåŠ 工用途ã«å¿œç”¨ã—ã¾ã™ã€‚クラスタリングã«ã¯å„ç”»ç´ ã®RGB値を特徴ベクトル(次元数3)ã¨ã—ã¦k-means法ã¨å‘¼ã°ã‚Œã‚‹æ‰‹æ³•ã‚’使ã£ã¦è¡Œã„ã¾ã™(実装上ã¯k-means法ã®åˆæœŸå€¤é¸æŠžã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ を改良ã—ãŸk-means++法を利用)。以下ã®ã‚µã‚¤ãƒˆã§OpenCVを利用ã—ãŸå®Ÿè£…例ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ k-meansクラスタリングã«ã‚ˆã‚‹ç”»åƒåˆ†å‰²ï¼Œæ¸›è‰² – opencv.jp 上記サイト内ã§ã‚‚言åŠã•ã‚Œã¦ã„るよã†ã«ã€k-means法ã«ã‚ˆã‚‹ç”»åƒã®é ˜åŸŸåˆ†å‰²ã‚„減色処ç†ã¯ã‚ã¾ã‚Šè‰¯ã„çµæžœãŒå¾—られãªã„ã“ã¨ãŒçŸ¥ã‚‰ã‚Œã¦
flipsnap.jsã¨ã„ã†ã®ã‚’書ã„㟠- Webtech Walker
最近タッãƒãƒ‡ãƒã‚¤ã‚¹ã§ã‚¹ãƒ¯ã‚¤ãƒ—ã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚ˆã†ãªUIを書ã機会ãŒå¤šã„ã®ã§æ±Žç”¨çš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸã€‚ DEMO pxgrid/js-flipsnap - GitHub iScrollã§ã‚‚snapã£ã¦ã„ã†æ©Ÿèƒ½ä½¿ã†ã¨åŒã˜ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹ã‚“ã ã‘ã©ã€iScrollã§ã“れをやã‚ã†ã¨ã™ã‚‹ã¨ã“ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåŠ¹ã„ã¦ã‚‹ã¨ã“ã‚ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåŠ¹ã‹ãªããªã‚‹ã¨ã„ã†å•é¡ŒãŒã‚ã£ã¦ã€ãれを解決ã—よã†ã¨æ€ã£ã¦æœ€åˆã¯iScrollã®å†…部をã„ã˜ã£ã¦ãŸã‚“ã ã‘ã©ã€ã¡ã‚‡ã£ã¨iScrollベースã ã¨ã©ã†ã—ã¦ã‚‚ç„¡ç†ãªã¨ã“ã‚ãŒã‚ã£ãŸã®ã§ã“ã®æ©Ÿèƒ½ã ã‘切り出ã—ã¦ã¿ãŸã¨ã„ã†ã‚ã‘。 一応Androidã§ã‚‚å‹•ã„ã¦ã‚‹ã£ã½ã„。 iScrollã¿ãŸã„ã«å¤šæ©Ÿèƒ½ã˜ã‚ƒãªã„ã‘ã©ã¾ã‚ã“ã‚Œã ã‘使ã„ãŸã„ã£ã¦ã„ã†ã“ã¨çµæ§‹ã‚ã‚‹ã®ã§å‰²ã¨ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã€‚TODOã¯ã¨ã‚Šã‚ãˆãšãƒ‰ã‚ュメント。 追記（2012/02/04）：クãƒã‚¹ãƒ–ラウザã«å¯¾å¿œã—ã¾ã—ãŸã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://design-spice.com/2012/06/13/responsive-web-design-image/
{{#tags}}- {{label}}
{{/tags}}