Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
Googleスプレッドシートの効率を上げるおすすめアドオン13選
Googleが提供している「Googleドライブ」の中でも、グラフ作成から関数まで扱え、エクセルとほぼ同じ機能を持つ表計算ソフト「Googleスプレッドシート」は使用頻度が高いサービスです。 しかし、複数ユーザーで編集する時には便利だけど、機能面ではエクセルの代わりになる位のイメージであまり活用していないという方も多いのではないでしょうか。 Googleスプレッドシートは2014年3月にバージョン変更があり、アドオンという拡張機能を追加することができるようになりました。これにより機能性が格段にアップし、シーン次第ではエクセルよりも使い勝手のいい存在になりえます。 今回は、多数のGoogle Drive スプレッドシートのアドオンの中でもおすすめのものをピックアップしてご紹介します。日頃使うと便利なものが多数ありますので、作業効率アップのために是非取り入れてみてください。 Googleスプレ
AMP （Accelerated Mobile Pages） HTML を出力するようにしてみたけど面倒くさかった話
Movable Type で運用している Blog の記事を AMP （Accelerated Mobile Pages） HTML で出力するようにしてみたけれど、とある自分の書き方の癖により既存の記事を AMP HTML に自動変換するのは結構面倒くさかったという話。 Google が発表したプロジェクト、Accelerated Mobile Pages （AMP） は、モバイル端末における Web ページの表示を高速化する取り組みで、超簡単に言ってしまえば、オープンソースで公開されるフレームワーク、AMP HTML の仕様に従って Web ページを作ってくれれば、その表示を大幅に高速化できますよという仕組み。 単にファイルサイズ的に軽いよというような単純な話だけではなく、キャッシュなど様々な技術を組み合わせることでページのロード時間を大幅に短縮する仕組みで、制作者側が AMP HTM
Google Web Starter Kitのgulpfileを翻訳してみた - Qiita
Google Web Starter Kit GitHub - google/web-starter-kit javascriptを覚えるために静的開発環境を整えようとして、タスクランナーフレームワークgulpを導入。 ついでにcssフレームワークは話題のGoogle Web Starter Kitを使ってみる。 Google Web Starter Kitの純正gulpfileを読んで注釈をつけてみたので、投稿。 use scrict // Include Gulp & Tools We'll Use var gulp = require('gulp'); var $ = require('gulp-load-plugins')(); var del = require('del'); var runSequence = require('run-sequence'); var brow
将来のGoogleリッチスニペット対策に！初心者向けにスキーマ(Schema.org)のマークアップ方法を徹底的に教えるよ！
This domain may be for sale!
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 1. スライドのアニメーションがとても滑らか・ちらつかない 2. ボタンの反応にストレスを感
Analyticsのサイト内検索を有効にして、売上に繋がるユーザー心理キーワードを拾う方法
アクセス解析にGoogle Analyticsを使っているのですが Google Analyticsの管理画面、 なんど使ってても細かな設定の方法とか忘れがちなので今日はメモを残しておきます。 今回紹介するのはGoogle Analyticsのサイト内検索機能を有効にする方法です。 SEOを考えて運営してるWEBサイトやブログの場合、各コンテンツにはそれぞれ個別の狙ったキーワードなんかが存在すると思うのですが、アクセスしたユーザーは、このサイト内検索窓にさらに深いキーワードをいれて情報を探したりします。 たとえば「デジカメ 初心者」でアクセスしたけど、 このサイトはデジカメ情報詳しそうだな、 と思ってもらえれば サイト内検索という行動も生まれてくるのではないでしょうか。 人材紹介のサイトなどは良い例でしょう。an（アルバイトニュース）のサイトへ来たけれども、サイトに設定されたドリルダウン的
【GA】同じドメイン内に別サイトがある場合には、_setCookiePath()をしよう – meaningfree.analytics
例えば、 http://www.domain.com/ というURLのサイトと、同じドメインのサブディレクトリにある別サイト http://www.domain.com/directory/ があった場合、かつ両サイトともにそれぞれ別のプロパティ(WebプロパティID)でGoogleアナリティクスを利用していた場合、ちょっと注意が必要です。 ご存知の通り、Cookieはドメインとパスで管理されています。そして、Googleアナリティクスはユーザの識別や参照元の情報にCookieを使用しています。 上記のURLの場合、Googleアナリティクスのデフォルトでは下記のようにドメインとパスを指定します。 ドメイン: .domain.com パス: / そして、このパスはこのCookieを適用するディレクトリの最上位のパスを示しています。つまり解析対象ページのパスが「/」配下でも、「/direct
たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS – @attrip
開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。 とりま、 attripのデザイン崩れはこれで解決できました！ 使い方は簡単！下記のコードを貼り付ければOK！ まじ仏。 「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。 「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。 ちなみに、border-radiusや、box-shadow はできませんでした。 あと、IEでの見え方をチェックする方法はこちら↓↓ IE9環境でIE6/IE7/IE8/IE9表示する方法(共存
「剛力彩芽 かわい」のGoogleの予測が葛藤しててワロタｗｗｗｗｗｗｗ
「剛力彩芽 かわい」のGoogleの予測が葛藤しててワロタｗｗｗｗｗｗｗ
Google Analyticsでサイトのことが丸分かりのバブルチャートをフル活用する方法 | nanapi [ナナピ]
バブルチャート使っていますか？ 「Google アナリティクスの中で最もサイト改善のヒントを見つけやすいグラフはどれか？」と聞かれたら間違いなく「バブルチャート」と答える筆者です。こんにちは。 しかし、Googleアナリティクスの解説や機能紹介を行っているサイトでなかなかお目にかかりません。そもそも「バブルチャートってGoogle アナリティクスで見られるの？」と思っている方も多いかもしれません。ぜひ、この記事を読んでいただき、その魅力に取り付かれてください！ Googleアナリティクスの画面を確認する前に、「バブルチャート」とは何かを確認しておきましょう。 そもそもバブルチャートとは？ 以下が、バブルチャートの画像になります。Excelなどでも用意されているグラフの1種で、3つの変数をひとつの図で表現できることが出来るのが特徴です。 X軸で1つの変数、Y軸で1つの変数、円の大きさで1つの
タグマネジメントツール「Googleタグマネージャ（Tag Manager）」についての紹介 | アユダンテ株式会社
現地時間の2012年10月1日、日本時間では10月2日にGoogleから新たなWebサイト向けツール「Google Tag ManagerTM」が公開されました。 これはGoogleアナリティクスTMやコンバージョンタグなどといった「HTMLに差し込んで使用するコード」をHTMLから外部化して、一元管理するためのいわゆるタグマネジメントツールです。 今までのGoogleのツールと比較すると少々使い方などが特殊で、人によっては分かりづらく感じる方もいらっしゃるかと思いますのでざっくりとした紹介をしてみようと思います。 「HTMLに埋め込むコード」を一元管理するためのツール 具体的には、外部ツールが生成したコードをまとめる 実際に使ってみよう 使用準備（初期設定） Google Tag Managerコードの埋め込み 既存HTMLから埋め込んでいる他ツールのコードを切り出し 「タグ」と「ルール
Google SEOの順位決定に大きな影響を与える30の要因【最新版】
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. GoogleのSEOランキングの決定要因を知ることはWEB集客に必要不可欠だ。 Googleは世界最大の検索エンジンであり、「世界中のインターネットユーザーにベストのコンテンツを届ける」ために、不断の改善を重ねている。 そして、近年のパンダアップデートの継続的な実施により、今まで以上に検索エンジンのクオリティが高まり、ユーザーにとって理想的な形に近づきつつある。 従って、今までは有効だった方法が、全く逆効果になるという例すら少なくない。 そこで、本日は、最新版のGoogle SEOの順位決定に大きな影響を与える３０の要因をご紹介する。 Google SEO ファクター：ページ内要素１．コンテンツの質 GoogleのSEOで高く評価されるた
Googleアナリティクスで解析をレベルアップさせる「アドバンスセグメント」のオススメ設定7つ - nanapi Web
アドバンスセグメントを活用しよう！ 無料アクセス解析ツール「Google アナリティクス」を利用していますか？使い始めたけどどう活用したらよいのか分からないという方も多いのではないでしょうか。 ここでは、Googleアナリティクス活用術という形で、5つの活用方法を紹介いたします。第１回目は「アドバンスセグメント」という機能を活用することによって、サイトの課題を見つける方法を紹介いたします。 そもそも「アドバンスセグメント」とは？ アドバンスセグメントとはGoogleアナリティクスに用意されている「機能」の一つです。 アクセス解析のデータを特定の条件で「絞り込み」その絞り込まれた状態でレポートを確認することが出来るのが特徴です。 例えば、サイト全体の訪問者数や流入キーワードではなく、初めて訪れた人だけの訪問者数や流入キーワードを確認することが出来ます。以下はサイト全体・初めて訪れた人・複数回
レスポンシブ・ウェブデザインと Google アナリティクス NRI ネットコムの取り組み
A/Bテスト 5 Ads Data Hub 1 AdSense 5 AdWords 19 AdWords 連携 21 AMP 4 Analytics 基本 5 API 2 BigQuery 11 Cookie 1 CPA 1 DCM 1 DFP 3 DoubleClick 11 DoubleClick Campaign Manager 1 DoubleClick for Publishers 3 e コマース 2 Firebase 8 Firebase Analytics 4 Firebase 向け Google アナリティクス 2 ga.js 2 GA4 11 GACP 18 GCP 1 Google Cloud Platform 1 Google Consumer Surveys 2 Google Insights for Search 1 Google アド マネージャー 1 Goo
グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - googlefonts/roboto: The Roboto family of fonts
Web Fundamentals — Google Developers
