レンダーバジェットとは何か、あるいはなぜ私は心配するのをやめてサーバーサイドレンダリングを愛するようになったか - ブログ - 株式会社JADE
こんにちは、株式会社JADEの長山一石です！ 5年ほど前、Google の公式ブログ上で ウェブページをより深く理解するようになりました と言う記事を書きました (英語原本はこちら)。この記事は、検索エンジンが JavaScript を実行し、ウェブページをレンダーすることができるようになったことを告知するもので、当時としては非常に画期的なものだったと言えます。これによりインデックスされていなかった数多くのページが Google に認識されるようになり、ウェブ全体の検索可能性が上がることになりました。最初はインデックスの一部分からはじめて、徐々に範囲を拡大していき、最終的には長らく現役だった AJAX クローリングスキームも無事撤廃することができました。それについても、AJAX クロールに関するスキームを廃止します と言うブログ記事で書きました (英語原本はこちら)。 レンダリングをするボ
GCPで永久無料枠を利用してサービスを立ち上げたときにしたことの備忘録 - Qiita
はじめに 最近GCPでWebサービスを立ち上げたので、そのときに実施したことをメモとして残しておきます。 今回はGCEで Debian + Nginx + Railsで環境を作りました。 ドメイン取得以外は終始無料で進めるための努力をしました。 また、今回はRailsアプリケーションを作成することは目的としていませんので、そこについてはあまり触れません。 やったこと GCEでインスタンスを立ち上げる アカウント作成時に貰える無料トライアル枠とは別に、無料で利用できるリソースがあります。 Always Free と呼ばれていて、GCEの場合は以下の要件を満たすインスタンスのみ永久に無料でインスタンスを立てることができます。 リージョンをus-*1から選択する 1つのf1-micro VM インスタンス 30GB以内 の永続ストレージ ※無料対象リージョンはus-*1のみというご指摘を受けまし
Googleの新技術<portal>タグを試してみた - aoma blog
Portalsとは japan.zdnet.com とのことで、iframeタグとよく似たportalタグができるらしい。 portalタグと<iframe>タグの違いは何かと言えば、Googleの新たなPortalsテクノロジーが<iframe>タグの制約を取り去ったものだというところにある。 Portalsを使用することでユーザーは、埋め込んだコンテンツへのナビゲーションが可能になるとGoogleは述べている。<iframe>タグではセキュリティ上の理由からこういったことが許されていない。 さらに、Portalsではアドレスバー上のURLを上書きすることもできるため、<iframe>タグが今日担っているコンテンツの埋め込みという枠を超え、ナビゲーションシステムとしても利用できる。 ふむふむ。 例えばエンジニアらは、ユーザーがニュースサイトを閲覧しており、記事の末尾に達した際に、<por
拝啓 Google様、JavaScriptとJSONで動的に変化するページをインデックスしてください - Qiita
[ { "id": 1, "title": "ページ１", "description": "これはページ１のディスクリプションです", "contents": "これはページ１の本文です" }, { "id": 2, "title": "ページ２", "description": "これはページ２のディスクリプションです", "contents": "これはページ２の本文です" }, { "id": 3, "title": "ページ３", "description": "これはページ３のディスクリプションです", "contents": "これはページ３の本文です" } ] $(window).on("load", function() { //URLパラメータ(id)の値を取得 var id = myGetQuery("id"); //data.jsonのidとURLパラメータのidとを
Google I/O 2018 で発表されたウェブの現状
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads 71 Ads API 11
[Google Maps Platform]既存サービスが2018年6月11日までにやらなければいけないことと新料金体系の比較 - Qiita
2018年5月3日に [Action Required] Important changes to your Google Maps APIs account のタイトルでメール通知があり、以下記事のアナウンスがありました。 Introducing Google Maps Platform 2018年6月11日からサービスが一新され、アカウントが紐付いてないAPIキーまたはAPIキーを利用してないアクセスはできなくなるとのことでした。 主な変更内容 ・「Google Maps API」から「Google Maps Platform」に名称変更 ・利用するにはAPIプロジェクトと課金アカウントの紐付けが必要 ・料金体系は「標準プラン・プレミアムプラン」から単一のプランのみに変更 新プランでは月額200ドルまでの利用は無料 ・18に分かれていたMapsAPIが3つのプロダクトに集約（Maps,
![[Google Maps Platform]既存サービスが2018年6月11日までにやらなければいけないことと新料金体系の比較 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/584229edce169cb180616483a2fb6da3bc0901b4/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-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCR29vZ2xlJTIwTWFwcyUyMFBsYXRmb3JtJTVEJUU2JTk3JUEyJUU1JUFEJTk4JUUzJTgyJUI1JUUzJTgzJUJDJUUzJTgzJTkzJUUzJTgyJUI5JUUzJTgxJThDMjAxOCVFNSVCOSVCNDYlRTYlOUMlODgxMSVFNiU5NyVBNSVFMyU4MSVCRSVFMyU4MSVBNyVFMyU4MSVBQiVFMyU4MiU4NCVFMyU4MiU4OSVFMyU4MSVBQSVFMyU4MSU5MSVFMyU4MiU4QyVFMyU4MSVCMCVFMyU4MSU4NCVFMyU4MSU5MSVFMyU4MSVBQSVFMyU4MSU4NCVFMyU4MSU5MyVFMyU4MSVBOCVFMyU4MSVBOCVFNiU5NiVCMCVFNiU5NiU5OSVFOSU4NyU5MSVFNCVCRCU5MyVFNyVCMyVCQiVFMyU4MSVBRSVFNiVBRiU5NCVFOCVCQyU4MyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NDc0ZWM0YWZmYjY3MzYyMDg5Y2E2NWUzMDQxZmMyYzU%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDByeW9zYXlvJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04YmQ3ZmJkNWY5ZWE5NTgzZDAxYmU4NzdkNmRmYmRhOA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D0c8054c1f278ddc15f22534e807b9d74)
GoogleアナリティクスがGoogleスプレッドシートのアドオンで利用可能になった
Googleスプレッドシートのアドオンで提供開始 真摯のいちしまさんに、メンションで教えてもらったのですが、Googleスプレッドシートで、Googleアナリティクスのデータを取得できるアドオンが公開されたようです。 Googleスプレッドシートを作成し、アドオンメニューから実装すればOKという簡単さ。 メニューもシンプルで使いやすそうです。 レポートを作ってすぐ実行という簡単さ Googleドライブから、スプレッドシートを新規作成します。 Googleアナリティクスアドオンを組み込みましたら、メニューから、アドオン＞Google Analytics＞Create a New Report を選びます。すると、スプレッドシート右側にパレットが表示されます。 GAアカウント、プロパティ（サイト）、ビューを選びます。Nameは任意の名前でOKです。 ディメンション（縦軸・dimension）と
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
GoogleドライブにBloggerで使う外部CSSをホスティングさせてみる
Googleドライブがアップデートされ、WEBホスティング機能が追加されたということで、外部CSS置き場としても使えるのかを試してみました。 GoogleドライブにWebホスティング機能が追加 - ITmedia ニュース http://www.itmedia.co.jp/news/articles/1302/06/news139.html 前回は速度なども詳しく検証しましたが、今回はあまり時間が取れないので、とりあえず使ってみながら様子をみることにしました。 前回の記事はこちら。 CSSやJavascriptを外部化する時にベストなサービス 追記 http://rrvf.blogspot.jp/2012/07/css-js-externalize-service.html GoogleドライブにCSSをアップロードし、外部から参照できるように設定する まず下記URLからGoogleドライ
GoogleドライブにWebホスティング機能が追加
米Googleは2月5日（現地時間）、クラウドストレージサービス「Googleドライブ」にWebホスティング機能を追加したと発表した。 使い方は以下の通り。 Googleドライブに新規フォルダを作成し、公開設定にする フォルダにWebページを構成するHTMLファイルやCSSファイルなどの一式をアップロードする フォルダ内のHTMLファイルを開く 編集ページのメニューバーにある「プレビュー」をクリックする（下図A） 表示されたページのURLが公開ページのURLになる（下図B）
Google +1 ボタンをWordPressに簡単に設置する方法 | Web活メモ帳
Google +1ボタンが公開されましたね。 早速当サイトでも設置してみましたので設置手順をご紹介します！ 設置方法 ボタンを設置したい場所に以下のタグを貼り付けるだけでした。簡単ですね！ 当サイトではsingle.phpの中に埋め込んでます。 埋め込みタグ <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> <g:plusone></g:plusone> これで設置完了です。 以下のページを参考にしています。 Google +1 をウェブサイトに公開 カスタマイズについて ↑色んな出し方が用意されています。 表示方法のカスタマイズについてはGoogleのドキュメントをどうぞ。 http://code.google.com/intl/ja/apis/+1button/
HTML5 Web Database仕様を、Gearsを使って実装しました。 - IT-Walker on hatena
HTML5 Web Databaseを、Gearsを使って実装しました。 どうせなら、Web Database以外のAPIもGearsで実装するようなプロジェクトにしてはどうかと思い、新しくGoogle Codeにプロジェクトも作成しました。その名もです。ルフィにカッコよく必殺技コールしてもらいたいです。 一番の利点は、Gearsがインストールされていればどこでも動くことです。Gearsは、Internet Explorer6+、Firefox 1.5+、Safari3.1.1+、Chrome1.0+あたりで動きます（残念ながら、Firefox3.5にはまだ未対応）。IE6で、HTML5のWebアプリ用APIが使えたら結構素敵じゃないですか？ Gearsは2年くらい前にGoogleがリリースしたオープンソースプロダクトで、ブラウザプラグインとして動作し、ブラウザに対して様々な機能を付け加え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
概要 | 検索 | Google Developers
https://searchengineland.com/google-search-document-leak-ranking-442617
https://x.com/kenn/status/1795500175487832491?s=66&t=723NaLvhx3eOTN3yhiSZEw
Tilt and Rotation | Maps JavaScript API | Google for Developers
Googleリッチスニペット対策！初心者向けSchema.org解説！
Chrome Experiment 1,000 by Google Data Arts Team - Experiments with Google
Web Fundamentals — Google Developers
html5j - Google Groups