[B! image] takahashitakashiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

takahashitakashi id:takahashitakashi

imageã«é–¢ã™ã‚‹takahashitakashiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

äººå·¥çŸ¥èƒ½ã§ç™½é»’å†™çœŸã‚’ã‚«ãƒ©ãƒ¼ã«ã€€æ—©å¤§ãŒæŠ€è¡“é–‹ç™ºã€GitHubã§ã‚³ãƒ¼ãƒ‰å…¬é–‹
æ—©ç¨²ç”°å¤§å¦ã®ç ”ç©¶ã‚°ãƒ«ãƒ¼ãƒ—ã¯ã“ã®ã»ã©ã€ãƒ‡ã‚£ãƒ¼ãƒ—ãƒ©ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’å¿œç”¨ã—ã€ç™½é»’å†™çœŸã‚’è‡ªç„¶ãªè‰²ã«è‡ªå‹•å½©è‰²ã™ã‚‹æ‰‹æ³•ã‚’ç¢ºç«‹ã—ãŸã¨ç™ºè¡¨ã—ãŸã€‚ãƒ—ãƒã‚°ãƒ©ãƒ ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’GitHubã§å…¬é–‹ã—ã¦ã„ã‚‹ã€‚ æ–°æŠ€è¡“ã¯ã€å¤§é‡ã®ç™½é»’ãƒ»ã‚«ãƒ©ãƒ¼ç”»åƒã®çµ„ã‹ã‚‰ã€è‰²ã¥ã‘ã®æ‰‹ãŒã‹ã‚Šã¨ãªã‚‹ç‰¹å¾´ã‚’ãƒ‡ã‚£ãƒ¼ãƒ—ãƒ©ãƒ¼ãƒ‹ãƒ³ã‚°ã«ã‚ˆã‚Šå¦ç¿’ã—ã€ãã®ç‰¹å¾´ã‚’ä½¿ã£ã¦ç™½é»’ç”»åƒã‚’ã‚«ãƒ©ãƒ¼ã«å¤‰æ›ã™ã‚‹æŠ€è¡“ã€‚å¾“æ¥ã€ç™½é»’å†™çœŸã®è‰²ã¥ã‘ã«ã¯äººæ‰‹ãŒå¿…è¦ã ã£ãŸãŒã€æ–°æŠ€è¡“ãªã‚‰å…¨è‡ªå‹•ã§å½©è‰²ã§ãã‚‹ã€‚ ç”»åƒå…¨ä½“ã‹ã‚‰æŠ½å‡ºã™ã‚‹ã€Œå¤§åŸŸç‰¹å¾´ã€ã¨ã€å°ã•ãªé ˜åŸŸã‹ã‚‰ç®—å‡ºã™ã‚‹ã€Œå±€æ‰€ç‰¹å¾´ã€ã‚’çµã³ã¤ã‘ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã€ç”»åƒå…¨ä½“ã‚’è€ƒæ…®ã—ãŸè‡ªç„¶ãªè‰²ã¥ã‘ãŒã§ãã‚‹ã¨ã„ã†ã€‚ å¤§åŸŸç‰¹å¾´ã‹ã‚‰ã¯ã€å±‹å†…ã‹å±‹å¤–ã‹ã€æ˜¼ã‹å¤œã‹ãªã©ç”»åƒå…¨ä½“ã®æƒ…å ±ã‚’å¾—ã€å±€æ‰€ç‰¹å¾´ã‹ã‚‰ã¯ã€æ°´ã‹ç ‚ã‹è‘‰ã‹ãªã©ç‰©ä½“ã®è³ªæ„Ÿã‚’åˆ¤æ–ã—ã€ãã®é ˜åŸŸã‚’ã©ã†è‰²ã¥ã‘ã™ã‚‹ã‹ãŒæœ€ã‚‚é©å½“ã‹æŽ¨æ¸¬ã€‚ã“ã®çµ„ã¿åˆã‚ã›ã«ã‚ˆã‚Šã€å¤•æš®ã‚Œã®ç©ºã‚„äººã®è‚Œãªã©ã€çŠ¶æ³ã«åˆã£ãŸè‡ªç„¶ãªè‰²ã¥ã‘ãŒå¯èƒ½ã«ãªã£ãŸã¨ã„ã†
takahashitakashi 2016/06/02
technology

