CloudFlareã§APIを使ã£ã¦å€‹åˆ¥ã‚„全部ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚ャッシュを削除ã•ã›ã‚‹ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Fix Search-Related JavaScript Problems | Google Search Central  | Documentation  | Google for Developers
SEO fundamentals Introduction Search Essentials SEO Starter Guide How Google Search Works Do you need an SEO? Crawling and indexing Sitemaps robots.txt Meta tags Crawler management Removals Canonicalization Redirects JavaScript SEO Ranking and search appearance Visual Elements gallery Title links Snippets Images Videos Structured data Favicons Site-specific guides Ecommerce International and multi
Announcing domain-wide data in Search Console
accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s
59分割ヤãƒã‚¤ï½œæ·±æ´¥ 貴之 (fladdict)
ã“ã°ã‹ãªã•ã‚“ã¨ã€ã‚°ãƒªãƒƒãƒ‰åˆ†å‰²ã®è©±ã‚’ã—ã¦ã‚‹ã¨ãã«å‡ºãŸãƒã‚¿ãªã®ã ã‘ã©ã€‚ グリッドã®59分割ヤãƒã‚¤ã‚ˆãã‡ã¨ã„ã†ãŠè©±ã€‚ ç”»é¢ã‚’59分割ã™ã‚‹ã¨ã€æ§˜ã€…ãªæ¯”率ã§ç«¯æ•°ãŒã§ãªã„。汎用的ãªã‚°ãƒªãƒƒãƒ‰åˆ†å‰²ã§ãã¦ç´ 敵。個人的ã«ã¯noteã§å›³è¡¨ã‚’æã時ã¯ã€ ・幅620px ・天地左å³ãƒžãƒ¼ã‚¸ãƒ³15px ・グリッド59分割 10pxã‚’æ„è˜ã™ã‚‹ã¨ã€è‰²ã€…ã¨ä¾¿åˆ©ã ã¨æ€ã†ã€‚ ã“れ全部ã€ãƒ”クセルパーフェクトã«åˆ†å‰²ã§ãる。 1分割 = 590px grid 2分割 = 290px grid 3分割 = 190px grid 4分割 = 140px grid 5分割 = 110px grid 6分割 = 90px grid 8分割 = 65px grid （厳密ã«ã¯10ã®å€æ•°ã§ãªã„ã®ã§â–³ï¼‰ 10分割 = 50px grid 12分割 = 40px grid 15分割 = 30px grid 20分割 = 20px grid 24分割
[CSS]Webページã®ã“ã‚Œã‹ã‚‰ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼Flexboxã¨CSS Gridã¯ä¸€ç·’ã«ä½¿ç”¨ã—ã¦ã“ã価値ãŒã‚ã‚‹
Webページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ä¸€æ˜”å‰ã¾ã§ã¯floatã€æœ€è¿‘ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯FlexboxãŒä¸»æµã ã¨æ€ã„ã¾ã™ã€‚CSS Gridã¯ã©ã†ã§ã—ょã†ã‹ï¼Ÿ CSS Gridã¯ä¸»è¦ãªã™ã¹ã¦ã®ãƒ–ラウザã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œã€æŽ¡ç”¨ã‚’検討ã—ã¦ã„ã‚‹ã€ã¾ãŸæ—¢ã«å°Žå…¥ã—ã¦ã„る人も少ãªããªã„ã§ã—ょã†ã€‚ 注æ„ã—ã¦ãŠããŸã„ã®ãŒã€CSS GridãŒã‚ã‚Œã°Flexboxã¯ã„らãªã„ã¨ã„ã†è€ƒãˆæ–¹ã§ã™ã€‚ ã“ã‚Œã‹ã‚‰ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€Flexboxã¨CSS Gridを一緒ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ã€ãれらã®æ€§èƒ½ã‚’効果的ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ Flexbox and Grids, your layout’s best friends by Eva Ferreira 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ Flexboxã¨CSS Gridã¯ä¸€ç·’ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ãƒ‘ワーを発æ®ã™ã‚‹ 神話ã¯å´©ã•ã‚ŒãŸ Fri
![[CSS]Webページã®ã“ã‚Œã‹ã‚‰ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼Flexboxã¨CSS Gridã¯ä¸€ç·’ã«ä½¿ç”¨ã—ã¦ã“ã価値ãŒã‚ã‚‹](https://cdn-ak-scissors.b.st-hatena.com/image/square/222e57e0cb617f5924de9e159879efca2a68aa3e/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201704%2F2017111110.png)
CSS GridãŒé©ã—ã¦ã„るレイアウトã€FlexboxãŒé©ã—ã¦ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’詳ã—ã解説
CSS Gridã¨Flexboxã¯ã€CSSã§ç¾åœ¨ä¸»æµã¨ãªã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã§ã™ã€‚ CSS Gridã¨Flexboxã¯è¡¨é¢çš„ã«ã¯ä¼¼ã¦ã„るよã†ã«æ„Ÿã˜ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã—ã‹ã—ã€å®Ÿéš›ã«ã¯ç•°ãªã‚‹ã‚¿ã‚¹ã‚¯ã«ä½¿ç”¨ã•ã‚Œã€ãã‚Œãžã‚Œç•°ãªã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å•é¡Œã‚’解決ã—ã¾ã™ã€‚ FlexboxãŒé©ã—ã¦ã‚‹å ´åˆã€CSS GridãŒé©ã—ã¦ã„ã‚‹å ´åˆã€ã¾ãŸä¸¡æ–¹ã‚’使用ã™ã‚‹å ´åˆã€ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å•é¡Œã‚’æ£ã—ã解決ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ Grid vs. Flexbox: Which should you choose? 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ページ全体ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ 隙間ãŒå¿…è¦ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ 1次元ã¨2次元ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ラッパー CSS Gridã¯å°†æ¥ã€Flexboxを時代é…ã‚Œã«ã™ã‚‹ã§ã—ょã†ã‹ï¼Ÿ ページ全体ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ CSS Gridã¯ã‚³
SEOã«å½¹ç«‹ã¤ã€Googlebotã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’検証ã™ã‚‹4ã¤ã®æ–¹æ³•
[レベル: 上級] ã“ã®è¨˜äº‹ã§ã¯ã€Googlebot ã«ã‚ˆã‚‹ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’検証ã€ãƒ‡ãƒãƒƒã‚°ã™ã‚‹æ–¹æ³•ã‚’4ã¤ç´¹ä»‹ã—ã¾ã™ã€‚ Googlebot ï¼ Chrome 41 ã¾ãšã€å‰æ知è˜ã¨ã—ã¦çŸ¥ã£ã¦ãŠã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã“ã¨ã¯ã€Googlebot ãŒãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ä»•çµ„ã¿ (Web Rendering Systemã€ç•¥ã—㦠WRS ã¨å‘¼ã¶ï¼‰ã¯ã€Chrome 41 ã«ç›¸å½“ã™ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ã“ã®è¨˜äº‹ã‚’書ã„ã¦ã„る時点ã§ã¯ã€Chrome ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ 65 ã§ã™ã€‚ ç¾åœ¨åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ ES6 ã®æ©Ÿèƒ½ã®ã”ã一部ã—ã‹ Googlebot ã¯ã‚µãƒãƒ¼ãƒˆã§ãã¦ã„ã¾ã›ã‚“。 ãŸã¨ãˆã°ã€CSS カスタムプãƒãƒ‘ティや Strict modeã€IndexedDB をサãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã›ã‚“。 Chrome 41 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã®ã¯ã€2015å¹´3月ã§ã™ã€‚ ã¤ã¾ã‚Šã€SEO ã‚’æ„è˜ã™ã‚‹ãªã‚‰ã€3å¹´å‰ã®ãƒ–ラウザã«åˆã‚ã›ãªã‘ã‚Œã°ãªã‚‰ãª
TypeScriptã®åž‹å…¥é–€ - Qiita
TypeScriptã¯åž‹ãŒã¤ã„ãŸJavaScriptã§ã™ã€‚プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ãŠã„ã¦åž‹ãŒã‚ã‚‹ã“ã¨ã®æ©æµã¯å¤§ããã€è¿‘é ƒAltJSã®ä»£è¡¨æ ¼ã¨ã—ã¦äººæ°—を集ã‚ã¦ã„ã¾ã™ã€‚TypeScriptã¯ã‚‚ã¨ã‚‚ã¨åž‹ã®ãªã„JavaScriptã§æ›¸ã‹ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã«åž‹ã‚’付ã‘ã‚‹ã“ã¨ã‚’使命ã¨ã—ã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€ãŸã¾ã«å¤‰ãªåž‹ãŒè¿½åŠ ã•ã‚Œã¾ã™ã€‚例ãˆã°TypeScript2.8ã§è¿½åŠ ã•ã‚ŒãŸconditional typesã¯ãšã„ã¶ã‚“注目を集ã‚ã¾ã—ãŸã€‚ã“ã‚Œã«ã‚ˆã£ã¦TypeScriptã®åž‹ã‚·ã‚¹ãƒ†ãƒ ã®è¡¨ç¾åŠ›ãŒåºƒãŒã‚Šã¾ã—ãŸãŒã€ä¸€æ–¹ã§TypeScriptを書ã„ã¦ã„る人ã®ä¸ã«ã¯ã€ã‚ˆã分ã‹ã‚‰ãªã„åž‹ãŒå¢—ãˆã¦ã¤ã„ã¦è¡Œã‘ãªã„ã€ä¸€éƒ¨ã®äººãŸã¡ãŒé•·ãã¦ã‚ˆã分ã‹ã‚‰ãªã„型定義を書ã„ã¦å–œã‚“ã§ã„ã‚‹ã ã‘ã¨æ€ã£ã¦ã„る方もã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚実際ã€å¥å…¨ã«JavaScriptを書ã„ã¦ã„ã‚Œã°ã€è‡ªåˆ†ã§ãã®ã‚ˆã†ãªå¤‰ãªåž‹ã‚’書ãã“ã¨ã¯ã‚ã¾ã‚Šå¤šãã‚ã‚Šã¾ã›ã‚“。 ãã“ã§ã€ã“ã®è¨˜äº‹ã§ã¯T
React開発ã«ãŠã„ã¦ä¾¿åˆ©ãªTypeScriptã®åž‹ã¾ã¨ã‚ - Qiita
React開発ã«ãŠã„ã¦å€‹äººçš„ã«ä¾¿åˆ©ã ãªãƒ¼ã¨æ€ã£ã¦ã„ã‚‹TypeScriptã®åž‹ã‚’ã ã ーã£ã¨ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ç§è‡ªèº«ã‚‚ã¾ã ã¾ã TypeScript修行ä¸ã®èº«ã§ã™ã®ã§ã€æ–°ãŸã«æ°—ã¥ã„ãŸã‚‚ã®ãŒã‚ã£ãŸã‚‰éšæ™‚追記ã—ã¦ã„ãã¾ã™ã€‚ã¿ãªã•ã‚“も「ã“ã†ã„ã†ä½¿ã„æ–¹ã§ãã‚‹ãœï¼ã€ã¿ãŸã„ãªã®ãŒã‚ã£ãŸã‚‰ã€ãœã²æ•™ãˆã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 対象ã¨ã™ã‚‹èªè€… 最近Reactã«TypeScriptã‚’å°Žå…¥ã—始ã‚ãŸäºº Reactã«TypeScriptã‚’å°Žå…¥ã—ã¦ãã“ãã“経ã¤ã‘ã©ã€ã„ã¾ã„ã¡ä½¿ã„ã“ãªã›ã¦ã‚‹æ°—ãŒã—ãªã„人 TypeScriptã«ã‚ã¾ã‚Šè©³ã—ããªã„人ã§ã‚‚ã‚ã‹ã‚‹ã‚ˆã†ã«èª¬æ˜Žã—ã¦ã„ã‚‹ã¤ã‚‚ã‚Šã§ã¯ã‚ã‚Šã¾ã™ãŒã€ä»¥ä¸‹ã®è¨˜äº‹ãŒTypeScriptã®å…¥é–€ç”¨ã«ç´ 晴らã—ã„ã®ã§ã€ãã¡ã‚‰ã‚’å…ˆã«èªã‚€ã¨ã‚¹ãƒ ーズã«èªã¿é€²ã‚られるã¨æ€ã„ã¾ã™ã€‚ TypeScriptã®åž‹å…¥é–€ Partial React開発ã«ãŠã„ã¦ã‚ˆã定義ã™ã‚‹åž‹ã¨ã—ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®propsã®åž‹ãŒã‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Rich Results Test - Google Search Console
Colors | UXPRO
{{#tags}}- {{label}}
{{/tags}}