[B! 開発] goodFlatのブックマーク

覚えておきたいDevToolsのコマンドラインAPIまとめ - Qiita

DevTools、使ってますか？もはやChromeじゃないと開発できないくらいに飼い慣らされています。ブレークポイントやconsole.logなど基本的な使い方から、TimelineとAuditsを使ってのパフォーマンス計測などなど、DevToolsのポテンシャルは計り知れません。個人的にはConsole APIが好きなんですが、今回はConsoleパネルで使える Command Line API の使い方についてまとめてみました。 $_ $_には最後に評価した式の結果が保存されています。 Console上で計算を行なった場合や、$セレクタなどでDOMを検索した結果など、最後の結果が常に保存されます。 $0 〜 $4 $0から$4にはElementsパネルで選択した要素が5つ保存されています。$0が最後に選択した要素で数字が増えるごとに過去に選択した要素になります。 $0は特に使いや

goodFlat 2014/04/23

リンク

Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめこんにちは、デザイナーの王です。今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。開発者なら「Chrome Canary」を使おう！みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ

goodFlat 2013/08/02

リンク

[作って学ぶ！jQuery] 第6回プラグインを作ってみよう! | バシャログ。

ゴールデンウィークはお台場でリアル脱出ゲームに参加して脱出できなかったminamiです。 jQuery連載も最終回、最後はプラグインを作ってみましょう！プラグインとは？ jQueryのプラグインとは、 jQuery本体と併せて使うライブラリのことです。様々な拡張機能を手軽に使うことが出来ます。例えば以下のページにも多数のjQueryプラグインが登録されています。自分で作ったプラグインを公開することもできます。 http://plugins.jquery.com/ プラグインの使い方プラグインを使うために必要なのは以下の手順です。 1.jQuery本体を読み込む 2.プラグインを読み込む 3.プラグインを実行する拍子抜けするくらい簡単ですね!ソース上では以下のような記述になります。  <script type="text/javas

goodFlat 2013/04/30

リンク

つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜

Yeomanの基礎からちょっとした応用までを紹介。 Chrome+HTML5 Developers Live Japan #4 https://plus.google.com/events/c9p1aclqe3fhl6gpo9p5hj4a01g のライブ配信用スライドです。Read less

goodFlat 2013/04/24

リンク

仕事で使ってる巨大SVNレポジトリをGithubに移管するためにやったことまとめ · DQNEO日記

動機 Subversionで困ってないぶっちゃけSubversionで全然困っていませんでした。コードレビューはちゃんとやっていたし、マージ・ブランチングも自作シェルスクリプトのおかげてスムーズにやれていました。よく「Gitはマージが賢い、ブランチ作成が一瞬でできる」とかいわれますが、Subversionだってちゃんと使えばコンフリクトなんかめったに起きないし、ブランチ管理・マージだって全然めんどくさくない。特にver1.7からはサーバもクライアントも大幅に高速化されたし、.svnディレクトリが.gitみたいに１個になったし、rebaseみたいなことだってできる。(sync merge & reintegrate) ただ、世の中が一斉にGitにシフトしている中でいつまでもSubversionを使っててよいのかという不安がありました。また、月から金までSubversionにどっぷり

goodFlat 2013/03/12

リンク

Google ChromeでJavaScriptのデバッグをする際にはぜひインストールを！·JS Runtime Inspector MOONGIFT

JS Runtime InspectorはGoogle ChromeのJavaScriptデバッグを強力にサポートしてくれるソフトウェアです。最近はJavaScriptを徹底的に活用したWebアプリケーションも増えてきました。そんな中デバッグは非常に困難になってきています。そこで使ってみたいのがJS Runtime Inspectorです。インスペクタにJS検索フィールドが追加されます。検索結果です。そこから定義されている場所に簡単に飛べます。利用例。 JS Runtime Inspectorを使えばJavaScriptを掘り下げて調べるのがとても簡単になります。関数名の他、値でも検索できるので目的の処理を見つけるのが簡単になるはずです。 JS Runtime InspectorはGoogle Chrome用、MIT Licenseのオープンソース・ソフトウェアです。 MOONG