image
ãƒªãƒ³ã‚¯
Free SVG Converter
This area has been made to save SVG images for later. It's really helpful when you need to compare filters result, or to make a backup. Only you can see them (it's a local save) What is a SVG file ? Svg (Scala ble Vector Graphics) is an XML-based vector image format for two-dimensional graphics. The advantage is that you can modify image size without losing quality and detail. This vector format de
takahashitakashi 2014/10/08
ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ã‚’SVGã«å¤‰æ›ã—ã¦ãã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹

webservice

svg

image
ãƒªãƒ³ã‚¯
Remove Width And Height Attributes From Inserted Images | CSS-Tricks
When you upload an image through the WordPress media uploader and then insert it into the editor, it comes with width and height attributes. These are normally desirable, as it assists the browser in making the appropriate room for the image during layout. But if you want to remove the insert action from adding these attributes, you can add this code to your functions.php file or a functionality p
takahashitakashi 2014/08/30
wordpressã§ç”»åƒã®widht/heightã‚’é™¤åŽ»ã™ã‚‹æ£è¦è¡¨ç¾ã€‚

wordpress

æ£è¦è¡¨ç¾

image
ãƒªãƒ³ã‚¯
DummyImage.com
by Russell Heimlich (@kingkool68) 600x400/000/fffSize / Background Color / Foreground Color . Format & Text DocumentationSizewidth x height Height is optional, if no height is specified the image will be a square. Example: https://dummyimage.com/300Must be the first option in the urlYou can specify one dimension and a ratio and dummyimage will calculate the right value. Example: https://dummyimage
takahashitakashi 2014/08/30
webservice

generator

image
ãƒªãƒ³ã‚¯
API | Tumblr
Tumblr API Tumblr APIã¸ã‚ˆã†ã“ãï¼ã‚ãŸã—ãŸã¡ã«ã¨ã£ã¦ã€å„ªç§€ãªãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒTumblrã‚’ä½¿ã£ã¦å‰µä½œè¡¨ç¾ã®ã¾ã£ãŸãæ–°ã—ã„å½¢ã‚’ã¤ãã£ã¦ãã‚Œã‚‹ã“ã¨ã‚ˆã‚Šæ¥½ã—ã„ã‚‚ã®ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚ãŸã—ãŸã¡ã¯ã‚ãªãŸãŒãŸã®ã©ã‚“ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å¯¾ã—ã¦ã‚‚ååˆ†ã«æ©Ÿèƒ½çš„ã§æŸ”è»ŸãªAPIã¨ãªã‚‹ã‚ˆã†ã«é€”æ–¹ã‚‚ãªã„æ³¨æ„ã‚’æ‰•ã£ã¦ãã¾ã—ãŸã€‚APIã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã‚„ã©ã†ã™ã‚‹ã®ãŒã‚ˆã‚Šã‚ˆã„ã®ã‹ã€ã¾ãŸAPIã‚’ä½¿ã£ã¦ä½œã£ã¦ã„ã‚‹é©šãã¹ãã‚‚ã®ã‚’è©±ã™ã¨ãã¯ã‚ãŸã—ãŸã¡ã®ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã‚°ãƒ«ãƒ¼ãƒ—ã«å‚åŠ ã—ã¦ãã ã•ã„ã€‚ã©ã†ãžè²¬ä»»ã‚’ã‚‚ã£ã¦APIã‚’ãŠä½¿ã„ãã ã•ã„ã€‚ã¾ãŸã€ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ãã ã•ã„ã€‚æ¥½ã—ã‚“ã§ãï¼ ã‚‚ã—å¤ã„APIã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’è¦‹ãŸã„ãªã‚‰ã€ã“ã“ã§æŽ¢ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ å¿…è¦ãªã‚‚ã® OAuthã‚ãƒ¼ã‚’å…¥æ‰‹ã™ã‚‹ã«ã¯: ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç™»éŒ²ã—ã¦ãã ã•ã„ ã‚ãªãŸç”¨ã®APIã‚ãƒ¼ã‚’å…¥æ‰‹ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãŸã¨ãˆã€ç½²åä»˜ãOAuthãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’
takahashitakashi 2014/07/28
tumblr

API

