タグ

ブックマーク / qiita.com/nakajmg (3)

  • vue-cli用のテンプレートを作成する - Qiita

    Vue.jsにはプロジェクトの雛形をスキャフォールドするためのvue-cliというツールを公式が提供しています。 vue-cliを使うと、.vueファイルによるコンポーネントの作成、開発用ローカルサーバー(差分更新ができる)、バンドル処理などを行える環境がすぐに構築できます。 vue-cliを使えば高速にプロジェクトをスタートさせることができます。 記事ではvue-cli用のテンプレートを作成するうえでのTipsを紹介します。vue-cliの使い方自体はこの記事が詳しいので参照ください。 公式のテンプレートに満足できない 公式のテンプレートは良くできていますが、vue-routerやvuexを使いたいときや、プロジェクトで個人的に必ず使うパッケージがあるときに、毎回同じような準備が必要になるのが面倒でした。 vue-cliは、公式が提供しているテンプレート以外に、GitHubのリポジトリ

    vue-cli用のテンプレートを作成する - Qiita
    eedamame
    eedamame 2016/12/26
  • DevToolsのカラーピッカーが超進化! - Qiita

    ※ Canary(39.0.2128.0)で確認 (Stableはまだ実装されていない。 ※ Stableが39になって使えるようになってました。(2014/12/16) ChromeのDevToolsのカラーピッカーが超便利になってた。 Elementsパネルからカラーピッカーを出す カーソルをページの方に持ってくと… 虫眼鏡みたいなのが出てきて画面上の色が拾える\( 'ω')/ウオオオアアア! これできたらいいなーとずっと思ってた機能なので興奮してる。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat y

    DevToolsのカラーピッカーが超進化! - Qiita
    eedamame
    eedamame 2015/04/02
  • 覚えておきたい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は特に使いや

    覚えておきたいDevToolsのコマンドラインAPIまとめ - Qiita
    eedamame
    eedamame 2014/04/17
  • 1