タグ

2015年9月29日のブックマーク (2件)

  • 頭の中を整理したいときに役立つ!新人Webマーケターが活用すべき、ワークフレーム30選

    1:マインドマップ まずは基中の基、「マインドマップ」です。放射思考に基づいて考案されたマインドマップは基テーマとテーマから連想するものを繋げていくフレームワークで、主に思考整理のときに役立ちます。 2:ロジックツリー 後述する「MECE」に深く関係している「ロジックツリー」もフレームワークの代表ですね。Whyツリー(原因追求)やHowツリー(問題解決)など、シーンによって使い分けを行い、解決策や問題の特定を行います。 3:時間管理のマトリックス 物事を緊急性と重要性を使って4つに分類し、優先順位をつけるためのフレームワークが「時間管理のマトリックス」です。自然に頭の中でやっている方も多いフレームワークです。 4:ピラミッド構造 「ピラミッド構造」も基中の基といえるフレームワークです。複雑なものを、細かく段階的に分けることで整理する方法です。活用する際は、まず頂点にテーマを置き、

    頭の中を整理したいときに役立つ!新人Webマーケターが活用すべき、ワークフレーム30選
  • Chrome デベロッパーツールの使い方: プロのように華麗に使いこなすための20のテクニック

    Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム

    Chrome デベロッパーツールの使い方: プロのように華麗に使いこなすための20のテクニック