image
ãƒªãƒ³ã‚¯
OGPç”»åƒã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ | og:image Simulator
OGPç”»åƒã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã¨ã¯ï¼Ÿ Facebookã®OGPç”»åƒã¯æ£æ–¹å½¢ã§è¡¨ç¤ºã•ã‚ŒãŸã‚Šæ¨ªé•·ã§è¡¨ç¤ºã•ã‚ŒãŸã‚Šã™ã‚‹ãŸã‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã¨ã¦ã‚‚å¤§å¤‰ã€‚ ãã‚“ãªæ™‚ã«ä¾¿åˆ©ãªã®ãŒã“ã®OGPç”»åƒã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸOGPç”»åƒã‚’ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã—ã€ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ä¸Šã§ã©ã†è¦‹ãˆã‚‹ã‹ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ https://ogimage.tsmallfield.com/ 1200 x 630 px ä»¥ä¸ŠæŽ¨å¥¨ https://developers.facebook.com/docs/opengraph/creating-object-types/#properties æœ€ä½Žã§ã‚‚ 600 x 315 pxã€ã¾ãŸå¤§ãã‘ã‚Œã°å¤§ãã„ã»ã©è‰¯ã„ãŸã‚ 1200 x 630 px ä»¥ä¸Šã®ç”»åƒã‚µã‚¤ã‚ºãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ç”»åƒãŒã‚¯ãƒªãƒƒãƒ”ãƒ³ã‚°ã•ã‚Œã‚‹ã®ã‚’é˜²ããŸã‚ã€ç¸¦æ¨ªæ¯”ã‚’ãªã‚‹ã¹ã1.91:1ã«è¿‘ã¥ã‘ã‚‹ã‚ˆã†ã«ã—ã¾ã—ã‚‡ã†ã€‚ ï¼ˆ2014å¹´01æœˆ
takahashitakashi 2014/07/09
facebook

WebService

image
ãƒªãƒ³ã‚¯
ã€Žadd_image_size()ã€ã§è¿½åŠ ã—ãŸã‚µã‚¤ã‚ºã®ç”»åƒã‚’è¨˜äº‹æœ¬æ–‡ã«æŒ¿å…¥[WordPress]
ã¾ãˆãŒã ã€Žãƒ¡ãƒ‡ã‚£ã‚¢ã®ã‚µã‚¤ã‚ºã‚’è¿½åŠ ã™ã‚‹[WordPress(WP)]ã€ã§ç´¹ä»‹ã—ãŸã€Œadd_image_size()ã€ã§ãƒ¡ãƒ‡ã‚£ã‚¢ã®ã‚µã‚¤ã‚ºã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ã§ã™ãŒã€functions.phpã«ä¸€è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã ã—æ‰‹è»½ã§ã‚ˆãä½¿ã£ã¦ã„ã‚‹ã®ã§ã™ãŒå”¯ä¸€æ¬ ç‚¹ã‚’æŒ™ã’ã‚‹ã¨ã™ã‚‹ãªã‚‰ã€Œè¿½åŠ ã—ãŸã‚µã‚¤ã‚ºã‚’æŠ•ç¨¿ã«æŒ¿å…¥ã§ããªã„ã€ã“ã¨ã§ã™ã€‚ ã—ã‹ã—ï¼ï¼ ã€ŽWP Image Size Selectionã€ã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ãˆã°ã€Œãƒ¡ãƒ‡ã‚£ã‚¢ã‚’è¿½åŠ ã€ã‹ã‚‰ã‚µã‚¤ã‚ºã‚’é¸ã¶éš›ã®ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã«ã€Œadd_image_size()ã€ã§è¿½åŠ ã—ãŸã‚µã‚¤ã‚ºã‚’è¿½åŠ ã—ã¦é¸æŠžã§ãã‚‹ã‚ˆã†ã«ã—ã¦ãã‚Œã¾ã™ï¼ ã—ã‹ã‚‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦æœ‰åŠ¹åŒ–ã™ã‚‹ã ã‘ã§ï¼ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦æœ‰åŠ¹åŒ–ã™ã‚‹ã ã‘ãªã‚“ã ã‹ã‚‰èª¬æ˜Žãªã‚“ãŒå¿…è¦ãªã„ã®ã¯åˆ†ã‹ã£ã¦ã„ã‚‹ï¼ ã§ã‚‚èª¬æ˜Žã•ã›ã¦ãã‚Œï¼ï¼ ã€ŽWP Image Size Selectionã€ã®ä½¿ã„æ–¹ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã«ã€ŒWP Image Size S
takahashitakashi 2014/06/05
wordpress

