Google Chromeでスマートフォンサイトをチェックする：Google Chrome完全ガイド - ＠IT
スマートフォン（スマホ）が広く普及し、昨今では多くのWebサイトが、画面の狭いスマホに最適化した専用のビュー（表示）を備えるようになってきました。 サイトがスマホでどう見えるのかは、もちろん実際にスマホで表示してみるのが確実です。ただ、スマホやタブレットにはさまざまな機種があり、画面の解像度も異なるため、どう見えるかを全て実機でテストするのは困難です。 このような場合は、デスクトップ版Webブラウザの「スマホ表示」機能（スマートフォンのWebブラウザのエミュレーション）を利用すると、PCで簡単にスマホサイトの確認ができます。操作方法もそれほど難しくありません。 本記事では、Windows OS／macOSのデスクトップ版Google Chrome（以下、Chromeと略）の「デベロッパーツール（開発者ツール）」でスマホ表示を確認する方法を紹介します。このツールは名前に「デベロッパー（開発者
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
webLister | クローリング・スクレイピングASP
WEBスクレイピング・WEBクローラーASP。 クローリングロボットがサイトの最新データ/リストを都度取得し、CSVでオンライン提供致します webLister データ収集代行・クローリングツール とは カンタンに利用できる ■プログラミングの知識はいりません。 アドバイザーにご相談頂ければ、御社の業務に対応したサイトの選定からデータ抽出、活用方法までカンタンにご協力いたします。 安心のセキュリティ 御社のビジネスのデータを守る安心セキュリティ ■暗号化の活用 通信は、世界標準ともいえる強力な金融機関レベルの 256bit SSL を利用。従来の40ビット鍵長と比べ飛躍的に安全性が増しており、より安心してご利用いただけます。 ■ファイアウォールによる保護 機密度の高い情報は、ファイアウォールによりインターネットから隔離して保存。 ■バックアップで安心 データは自動バックアップ。分散化により
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう！ みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ
ユーザーエージェント（ユーザーエージェント一覧） | 用語解説 | web showcase : s-ej web tips
ユーザーエージェント 一般にユーザーエージェント（User Agent）とは情報にアクセスする手段のことを表すが、特にWebにおいてユーザーエージェントと称する場合はHTTPユーザーエージェント（HTTP_USER_AGENT）のこと、あるいはそれらを識別する名称文字列のことを指す。 HTTPユーザーエージェントにはブラウザやウェブクローラーなどがあり、HTTPユーザーエージェントはHTTPリクエストの際にユーザーエージェント毎に決められた識別名称文字列を送信する。この文字列はハードウェア情報、携帯キャリア名、ホストOS名、アプリケーション名、レンダリングエンジン名、バージョンナンバーなどで構成されており、各エージェントにとって最適な情報や反応の取得に役立つ一方、ユーザエージェント文字列には厳密な構文の決まりはなく、ブラウザの発展やシェア争いの過程で文字列が複雑に変化したり、仕様上、エージ
Chrome Web Store用アプリ（Installable Web Apps）の作り方 - honjo2のITブログ
先日のGoogle I/Oで発表されたChrome Web Storeですが、Webアプリは、ブラウザにインストールする感じで提供されるようです。Overview - Installable Web Apps - Google Code ここでは試しにGmailをInstallable Web Appsにする方法を書きます。 前提条件Chrome開発版（6.0.408.1 dev）がインストールされていることChromeのショートカットに起動オプション「--enable-apps」を付けていること手順１．ローカルに「gmail_app」フォルダを作る２．その中に以下入れておくmanifest.json { "name": "Google Mail", "version": "1", "icons": { "24": "24.png", "128": "128.png" }, "permis
自分のサイトの表示を5種のブラウザでチェックできるネットサービス「browserling」
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG
3 Dreams of Black by Google Data Arts Team - Experiments with Google
This experiment is no longer active, but you can still learn about it on this page. “3 Dreams of Black” takes you on a journey through three dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Throughout various points in these dream worlds, you can grab your mouse and guide the protagonist’s point of view through the experien
第2回 Hosted Appsの作成方法と公開 | gihyo.jp
前回は、Chrome Web Storeの概要からAppsの簡単な説明、Chrome Web Storeの使い方までを説明しました。今回は、2種類あるWeb Appsのうち、Hosted Appsについて作成方法から公開までを具体的にご紹介したいと思います。 Hosted Appsとは Hosted Appsの基本的な考え方は、一般的なWebサイトと変わりありません。自身で管理するWebサーバーからWebアプリやWebサービスを提供します。Chrome Web Storeでは、それらをインストール可能なWebアプリとして公開することができます。 サーバー側では任意の言語やWeb技術を利用し、クライアント側ではHTML、CSS、JavaScriptなどを使用します。HTML5やその関連技術、Chromeがサポートする新しいAPIなども利用可能です。是非、これらを活用して好きなWebアプリを作
Webアプリを公開しよう！ Chrome Web Store／Apps入門 記事一覧 | gihyo.jp
第7回Webアプリを作ろう#4──Omnibox、Context Menus 吉川徹 2011-07-11
Flash なしでも HTML5 でここまで出来る
［SublimeVideo – HTML5 Video Player］ John Gruber が HTML5 ビデオプレーヤについてたいへん興味深いコメントをしている。Flash がなくてもここまで出来るというのだ。 Daring Fireball: “SublimeVideo ― HTML5 Video Player” by John Gruber: 01 February 2010 ＊ ＊ ＊ まちがいなくホンモノだ これはスゴい！Jilion が製作した HTML5 ビデオプレーヤは、再生コントロールがすばらしい。プレイボタンを押すと自動的にバッファリングが始まる。ウインドウいっぱいのアニメーションの動きはすばらしい、などなど。Safari、MobileSafari、Chrome でスムーズに動く。Firefox については目下作業中。それに WebKit Nig
新しい音楽を開拓＆垂れ流しにできる音楽ストリーミングサービス８+選 - P2Pとかその辺のお話@はてな
いろいろと思うところがあって、新しい音楽を開拓＆垂れ流しにできるオススメ or 人気の音楽ストリーミングサービスを紹介したいと思う。 Jamendo Jamendoは、世界最大のクリエイティブ・コモンズ・ミュージックサイト。現在配信中のアルバムは4万6千枚を数え、30万曲超のCCミュージックを提供している。Jamendo自身も、おすすめの曲のJamendoラジオストリーミングを行っているが、Chrome拡張のJamendo Radioを導入するとさらにカスタマイズされたラジオチャンネルの作成が可能になる。こうなると、ブラウザを立ち上げている間中、好きなジャンルの音楽をかけっぱなしに出来てしまう。 また、Chromeユーザ以外の方には、Jamendo APIを利用したJamendo HTML5 Audio Playerがおすすめ。こちらは、タグをクリックすると自動的にそのジャンルの楽曲のプレ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イースト、ネットなしで単独動作する“おひとり様Wiki”「CliWiki」無償公開 ～HTML5技術普及支援でオープンソースとしてソースコードも公開