はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ インスペクタ

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 9 / 9件)
 

Unity - 極座標(球面座標)のインスペクタを作ると VR音ゲー作るときに死ぬほど便利だった - Qiita

2015/12/01 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip 特定 プレイヤー ノート 方向 解決策

これはイメージと違う!永遠に右にきてくれない! 困ったこと ノート配置してちょっと右側にずらしたいって思っても、2軸の値を調節しないといけない プレイヤーからの距離を維持したままノートを移動できない つまり距離の違いからノートが小さくなったり大きくなったりしてしまう 解決策 こういうときには球面座標というのを使えばいいらしい!球面座標というのは、ある特定の点から右にp度、上にe度の方向に、a進んだ... 続きを読む

祝: Atom の Web Components 導入、ついでに Atom Shell の話。 - steps to phantasien

2014/12/22 このエントリーをはてなブックマークに追加 220 users Instapaper Pocket Tweet Facebook Share Evernote Clip Atom steps to phantasien DOM

GitHub 謹製 Atom エディタが Shadow DOM を使い始めたという。 めでたい。せっかくだから私も Atom を使ってみよう。 起動してテキスト書きもそこそこにインスペクタで DOM を眺める。 するとあら素敵。Shadow DOM のみならず Custom Elements もばりばり使われているじゃありませんか。 ためしにステータスバーをつついてみるとわかる。 Atom は U... 続きを読む

右クリックで画像保存ができない時のもっと楽な方法 | WWW WATCH

2013/04/18 このエントリーをはてなブックマークに追加 57 users Instapaper Pocket Tweet Facebook Share Evernote Clip WWW WATCH 右クリック 画像保存 方法 Firefox

ライフハッカーさんで、Web ページ内の画像を右クリック保存できないときに、Google Chrome や Firefox のインスペクタから、該当のソースコードを見つけて云々みたいな方法が紹介されていたんですが、インスペクタ開くところまで行ったなら、もっと簡単に Web ページ内で読み込まれてる画像を見る方法があるので書いてみます。 右クリックで画像保存ができない時はこの方法を試すべし! : ラ... 続きを読む

Google ChromeでCSSがSassの何行目に記述されているか確認する方法[to-R]

2013/03/19 このエントリーをはてなブックマークに追加 31 users Instapaper Pocket Tweet Facebook Share Evernote Clip Sass CSS to-R Sassファイル 何行目

Google ChromeはSource Mapに対応しており、表示しているサイトのCSSがSassの何行目に記述されているか簡単に確認することができます。 Sassで作られたサイトのCSSをGoogle Chromeで確認しようとするとインスペクタには以下のように表示されます。 このままだと、どのSassファイルの何行目に記述した内容が反映されているかわからないですね。 これを次のように変更しま... 続きを読む

Google ChromeでJavaScriptのデバッグをする際にはぜひインストールを!「JS Runtime Inspector」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/02/28 このエントリーをはてなブックマークに追加 246 users Instapaper Pocket Tweet Facebook Share Evernote Clip デバッグ エンジニア ソフトウェア インストール ITニュース

JS Runtime InspectorはGoogle ChromeのJavaScriptデバッグを強力にサポートしてくれるソフトウェアです。最近はJavaScriptを徹底的に活用したWebアプリケーションも増えてきました。そんな中デバッグは非常に困難になってきています。そこで使ってみたいのがJS Runtime Inspectorです。インスペクタにJS検索フィールドが追加されます。検索結果で... 続きを読む

ページ内のアイテムのピクセル数をメジャーで測れるChrome拡張「MeasureIt!」:phpspot開発日誌

2012/04/23 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip phpspot開発日誌 Chrome拡張 ピクセル数 画面上

ページ内のアイテムのピクセル数をメジャーで測れるChrome拡張「MeasureIt!」 2012年04月23日- Chrome ウェブストア - MeasureIt! ページ内のアイテムのピクセル数をメジャーで測れるChrome拡張「MeasureIt!」 画面上のアイテムをドラッグ&ドロップで大体の幅、高さについて測ることが出来ます 具体的な画像のピクセル数はインスペクタに頼るとして、これ大体... 続きを読む

要チェック。iPhone/iPadで表示しているWebサイトに対して使えるWebインスペクタ「Mobile Safari Inspector」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブ

2012/01/15 このエントリーをはてなブックマークに追加 46 users Instapaper Pocket Tweet Facebook Share Evernote Clip MOONGIFT iPhone WebKit デバッグ

WebKitにはJavaScriptやHTMLのデバッグを行うインスペクタが内蔵されています。それをiPhone/iPadのMobile Safariでも使えるようにするのがMobile Safari Inspectorです。 0 続きを読む

Chromeのキャッシュをオフにする方法 :: 5509

2011/10/05 このエントリーをはてなブックマークに追加 314 users Instapaper Pocket Tweet Facebook Share Evernote Clip Chrome キャッシュ Stable Disable 方法

全然気づかなかった・・・いつからだろう・・・ Chromeにビルトインされてるのですぐ使えます。 ちなみに、キャプチャはChromeのdev版なのでstable版は少し違うかもしれません。stableでもcacheの項目あるのは確認してます。 通常、キャッシュがあればそっちを見に行くので302になりますが 右下にギアアイコンがあって、そこからインスペクタのSettingが開けます Disable ... 続きを読む

JavaScript 用デバッグコンソール "IEerBug" [tech.nitoyon.com]

2006/08/27 このエントリーをはてなブックマークに追加 381 users Instapaper Pocket Tweet Facebook Share Evernote Clip Firebug Firefox DOM デバッグ コンソール

IEerBug は Internet Explorer 6.0 と FireFox 1.5 で動く JavaScript 用のデバッグ コンソールです。 FireBug と同じ console.log、console.debug などの関数が使えるため、FireFox と IE の両方でデバッグする場合に便利です。コンソールに出力したオブジェクトを、DOM インスペクタを利用して解析することも可能... 続きを読む

 
(1 - 9 / 9件)