[B! Facebook] kagiyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kagiya id:kagiya

Facebookã«é–¢ã™ã‚‹kagiyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

ã“ã„ã¤ã¯ä¾¿åˆ©ï¼Facebookã‚„Twitterã®æœ€æ–°ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨ã®PSDç´ æãŒã™ãã«åˆ©ç”¨ã§ãã‚‹Photoshopã®æ©Ÿèƒ½æ‹¡å¼µ -Social Kit
Facebook, Twitter, Google+ãªã©ã€ä¸»è¦ãªã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ã®å„ãƒšãƒ¼ã‚¸ç”¨ã®PSDç´ æãŒ1ã‚¯ãƒªãƒƒã‚¯ã§åˆ©ç”¨ã§ãã‚‹Photoshopç”¨ã®æ©Ÿèƒ½æ‹¡å¼µã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆæ©Ÿèƒ½ã‚‚å‚™ãˆã¦ã„ã‚‹ã®ã§ã€å¸¸ã«æœ€æ–°ã®ã‚‚ã®ãŒåˆ©ç”¨ã§ãã‚‹ã®ã¯ä¾¿åˆ©ã§ã™ãã€‚ æ©Ÿèƒ½æ‹¡å¼µã‚‚PSDç´ æã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Social Kit Social Kitã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãƒ»ä½¿ã„æ–¹ å„ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ Social Kitã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãƒ»ä½¿ã„æ–¹ Photoshop CS6 for OS Xã®æ—¥æœ¬èªžç’°å¢ƒã«å…¥ã‚Œã¦ã¿ã¾ã—ãŸãŒã€å•é¡Œç„¡ãä½¿ç”¨ã§ãã¦ã„ã‚‹ã®ã§ã€ç°¡å˜ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã€Social Kitã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã®ä¸å¤®ã€ŒDownload from sourceã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ Social Kit ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹éš›ã¯ã€Twitter, F
kagiya 2013/12/26
facebook

PSD

twitter

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

PSDç´ æ

photoshop

ç´ æ

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Facebookã¿ãŸã„ã«textareaã®ä¸€éƒ¨ã‚’å¼·èª¿ã™ã‚‹ - Qiita
Facebookã§äººç‰©ã‚’è£œå®Œã™ã‚‹ã¨ã€ãã®äººç‰©åã®å‘¨ã‚Šã«æž ãŒè¡¨ç¤ºã•ã‚Œã¦å¼·èª¿ã•ã‚Œã¾ã™ã‚ˆãï¼ˆgifç”»åƒå‚ç…§ï¼‰ã€‚ ã“ã‚Œã®ã‚„ã‚Šæ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ TL;DR textareaã®å¼·èª¿è¡¨ç¤ºã¯ã€textareaã‚’é€æ˜Žã«ã—ã¦å¾Œã‚ã«ã„ã„æ„Ÿã˜ã®èƒŒæ™¯ã‚’è¨ç½®ã—ã¦ã‚‹ã ã‘ textareaã®ä¸ã«DOMã‚’å…¥ã‚Œã¦ã‚‚è¡¨ç¤ºã•ã‚Œãªã„ ãƒ‘ãƒƒã¨è€ƒãˆã‚‹ã¨textareaã®ä¸ã«DOMãƒ„ãƒªãƒ¼ã‚’å…¥ã‚Œã‚‹ã¨ãã‚ŒãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨æ€ã†ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ ãŒã€ãœã‚“ãœã‚“ãã‚“ãªã“ã¨ã¯ç„¡ãã¦ã€ãã®ã¾ã¾æ–‡å—åˆ—ãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®ã‚ˆã†ã«textareaã‚„inputã¯ã€ä»–ã®è¦ç´ ã®ã‚ˆã†ã«åè¦ç´ ã‚’è¡¨ç¤ºã™ã‚‹ã®ã§ã¯ãªãã€è‡ªèº«ã®valueå±žæ€§ã®å€¤ã‚’ç”»é¢ã«è¡¨ç¤ºã™ã‚‹åƒãã‚’ã—ã¾ã™ã€‚valueå±žæ€§ã¯æ–‡å—åˆ—ã‚’æ ¼ç´ã™ã‚‹ãŸã‚ã®ã‚‚ã®ãªã®ã§DOMã‚’å…¥ã‚Œã‚‰ã‚Œãªã„ã‚ã‘ã§ã™ãã€‚ å¼·èª¿ç”¨ã®DOMã‚’é‡ãã‚ã‚ã›ã‚‹ textareaã«ã¯DOMã‚’ãã®ã¾ã¾å…¥ã‚Œã‚‰ã‚Œãªã„ã®ã§ã€ä»•æ–¹ãŒãªãå‘¨ã‚Š
kagiya 2013/10/10
textarea

