GitHub - n7olkachev/imgdiff: Faster than the fastest in the world pixel-by-pixel image difference tool.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Next.jsã®next/imageコンãƒãƒ¼ãƒãƒ³ãƒˆã®ä½¿ã„æ–¹ã¨æ³¨æ„点
2020/10/27ã«Next.js 10ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚変更点ã¯å…¬å¼ã®ãƒ–ãƒã‚°ãŒã¨ã¦ã‚‚分ã‹ã‚Šã‚„ã™ãã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚Next.js Confã®å‹•ç”»ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã®ã‚‚良ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“（演出ãŒè‰¯ã„æ„Ÿã˜ã§ã™ï¼‰ã€‚ Next.js 10ã§ç‰¹ã«æ³¨ç›®ã™ã¹ãã¯ã€ç”»åƒæœ€é©åŒ–ã‚’ã—ã¦ãれるnext/imageコンãƒãƒ¼ãƒãƒ³ãƒˆï¼ˆnext/image）ã®ãƒ“ルトインサãƒãƒ¼ãƒˆã ã¨æ€ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯next/imageã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã™ã€‚ next/imageã¨ã¯ next/imageã¯ã€ç”»åƒã®è¡¨ç¤ºã‚’最é©åŒ–ã—ã¦ãれるコンãƒãƒ¼ãƒãƒ³ãƒˆã§ã™[1]。 ç”»åƒã®æœ€é©åŒ– 具体的ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæœ€é©åŒ–ã‚’è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ ç”»åƒã‚’閲覧デãƒã‚¤ã‚¹ã«å¿œã˜ã¦ãƒªã‚µã‚¤ã‚ºã—ã¦è¡¨ç¤ºã—ã¦ãれる（元画åƒãŒå¤§ããã¨ã‚‚スマホã§ã¯å°ã•ãリサイズã•ã‚ŒãŸç”»åƒã‚’表示） PNGã‚„JPEGãªã©ã®å½¢å¼ã®ç”»åƒã‚’自動ã§WebPã«ã—ã¦ãれる（ã—ã‹ã‚‚WebP対応ブラウザã§ã®
Next.js 10ã®next/imageã«ã‚ˆã‚‹ç”»åƒæœ€é©åŒ–を試ã—ã¦ã¿ãŸ
æ¦‚è¦ Next.js 10ãŒç™ºè¡¨ã•ã‚ŒãŸã®ã§next/imageã«ã‚ˆã‚‹ç”»åƒæœ€é©åŒ–を試ã—ã¦ã¿ã¾ã—ãŸã€‚ 試ã—æ–¹ ã—ã¾ã™ã€‚ １ï¼ï¼Žï¼ï¼Žï¼ã«ãªã£ã¦ã¾ã—ãŸï¼ ã“ã¡ã‚‰ã‚’見ãªãŒã‚‰è©¦ã—ã¦ã¿ã¾ã™ã€‚ ç”»åƒã¯ãƒ•ãƒªãƒ¼ç´ æã®ã“ã¡ã‚‰ã‚’使ã„ã¾ã™ã€‚ next/images ç”»åƒã¯public/free.jpgã«å…¥ã‚Œã¦ã„ã¾ã™ã€‚ widthã‚„heightを書ã‹ãšã«ãŸã 書ãã¨ã‚¨ãƒ©ãƒ¼ã«ãªã‚Šã¾ã™ã€‚
ツイートã«ãƒšãƒ¼ã‚¸æƒ…å ±ã‚’è¡¨ç¤ºã™ã‚‹ã€ŒTwitterカード（Twitter Cards）ã€ã‚’è¨å®šã—ã¦ã¿ãŸ
å„é …ç›®ã®è§£èª¬ã¨è¨å®šä¾‹ twitter:cardã¯ã€ã€ŒSummaryカードã€ãªã‚‰summaryã€ã€Œå¤§ããªç”»åƒä»˜ãã®Summaryカードã€ãªã‚‰summary_large_imageã¨æŒ‡å®šã—ã¾ã™ã€‚ <!-- 記述例：Summaryカード --> <meta name="twitter:card" content="summary"> <!-- 記述例：大ããªç”»åƒä»˜ãã®Summaryカード --> <meta name="twitter:card" content="summary_large_image"> twitter:site/twitter:creatorã¯ã€è©²å½“ã™ã‚‹ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’æŒã£ã¦ã„ã‚‹å ´åˆã®ã¿ã§OK。 <!-- 記述例：Webサイトã®TwitterID --> <meta name="twitter:site" content="@granfairs"> <!-- 記述例：コンテンツ
[HTML] 今更ã ã‘ã©ã€ã¡ã‚ƒã‚“ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªç”»åƒã®è¨å®šæ–¹æ³•ã‚’ç†è§£ã™ã‚‹ã€‚srcsetã¨sizesを使ã„ã“ãªãã†ã€‚
[HTML] 今更ã ã‘ã©ã€ã¡ã‚ƒã‚“ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªç”»åƒã®è¨å®šæ–¹æ³•ã‚’ç†è§£ã™ã‚‹ã€‚srcsetã¨sizesを使ã„ã“ãªãã†ã€‚HTMLレスãƒãƒ³ã‚·ãƒ–MediaQuery 世間ã®Webサイトをã¿ã¦ã¿ã‚‹ã¨ã€Œæ¨ªå¹…120pxã®ã‚µãƒ ãƒã‚¤ãƒ«ã«ã€1600pxã®ç”»åƒãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã€ã¨ã„ã†ã“ã¨ãŒã¡ã‚‡ã„ã¡ã‚‡ã„ã‚ã‚Šã¾ã—ã¦ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’確èªã—ã¦ã¿ã‚‹ã¨ ウインドウサイズãŒ2000pxã®å ´åˆã®å ´åˆã¯800pxã§è¡¨ç¤ºã—ã¦ã€ã‚¹ãƒžãƒ›ã ã¨120pxã§è¡¨ç¤ºã™ã‚‹ã€‚ ã¾ãŸRetina対応をã—ã¦ã„ã‚‹ã‹ã‚‰ã€è§£åƒåº¦ã®2å€ãŒå¿…è¦ã§ã€800px@2xã ã‹ã‚‰ã€å¤§ãã„æ–¹ã«ã‚ã‚ã›ã¦ã‚‹ ã¨ã„ã†ãƒ‘ターンをçµæ§‹ã¿ã‹ã‘ã‚‹ã®ã§ã€ã‚らãŸã‚ã¦imgã®å±žæ€§ã§ã‚ã‚‹srcsetã¨sizesã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ 大ãã„ç”»åƒã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒå¤§ãã„ ãŠãらãã“ã®è¨˜äº‹ã‚’ã”覧ã„ãŸã ãæ–¹ã«ã¯ã€Œä½•ã‚’当ãŸã‚Šå‰ãªã€ã¨æ€ã‚れるã¨æ€ã†ã®ã§ã™ãŒã€ã‚‚ã†å°‘ã—ãŠä»˜ãåˆã„ãã ã•ã„。 猫ã®ã‚ªãƒªã‚¸ãƒŠãƒ«ç”»åƒ
![[HTML] 今更ã ã‘ã©ã€ã¡ã‚ƒã‚“ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªç”»åƒã®è¨å®šæ–¹æ³•ã‚’ç†è§£ã™ã‚‹ã€‚srcsetã¨sizesを使ã„ã“ãªãã†ã€‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/76d15183c3242fe1c09cd44a534ffdf1babe63cc/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSFRNTCU1RCUyMCVFNCVCQiU4QSVFNiU5QiVCNCVFMyU4MSVBMCVFMyU4MSU5MSVFMyU4MSVBOSVFMyU4MCU4MSVFMyU4MSVBMSVFMyU4MiU4MyVFMyU4MiU5MyVFMyU4MSVBOCVFMyU4MyVBQyVFMyU4MiVCOSVFMyU4MyU5RCVFMyU4MyVCMyVFMyU4MiVCNyVFMyU4MyU5NiVFMyU4MSVBQSVFNyU5NCVCQiVFNSU4MyU4RiVFMyU4MSVBRSVFOCVBOCVBRCVFNSVBRSU5QSVFNiU5NiVCOSVFNiVCMyU5NSVFMyU4MiU5MiVFNyU5MCU4NiVFOCVBNyVBMyVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MCU4MnNyY3NldCVFMyU4MSVBOHNpemVzJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJTg0JUUzJTgxJTkzJUUzJTgxJUFBJUUzJTgxJTlEJUUzJTgxJTg2JUUzJTgwJTgyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lZWQ2OGEyYTYyZmFkMWVlYmI0MTgyNDkxZmMxYWZmZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwcmRsYWJvJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yYzExNzQwNDhmZmM4YTU3MTVjNDA5NmU5YjEzNTBkOQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D7dbabc119a6fce6cf3ec76f724c77915)
Metallic Ratio ï¼ è²´é‡‘å±žæ¯” [黄金比・白銀比ãªã©ã‚’計算]
『Metallic Ratioã€ã¨ã¯è²´é‡‘属比ã¨ã„ã†æ„味ã§ã™ã€‚2ã¤ã®æ•°å€¤ã®æ¯”ã«ãŠã„ã¦ã€ç¾Žã—ã„ã¨ã•ã‚Œã‚‹æ¯”率ã¨ã„ã†ã‚‚ã®ãŒå˜åœ¨ã—ã¦ãŠã‚Šã€ç‰¹ã«æœ‰åãªã‚‚ã®ãŒé»„金比ï¼1:1.618ã¨ã„ã†ã‚‚ã®ã§ã€æ•°å¤šãã®ç¾Žè¡“å“ã‚„å»ºé€ ç‰©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ç‰ã®æ§‹æˆã®ä¸ã«ã“ã®æ¯”率を見るã“ã¨ãŒã§ãã¾ã™ã€‚ 黄金比ã®ä»–ã«ã‚‚白銀比ã€ç™½é‡‘比ã€é’銅比ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã€ãれらをç·ç§°ã—ã¦ã€Žè²´é‡‘属比ã€ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚ 上ã®ãƒ„ールã¯ã€åŸºæº–ã¨ãªã‚‹æ•°å€¤ã‚’ã²ã¨ã¤æŒ‡å®šã™ã‚‹ã ã‘ã§ã€é»„金比や白銀比ã«ä»£è¡¨ã•ã‚Œã‚‹å„貴金属比を簡å˜ã«ç®—出ã§ãã‚‹Webアプリã§ã™ã€‚数値ã ã‘ã§ã¯ãªã視覚的ã«ã‚‚比率を確èªã§ãã‚‹ã®ã§ã€æ±‚ã‚ã¦ã„る比率を直感的ã«å¾—ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ デザイン作æ¥ãªã©ã§ç¾Žã—ã„比率ãŒå¿…è¦ãªæ™‚ã«ã”利用ãã ã•ã„。
ã‚¢ã‚¤ã‚³ãƒ³ç´ æダウンãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã€Œicooon-mono〠| 商用利用å¯èƒ½ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æãŒç„¡æ–™(フリー)ダウンãƒãƒ¼ãƒ‰ã§ãるサイト | 6000個以上ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるサイト ICOOON MONO
WHAT'S ICOOON MONO 商用利用å¯èƒ½ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æをフリー(ç„¡æ–™)ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æé…布サイトã§ã™ã€‚ WEBデザインやDTPã®ã»ã‹ã€ãƒ“ジãƒã‚¹ã‚·ãƒ¼ãƒ³ã§æ´»ç”¨ã§ãã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æをストックã—ã¦ã„ã¾ã™ã€‚ TopeconHeroesãŒä½œæˆã—ãŸã“ã®ã‚µã‚¤ãƒˆã«æŽ²è¼‰ã—ã¦ã„ã‚‹ç´ æã¯ã€ã©ãªãŸã§ã‚‚使用æ¡ä»¶ã«é•åã—ãªã„é™ã‚Šã‚¯ãƒ¬ã‚¸ãƒƒãƒˆè¡¨è¨˜ã‚„許å¯ãªã—ã§ã€ 自由ã«ã”利用ã„ãŸã ã‘ã¾ã™ã€‚
App Icon Resizer
App Icon Resizer A simple service to resize your app icon to all needed resolutions with rocket speed. Made by How it works. As fast as possible. Just drag and drop the original image on the upload area or upload it manually. The image is uploaded and the icons are generated automatically. Activate the instant download option to directly download all icons. We also provide App Icon Management and
ダミー画åƒç”Ÿæˆã®çœŸæ‰“ã¡ã¨ã‚‚言ãˆã‚‹é«˜æ€§èƒ½ãŒã™ã”ã„ï¼ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãªã®ã«ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚利用ã§ãã¦ã—ã¾ã† -satyr.io
ダミー画åƒã®ç„¡æ–™ã‚µãƒ¼ãƒ“スã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€çœŸæ‰“ã¡ã¨ã‚‚言ãˆã‚‹é«˜æ€§èƒ½ãªãƒ€ãƒŸãƒ¼ç”»åƒãŒåˆ©ç”¨ã§ãる無料オンラインサービスãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ ダミー画åƒã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã€å¯å¤‰ç”»åƒã‚„高ã•ãŒä¸æƒã„ã®ç”»åƒã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã‚‚オンラインãªã®ã«ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚利用ã§ãã¦ã—ã¾ã†å„ªã‚Œã‚‚ã®ã§ã™ã€‚
HTML 5.1ã®æ–°è¦ç´ picture入門 - Qiita
(2016/09/26 追記) pictureè¦ç´ ã«ã¤ã„ã¦ã€ICS MEDIAã«ã¦æ›´ã«è©³ã—ã解説ã—ã¾ã—ãŸã€‚ã“ã¡ã‚‰ã‚‚åˆã‚ã›ã¦å‚ç…§ãã ã•ã„。 レスãƒãƒ³ã‚·ãƒ–イメージã§ç”»åƒã®è¡¨ç¤ºã‚’最é©åŒ– 〜CSSã‚‚JSã‚‚ã„らãªã„HTML 5.1ã®æ–°æ©Ÿèƒ½ - ICS MEDIA HTML 5.1ã«ã¦å®Ÿè£…ã•ã‚Œã‚‹æ–°è¦ç´ pictureè¦ç´ を使ã†ã¨ã€CSSメディアクエリを使ã£ã¦ç”»åƒã‚’出ã—分ã‘ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ 例ãˆã°ã€ãƒ“ューãƒãƒ¼ãƒˆæ¨ªå¹…ãŒ700px以下ã®æ™‚ã€a.pngã¨ã„ã†ç”»åƒã‚’表示ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã®ã¨ãŠã‚Šã§ã™ã€‚個別ã®ç”»åƒã®æŒ‡å®šã¯sourceè¦ç´ ã§è¡Œã„ã€ç”»åƒãƒ‘スをsrcset属性ã€ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’media属性ã§ãã‚Œãžã‚ŒæŒ‡å®šã—ã¾ã™ã€‚ã¾ãŸã€pictureè¦ç´ ã«å¯¾å¿œã—ã¦ã„ãªã„ブラウザã®ç‚ºã«ã€imgè¦ç´ ã‚‚å¿…ãšæŒ‡å®šã—ã¾ã™ã€‚ <picture> <source media="(max-width: 600px)" srcset="im
Owl Carousel
How To Use 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included. <!-- Important Owl stylesheet --> <link rel="stylesheet" href="owl-carousel/owl.carousel.css"> <!-- Default Theme --> <link rel="stylesheet" href="owl-carousel/owl.theme.css"> <!-- jQuery 1.7+ --> <script src="jquery-1.9.1.min.js"
HTMLã®srcsetを使ã£ã¦ç”»åƒã‚’レスãƒãƒ³ã‚·ãƒ–ã«Retina対応ã•ã›ã¦ã¿ã‚ˆã† | Kia King
WEBã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã™ã‚‹ã¨ãã«çµæ§‹å¤§å¤‰ãªã®ãŒç”»åƒã®æ‰±ã„。iPhoneç‰ã®é«˜è§£åƒåº¦ãƒ‡ãƒã‚¤ã‚¹(Retinaディスプレイç‰)ã«ã¯2å€ã®ç”»åƒã‚’用æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã—ã€æœ€è¿‘ã¯ç”»é¢ã®ã‚µã‚¤ã‚ºã«ä¼šã‚ã›ã¦ç”»åƒã‚’切り替ãˆãŸã„å ´åˆã‚‚多ã„。ãã‚“ãªæ™‚ã«HTML5ã®srcsetãŒã™ã“ã¶ã‚‹ä¾¿åˆ©ã ã£ãŸã®ã§ã”紹介ã—ã¾ã™ã€‚ srcsetã§ã§ãã‚‹ã“㨠次ã®ã‚ˆã†ãªã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ Retinaディスプレイ用ã«ç”»åƒã‚’切り替ãˆã‚‹ ウィンドウサイズã«åˆã‚ã›ã¦ç”»åƒã‚’切り替ãˆã‚‹ ウィンドウサイズã«åˆã‚ã›ã¦å‹•çš„ã«ç”»åƒã‚’切り替ãˆã‚‹ Retinaディスプレイ用ã«ç”»åƒã‚’切り替ãˆã‚‹ 基本的ãªä½¿ã„æ–¹ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§imgã‚¿ã‚°ã«ä½¿ç”¨ã—ã¾ã™ã€‚シンプルã§ã™ã。 <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/[email protected] 2x" alt
Rails4ã§ã¯background:url("assets/hoge.png")ã®æ›¸ãæ–¹ã¯å‹•ã‹ãªã„話 - Qiita
Rails4ã®production環境ã§ã®ã¿ã€ç”»åƒãŒè¡¨ç¤ºã•ã‚Œãªã„å•é¡Œ å•é¡Œã®æ¦‚è¦ å…ˆæ—¥ã€å¼Šç¤¾ã‚µãƒ¼ãƒ“ス STORYS.JP ã‚’Rails3ã‹ã‚‰Rails4.0.2ã«ã‚¢ãƒƒãƒ—デートã—ã¾ã—ãŸã€‚ Rails4ã¯Rails3ã«æ¯”ã¹ã¦ã€development環境ã§ã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰ã«ã‹ã‹ã‚‹æ™‚é–“ãŒ1/10ãらã„ã«ãªã‚Šã¾ã—ãŸã€‚ èªã¿è¾¼ã¿ã« 1500ms ã»ã©ã‹ã‹ã£ã¦ã„ãŸã®ãŒã€Rails4ã«ã™ã‚‹ã ã‘ã§æœ¬ç•ªä¸¦ã¿ã® 150ms ã§è¿”ã£ã¦ãるよã†ã«ãªã‚Šã€æœ¬å½“ã«éžå¸¸ã«å¿«é©ã«é–‹ç™ºãŒã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã—ã‹ã—ã€ä¾¿åˆ©ãªã‚‚ã®ã«ã¯å¼Šå®³ã‚‚多ãã€æ§˜ã€…ãªå•é¡ŒãŒãŠãã¾ã™ã€‚ ãã®ä¸ã§ã‚‚ã€è§£æ±ºã«è‹¦ã—ã‚“ã å•é¡ŒãŒã€ ã“ã‚Œã¾ã§ã¯æ£å¸¸ã«è¡¨ç¤ºã•ã‚Œã¦ã„ãŸç”»åƒãŒã€Rails4ã®production環境ã§ã®ã¿è¡¨ç¤ºã•ã‚Œãªã„å•é¡Œ ã§ã™ã€‚ å•é¡Œã®åŽŸå› å•é¡Œã®åŽŸå› ã¯ã€ app/assets/images 以下ã«ç½®ã„ã¦ã‚ã‚‹ç”»åƒã‚’直接パスを指定ã—ã¦èªã¿è¾¼ã‚“ã§ã„ã‚‹ã“
Cloud Vision APIã®å‡„ã•ã‚’ä¼ãˆã‚‹ã¹ãRasPi botã¨ãƒ“デオを作ã£ãŸè©±
（ã“ã®è¨˜äº‹ã¯Google Cloud Platform Advent Calendar 2015ã®12月3日分ã®è¨˜äº‹ã§ã™ï¼‰ Cloud Vision APIã¨ç§ Googleã«å…¥ã£ã¦ã‹ã‚‰ã¾ã‚‚ãªã5å¹´ã€Google Cloud Platformã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーアドボケイト（エãƒãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã¿ãŸã„ãªå½¹å‰²ï¼‰ã®ä»•äº‹ã«å°±ã„ã¦ã‹ã‚‰1å¹´ãŒçµŒã¡ã¾ã—ãŸã€‚仕事ã®åŠåˆ†ã¯ã‚¢ã‚¸ã‚¢åœ°åŸŸå‘ã‘ã®é–‹ç™ºè€…コミュニティ支æ´ã§ã€æ®‹ã‚ŠåŠåˆ†ã¯GCPã®æ–°è£½å“ãƒãƒ¼ãƒ³ãƒã®æ”¯æ´ã‚’ã‚°ãƒãƒ¼ãƒãƒ«å‘ã‘ã«è¡Œã£ã¦ã„ã¾ã™ã€‚ 特ã«ã“ã“åŠå¹´ã¯ã€TensorFlowã‚’ã¯ã˜ã‚ã€GCPã®æ©Ÿæ¢°å¦ç¿’系プãƒãƒ€ã‚¯ãƒˆã®ãƒãƒ¼ãƒ³ãƒæ”¯æ´ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ã„ã¾ã™ã€‚TensorFlowã¯ãã®åºç« ã§ã€å…¬é–‹å‰ã‹ã‚‰Alphaカスタマーå‘ã‘ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’作ã£ãŸã‚Šèª¬æ˜Žã‚„デモã—ãŸã‚Šã—ã¦ã„ã¾ã—ãŸã€‚ ãã†ã—ãŸGCPã®æ–°ã—ã„機械å¦ç¿’系サービスã®ã²ã¨ã¤ãŒã€Cloud Vision APIã§ã™ã€‚ã“ã‚Œã¯Googl
ãŒã‚“ã°ã‚‰ãªã„å‹•çš„ç”»åƒå¤‰æ›ã‚µãƒ¼ãƒãƒ¼ã®ã¤ãã‚Šã‹ãŸ - スパイスãªäººç”Ÿ
tmixエンジニアã®id:ksssã§ã™ã€‚ 今年ã®å¤ã‚‚æš‘ã„ã§ã™ã。 僕ã¯æœ€è¿‘tmixã§ä½œã£ãŸãƒ‰ãƒ©ã‚¤Tシャツをç€ã¦ã€æœã®ãƒ©ãƒ³ãƒ‹ãƒ³ã‚°ã§ä½“力ã¥ãã‚Šã«å–り組んã§ã„ã¾ã™ã€‚ http://tmix.jp/designs/2052395 ã“ã®Tシャツã«ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ç•Œã§ã®æœ‰åãªè¨€è‘‰ã‚’ã‚‚ã˜ã£ã¦ã€Œãã ãã 言ã£ã¦ãªã„ã§ã€èµ°ã‚Œï¼ã€ã¨ã„ã†æ„味を込ã‚ã¦ã„ã¦ã€ãªã¾ã‘ãŒã¡ãªè‡ªåˆ†ã‚’ã¨ã£ã¨ã¨èµ°ã‚Šã«è¡Œã‹ã›ã‚ˆã†ã¨æ„è˜ã‚’ãŸã‹ã‚ã¦ã„ã¾ã™ã€‚ 今回ã¯ã“ã“ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ç”»åƒã®è£å´ã«ã¤ã„ã¦ãŠè©±ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å‹•çš„ç”»åƒå¤‰æ› ã“ã®Tシャツ画åƒã¯ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’å—ã‘ãŸã¨ãã«æŒ‡å®šã®ã‚µã‚¤ã‚ºã®ç”»åƒã‚’生æˆã—ã¦è¿”ã—ã¦ã„ã¾ã™ã€‚ å‹•çš„ç”»åƒå¤‰æ›ã‚’使ã†ã¨ã€ç®¡ç†ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®å‰Šæ¸›ã‚„ã€äº‹å‰å‡¦ç†ã®å˜ç´”化ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®æŸ”軟対応ãªã©ã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã€tmixã§ã‚‚様々ãªãƒšãƒ¼ã‚¸ã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ å‹•çš„ç”»åƒå¤‰æ›ã«ã¯æ§˜ã€…ãªå®Ÿè£…ãŒã‚ã‚Šã¾ã™ãŒã€tmixã§ã¯ã‚ã¾ã‚ŠãŒã‚“ã°ã‚‰ãªã„å‹•çš„ç”»åƒ
App Storeã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãŒä½œæˆå‡ºæ¥ã‚‹ï¼ã€ŒApp Store Screenshot Builderã€ã‚’使ã£ã¦ã¿ãŸï¼ | エãƒãƒ¼ã‚»ãƒ³ã‚¹é–‹ç™ºãƒ–ãƒã‚°
App Store Screenshot Builderã¯App Storeã«ã‚¢ãƒ—リを登録ã™ã‚‹éš›ã«å¿…è¦ã«ãªã‚‹â€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆâ€ã‚’作æˆå‡ºæ¥ã‚‹ãƒ„ールã§ã™ã€‚ スクリーンショット画åƒã¯ã€iTunesstoreã®ä¸ã§è¦‹ã‚‹ã€ã“ã®ç”»åƒã®ã“ã¨ã§ã™ã。 ã“ã®ç”»åƒã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚‰çš†çµŒé¨“済ã§ã™ãŒã€iPhone4ã€iPhone5ã€iPhone6ã€iPhone6＋ã¨å…¨ç¨®é¡žã®ç”»åƒã‚µã‚¤ã‚ºã‚’用æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã€çµæ§‹æ‰‹é–“ãªã‚“ã§ã™ãƒ»ãƒ»ãƒ»ã€‚ ãã‚“ãªé¢å€’ãªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆç”»åƒã‚’ã€è‡ªå‹•ã§ç”Ÿæˆã—ã¦ãれるã®ãŒã€ã“ã®ã€ŒApp Store Screenshot Builder〠ã¨ã¯ã„ãˆã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒPhotoshopã§ä½œã‚Šã“ã‚“ã ã»ã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ä½œã‚Œã¾ã›ã‚“ãŒã€iPhoneã®å®Ÿæ©Ÿã§ãƒ‘シャッï¼ã¨ç”»é¢ã‚’ã‚ャプãƒãƒ£ãƒ¼ã—ã¦ã—ã¾ãˆã°ã€ã‚ã¨ã¯ãã®ç”»åƒã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã§ã€iPhone4〜6＋ã¾ã§ã®æ¯”率ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’自動生æˆã—ã¦ã
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
iPhone/iPad/Apple Watch解åƒåº¦(ç”»é¢ã‚µã‚¤ã‚º)早見表 - Qiita
ã€å›³è§£ã€‘CSSã ã‘ã§ç”»åƒã®ç¸¦æ¨ªæ¯”ã‚’ç¶æŒã—ãŸã‚µãƒ ãƒã‚¤ãƒ«ã‚’表示ã™ã‚‹ - Qiita
App Icon Maker - Resize App Icon to all sizes for iOS/Android projects.
http://lorempixel.com/
{{#tags}}- {{label}}
{{/tags}}