wordpress_plugin

image
ãƒªãƒ³ã‚¯
vis.jsÂ·å¹´è¡¨ã‚„ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆåŒå£«ã®ã¤ãªãŒã‚Šã‚’è¡¨ç¾ã™ã‚‹ã‚°ãƒ©ãƒ•ã« MOONGIFT
Webä¸Šã§ãƒ‡ãƒ¼ã‚¿ã‚’è¡¨ç¤ºã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯å®Ÿã«å¤šå½©ã«å˜åœ¨ã—ã¾ã™ã€‚ãã‚Œã ã‘ãƒ‹ãƒ¼ã‚ºã¯ã‚ã‚Šã¤ã¤ã‚‚ã“ã‚Œã§æ±ºã¾ã‚Šï¼ã¨ã„ã†ã‚‚ã®ãŒãªã„ã®ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã€‚ãã®ãŸã‚ã€å¤šæ§˜ã«å˜åœ¨ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ãƒã‚§ãƒƒã‚¯ã—ã€æ¯”è¼ƒæ¤œè¨Žã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ vis.jsã‚‚ãã‚“ãªãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«åŒ–ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä¸€ã¤ã§ã™ã€‚ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ã‚’ã¯ã˜ã‚ã€ãƒ‡ãƒ¼ã‚¿åŒå£«ã®ã¤ãªãŒã‚Šã‚’è¡¨ç¾ã™ã‚‹ã®ã«å‘ã„ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚ˆã†ã§ã™ã€‚ vis.jsã®ä½¿ã„æ–¹ ã•ã£ããã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ å¹´è¡¨ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ã‚ºãƒ¼ãƒ ã‚¤ãƒ³ã€ã‚ºãƒ¼ãƒ ã‚¢ã‚¦ãƒˆã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ HTMLã‚’è¨˜è¼‰ã§ãã¾ã™ã€‚ ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯åŒå£«ã®ç¹‹ãŒã‚Šã‚’è¡¨ç¾ã—ãŸã‚°ãƒ©ãƒ•ã§ã™ã€‚ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã€‚å‹ã ã¡åŒå£«ã®ã¤ãªãŒã‚Šã¨ã€ãã®å¼·ã•ã‚’ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«åŒ–ã—ã¦ã„ã¾ã™ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ç”¨ä¾‹ä»˜ãã€‚ Graphvizã‹ã‚‰ã‚µãƒ³ãƒ—ãƒ«ã‚’æ‹å€Ÿã—ã¦ã„ã¾ã™ã€‚ãƒ‡ãƒ¼ã‚¿ã¯ãƒžã‚¦ã‚¹ã§å‹•ã‹ã›ã¾ã™ã€‚ åž‚ç›´åž‹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚ ã‚°ãƒ«ãƒ¼ãƒ”ãƒ³ã‚°ã—ãŸãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«åŒ–ã€‚ HTML
takahashitakashi 2014/05/31
javascript