webãƒ‡ã‚¶ã‚¤ãƒ³

javascript

é–‹ç™º

UI

jQuery

Facebook
ãƒªãƒ³ã‚¯
Facebookåºƒå‘Š - ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ã‚·ãƒ¼by GDM
ã“ã‚Œã‹ã‚‰ã®æ™‚ä»£ã¯Facebookåºƒå‘ŠãŒé›†å®¢ã®ã€Žã‹ãªã‚ã€ã«ï¼ ã¾ã é–“ã«åˆã†! Facebookåºƒå‘Šã§é›†å®¢ãŒå‡ºæ¥ã‚‹ä¼šç¤¾ãŒ å˜ç¶šå‡ºæ¥ã‚‹ç¢ºçŽ‡ã¯95% Facebookåºƒå‘Šã‚’ä½¿ã‚ãªã„ä¼šç¤¾ã¯ã“ã‚Œã‹ã‚‰å˜ç¶šãŒã§ããªã„ï¼
kagiya 2011/12/16
facebook

ä¼æ¥

ã‚²ãƒ¼ãƒŸãƒ•ã‚£ã‚±ãƒ¼ã‚·ãƒ§ãƒ³

gamification

business

marketing

ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢

ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
Twitter OAuthèªè¨¼ã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã§è¡Œã†jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³:phpspoté–‹ç™ºæ—¥èªŒ
jQuery plugin for Twitter OAuth via popup window (Facebook style) Twitter OAuthèªè¨¼ã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã§è¡Œã†jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ ã‚µãƒ¼ãƒè¨€èªžã¯ãªã‚“ã§ã‚‚ã‚ˆã•ãã†ã§ã™ãŒã€PHPã§ã®ã‚µãƒ³ãƒ—ãƒ«ã‚‚å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ èªè¨¼ç‰ã‚‚PHPå´ãªã®ã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®æ©Ÿèƒ½ã¨ã—ã¦ã¯Facebooké¢¨ã«ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã«ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ ã‚µãƒ¼ãƒ“ã‚¹ã®Twitteré€£æºã£ã¦ã„ã†ã®ã¯æœ€è¿‘ã¯å¿…é ˆã§ã‚ã‚‹ã‚ˆã†ã«æ„Ÿã˜ã¾ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Twitterã‚„Facebookã¸ã®ãƒã‚°ã‚¤ãƒ³æ©Ÿèƒ½ã‚’ã“ã‚Œï¼‘å€‹ã§å®Ÿè£…ã§ãã‚‹PHPãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHybridAuthã€ ã‚¹ãƒžãƒ›ç‰ã®ãƒ¢ãƒã‚¤ãƒ«åˆ¤å®šãŒç°¡å˜ã«è¡Œãˆã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒMobileESPã€
kagiya 2011/12/02
twitter

facebook

jquery

php

OAuth

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
Twitterã‚„Facebookã¸ã®ãƒã‚°ã‚¤ãƒ³æ©Ÿèƒ½ã‚’ã“ã‚Œï¼‘å€‹ã§å®Ÿè£…ã§ãã‚‹PHPãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHybridAuthã€:phpspoté–‹ç™ºæ—¥èªŒ
Twitterã‚„Facebookã¸ã®ãƒã‚°ã‚¤ãƒ³æ©Ÿèƒ½ã‚’ã“ã‚Œï¼‘å€‹ã§å®Ÿè£…ã§ãã‚‹PHPãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHybridAuthã€ 2011å¹´08æœˆ22æ—¥- HybridAuth, Open Source Social-Signle-Sign-On Solution for authentication through Facebook, Twitter, Google, Yahoo, MySpace, LinkedIn, AOL, Vimeo, FourSquare, OpenID and other Identity providers Twitterã‚„Facebookã¸ã®ãƒã‚°ã‚¤ãƒ³æ©Ÿèƒ½ã‚’ã“ã‚Œï¼‘å€‹ã§å®Ÿè£…ã§ãã‚‹PHPãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHybridAuthã€ Facebook, Twitter, Google, Yahoo, Windows Live,Â MySpace, LinkedIn, FourSquare, O
kagiya 2011/12/02
ã„ã‚ã„ã‚ãªOpenIDã®ãƒã‚°ã‚¤ãƒ³ã‚’ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹PHPãƒ©ã‚¤ãƒ–ãƒ©ãƒª

