今回は、Firebaseというサービスを使ってWebサイト上で動作するアプリケーションをいくつか作ってみたのでご紹介します。
今Googleで最も熱いサービスFirebaseで、リアルタイムWebアプリをサクッと作ってみた | PLAID engineer blog
今回は、Firebaseというサービスを使ってWebサイト上で動作するアプリケーションをいくつか作ってみたのでご紹介します。
Redesigning Chrome Desktop
In the beginning of September 2016, the new Chrome Core UI redesign, or so called “Chrome MD” (for Material design), rolled out on Windows as part of our 53rd update. It is the last step of a three phase deployment of the new design,which started in 51 with Chrome OS and Linux, followed by macOS in 52. Windows is the culmination of that process and while Chrome is never finished, it felt to me lik
HTML文法的に正しくないheadセクションの中のrel=hreflangやrel=canonicalをGoogleは認識しない
[レベル: 中〜上級] headセクションがHTML文法的に正しくない場合、Googleは rel="canonical" 要素や rel="hreflang" 要素を正常に認識できないことがあります。 たとえば、headセクションの中での使用が許されていない img タグや iframe タグがあると、Googlebotはそこでレンダリングを停止しそれ以降の要素を読み取りません。 有効でないheadセクションはhreflangを無効にさせる 英語版オフィスアワーで、hreflangが正常に機能していない理由を質問した参加者に対してGoogleのJohn Mueller（ジョン・ミューラー）氏は次のようなことを指摘しました。 ページをレンダリングする際に、何かおかしなものがheadセクションにあるとheadセクションのなかにあるものをすべて無効にしてしまう。それにはhreflangも含まれ
さくっとPHPでサイト作るならGoogle App Engineが最高 - イケてる SaaS を作りたい (koni blog)
こんにちは、小西です。 気がついたら年が変わっていました。2016年はブログを書く年にしようと思います。 さて、Google App Engine (GAE)をご存知でしょうか？ 「知ってるよー。Google がやってるPaasでしょ。でも仕事じゃ使えないよねー。」 「JavaとPythonだけでしょ？」 「すごいダサい管理画面のやつでしょ？」 こういうイメージの方が結構多いんじゃないでしょうか。 僕も含め、GAEが出た当初触って以来、という方は、上の印象が正しいと思います。 僕もこういう印象だったのですが、いつのまにかPHPが正式対応していたのに気づき、軽く使ってみたら、非常によかったので、今日はその話をします。*1 GAEとは？ GAEは、Google がやっているPaasのサービスです。 必要な作業は、ソースコードをデプロイするだけ Paasなのでインフラの心配をしなくていい（最高！
Recreating The Google Logo Animation With SVG And GreenSock | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Petr Tichy. Petr writes a lot about animation, interaction, and SVG, so I’m excited to have him here to share some of that expertise with such a fun demo. It’s an animation I bet a lot of you have seen before, but feels kinda magical perhaps outside of what i
【追記あり】SVGコードゴルフと,GIZMODO「Google新ロゴ」記事へ反論 - 聴く耳を持たない(片方しか)
＜ここから追記：2015-09-10＞当初投稿した内容が、前提から誤った思い込みで書かれておりました、詳しくは後半の追記を参照してください。 ＜／追記ここまで＞ はじめに先日こうしたツイートが話題になりました。 https://twitter.com/thespite/status/639107572679712772 これは先頃リニューアルが発表されたGoogle社のロゴ Evolving the Google Identity - Library - Google Design がシンプルな構成に見えることから、それを荒く手軽に作るなら（quick and dirty version）290バイトで作れるよ！という内容です。 リンク先の中身を見てみるとこのような490バイトのSVGファイルになっており <svg xmlns="http://www.w3.org/2000/svg" wi
グーグルの旧ロゴは14,000バイトもあったのに、新ロゴはたった305バイトなのはどうして？
グーグルの旧ロゴは14,000バイトもあったのに、新ロゴはたった305バイトなのはどうして？2015.09.07 17:3021,429 SHIORI そんなに違うの？ グーグルの新ロゴが発表され、旧ロゴのファイルの大きさは14,000バイトだったのに対し、新ロゴはたった305バイトになったそうです。どうしてそこまで変わるのか？ UIデザイナーのIlya YakubovichさんがQ&AサイトQuoraでわかりやすく解説してくれています。 グーグルの古いロゴにはローマン体のフォントが採用されていて、セリフと呼ばれる飾り（線の端にちょこんと付いてるやつ）あるため、ベジエ曲線を使わないと作れないデザインでした。その結果、ロゴ全体でのアンカーポイントは100箇所。ファイルの大きさは6KB（6,380バイト）になり、圧縮しても2KB（2,145バイト）といったところです。 一方シンプルになった新し
Googleの新アイコンは何かがおかしい、良く見ると気づく意図的なデザインの破綻
Xoilac tv, trực tiếp bóng đá xôi lạc tv, xoilactv xembd siêu nét Xoilac tv, trực tiếp bóng đá xôi lạc tv là trang xem bóng đá tốc độ cao, xoilactv tự tin mang lại trải nghiệm trực tiếp bóng đá euro 2024 tốt nhất cho anh em. Link xem bóng đá Xoilac cập nhật ngày 15-07-2024 Kênh bóng đá trực tiếp xoilac tv đang dần trở thành người bạn quen thuộc của mọi nhà khi phát sóng trực tiếp những trận đấu bón
Evolving the Google Identity - Library - Google Design
A new brand identity makes Google more accessible and useful to our users Google is not a conventional company. Our mission—to organize the world’s information and make it universally accessible and useful—continues to evolve. Last year we introduced Material Design to help designers and developers embrace an expanding, multi-device, multi-screen world. With those considerations in mind, we are ex
負け組なモバイルWebは、これから本当に復活するのか？Googleが考える次のアーキテクチャ - ふろしき Blog
Google I/O 2015でのセッション「The Next Generation Mobile Web(次世代のモバイルWeb)」がそこそこに激アツな気がしたのですが、予想に反し、あまり注目を集めていません。 わかります。大衆向けなメディアだと、AndroidやVR/AR、Google Photosのようなわかりやすいキーワードの方が注目されるでしょう。エンジニア向けメディアであっても、昨今のモバイル技術の状況を鑑みて、ネイティブアプリの方を扱いたいと感じるのが当然です。 先日、某懇親会で「え、モバイルをWebでやっているのですか？それ、完全に負け組じゃないですか」と言われ、そこまで印象が悪いものかと心を痛めました。負け組とか、Webがかわいそうじゃないか。 そんな状況というのもありまして、先日の「第58回HTML5とか勉強会」では、あえてGoogleらが考える「次世代モバイルWeb」
Material Design Lite - Google製のWeb用マテリアルデザインテンプレート
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました マテリアルデザインが流行っています。Androidアプリ向けが基本と思われますが、アプリに限らずWebでも利用が進んでいます。Google+のように導入が進んでいるサイトもありますし、これからマテリアルデザインを導入しようと考えている方もいるでしょう。 今回はそんなマテリアルデザインのテンプレートMaterial Design Liteを紹介します。Google製のテンプレートだけに機能が充実し、彼らの考えるマテリアルデザインが体現されていると言えるでしょう。 Material Design Liteの使い方 まずはデモから。 パララックスエフェクトになっています。 こんなAndroid風サイトも。 メニューが上に貼り付くようになっています。 下に薄い影が入っています。完全なフラッ
Chrome Releases
Admin Console 43 Android WebView 19 Beta 21 Beta update 2 Beta updates 1965 chrome 15 Chrome Dev for Android 115 Chrome for Android 900 Chrome for iOS 351 Chrome for Meetings 5 Chrome OS 1147 Chrome OS Flex 22 Chrome OS Management 12 Chromecast Update 6 ChromeOS 169 ChromeOS Flex 168 Desktop Update 1058 dev update 265 Dev updates 1471 Early Stable Updates 43 Extended Stable updates 114 Flash Playe
Download latest stable Chromium binaries (64-bit and 32-bit)
News1. From the official Chromium blogBuilding a faster, smarter, Chromebook experience with the best of Google technologies How Chrome achieved the highest score ever on Speedometer 3Introducing Shared Memory Versioning to improve slow interactionsManifest V2 phase-out beginsMulti-tasking with Minimized Custom TabsAdvancing Our Amazing Bet on Asymmetric CryptographyHow Machine Learning improved t
オープンソースの美しい Noto フォントファミリーに日本語、中国語、韓国語が加わりました。
.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 #DevFest23 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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォントで重要なのは組み合わせ、Googleフォントを使ったオススメの組み合わせ方
Googleリッチスニペット対策！初心者向けSchema.org解説！
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
https://storage.googleapis.com/g-design/static/product-sans-specimen.pdf
Googleフォントで好みのフォントを見つけるのはなかなか大変だけど、これを利用すると簡単に探せる！ -Font Library
PageSpeed Insights