「ホーム画面に追加」からはじめる『PWA(Service Worker)』 - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
chromeapp.info
chromeapp.info Buy this domain. 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
chromebookをメインマシンにして9ヶ月経った - phaの日記
結構これ一台でそんなに不自由してない。 僕が買ったのは、今は同じのは売ってないみたいだけど下のDELLのやつのメモリ2GBので、29000円くらいだった。 安いのに起動が早いし動作も軽くて使いやすい。本体も頑丈な感じある。 Dell Chromebook 11.6型ノートパソコン メモリ4GB 非光沢液晶モデル (ChromeOS/Celeron2955U/4GB/16GB/HD非光沢) Chromebook11 15Q32 出版社/メーカー: Dell Computers発売日: 2014/11/11メディア: Personal Computersこの商品を含むブログを見るitem.rakuten.co.jp chrome OSは基本的にはブラウザしか動かないので、アプリとかゲームとかは使えないけど、そもそもそういうのほとんど使ってないので問題なかった。基本的にはネットを見るのと文章を書
ブラウザで見えてる物全ての寸法を測る事が出来るトンデモなChromeエクステンション
普通に画像の寸法を測ったり、Divサイズを図ったり、フォントサイズを図ったりなんていうツールは大量にありますが、ブラウザで見えてるもの全てを測るなんてものは今までに無いでしょうね。 いや、ないですよね？え？ある？ とりあえずご紹介。 見えているものを測るとはどういうことか 例えばこちらのページ。 https://www.pakutaso.com/20151103315post-6250.html 以下のように、要素を測るなんて言うのは当然の機能として・・・。 この辺りから本気だしはじめます。 よく見るとテキストの『日』までの間を測っています。 おでこの範囲を測ることもできます。 二人の距離を測ることもできます。 ちょっとLaLaさんに近づきすぎですね。81ピクセルの距離。 ちなみに、どこからどこまでの距離を測るとか言うツールではなくて、マウスをそこに持って行ったら、勝手に距離を測ってくれる
Chrome開発者ツールの小技集 | POSTD
最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく
Chrome で今見ている Web サイトでどのような技術が使われているのかを調べる拡張機能 BuiltWith Technology Profiler
Web 開発者の方であれば今開いている Web ページにどのような技術が利用されているのか気になる事がありますよね。ソースを表示したり Developer Tools を起動したりして調べるのも良いですがさくっと確認するだけであれば BuiltWith Technology Profiler という拡張機能を利用するのが便利です。 この拡張機能を入れるとメニューバー上にアイコンが表示されるので、調べたい Web ページを開いてアイコンをクリックするだけです。 例えばこのブログだと上記のような感じに表示されます。 かなーり縦に長いので文字で書きますが以下のような情報を取得しています。 Web サーバの種類, バージョン ネームサーバ ホスティングしているサーバ CMS の種類, バージョン 使用しているフレームワーク 広告の種類 ユーザ統計情報(Google Analytics 等) Jav
LINEのChromeアプリが登場！ChromeからLINEが可能、独自機能も追加｜男子ハック
WebサービスLINELINEのChromeアプリが登場！ChromeからLINEが可能、独自機能も追加2015年7月30日186 @JUNP_Nです。LINEにChromeアプリ版が登場しています。Chromeにアプリを追加することで、ブラウザでLINEをすることが可能。さらに、Chromeアプリ版のみの機能も用意されています。メインブラウザがChromeの人は是非お試し下さい。 LINEのChromeアプリ！ブラウザからログインすればLINEできちゃう！ LINEがしれっとChromeアプリ「LINE Chromeアプリ」を公開しています。（公式プレスリリースや発表は現時点では出ていないようですが、確認したところ間違いなくLINE公式のものでした） 「LINE Chromeアプリ」はChromeアプリですが、ブラウザからLINEにログインすることで、LINEアプリのように使うことが可能
印刷したら崩れてた！？印刷用CSSのスタイル確認と修正に便利なChrome DevToolsのエミュレータ機能
いつでも、どこでもネットにアクセスできる昨今、ウェブページを印刷する機会は減っているかもしれません。でも、いざ印刷したらレイアウトやスタイルが崩れていて使えないものになっていたらユーザに申し訳ないですよね。紙の無駄使いになってエコじゃないですし。 ということで、今回は自分メモ的にプリントCSSの確認ツールのご紹介です。 Chrome DevToolsのメディアタイプのエミュレーション機能 以前は印刷プレビューで印刷用CSSを確認していましたが、なにせ効率が悪いので他の方法を探してみました。なんと、Chrome DevToolsにエミュレータ機能がついてたんですね。さすがです。 以下の手順で、そのエミュレーション機能にアクセスできます。 Chrome DevToolsを開く（⌘ + ⌥ + I） スマホ（device mode）アイコンをクリック drawerアイコンをクリックする （Emu
Ptengineウェブ運営All-in-Oneプラットフォーム | ウェブの改善や改善業務はこれひとつで完結
最速で データを売上に転換 ヒートマップ分析、アクセス解析、ページ編集、 A/Bテスト、WEB接客、パーソナライゼーションまで 1行のタグを設置すれば、ノーコードですべて実現。
Chrome DevToolsを使ってJavaScriptのメモリリークを検出し、解消する - 人生dat落ち
JavaScriptを書いていたらブラウザがくっそ重くなる症状に出くわした。あぁ、噂のメモリリークですわ。 先人の知恵に頼るマン。それっぽい記事が見つかる。 javascriptのメモリリーク対策(随時更新) - Qiita Shibu’s Diary: JavaScriptのメモリリークを10倍速で発見する Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools Writing Fast, Memory-Efficient JavaScript - Smashing Magazine angularjs - How to catch memory leaks in an Angular application? - Stack Overflow 上の記事はProfiles + Take Heap
3秒でライバルサイトのアクセス数や検索キーワードを調べることができる、Chromeの拡張機能が超便利！ - SONOTA
photo by bluefountainmedia ライバルサイトのアクセス数や検索キーワードを丸裸にできると話題の競合サイト分析ツール、SimilarWeb（シミラーウェブ）。 URLさえ入力すれば簡単にアクセス数や閲覧者の平均滞在時間、検索キーワードなどがわかるため、これだけでも超便利なサイトではあるんですが、実はこのSimilar WebにはGoogle Chrome用の拡張機能が用意されているということをみなさんはご存知でしたでしょうか？ SimilarWeb - Site Traffic Sources and Ranking - Chrome Web Store ボタン１つでライバルサイトを丸裸に： SimilarWebの拡張機能をChromeに追加しておけば、気になるサイトのアクセス数や検索キーワードを３秒で丸裸にすることも可能。たとえば当サイト『SONOTA』の場合にはボ
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」 Tomomi Imura（Slack） 今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパーは不満を感じた部分もありました。 そこでその中の数少ないChromeのセッションの中から、私が興味深く感じたクロスデバイス開発にはこの先欠かせなくなると思われる Chrome DevToolsの新機能についてレポートします。 このセッションを行ったPaul Bakaus氏（以下、ポール氏）は、かつてjQuery UIやAvesゲームエンジンを開発したことでも知られています。一時期日本に在住していたこともあるので、この記事を読んでいる皆さんには既になじみのある方かもしれません。現在はGoogle
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
作業効率が3倍になる！絶対に入れておくべき、Chrome拡張機能おすすめ10選 | iPhoneの神様 - iPhone X・iPhone8最新情報
chromeの爆裂的なメモリ消費をなんとかする拡張 * prasm（プラズム）
Postman | API Development Environment