wkoichiのブックマーク - はてなブックマーク

Chrome デベロッパーツールの Console を使いこなす - Qiita
技術書典5 で本記事をさらにパワーアップさせた本を書いたのでよかったらどうぞ Chromeデベロッパーツールを使いこなそう Console編 Chrome デベロッパーツールの Console には Web 画面を解析するための便利な機能が備わっています。この便利機能を覚えておくと Web 画面からの情報抽出や、 Chrome Extension 開発がとても捗ります。 ※ 筆者はこの機能を利用して、ウェブスクレイピング時のDOMセレクタを調べたり、 Q Accelerator などの Chrome 拡張機能を開発しています。本記事では、次の３つを解説します。 Console の便利機能実際に Qiita の画面を解析する手順リアルタイムで評価結果を返す Eager Evaluation （Google IO 2018 で発表されました）便利機能（コマンドライン API）
wkoichi 2018/05/21
リンク
Step by Stepで始めるPostCSS - Qiita
2016/9/8 ※cssnextに含まれる機能についての記事を書きました。 cssnextから学ぶ次世代CSS PostCSSを知っていますか？筆者はどこかで聞いたことあるぐらいで次のCSS？またSassみたいなやつ作ったのかもうSassで終わりにしようぜ（覚えるの辛い）といった負のイメージから勉強してみたのですが、だいぶ想像と違いました。 Sassの代替というよりかはCSSのエコシステムを構築するための共通基盤、といったところでしょうか。本記事はタイトルにもあるようにPostCSSを使ってCSSをモダン化する流れで書きました。「Sassすら使っていない」「このCSS界隈のライブラリよくわからない」という方こそ是非読んでみてください。 PostCSSとは 2015年4月頃以前はこんな感じ SassやLESSを筆頭にプリプロセッサとPostCSSを内部的につかっていたcssn
wkoichi 2016/09/05
リンク
フロントエンドにテストを導入 - Qiita
2016-8-8 ※webpack単体の記事を書きました。よろしければこちらもどうぞ step by stepで始めるwebpack 2016-5-16 ※karma単体の記事を書きました。よろしければこちらもどうぞ step by stepで始めるKarma 本記事は画面のJavaScriptのテストとかまったくやったことない方 Mocha？webpack？karma？それぞれの解説記事はよく見るけど全体像がよくわからんという方向けです。（数日前の自分です）全体を通して導入の流れを解説した記事があると全体像が理解しやすいのではと思い書いてみました。前提 Nodejs,npm,chromeが導入済みであること流れ Step 表題目的
wkoichi 2016/04/27
リンク
1