PAY.JP で Google Chrome の Payment Request API を使って決済する - PAY.JP Engineering Blog
こんにちは @wozozo です花金です。 Android の Google Chrome 53 以降、デスクトップ版の Chrome 60 以降では Payment Request API に対応しています。これに対応しているブラウザであれば、毎回クレジットカード情報の入力をすることなく Google Chrome に保存されているカード情報を使って簡単に決済を行うことが可能です。 まず前提として、Payment Request API が提供する機能は決済に必要なカード情報の受け渡しであり、カード情報を受け取ったにあとに実際に決済を行うためには PAY.JP のような決済ゲートウェイを別途利用する必要があります。 ECサイトによって必要な機能の違いはあると思いますが、クライアント側の実装は基本的に以下のコードだけで済みます。 (Google Developers のサイトにサンプルコー
Android デバイスのデータをバックアップ、復元する - Android ヘルプ
お使いのスマートフォンのコンテンツ、データ、設定は、Google アカウントにバックアップできます。バックアップした情報は、元のスマートフォンや他の Android スマートフォンに復元できます。仕事用プロファイルを使用して個人用デバイスを設定する場合、仕事専用に個人用デバイスを設定する場合、または会社所有のデバイスを設定する場合は、バックアップを使用できません。 データの復元は、スマートフォンや Android のバージョンによって異なります。バックアップを作成したときよりも古いバージョンの Android を搭載したスマートフォンにデータを復元することはできません。 バックアップ データは Google サーバーにアップロードされ、Google アカウントのパスワードを使って暗号化されます。一部のデータについては、スマートフォンの画面ロック用 PIN、パターン、またはパスワードを使用し
Google Pixel を出荷時の設定にリセットする方法 - Google Pixel ヘルプ
このたびのデバイスのリリースに伴い、通常より多くのお問い合わせをいただいております。お問い合わせに対する回答がすでに記載されていないか、こちらの記事でご確認ください。
グーグル、手描きイラストをプロの作品に変えるAIツール「AutoDraw」公開
メモやカードを渡す際に絵を添えると、メッセージや気持ちが伝わりやすくなるが、そんな絵をさらっと描くにはかなりの絵心が必要。しかし、Googleが提供開始した、機械学習ベースのお絵描き支援ツール「AutoDraw」を使えば、誰でも素早く素敵な絵が描ける。 AutoDrawは、PCやスマートフォン、タブレットから無料で利用可能な、ウェブベースのオンラインツール。画面上のキャンバスに、マウスなどを使って線を描いたり、文字を入力したり、色を塗ったりできる。 さらに、バックグラウンドで作動している機械学習システムが描いているものを推測し、それに該当するプロのイラストレーターなどによる作品を提案してくれる。そのため、落書きレベルの絵から、候補を選ぶだけで適切な完成度の高いイラストが作れてしまうのだ。完成したイラストはダウンロードやシェアが可能なので、誕生日祝いのカードやパーティの招待状などに使うとよい
30 Examples of Material Design Palette Color Usage
Easily find the best Material color for your projects. Here is 30 color combination based on material design color palette. By clicking color sample bar, You can check usage example in material design UI. Each of color combinations consists of following three kinds of colors. (1) Main (2) Optional (3) Accent For details, see Google Guideline. Contents
Web、モバイルのデザイン新基準「マテリアルデザイン」を学ぼう(1) そもそもMaterial Designって?
Googleは2014年にMaterial Designというデザインシステムを公開しました。そして2017年1月時点で、このデザインを活用したアプリがGoogle Play上に100万以上も公開されています。 この連載では、「Material Designとは何か」「どのようにMaterial Designを利用してアプリを作るのか」を解説していきます。 なぜMaterial Designが生まれたのか かつては「パソコン」が唯一のインターネット環境を提供するデバイスとして存在していましたが、この10年で「スマートフォン」や「タブレット」「ウェラブル端末」「コネクテッドカー」「テレビ」など、さまざまなデバイスから利用できるようになりました。 しかし一方で、Googleの「検索」や「メール」といったさまざまなアプリ・サービスは、増え続けるデバイスごとに、異なるユーザーインタフェースで提供し
Google、Android用ChromeにWEBサイトをアプリとして利用可能にする「WebAPK」を実装開始 | juggly.cn
Google が Android 用の Chrome Dev と Chrome Canary に WEB アプリを通常の Android アプリのように利用できる「WebAPK」の実装を開始しました。 WebAPK は Chrome 47 以降がサポートしている「Progressive Web App（PWA）」を Android アプリのパッケージ形式である APK に変換して端末にインストールする仕組みです。これにより、WEB アプリを通常の Android アプリと同等に利用できるようになります。 PWA では、WEB アプリを Chrome カスタムタブなどの Chrome 標準機能を利用して表示しますが、一般の WEB サイトとは違い、スプラッシュスクリーンやプッシュ通知をサポートしており、Android のアプリドロワーやアプリ履歴画面には WEB アプリ名が表示されます。WE
Material Design LiteとGithub Pagesで爆速でかっこいいWebページをつくろう！【ステップ付！】 - Qiita
Material Design LiteとGithub Pagesで爆速でかっこいいWebページをつくろう！【ステップ付！】HTMLCSSGitHubMaterialDesign 背景 Webページを新しく作成しなくてはいけなかったのですが、正直面倒だな〜と思ってました。ひとまず承認降りるためにサイトのモックというかプロトタイプを作りたかったのですがどうせ結構時間かかるし、、、と思っていました。 具体的には以下の様なことを今回は実現したかったです。 あんまり1からうんうん唸ってデザインはしたくないが、それっぽい見た目にしたい Bootstrapはもう見飽きた・・・ もちろんスマホも対応したい ひとまず確認してほしいだけなのでURLは適当でいいし、裏側は書かなくていいからさくっと確認してもらいたい Bootstrapは見慣れているけど嫌だけど、自前でCSSは(本格始動した時にしか)書きたくな
マテリアルデザインを手軽に！CSS/HTML/JSコンポーネント「Material Design Lite」の使い方まとめ
数日前にGoogleは、マテリアルデザインの考えを取り入れた公式フレームワークフレームワーク「Material Design Lite」を公開しました。マテリアルデザインの見た目や操作性に重点をおいた、CSS，HTML、JavaScriptコンポーネントで、より手軽にウェブサイトやブログ、ランディングページなどを作成することができます。 今回は、Material Design Liteの基本的な使い方と、公開されている素材やテンプレートを、個人的な備忘録としてまとめています。 詳細は以下から。 Material Design Liteの使い方 ダウンロードしたCSS/JavaScriptを、HTMLファイルに読み込むだけでなく、GoogleがCDNホストしているファイルを読み込むことも可能です。 <link rel="stylesheet" href="https://storage.go
マテリアルデザインをWEBで再現できるコンポーネント「Material Design Lite」を試してみる
数日前にGoogleがマテリアルデザインをWEBで再現できるHTML/CSS/Javascriptコンポーネント「Material Design Lite」を公開しました。テンプレートやサンプルコードを利用してガイドラインに沿ったWEBサイトが作成できるようになります。 マテリアルデザインの作成キットをGoogle公式が発表 マテリアルデザインとはGoogleが2014年6月に発表した、Android5.0から使用されているデザインガイドライン。要素の重なりや階層を影や滑らかな動きで再現します。ユーザーが要素を選択した時に波打つ表現など、心地良いアニメーションがあらゆるところに実装されています。 このマテリアルデザインに惚れ込み、当サイトも俺流にパクってきた「待てリアルデザイン」ですが、これを利用すれば本物のマテリアルデザインに近づけます。 要素の形が境目なく変化していくアニメーションなど
Material Design Lite
Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone
フィーチャーフォン用のクロールとインデックスが変わります
+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
カンタン、これは試したい！Google Fontsで9つの日本語フォントが無料ウェブフォントして利用可能に : Japaaan
様々なスタイルのフォントをウェブサイトに使用できるGoogle Fonts。 これまでGoogle Fontsでは英語フォントが充実しており、日本語に対応したフォントは「Noto Sans Japanese」が公開されるにとどまっていましたが、Googleが新たに公開したページ「Google Fonts + 日本語 早期アクセス」では、なんと9つの日本語フォントをウェブフォントとして使用できるようになっています！ 提供される日本語対応したウェブフォントはこれまでのGoogle Fontsと同様に、専用のCSSファイルを読み込んでfont-familyで読み込んだウェブフォントを指定するといった簡単なもの。 新たに公開されたページで使用可能になっているのは以下の9つの日本語フォント M+ 1p Rounded M+ 1c はんなり明朝 こころ明朝 さわらび明朝 さわらびゴシック ニクキュウ
画像の最適化 | Web | Google Developers
Web performance is a crucial aspect of web development that focuses on the speed at which pages load, as well as how responsive they are to user input. When you optimize your website for performance, you're giving users a better experience. The initial release of this course focuses on web performance fundamentals, that beginners should find informative. Each module aims to demonstrate key perform
プログレッシブウェブアプリ詳解 ─ 過去・現在・未来
Web技術でアプリ開発2016特集・第5弾は、プログレッシブウェブアプリ (Progressive Web Apps)をご紹介させていただきます。 はじめに プログレッシブウェブアプリ(Progressive Web Apps)という言葉が初めて登場したのは2015年8月のAlex Russellによる記事Progressive Web Apps: Escaping Tabs Without Losing Our Soulです。当時オフラインやプッシュ通知など、モバイルウェブを飛躍的に進化させる画期的な機能が次々と追加されていた状況において、このムーブメントを呼称するための言葉が求められていました。Google社内でいくつもの候補が挙げられましたが、Service Workerの発案者としてAlex Russellが推したのが、この「プログレッシブウェブアプリ」でした。 また、当初Goog
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google、10月提供のChrome 62以降で、入力欄のあるすべてのHTTP接続ページで警告を表示 シークレットモードでは全HTTP接続ページを警告表示の対象に
SEO検索エンジン最適化チュートリアル
ウェブ最大の「フォント問題」を巡ってアップル、グーグル、MS、アドビが団結
Google Maps API無償版のポリシー変更、猶予期間が10月12日で終了、地図が突然表示されなくなる可能性も 
Google無双！Analytics連携型A/Bテストツール『Google Optimize (beta)』無償版開放へ | Ledge.ai
