Making the web more beautiful, fast, and open through great typography
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
Google ãŒè€ƒãˆã‚‹ã‚ˆã‚Šã‚ˆã„ユーザー体験ã¨ã¯
先月開催ã•ã‚ŒãŸ Google I/O 2010 ã¯ã€WebMプãƒã‚¸ã‚§ã‚¯ãƒˆã€Chrome Web Storeã€Google TV ãªã©ãªã©èˆˆå‘³æ·±ã„話題ãŒç›®ç™½æŠ¼ã—ã ã£ãŸã‚ã‘ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³é–¢é€£ã§ã‚‚ãŠã‚‚ã—ã‚ã„講演ãŒã‚ã£ãŸã®ã‚‚見逃ã—ã¦ã¯ã„ã‘ã¾ã›ã‚“。Google ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‹ã‘離れã¦ã„ã‚‹ã¨è€ƒãˆã‚‹æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ãã‚“ãªã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。装飾的ãªæ„味ã§ã‚‚デザインã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å½¼ç‰ã¯é«˜ã„デザインæ„è˜ã‚’ã‚‚ã£ã¦é–‹ç™ºã‚’ã—ã¦ã„ã¾ã™ã€‚ãã®ä¾‹ã¨ã—ã¦ä»¥å‰ç´¹ä»‹ã—㟠Google ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³10é …ç›®ãŒæŒ™ã’られã¾ã™ã€‚ Google I/O ã§ã¯ã€ŒBeyond design: Creating positive user experiencesã€ã¨ã„ã†UXã®è©±é¡Œã§è¬›æ¼”ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚å‹•ç”»ã¨ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ‡ãƒ¼ã‚¿ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€èˆˆå‘³ã¯ã‚ã‚‹æ–¹ã¯ãœã²ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã¿ã¦ãã ã•ã„。 デザインガイドライン
Google Font API ã§æ‰‹è»½ã«å§‹ã‚るフォントéŠã³
昨日開催ã•ã‚ŒãŸ WDE ex -vol9 (Twitter TL) ã®æ‡‡è¦ªä¼šã§ã€ŒGoogle ãŒãƒ•ã‚©ãƒ³ãƒˆã®ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚„ã‚Œã°è‰¯ã„ã˜ã‚ƒãªã„ã‹ã€ã¨ã„ã†è©±é¡ŒãŒå‡ºã¦ã„ãŸã®ã§ã™ãŒã€æœèµ·ããŸã‚‰ Google Font API ã¨ã—ã¦ç¾å®Ÿçš„ãªã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã—ãŸã€‚Web Font をホスティングã—ã¦ã„るサービスã¯æµ·å¤–ã§æ—¢ã«å¹¾ã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ã»ã¨ã‚“ã©ãŒ JavaScript ã®ã‚³ãƒ¼ãƒ‰ã‚’貼付ã‘る方法ãŒæŽ¡ç”¨ã•ã‚Œã¦ãŠã‚Šã€ä¸ã«ã¯ body 内ã«è¨˜è¿°ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‚‚ã®ã‚‚ã‚ã‚Šã€ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªæ–¹æ³•ã¨ã¯ã„ãˆã¾ã›ã‚“ã§ã—ãŸã€‚ 今回公開ã•ã‚ŒãŸ Google ã® API 㯠JavaScript を使ã†ã®ã§ã¯ãªãã€CSS をリンクã™ã‚‹ã ã‘。使ã„ãŸã„フォントをディレクトリã‹ã‚‰é¸ã³ã€ãƒªãƒ³ã‚¯ã—㟠CSS ファイルã«å¤‰æ•°ã¨ã—ã¦ãƒ•ã‚©ãƒ³ãƒˆåを記述ã™ã‚‹ã ã‘ã«ãªã‚Šã¾ã™ã€‚シンプルã‹ã¤ç°¡å˜ã§ã™ã€‚ <link rel="stylesheet" ty
GoogleãŒWebフォントサービスを開始 - フォントブãƒã‚°
WebフォントãŒä¸€èˆ¬ã«åºƒã¾ã£ãŸå…¨ç››æœŸã«ã¯å›½å†…外å«ã‚様々ãªWebフォントé…信サービスãŒç™»å ´ã—ã¾ã—ãŸãŒã€ã¾ã•ã«æˆ¦å›½æ™‚代ãã®ã‚‚ã®ã§ã€æ•°å¹´å¾Œã«ã¯å¤šãã®ã‚µãƒ¼ãƒ“スãŒçµ‚了ã¨ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ 2023å¹´ç¾åœ¨ã€åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹Webフォントサービスをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Google Fonts 完全無料ã§èª°ã§ã‚‚利用å¯èƒ½ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ç¾åœ¨ä¸€ç•ªåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹Google Fonts。定番ã®Noto Sans以外ã«ã‚‚ã€ZEN 角ゴシックやBIZ UDゴシックãªã©ã€ãƒ—ãƒä»•æ§˜ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚‚使ãˆã¾ã™ã€‚デスクトップ用ã®ãƒ•ã‚©ãƒ³ãƒˆã‚‚ダウンãƒãƒ¼ãƒ‰å¯ã€‚ Adobe Fonts Adobe Creative Cloud契約者ãªã‚‰èª°ã§ã‚‚使ãˆã‚‹Adobeã®ãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ス。ã‹ã¤ã¦ã¯Typekitã®åã§ã‚µãƒ¼ãƒ“ス展開ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚完全ã«æ—¥æœ¬èªžåŒ–ã•ã‚Œæ˜”ã«æ¯”ã¹ã‚‹ã¨ã¨ã¦ã‚‚使ã„ã‚„ã™ããªã‚Šã¾ã—ãŸã€‚デスクトップ用ã®ãƒ•ã‚©ãƒ³ãƒˆã‚‚ダウンãƒãƒ¼ãƒ‰å¯
Google Analyticsã§ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã”ã¨ã®ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚’調ã¹ã‚‹ã¨ã£ã¦ã‚‚ç°¡å˜ãªæ–¹æ³•
今日ã¯Google Analyticsã§ç›®æ¨™è¨å®šã‚„eコマーストラッã‚ングを有効ã«ã—ã¦ã„るサイト管ç†è€…ã«ä¾¿åˆ©ãªTIPSを紹介ã—ã¾ã™ã€‚ ランディングページ（開始閲覧ページ）ã”ã¨ã®ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãƒ‡ãƒ¼ã‚¿ã‚„eコマーストラッã‚ングã®ãƒ‡ãƒ¼ã‚¿ã‚’調ã¹ã‚‹æ–¹æ³•ã§ã™ã€‚ 「Google Analyticsã®ã€Žã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§è¦‹ã‚Œã°ã„ã„ã‚“ã˜ã‚ƒãªã„？ã€ã¨æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã€Œã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€ã§ã¯ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã§ã‚»ã‚°ãƒ¡ãƒ³ãƒˆåˆ†ã‘ã§ããªã„ã‚“ã§ã™ã€‚ 実ã¯æ„外ãªå ´æ‰€ã‹ã‚‰ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã”ã¨ã®ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãƒ‡ãƒ¼ã‚¿ã‚’知るã“ã¨ãŒã§ãã¾ã™ã€‚ 「地図上ã®ãƒ‡ãƒ¼ã‚¿è¡¨ç¤ºã€ã§ã™ã€‚ ナビゲーションメニューã‹ã‚‰ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã€ ⇒ 「地図上ã®ãƒ‡ãƒ¼ã‚¿è¡¨ç¤ºã€ã¨é€²ã‚“ã§ã€Œãƒ‡ã‚£ãƒ¡ãƒ³ã‚·ãƒ§ãƒ³ã€ã§ã€Œé–‹å§‹é–²è¦§ãƒšãƒ¼ã‚¸ã€ã‚’é¸æŠžã—ã¾ã™ã€‚ ã™ã‚‹ã¨ã‚らä¸æ€è°ã€ç›®æ¨™ã‚»ãƒƒãƒˆã‚„eコマースã®ã‚¿ãƒ–ã§ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã”ã¨ã®ãƒ‡ãƒ¼ã‚¿ãŒè¦‹ã‚Œã‚‹ã§ã¯ãªã„ã§ã™ã‹ã€‚ ※注：擬似的ã«e
NYã‹ã‚‰æ±äº¬ã¾ã§ä½•ãƒžã‚¤ãƒ«ï¼ŸGoogle検索ã§éƒ½å¸‚é–“ã®ç›´ç·šè·é›¢ã‚’表示 ｜ SEOモード
Google+ã«ã¦ã€Google検索ã§ã€Œhow far is it from A to Bã€ã§æ¤œç´¢ã™ã‚‹ã¨Aã¨Bã®éƒ½å¸‚é–“ã®ç›´ç·šè·é›¢ã‚’表示ã§ãるよã†ã«ãªã£ãŸã¨ã®æŠ•ç¨¿ãŒã‚ã‚Šã¾ã—ãŸã€‚ 実際ã«ã‚„ã£ã¦ã¿ãŸã¨ã“ã‚ã€ã“ã‚“ãªé¢¨ã«è¡¨ç¤ºã•ã‚Œã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã¯ã€ŒNYã¨æ±äº¬ã®è·é›¢ã€ã€‚ ã“ã‚Œã¾ã§ã‚‚下図ã®ã‚ˆã†ã«ç§»å‹•è·é›¢ã¯è¡¨ç¤ºã—ã¦ã„ã¾ã—ãŸãŒã€ï¼ˆç§ãŒèª¿ã¹ãŸé™ã‚Šã§ã¯ï¼‰äº¤é€šæ‰‹æ®µãŒã‚ã£ã¦ã€ã‚¢ã‚¯ã‚»ã‚¹å¯èƒ½ãªå ´åˆã«é™ã‚‰ã‚Œã¦ã„ãŸã‚ˆã†ã§ã™ã€‚ ã„ãšã‚Œã«ã—ã¦ã‚‚ã€ã“ã®ç›´ç·šè·é›¢ã®è¡¨ç¤ºã¯ã¾ã 日本語環境ã§ã¯å°Žå…¥ã•ã‚Œã¦ãŠã‚‰ãšã€è‹±èªžç’°å¢ƒã§ã‚‚「How far is it from London to New Delhi（ãƒãƒ³ãƒ‰ãƒ³ã¨ãƒ‹ãƒ¥ãƒ¼ãƒ‡ãƒªãƒ¼ã®è·é›¢ï¼‰ã€ã§ã¯è¡¨ç¤ºã§ããªã‹ã£ãŸã®ã§ã€ä¸€å…ˆãšã¯é™å®šçš„ãªæä¾›ã®ã‚ˆã†ã§ã™ã。 ※ã“ã¡ã‚‰ã®è¨˜äº‹ã¯æœ€åˆåˆ¥ã®ã‚¿ã‚¤ãƒˆãƒ«ã§å…¬é–‹ã•ã‚Œã¾ã—ãŸãŒã€ç§ã®å‹˜é•ã„ãŒå«ã¾ã‚Œã¦ã„ãŸã®ã§ã€æ›¸ãç›´ã—ã¦å†æŠ•ç¨¿ã„ãŸã—ã¾ã—ãŸã€‚ 最åˆã®è¨˜äº‹ã‚’èªã¾ã‚ŒãŸæ–¹ã«ã¯ã”迷惑
Google 検索エンジン最é©åŒ–スターターガイド
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム10 オートコンプリート 1 ãŠçŸ¥ã‚‰ã› 69 クãƒãƒ¼ãƒ«ã¨ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ 75 サイトクリニック 4 サイトマップ 15 ã—ã”ã¨æ¤œç´¢ 1 スマートフォン 11 セーフブラウジング 5 ã‚»ã‚ュリティ 1
Search Console ヘルプ
Search Console ã®ç¿’å¾—ã«å½¹ç«‹ã¤ãƒªã‚½ãƒ¼ã‚¹Google 検索セントラル 検索エンジンã«ã‚ˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¯ãƒãƒ¼ãƒ«ã€ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ç™»éŒ²ã€èªè˜ã‚’促進ã™ã‚‹ãŸã‚ã®ãŠã™ã™ã‚ã®æ–¹æ³•ã‚’使用ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚‚ã£ã¨ã‚¢ãƒ”ールã—ã¾ã—ょã†ã€‚ Google 検索セントラルã®ãƒ˜ãƒ«ãƒ— コミュニティGoogle 検索セントラルã®ãƒ˜ãƒ«ãƒ— コミュニティã§ã¯ã€ä»–ã® SEO 担当者ã€ã‚µã‚¤ãƒˆæ‰€æœ‰è€…ã€ãƒˆãƒƒãƒ—レベル ユーザーã¨äº¤æµã§ãã¾ã™ã€‚
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ブラウザã®æ´å²ã¨ç¾åœ¨åˆ©ç”¨ã®ãƒ–ラウザーãŒã²ã¨ç›®ã§ã‚ã‹ã‚‹HTML5ã®Googleサイト | NET JUNKIE
HTML5Rocks - A resource for open web HTML5 developers
「サイト制作ã®ãƒŽã‚¦ãƒã‚¦ç”Ÿã‹ã›ã‚‹ã€Google Chrome拡張機能を説明　
{{#tags}}- {{label}}
{{/tags}}