image
ãƒªãƒ³ã‚¯
ã„ã‚ã‚“ãªã¨ã“ã‚ã§å½¹ã«ç«‹ã¡ãã†ãªPreloadJSã‚’ã•ã‚ã£ã¦ä½¿ã„æ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ
* version 0.3.0ã‚’ä½¿ç”¨ * ä½•ãŒã§ãã‚‹ã‹ PreloadJSã‚’ä½¿ã†ã¨"ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ãŒçµ‚ã‚ã£ã¦ã‹ã‚‰ä½•ã‹ã™ã‚‹"ã¨ã„ã†æ–¹æ³•ã«ä¸€è²«æ€§ã‚’æŒãŸã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ åˆ©ç”¨ã‚·ãƒ¼ãƒ³ã¨ã—ã¦ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹å§‹å‰ã«å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç¢ºå®Ÿã«èªã¿è¾¼ã¾ã›ãŸã„ã¨ã‹è‰²ã€…è€ƒãˆã‚‰ã‚Œãã†ã§ã™ã€‚ ä½¿ã„æ–¹ ç”»åƒã®èªã¿è¾¼ã¿ãŒå®Œäº†ã—ã¦ã‹ã‚‰å‡¦ç†ã‚’è¡Œã† loadFile()ã®è¨˜è¿°æ–¹æ³•ã„ã‚ã„ã‚ loadManifestã§è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸€æ‹¬ã§ç™»éŒ²ã™ã‚‹ completeã‚¤ãƒ™ãƒ³ãƒˆ it emã®ã‚‚ã¤ãƒ—ãƒãƒ‘ãƒ†ã‚£ ãƒ•ã‚¡ã‚¤ãƒ«ã®ç¨®é¡žã‚’åˆ¤å®šã—ã¦å‡¦ç†ã‚’è¡Œã† ç™»éŒ²ã—ãŸã‚¢ã‚¤ãƒ†ãƒ ã‚’queueã‹ã‚‰å‰Šé™¤ã™ã‚‹ ä½¿ã„æ–¹ PreloadJSã®ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚*åŸ·ç†æ™‚ç‚¹ã®æœ€æ–°ã¯0.3.0* http://www.createjs.com/#!/PreloadJS APIãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ http://www.createjs.com/Do
takahashitakashi 2014/05/31
image

loading

JavaScript

PreloadJS
ãƒªãƒ³ã‚¯
Placehold.it - Quick and simple image placeholders
One place to find your commercial real estate rentalSimplest way to search listings across the web
takahashitakashi 2014/05/28
æŒ‡å®šã®ã‚µã‚¤ã‚ºã§ç”»åƒã‚’å‡ºåŠ›ã€‚ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã§è‰²ã‚„ç”»åƒå†…ã«ãƒ†ã‚ã‚¹ãƒˆã‚’ç››ã‚Šè¾¼ã‚ã‚‹

photo

image

generator

