5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つける 新機能の一つ目は「Coverage tab」。ページで使用されていないCSSとJavaScriptを見つけることができます。 command + shift + P で、「Show Coverage」を入力して選択。 ※「cov」まで入力すれば、上位に表示されます。 Show

* この投稿は米国時間 5 月 12 日に投稿されたもの（投稿はこちら）の抄訳です。 Posted by 佐藤一憲, Staff Developer Advocate, Google Cloud Cliff Young, Software Engineer, Google Brain David Patterson, Distinguished Engineer, Google Brain Google 検索、ストリートビュー、Google フォト、そしてGoogle 翻訳。これらのサービスに共通するのは、いずれもニューラルネットワーク（NN）の計算処理の高速化のために Google の第一世代の Tensor Processing Unit (TPU) が用いられている点です。 Google の Tensor Processing Unit (TPU) が搭載された回路基板（左）と、 G

Googleが、Linuxカーネルに依存しない新しいオープンソースOSの開発を進めている。 「Android」と「Chrome OS」はLinuxをベースにしているが、Googleの新OS「Fuchsia」では、組み込みシステムから高性能スマートフォン、PCまで、あらゆるIoT（モノのインターネット）デバイスを動かすのに適した軽量かつ高機能なOSの開発を目指し、Linux以外のカーネルを採用している。 Linuxカーネルに代わって、Googleの新OSは「Magenta」を採用している。Magentaのベースである「LittleKernel」は、「FreeRTOS」や「ThreadX」といった組み込みシステム向け商用OSのライバルだ。 Android Policeによると、Magentaは（ユーザーアカウントを要する）ユーザーモードをサポートし、また「Android 6.0」のパーミッショ

From smartphone assistants to image recognition and translation, machine learning already helps us in our everyday lives. But it can also help us to tackle some of the world’s most challenging physical problems -- such as energy consumption.  Large-scale commercial and industrial systems like data centers consume a lot of energy, and while much has been done to stem the growth of energy use, there

2015年11月にGoogleが公開したGoogle General Guidelines（Google検索品質評価ガイドライン）をすべて日本語に翻訳したものを公開します。元のPDFファイル160ページをすべて翻訳しています。 SEOコンサルタント、Web担当者、Webコンサルティングをする方には必見の内容です。ぜひご覧ください。 翻訳文の中でリンクがたくさんありますが、アクセス出来ないリンク(www.raterhub.com など)があります。翻訳前のデータでもアクセスできない状態です。リンクがあるという認識を持って頂くためにあえてそのままにしております。ご了承ください。また、画像などは翻訳していません。Google検索品質評価ガイドラインの原盤をご覧頂きながら見ると理解を深めやすいと思います。翻訳はなるべく忠実に行っておるつもりですが誤訳などがありましたらご連絡頂くと幸いです。また、最

Turn a Google Spreadsheet into a JSON API Connect Google sheets to CRM, API, Website, WordPress, any application or tool. Create Free API Use Cases Documentation [ { "id": "1", "name": "Tom", "age": "15", "comment": "" }, { "id": "2", "name": "Alex", "age": "24", "comment": "" } ] Easy to use and implement SheetDB will turn your sheets into a JSON API, easy to integrate with other tools and all pr

urllib - network library (stdlib) requests - network library pycurl - network library (binding to libcurl) urllib3 - Python HTTP library with thread-safe connection pooling, file post support, sanity friendly, and more. httplib2 - Small, fast HTTP client library. Features persistent connections, cache, and Google App Engine support. RoboBrowser - A simple, Pythonic library for browsing the web wit

最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム

Nintendo Switch 2: Everything we know about the coming release

A deep dive into advanced functionality within the Chrome Developer tools that will enable you to more effectively build and debug web apps. Presented at the 2014 OpenWest Conference.

Announcing Insomnia 10.1 GA with a new Collection Runner CLI, in-app invites, and more Design, debug, test, and mock APIs locally, on Git, or cloudBuild better APIs collaboratively for the most popular protocols with a dev‑friendly UI, built-in automation, and an extensible plugin ecosystem. Get Started for Free

Google BigQueryを使ってみようと思って、最近少し勉強している。Googleがホワイトペーパーを出していたので、読んでみた。（※2012年の文献） BigQuery についてのホワイトペーパーを公開しました - Google Developer Relations Japan Blog 以下、内容の簡単なメモ。 もともとGoogle社内で利用されていた Google社内で利用されてきた'Dremel'というサービスがある。巨大なデータに対してSQLライクなクエリを実行すると、数秒で結果が返ってくる。Googleでは、エンジニアだけでなくアナリストなど非エンジニアの人も利用している。 Dremelがベースとなり、外部に公開されたのがBig Query。フルマネージドなクラウドサービス。サードパーティの開発者は、REST APIやCLI, Web UIなどを利用してこのサービスにア

Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

Docker を本気で使うなら private docker registry の構築は必須です。Google Compute Engine (GCE) を使い始めたので、GCE 上に docker registry をセットアップすることにしました。 docker registry 自体を docker コンテナで動かすのは簡単ですが、ローカルディスクを使ってしまうと運用が面倒です。少しぐぐれば Amazon S3 を使った例がでてきますが、GCE を使うのでどうせなら Google Cloud Storage (GCS) を使いたい！ 試してみたらあっさり成功したので、記録しておきます。 GCS のバケットを作成 docker イメージを格納する用のバケットを作成します。仮に名前を docker-bucket としますので、各自読み替えてください。バケット名は全ユーザで共有するリソース