Google Chromeで.devなどの開発DomainがHTTPSに変更される。 - Qiita
#追記 Chrome 安定版がv63になったため情報共有。 .app .devでHTTPSを強制されることを確認 ##新たな解決法 下記推奨ドメインに変更 ChromeからFirefox等の他のブラウザに変更 変更が推奨されているドメイン .test .example .invalid .localhost ##背景 以前は.comから始まりドメインが少なかったわけですが、今ではいろんなドメインが使われるようになりました。 その中で.devや.appがgTLDとしてGoogleが購入をしたみたいでその影響をうけていると下記のリンクで紹介されています。 うん。率直にやめてほしいね。笑 参照リンク https://iyware.com/dont-use-dev-for-development/ https://ma.ttias.be/chrome-force-dev-domains-https
How can I enable WebGL in my browser?
I've made this answer a community wiki post, so please update it if you notice any out-of-date or missing information. Browser support for WebGL Check caniuse.com/webgl to see whether your browser supports WebGL. Enabling WebGL If your browser supports WebGL, follow these instructions to enable it: Chrome First, enable hardware acceleration: Go to chrome://settings Click the Advanced ▼ button at t
「AngularJS」と「はてブAPI」で作るChromeアプリの作り方を完全公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、Googleが提供する「Chromeブラウザ」で動作するアプリケーションを作ってみたいと思います。 「なんだか難しそう…」と思うかもしれませんが、ざっくり言ってしまうと普通に「Webページ」を作るのと変わりません。 そこで、簡単なサンプルアプリを作りながら、自分だけのChromeアプリ開発に挑戦してみましょう！ ■Chromeアプリとは？ 開発を始める前に、まずは予備知識としてChromeアプリの「種類」についてご紹介しておきます。 実は、「Chromeアプリ」と言っても、いくつか異なる種類があります。 例えば、「Appspector」というChromeアプリは、ブラウザの機能を拡張することで、表示されているWebページがどんな技術を利用して作られているのかを表示できるようになります。（https://chrome.google.com
Chrome拡張「Scraper」でWEBページ情報を手軽にスクレイピングしてデータ化する方法
Scraperとは Scraperは、WEBページ上の規則性のあるデータを手軽に取得することができるChrome拡張です。 例えば、テーブルデータや、Aリンクデータ、のような特定のHTML要素に入っている情報を、片っ端から取得してテーブルデータ化することができます。 また、その取得したデータをワンクリックでGoogleスプレッドシートに保存することができます。 テーブルデータのスクレイピングは以下の動画を見た方が分かりやすいかも。 以下では、その使い道などをいくつか考えてみました。 テーブルデータの取得最もオーソドックスな使い方と言えば、動画にも出てきたテーブルデータの取得です。 例えば、信長の野望の以下のような武将データテーブルがあったとします。 これを、以下のように選択して、Chromeの右クリックメニューから「Scrape similar（似たものをスクレイプ）」を選択します。 する
Google Analyticsで自分のページの解析結果がすぐにわかるGoogle公式Chrome拡張機能「Page Analytics (by Google)」
Google アナリティクスの直近1カ月におけるページビュー数・ユニークプレビュー数・そのページでの平均的な滞在時間・直帰率・離脱率などをウェブページを開くだけで自動的に表示してくれるようになるGoogle Chrome拡張機能が「Page Analytics (by Google)」です。わざわざGoogle アナリティクスにアクセスしなくてもボタン1つ押すだけで使えるようになっており、非常に便利そうだったので、実際に使ってみました。 Chrome ウェブストア - Page Analytics (by Google) https://chrome.google.com/webstore/detail/page-analytics-by-google/fnbdnhhicmebfgdgglcdacdapkcihcoh まずはウェブページにある「無料」というボタンをクリック。 「Page A
Chrome 34ではimgタグで解像度に応じた複数の画像を出し分けられるよう、レスポンシブイメージ対応に
スマートフォンのような小さな画面からデスクトップPCのディスプレイまで、Webに対応するデバイスの画面の大きさや精細度の多様性は高まってきています。 多くのWebデザイナーは、こうした多様な画面に合わせてレイアウトなどを変えることで見やすくするよう努力してきましたが、こうしたダイナミックなレイアウトを実現する上で大きな課題だったのが画像の扱いです。画面の大きさや精細度に合わせて適切な画像を表示させようにも、そのための標準的な方法がないのがその理由です。 Chrome 34ではその、いわゆるレスポンシブイメージへの対応としてimg要素に新機能を実装することを明らかにしました。。 img要素のsrcsetで、画面解像度ごとに表示すべき画像ファイルを複数指定できるようになります。 <img alt="A rad wolf." src="pic1x.jpg" srcset="pic1x.jpg 1
『OneTab』で調べ物はずっと効率良くなる : ライフハッカー［日本版］
以前、ライフハッカーでも取り上げたGoogle Chromeの拡張機能『OneTab』。たくさん開いたタブをクリックひとつでまとめて整理してくれます。調べ物に没頭していて多くのページを開いた結果、Chromeがタブだらけになっていたという経験をお持ちの方には、強い味方になる拡張機能です。 OneTabは私もお気に入りで、調べ物をする時に重宝しています。今回はその使い方を紹介します。 まずは簡単に機能を紹介します ツールバーからOneTabのアイコンをクリックすると、開いているタブをすべて閉じると共に「OneTab」タブが作られ、そこへ開いていたタブをまとめます。作成されたタブはリンク集のような見た目で、ページのタイトルが一覧表示されており、クリックするとページを開けます。また、「Restore all」をクリックすれば、すべてのタブを元に戻せます。 区切りのいいところで「OneTab」する
Google Chromeでスマホサイト制作
Google Chromeでスマホサイト制作 @ichigamiさんからTwitterで「Chrome の開発者ツール、下でなくて右に表示させることができるの知らんかったー」とコメントを貰ったので、普段わたしがどんな感じでスマホサイト制作をしているかご紹介します。 追記：最新バージョンでの利用方法は以下のエントリーに記述しました。 Google Chrome 37でスマホのエミュレーションを行う 基本的には開発者ツールは右に表示。これは開発者ツールの左下のアイコンを長押しで設定できます。 他にも右下の歯車の設定から、「Device metrics」にチェックを入れ「Screen resolution」を320×480に設定して表示領域をスマートフォンと同じくらいになるように設定して、「Emulate touch events」にチェックを入れタッチイベントをエミュレートしています。案件によ
jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話
jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jquery.js を使うことが多かったわけです。 それが、1.9 からはソースマップに対応したので圧縮版のままでのデバッグが簡単になってます。 超簡単な使い方 ソースマップに対応したブラウザーは現時点では Google Chrome のみなので、Google Chrome の手順を説明します。 (Firefox はソースマップへの対応を計画中らしい) 事前準備を忘れずに Google Chrome で
Chrome DevTools.next
1. Chrome DevTools.next 2012/12/21 Cyber Agent Toru Yoshikawa ( @yoshikawa_̲t ) 2. Who? 吉川 徹 / Toru Yoshikawa @yoshikawa_̲t C.A.Mobile Web先端技術フェロー Google API Expert ( Chrome ) コミュニティ活動 html5j.org/HTML5とか勉強会スタッフ ⽇日本jQuery Mobileユーザー会 管理理⼈人 Sublime Text 2 Japan Users Group 管理理⼈人 allWebクリエイター塾/jQuery Mobile担当講師 Blog: http://d.hatena.ne.jp/pikotea/ 3. 著書 「HTML5ガイドブック 増補改訂版」（
僕が考えたChrome拡張機能を作るときのデザインパターン
最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 Image collector extension goo.gl URL Shortener extension mixi Check button extension Semantic inspector これだけ作ってると、何となく自分でのChrome拡張機能を作り出す際のデザインパターン・・・っていう大それたものじゃないけど、ようはテンプレが確立されてきます。全く褒められない書き方をしているかもしれませんが、ここでそのテンプレ達を晒しておこうかな、と思います。 manifest.json まずはChrome拡張機能の要であるマニフェストファイルです。これは誰が書いてもさほど変わらない記述内容となるでしょう。 { "manifest_version": 2, "name":
これは便利！Googleの画像検索で透過画像を見つけ出す -Alpha Finder
Alpha Finder Alpha Finderのインストール Alpha Finderの使い方 Alpha Finderのインストール Alpha Finderのインストールは簡単で、下記ページにChromeでアクセスし機能拡張をインストールしてください。 Chrome ウェブストア - Alpha Finder インストールが完了したら、Googleの画像検索へアクセス！ Google 画像検索 「.com」にアクセスしてください。 「.co.jp」では利用できません。画像の検索自体はどちらも同じだと思います。 Alpha Finderの使い方 ChromeでGoogle 画像検索にアクセスします。 とりあえず、「alpha」で画像検索。 目的の画像をホバーすると、拡大表示されます。
切替も簡単！ Chromeに複数のブックマークバーを作れる拡張機能 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
これでメインブラウザに！ 無料ランキング1位ブラウザ『Chrome』を使い倒す3つの小技を紹介します - アップス!!!-iPhoneの小技やiOS系ニュースを配信
これでメインブラウザに！ 無料ランキング1位ブラウザ『Chrome』を使い倒す3つの小技を紹介します 2012年06月30日 21:30 カテゴリ:iphoneの小技ユーティリティーapp ツイート Chrome カテゴリ: ユーティリティ 価格: 無料 どうも@kuroji1987です。 先日リリースされてから瞬く間に無料ランキング1位となったブラウザアプリ『Chrome』。 今回はこの『Chrome』をガッツリ使い倒すために便利な3つの小技をご紹介したいと思います。これでメインブラウザに昇格できるかもしれませんよ！ 1.ブックマークレットを使う まず1つ目は『Chrome』でブックマークレットを使用する方法です。 リリース時の記事でも書きましたが、『Chrome』でブックマークからブックマークレットを起動するとうまく動かすことができません。 アドレスバーに直接入力することで起動させられ
iOS版Chrome リリースに見るiOSプラットフォームの制約 - naoyaのはてなダイアリー
iOS版の Chrome がリリースされましたね。 アプリとしての使い勝手どうこうというところよりも、JavaScript エンジン周りをどうしているのかに興味があったのだけど、TechCrunch の記事 (http://techcrunch.com/2012/06/28/hands-on-with-googles-chrome-for-ios-just-like-chrome-for-android-only-slower/) を見る限り v8エンジンは搭載されていないし、当然 UIWebView での JIT コンパイラも有効にはなっていないように見えました。つまり、JavaScript の実効速度に関して言えば、Mobile Safari のそれを上回ることはない。(厳密に言えば、純粋な JavaScrpit の実効速度以外のところの実装が良くてトータルとして速い、というようなこと
3rdパーティー製スクリプトによるフロントエンドSPOFを検出するChrome拡張 | ゆっくりと…
6月22日未明、Twitter のサーバーがダウン し、全世界でサービスが停止しました。一部マニアの方々は、動いていた ケータイ用サーバー から この状況を楽しんでいた (?) ようですが、OMG..twitter was down….closest thing to living without oxygen for most of us…. （なんてこった、オレたちに酸素なしで生きろっていうのか） という声に代表されるように、世界各地で悲鳴が上がったようです。 さて純正の Twitter ウィジェット を貼っているあなたのサイトは、この障害でページが真っ白になったり途中で引っかかったりせず、無事にコンテンツを提供できたでしょうか？ ということで、前回 と同ネタですが、こういった フロントエンドの単一障害点 （SPOF） をより簡単にチェックできる Chrome エクステンション SPO
サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」:phpspot開発日誌
Chrome ウェブストア - BuiltWith Technology Profiler サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」。 サーバに何を使っているとか、PHPを使っているかとか、jQueryとかのライブラリや、Analyticsが入っているかといった情報を一括で表示してくれるChrome拡張。 サイト上でボタンを押すだけで解析することが出来ます。なんだか恥ずかしいですがこういうツールで調べられちゃうので気をつけましょう ヘッダやソースを見れば当然ながら調べられる情報なんですがボタン一発で調べられるっていうのは便利ですね 関連エントリ Vimの分かりやすいチートシートを見れるChrome拡張「Vim Help」 PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 ChromeをiPhoneシミュレーターにできる拡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JavaScript]使い分けるだけで今すぐデバッグ効率を上げる、consoleオブジェクトの関数 - Qiita![[JavaScript]使い分けるだけで今すぐデバッグ効率を上げる、consoleオブジェクトの関数 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/076786b46c6df764e60962be73ccec0e5e429ca5/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCVFNCVCRCVCRiVFMyU4MSU4NCVFNSU4OCU4NiVFMyU4MSU5MSVFMyU4MiU4QiVFMyU4MSVBMCVFMyU4MSU5MSVFMyU4MSVBNyVFNCVCQiU4QSVFMyU4MSU5OSVFMyU4MSU5MCVFMyU4MyU4NyVFMyU4MyU5MCVFMyU4MyU4MyVFMyU4MiVCMCVFNSU4QSVCOSVFNyU4RSU4NyVFMyU4MiU5MiVFNCVCOCU4QSVFMyU4MSU5MiVFMyU4MiU4QiVFMyU4MCU4MWNvbnNvbGUlRTMlODIlQUElRTMlODMlOTYlRTMlODIlQjglRTMlODIlQTclRTMlODIlQUYlRTMlODMlODglRTMlODElQUUlRTklOTYlQTIlRTYlOTUlQjAmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTA5NzljMjdhMWVmMmNmNTI3ZDQzZjRhZDlkNzdkMjM0%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrYXNoaXJhMjMzOSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NjJhN2JiOTNiYzEzNGJlMjIyOGU5MWYzODhlM2MwMjc%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44K144Kk44OQ44O844O744OQ44K6%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Db081aa4acb6719f32cd0efd28d1a07dc)
ggsoku.com
PLUS1WORLD | ゲームとネットが好きな今井阿見の個人ブログ