webservice
ãƒªãƒ³ã‚¯
PreloadJSã®ç°¡å˜ãªä½¿ã„æ–¹
ã¡ãªã¿ã«APIã¯ã“ã“ã‹ã‚‰å‚ç…§ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã®ã§ã€ã“ã®è¨˜äº‹ã‚’èªã‚“ã§èˆˆå‘³ãŒæ¹§ã„ãŸäººã¯ãœã²è¦—ã„ã¦ã¿ã¦ãã ã•ã„ã€‚ ã§ã¯ã€ç”»åƒã‚’å¾Œèªã¿ã—ã¦ã€èªã¿è¾¼ã¿ãŒå®Œäº†ã—ãŸã‚ã¨ã«bodyã«è¿½åŠ ã™ã‚‹ã¨ã„ã†ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ãªãŒã‚‰ä½¿ã„ã‹ãŸã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚(ä»Šå›žã¯æ¥½ã‚’ã™ã‚‹ãŸã‚ã«jQueryã‚‚åˆã‚ã›ã¦ä½¿ã£ã¦ã„ãã¾ã™) ã¾ãšã¯ä¸€ã¤ã ã‘ç”»åƒã‚’èªã¿è¾¼ã‚€å ´åˆã§ã™ã€‚ <!DOCTYPEÂ HTML> <htmlÂ lang="ja"> <head> <metaÂ charset="UTF-8"> <title>ã‚µãƒ³ãƒ—ãƒ«</title> <scriptÂ src="http://code.jquery.com/jquery-latest.js"></script> <scriptÂ src="http://code.createjs.com/preloadjs-0.3.1.min.js"></script> <script> jQuery(f
takahashitakashi 2014/05/18
image

javascript

loading

library
ãƒªãƒ³ã‚¯
ä¸œåŒ—å¤§ç‚•ä¸Šçš„ä¸€å®¶äºº/æ¦´èŽ²é£˜é£˜/å®¿è¿æˆ¿å±‹å‡ºç§Ÿ/æ—¥æœ¬å…è´¹ä¸€å¡äºŒå¡ä¸‰å¡å››
æˆ‘ä»¬çš„æ¢¦æƒ³ï¼šåšå¼ºåšå¤§ï¼ŒæœåŠ¡ç¤¾ä¼šã€‚ æˆ‘ä»¬çš„è¿½æ±‚ï¼šåŠ›äº‰å“è¶Šã€å…±èµ¢å…±è¿›ã€‚ æˆ‘ä»¬çš„ç›®æ ‡ï¼šæ‰“é€ ç²¾å“ï¼Œæ ‘ç«‹å½¢è±¡ã€‚ æˆ‘ä»¬çš„ä¼ ç»Ÿï¼šåšéŸ§ä¸æ‹”ï¼Œæ”»åšå…‹éš¾ã€‚ æˆ‘ä»¬çš„ç²¾ç¥žï¼šå‹¤åŠ³æœ´å®žï¼Œä¹äºŽå¥‰çŒ®ã€‚
takahashitakashi 2014/05/17
javascript

image

loading
ãƒªãƒ³ã‚¯
Facebookã®OGPç”»åƒã®ä»•æ§˜ãŒã¾ãŸå¤‰æ›´ã€‚ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ•ã‚£ãƒ¼ãƒ‰ã§ã‚‚ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã§ã‚‚æ¬ ã‘ãªã„ã‚ˆã†ã«ã™ã‚‹æ–¹æ³•ã€‚ï¼ˆã‚¹ãƒžãƒ›å¯¾å¿œï¼æœ€æ–°ç‰ˆã€€â€»9.21è¿½è¨˜ï¼‰
takahashitakashi 2013/12/04
Facebook OGPã®ç”»åƒã‚µã‚¤ã‚º

facebook

tips

image

ã‚¹ãƒžãƒ›
ãƒªãƒ³ã‚¯
HTML5æ¼”å‡ºã«æœ€é©ãªè¤‡æ•°ç”»åƒèªã¿è¾¼ã¿ç®¡ç†ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒLoadManager.jsã€ | ClockMaker Blog
HTMLã§è¤‡æ•°ã®ç”»åƒã‚’èªã¿è¾¼ã‚€ã¨ãã€HTMLã®imgã‚¿ã‚°ã ã‘ã ã¨ä¸æ°å¥½ã¨ãªã‚ŠãŒã¡ã§ã™ãŒã€èªã¿è¾¼ã¿ã‚’ç®¡ç†ã™ã‚Œã°è¦‹æ „ãˆã‚‚æ•´ã„ã¾ã™ã¨ã„ã†ãƒ‡ãƒ¢ã¨JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚æ¬¡ã®2ã¤ã®ãƒ‡ãƒ¢ã‚’è¦‹æ¯”ã¹ã¦ä½•ãŒé•ã†ã®ã‹ç¢ºèªãã ã•ã„ã€‚ ãƒ‡ãƒ¢ (é€šå¸¸ã®imgã‚¿ã‚°) ãƒ‡ãƒ¢ (LoadManager.jsã‚’ä½¿ç”¨) ãƒ‡ãƒ¢ã®é•ã„ã¨ã¯ å‰è€…ã¯ç”»åƒãŒãƒãƒ©ãƒãƒ©ã¨ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ¬ãƒ¼ã‚¹çš„ã«èªã¿è¾¼ã¾ã‚Œã€å¾Œè€…ã¯èªã¿è¾¼ã¿çµ‚ã‚ã‚‹ã¾ã§ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒè¡¨ç¤ºã•ã‚Œèªã¿è¾¼ã¾ã‚ŒãŸã‚‚ã®ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ â–¼å‰è€…ã®ãƒ‡ãƒ¢ â–¼å¾Œè€…ã®ãƒ‡ãƒ¢ å¾Œè€…ã®ãƒ‡ãƒ¢ã«ã¯ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ãƒ‘ãƒ¼ã‚»ãƒ³ãƒ†ãƒ¼ã‚¸è¡¨ç¤ºã‚‚ä»˜ã„ã¦ã„ã¾ã™ã€‚èªã¿è¾¼ã¿ãŒä½•%ã¾ã§é”ã—ã¦ã„ã‚‹ã‹ã‚’ç¢ºèªã§ãã‚‹ã®ã‚‚ã€å¾Œè¿°ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒ¡ãƒªãƒƒãƒˆã§ã™ã€‚ HTML5ã§ä½œã‚‰ã‚ŒãŸãƒ•ãƒ«Flashçš„ãªã‚µã‚¤ãƒˆã‚’è¦‹ãŸã¨ãã«imgã‚¿ã‚°ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ¬ãƒ¼ã‚¹çš„ã«ç”»åƒãŒãƒãƒ©ãƒãƒ©ã¨ã§ã¦ãã‚‹ã“ã¨ãŒå¤šãã¦ã€ã„ã¤ã‚‚å¾®å¦™ãªæ€ã„ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚Flas
takahashitakashi 2013/11/26
èªã¿è¾¼ã¿åˆ¶å¾¡ã€‚ãƒ‘ãƒ¼ã‚»ãƒ³ãƒ†ãƒ¼ã‚¸ã‚‚å–å¾—ã§ãã‚‹ã£ã¦ã‹ãªã‚Šè‰¯ã„ã€‚

library

javascript

image

loading
ãƒªãƒ³ã‚¯
placekitten
A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you'll get aÂ placeholder. Like this: http://placekitten.com/200/300 or: http://placekitten.com/g/200/300
takahashitakashi 2013/10/11
æŒ‡å®šã®ã‚µã‚¤ã‚ºã§çŒ«ç”»åƒã‚’æ›¸ãå‡ºã—ã¦ãã‚Œã‚‹ã€‚

photo

image

cat

generator

WebService
ãƒªãƒ³ã‚¯
http://lorempixel.com/
takahashitakashi 2013/07/24
ãƒ©ãƒ³ãƒ€ãƒ ã«ç”»åƒã‚’åãå‡ºã—ã¦ãã‚Œã‚‹ã€‚ãƒ€ãƒŸãƒ¼ç”»åƒã®èª¿é”ã«é‡å®ã€‚ã‚µã‚¤ã‚ºã‚‚urlã§æŒ‡å®šã§ãã‚‹ã—ã€ã‚«ãƒ†ã‚´ãƒªãƒ¼ã‚‚ç”¨æ„ã—ã¦ãã‚Œã‚‹å„ªã‚Œã‚‚ã®ï¼

generator

webservice

image
ãƒªãƒ³ã‚¯
JavaScript ã§ç”»åƒæœ¬æ¥ã®ã‚µã‚¤ã‚º(å¹…, é«˜ã•)ã‚’å–å¾—ã™ã‚‹ - dogmap.jp
ç”»åƒã‚„å‹•ç”»ã‚’ lightbox é¢¨ã«è¡¨ç¤ºã™ã‚‹æ‹™ä½œã® jQuery ç”¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ jQuery.lightpop.js ã§ã™ãŒã€ç”»åƒã®æ‹¡å¤§è¡¨ç¤ºã§å¤§ããªå•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ ä»¥ä¸‹ã®ã‚ˆã†ã«ã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ç”»åƒã¨ã€ãƒªãƒ³ã‚¯å…ˆã®ç”»åƒãŒåŒä¸€ã§ã€ã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤ºã—ã¦ã„ã‚‹ç”»åƒã‚’ width, height ã§å°ã•ãè¡¨ç¤ºã—ã¦ã„ã‚‹å ´åˆã€ç”»åƒæœ¬æ¥ã®ã‚µã‚¤ã‚º(å¹…, é«˜ã•)ãŒå–å¾—ã§ããªã„ãŸã‚ã€æ£å¸¸ã«è¡¨ç¤ºã§ããªã„ã®ã§ã™ã€‚ <a href="pict01.jpg" rel="lightbox" title="ç”»åƒï¼‘"><img src="pict01.jpg" alt="ç”»åƒï¼‘" width="160" height="120"></a> å›°ã£ãŸãªãã¨æ€ã„ã¤ã¤ã‚‚ã€ç”»åƒæœ¬æ¥ã®ã‚µã‚¤ã‚ºã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦èª¿ã¹ãšã«æ”¾ç½®ã—ã¦ã„ã¾ã—ãŸãŒã€ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‚’èªã‚“ã§è§£æ±ºã—ãŸã®ã§ã€ä¹…ã€…ã« jQuery.lightpop.js ã‚’ãƒãƒ¼ã‚¸ãƒ§
takahashitakashi 2013/07/03
ã“ã£ã¡ã®æ–¹ãŒçŸã„ã‹ã€‚æ¸¡ã™ã¹ãå¼•æ•°ã®åž‹ãŒã‚¤ãƒžã‚¤ãƒãƒ”ãƒ³ã¨æ¥ãªã„ã‚“ã ãŒã€‚

jquery

javascript

tips

image
ãƒªãƒ³ã‚¯
1