facebook

twitter

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

openid

google

php
ãƒªãƒ³ã‚¯
metaã‚¿ã‚°ã‚’è¿½åŠ ã—ã¦Facebookã«å¯¾å¿œã™ã‚‹æ–¹æ³•ã¨ãƒãƒžã‚Šã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆ
Facebookä½¿ã£ã¦ã¾ã™ã‹ï¼Ÿ ã“ã‚“ã«ã¡ã‚ã€MEèª²ã®æ¸•ä¸Šã§ã™ã€‚ ãƒŸãƒ¼ãƒãƒ¼ãªã¼ãã¯ã‚‚ã†ã™ã£ã‹ã‚ŠFacebookä¸æ¯’ã§ã™ã€‚ Facebookã¨ã„ãˆã°ã€ã€Œã„ã„ãï¼ã€ã‚„ã€Œã‚·ã‚§ã‚¢ã€ã¨ã„ã£ãŸä»•çµ„ã¿ã§ã€é¢ç™½ã„ã‚‚ã®ã‚’å‹é”ã«å…±æœ‰ã§ãã‚‹ä»•çµ„ã¿ãŒç‰¹å¾´çš„ã§ã™ã€‚ ã“ã®ä»•çµ„ã‚’ã†ã¾ãä½¿ãˆã°ã€ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã«æœ‰åŠ¹æ´»ç”¨ã§ããã†ã§ã™ãã€‚ ä»Šå›žã¯ã€ã„ã¤ã‚‚ã®htmlã«ä¸€æ‰‹é–“åŠ ãˆã¦ã€Œã„ã„ãï¼ã€ã‚„ã€Œã‚·ã‚§ã‚¢ã€ã§åŠ¹æžœçš„ã«éœ²å‡ºã§ãã‚‹ã‚ˆã†ãªæ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã§ã¯ç¶šãã‹ã‚‰ã©ã†ãžï¼ ã€Œã„ã„ãï¼ã€ã€Œã‚·ã‚§ã‚¢ã€ã‚’ã™ã‚‹ã¨Facebookä¸Šã«ä½•ãŒã©ã†è¡¨ç¤ºã•ã‚Œã‚‹ã®ã‹ ã€Œã„ã„ãï¼ã€ã‚„ã€Œã‚·ã‚§ã‚¢ã€ã‚’ã™ã‚‹ã¨è‡ªåˆ†ã®æŽ²ç¤ºæ¿ã‚„ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ•ã‚£ãƒ¼ãƒ‰ã«ã‚¢ã‚¯ãƒ†ã‚£ãƒ“ãƒ†ã‚£ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ è‡ªåˆ†ã®æŽ²ç¤ºæ¿ ã€Œã„ã„ãï¼ã€ã—ãŸã‚‚ã®ã¯ã€Œæœ€è¿‘ã®ã‚¢ã‚¯ãƒ†ã‚£ãƒ“ãƒ†ã‚£ã€ã¨ã„ã†é …ç›®ã«ã¾ã¨ã‚ã‚‰ã‚Œã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã‚ˆãã‚ˆãè¦‹ã¦ã¿ã‚‹ã¨ã€è¨˜äº‹ã®ã‚¿ã‚¤ãƒˆãƒ«ã ã‘ã®ã‚‚ã®ã¨ã€ã‚µã‚¤ãƒˆåãŒå…¥ã£ã¦
kagiya 2010/10/28
webåˆ¶ä½œ

*ã‚ã¨ã§èªã‚€

facebook

meta

html
ãƒªãƒ³ã‚¯
1