Техника psdm: как решать сложные проблемы и принимать правильные решения

Шаг 6. Написание гостевого поста

Чтобы дойти до этого этапа, нужно проделать огромную работу. Поэтому когда дело доходит до написания статьи в блоге, с которым несколько недель велись переговоры, многие пренебрегают качеством контента. Этого ни в коем случае нельзя делать, если вы хотите получить максимальную отдачу от каждой статьи.

Прежде чем приступить к созданию материала, внимательно изучите рекомендации на сайтах, для которых вы будете писать. Если их не придерживаться, партнеры банально не примут вашу статью

В случае если никаких рекомендаций нет, еще раз просмотрите пару публикаций в блоге, обращая внимание на детали: какой средний объем материала, какой стиль подачи — разговорный или более деловой, в статье много изображений или всего несколько

Обязательно укажите в своей публикации ссылки на другие статьи блога, для которого вы пишете — это определенно оценят. И конечно, при необходимости оставьте обратную ссылку на свой сайт. 

А еще советую добавить ссылки на другие гостевые посты, которые вы писали раньше. Если эти публикации ссылаются на ваш сайт, линк на них будет косвенно улучшать бэклинк-профиль сайта. Некоторые опытные блогеры в гостевых постах ссылаются на сайты своих партнеров. Таким образом, они могут в будущем рассчитывать на аналогичную услугу.

Когда ваша статья будет готова, обязательно вычитайте ее. Вы же не хотите, чтобы несколько глупых опечаток испортили впечатление о вас. И как только вы поймете, что сделали все возможное, отправляйте свою статью и терпеливо ждите ее публикации.

Канвас Фичи (Feature Canvas)

(прим. ред. — исходник Канваса Фичи)

Описание проблемы (Problem Statement)

Используя работу Джеффа Готельфа в Lean UX, мы основываем Фичу на определении проблемы, для решения которой она предназначена. Готельф предоставляет здесь два отличных шаблонна:

Новый продукт:

Существующий продукт:

Гипотеза Фичи (Feature Hypothesis)

Аналогично на основе работы Готельфа мы формулируем гипотезу о том, какое влияние может оказать наша Фича. Шаблон гипотезы имеет вид:

Цели и Ключевые Результаты (Objectives and Key Results, OKRs)

Фичи предназначены для достижения поддающегося проверке результата, эта деталь имеет решающее значение для обеспечения эффективной оценки стоимости задержки (Cost of Delay) и проверки влияния после развертывания. Мы хотим, чтобы поддающееся количественной оценке движение определенных опережающих индикаторов поддерживало текущую эволюцию нашей стратегии управления продуктами.

Если OKR кажутся сейчас излишними, вы можете вместо этого перечислить опережающие индикаторы и ожидаемые изменения этих индикаторов.

Компоненты стоимости задержки (Cost of Delay Components)

Эффективность / объективность воркшопов по оценке стоимости задержки во многом определяется данными в таблице. Три раздела: «Ценность для пользователя / бизнеса (User/Business Value)», «Критичность сроков (Timing Criticality)» и «Снижение рисков / открытие возможностей (Risk Reduction/Opportunity Enablement)» предоставляют возможность выделить вспомогательные данные для оценки трех компонентов стоимости задержки.

Ключевые эксперты (Key Subject Matter experts)

Я редко, если вообще когда-либо такое было, работал с ART, в котором Продуктовый Менеджмент самодостаточны в экспертных знаниях предметной области

Важное значение имеет выявление и взаимодействие на ранних этапах жизненного цикла Фичи с экспертами в данной предметной области

Внешние зависимости (External Dependencies)

Ничто так не тормозит Фичу, как невыявленные внешние зависимости. Они должны быть идентифицированы как можно раньше и использоваться для обсуждения приоритезации и разработки дорожных карт.

Нефункциональные требования (Non Functional Requirements)

Мы знаем, что ART имеет ряд нефункциональных требований, применимых ко всем Фичам, но иногда у конкретной Фичи есть свои нефункциональные требования.

Пример заполненного канваса Фичи

Придумать шаблон Фичи было невероятно сложно, потому что я все время думал о реальных Фичах, но в конце концов я остановился на придуманной Фиче для бронирования столиков в ресторане.

Так вы могли бы визуализировать свой следующий семинар по оценке WSJF:

5 ответов

Лучший ответ

Хром

Этого можно добиться тремя разными способами (см. Статью в моем блоге здесь для более подробной информации):

• Искать на панели , как показано ниже
• Выполните и на панели , как показано в ответе Лоуренса
• Сторонние расширения (в большинстве случаев не нужны, могут оказаться излишними)

Вот как искать XPath на панели :

1. Нажмите F12 , чтобы открыть Инструмент разработчика Chrome.
2. На панели «Элементы» нажмите Ctrl + F
3. В поле поиска введите XPath или CSS Selector, если элементы будут найдены, они будут выделены желтым цветом.

Firefox (начиная с версии 75)

Начиная с FF 75, можно использовать необработанный запрос xpath без оценочных выражений xpath, см. для получения дополнительной информации.

Firefox (предыдущая версия 75)

1. Либо выберите «Веб-консоль» в подменю «Веб-разработчик» в Меню Firefox (или меню «Инструменты», если вы отображаете строку меню или работаете в Mac OS X) или нажмите Ctrl + Shift + K ( Command + Option + K в OS X) сочетание клавиш.

2. В командной строке внизу используйте следующее:

   • : возвращает первый совпадающий элемент. Эквивалентно или вызывает функцию на странице, если она существует.

   • : возвращает массив совпадающих узлов DOM. Это похоже на , но возвращает массив вместо .

   • : оценивает выражение XPath и возвращает массив совпадающих узлов.

Firefox (предыдущая версия 49)

1. Установите Firebug
2. Установите Firepath
3. Нажмите F12 , чтобы открыть Firebug.
4. Перейти на панель
5. В раскрывающемся списке выберите XPathor CSS.
6. Введите, чтобы найти

392

Artem Krosheninnikov
10 Апр 2020 в 16:43

Я проверяю селекторы XPath и CSS с помощью расширения WebSync Chrome.

Он предоставляет возможность проверять селекторы, а также создавать / изменять селекторы, щелкая атрибуты элемента.

Peter Mortensen
6 Ноя 2020 в 05:03

Другой способ проверить xpath — использовать selenium IDE .

1. Установите Firefox Selenium IDE
2. Откройте свое приложение в FireFox и откройте IDE.
3. В IDE в новой строке вставьте xpath в цель и нажмите «Найти». Соответствующий элемент будет выделен в вашем приложении

1

AJC
20 Июн 2016 в 20:15

Используя Chrome или Opera

без каких-либо плагинов, без записи единственного синтаксического символа XPath

1. щелкните правой кнопкой мыши требуемый элемент, затем «проверить»
2. Щелкните правой кнопкой мыши по выделенному тегу элемента и выберите Копировать → Копировать XPath .

; )

19

Peter Mortensen
6 Ноя 2020 в 05:00

Вы можете открыть DevTools в Chrome с помощью CTRL + I в Windows (или CMD + I Mac) и Firefox с помощью F12 , затем выберите tab) и проверьте XPath, набрав . Это вернет массив совпадающих значений. Если он пуст, значит, на странице нет совпадений.

Настройка шаблона

Практически все ARTs, с которыми я работал относились к двум категориям: “Слишком много предварительной информации” или “Недостаточно предварительной информации”. Вы хотите знать достаточно, чтобы команды и Владельцы Продуктов могли эффективно планировать и доставлять итеративно, но не настолько, чтобы ограничивать возможности команд и Владельцев Продуктов вводить новшества и брать на себя ответственность за их интерпретацию.

Каждый Инкремент Программы — это возможность учиться. Подведите итоги через неделю после PI-планирования и посмотрите как на ту информацию, которую вы хотели бы получить, так и на свои наблюдения относительно ценностного предложения предоставленной вами информации.

Затем снова подведите итоги после Инкремента Программы. Посмотрите, как доставлялись Фичи и какие моменты вы хотели бы избежать в будущем.

Команды

Командная строка JavaScript, предоставляемая Веб-Консолью, предлагает несколько встроенных вспомогательных функций, которые делают определённые задачи проще.

Ищет CSS-селектор, возвращая первый найденный элемент. Эквивалентно или же вызывается функция $, в случае, если таковая найдена на странице.

Ищет CSS-селектор, возвращая перечень соответствующих ему DOM-узлов. Это упрощённый вариант, используемый вместо .

Начиная с билда Firefox 41 этот метод больше не является упрощением для , а наоборот возвращает массив элементов.

Ныне исследуемый элемент страницы.

Появилась в Firefox 39. Хранит результат последнего выражения, выполненного через командную строку. Например, если вы введёте «2+2 <enter>», затем «$_ <enter>», то консоль ответит «4».

Оценивает XPath-выражение и возвращает массив соответствующих ему узлов.

Задаёт объект, возвращает перечень ключей (или имён свойств) характерных объекту. Является упрощённым вариантом .

Задаёт объект, возвращает перечень значений объекта; является дополнением для .

Очищает область вывода консоли.

Задаёт объект, открывает инспектор объектов.

Форматирует указанные значения до читаемого вида; полезно для дампа содержимого объектов и массивов.

Показывает текст помощи. На самом деле (вот восхитительный пример рекурсии) он приведёт вас к этой странице.

Переключает механизм оценки контекста JavaScript к другому айфрейму, имеющемуся на странице. Смотрите страницу .

Появилась в Firefox 38. Копирует аргумент в клипборд. Если аргумент является строкой, то он копируется как есть. Если аргумент является DOM-узлом, то копируется его . Можно также использовать функцию , которая также вызовет аргумент и скопирует его значение в клипборд.

Появилась в Firefox 39. Как и любая другая командная строка, Веб-консоль . Используйте функцию для очистки истории командной строки.

Пожалуйста, обратитесь к тексту API консоли для получения большей информации о записи контента.

Authors (Авторы)

Авторами статьи являются лица, внесшие существенный вклад в планирование и проведение исследования, а также лица, выполнившие иную роль в подготовке статьи. Технические специалисты и другие помощники обычно упоминаются в разделе статьи «Благодарности».

Авторы перечисляются в логическом порядке важности их вклада в работу. Лицо, указанное первым, считается старшим автором (если не указано иное); другие могут быть перечислены в соответствии с важностью вклада в общее дело

Перечисление авторов в алфавитном порядке – старая практика, которой журналы больше не придерживаются.

Обычно в качестве первого автора указывается аспирант, чья дипломная или диссертационная работа составляет основу статьи, а вторым автором – его научный руководитель. Однако в некоторых дисциплинах научный руководитель аспиранта, чьи исследования опубликованы, указывается в качестве последнего автора.

Лицо, которому могут быть адресованы вопросы по статье (Corresponding Author), помечается звездочкой или другим обозначением.

Состав авторов (кто и в какой последовательности) может быть непростым и спорным вопросом, ведущим к неловким спорам и нарушению высоких этических стандартов, которым должны следовать ученые. Иногда руководитель лаборатории или института, где выполнялась работа, может настаивать на том, чтобы его указали в качестве автора всех статей, поступающих из такой организации. Хотя это нежелательно, но, если это необходимо сделать, его следует указать в качестве последнего автора.

Кроме того, нередки случаи, когда некоторые лица по программе обмена (стажеры, специалисты по обмену, и др.), посетившие зарубежные учреждения, публикуют статьи по возвращении в направляющее учреждение на основе проделанной работы за рубежом, перечисляют своих иностранных научных руководителей в качестве соавторов без их ведома и согласия. Чтобы избежать таких ситуаций, большинство журналов требуют окончательного одобрения каждого соавтора до публикации статьи.

Имена авторов должны быть достаточно полными, чтобы обеспечить надлежащую идентификацию, и сопровождаться адресом, включая адрес электронной почты, представленный с соблюдением требований журнала к оформлению. Учреждение, к которому был прикреплен автор, когда велась работа, результаты которой представлены в статье, должно быть указано напротив автора, даже если автор покинул учреждение после завершения работы (что характерно для аспирантов и практикантов); в таких случаях следует указать текущий адрес автора и предоставить надлежащую идентификацию.

Контекстное меню элемента

Некоторые частые операции с узлом можно выполнять с помощью контекстного меню. Чтобы открыть это меню, щёлкните правой кнопкой по желаемому элементу:

Меню содержит следующие пункты:

Править как HTML
Копировать внутренний HTML	Скопировать innerHTML элемента
Копировать внешний HTML	Скопировать outerHTML элемента
Копировать уникальный селектор	Скопировать CSS-селектор, выбирающий этот и только этот элемент.
Копировать URL данных изображения	Скопировать изображение в формате data:// URL, если выбранный элемент изображение.
Показать свойства DOM	Открыть и ввести туда команду «, чтобы текущий выбранный элемент.
Вставить внутренний HTML	Вставить содержимое буфера в узел в качестве его innerHTML (en-US).
Вставить внешний HTML	Вставить содержимое буфера в узел в качестве его outerHTML (en-US).
Вставить/Перед	Вставить содержимое буфера в документ прямо перед этим узлом.
Вставить/После	Вставить содержимое буфера в документ прямо после этого узла.
Вставить/Как первого потомка	Вставить содержимое буфера в документ в качестве первого дочернего элемента этого узла.
Вставить/Как последнего потомка	Вставить содержимое буфера в документ в качестве последнего дочернего элемента этого узла.
Прокрутить в вид	Новое в Firefox 40 Прокручивает веб-страницу, чтобы был виден выбранный узел.
Удалить узел	Удалить элемент
Открыть ссылку в новой вкладке	Новое в Firefox 40 (только в меню, открытом для ссылки, например атрибута href) Открывает в новой вкладке то, на что ссылка.
Открыть файл в Отладчике	Новое в Firefox 40 (только в меню, открытом для ссылки на код JS) Открывает в отладчике файл, на который ссылка.
Открыть файл в Редакторе стилей	Новое в Firefox 40 (только в меню, открытом для ссылки на CSS) Открывает код, на который ссылка, в Редакторе стилей.
Копировать адрес ссылки	Новое в Firefox 40 (только в меню для URL) Скопировать URL.
:hover	Установить CSS-псевдокласс :hover
:active	Установить CSS-псевдокласс :active
:focus	Установить CSS-псевдокласс :focus

Расширение инструментов разработчика

Инструменты разработчика предназначены для расширения. Дополнения Firefox могут получить доступ к инструментам разработчика и компонентам, которые они используют для расширения существующих инструментов и добавления новых инструментов. С помощью протокола удалённой отладки вы можете реализовать свои собственные клиенты и серверы отладки, что позволяет отлаживать веб-сайты с помощью собственных инструментов или отлаживать различные цели с помощью инструментов Firefox.

Example devtools add-ons

Use these examples to understand how to implement a devtools add-on.

Add a new panel to the devtools

Write an add-on that adds a new panel to the Toolbox.

Remote Debugging Protocol

The protocol used to connect the Firefox Developer Tools to a debugging target like an instance of Firefox or a Firefox OS device.

Source Editor

A code editor built into Firefox that can be embedded in your add-on.

The Interface

An API that lets JavaScript code observe the execution of other JavaScript code. The Firefox Developer Tools use this API to implement the JavaScript debugger.

Web Console custom output

How to extend and customize the output of the Web Console and the Browser Console.

Панель элементов

Панель элементов является наиболее часто используемым инструментом. Он позволяет манипулировать DOM, изменяя веб-страницу.

Чтобы посмотреть, как выглядит веб-страница с различными стилями или и элементами, внесите эти изменения непосредственно в данной панели элементов. Это позволяет редактировать сайт непосредственно в браузере без изменения исходного кода.

Здесь отображается HTML-код веб-страницы. В Chrome это выглядит следующим образом:

В Firefox:

Styles

Здесь отображается весь CSS, заданный для HTML-элементов. В Chrome это выглядит следующим образом:

В Firefox:

Можно редактировать стили выбранного элемента, написав новый код в любом из селекторов CSS.

Я добавил новый размер шрифта для выбранного абзаца.

Подсветка и выбор элемента

Чтобы выбрать определенный элемент, нажмите на значок селектора элемента или воспользоваться клавиатурной комбинацией Ctrl + Shift + C.

В Chrome это выглядит следующим образом:

В Firefox:

Когда селектор активен, элементы, на которые вы наводите курсор, будут подсвечиваться. Если кликнуть по элементу, он будет выбран в панели инспекторе.

Изменение классов и атрибутов

В Chrome после клика правой кнопкой мыши по элементу отобразится опция Edit as HTML или Add attribute.

Если выберите Add attribute, то сможете ввести необходимый атрибут.

Если выбрать Edit attribute, элемент будет преобразован в текстовую область для его редактирования.

Для примера я добавил новые классы в атрибут class и добавил еще один атрибут.

В Firefox это работает аналогично.

Редактирование содержимого HTML-элементов

Для этого достаточно дважды кликнуть по тексту в элементе. После чего откроется поле ввода с содержимым элемента.

Затем нужно задать новые значения и нажать Enter.

Удаление и скрытие элементов DOM

В Chrome кликните правой кнопкой мыши по элементу, который хотите скрыть или удалить. После этого отобразятся соответствующие опции.

После чего элемент будет удален из DOM, и веб-страница будет отображаться без него.

В Firefox схожая опция называется «Удалить узел». И в ней нет возможности скрыть элемент.

Просмотр блочной модели элемента

Инструменты разработчика браузеров позволяют увидеть ширину, высоту, границу, отступы и поля элемента. В Chrome это выглядит следующим образом:

Когда вы наводите курсор на часть блочной модели, этот элемент будет выделен на веб-странице. В Firefox данная функция находится в той же части, что и в Chrome:

Поиск стилей с использованием фильтра

Чтобы найти определенный стиль в коде, введите его название в поле Filter. В Firefox оно находится в той же области, что и в Chrome.

Фильтр выполняет поиск только в иерархии выбранного элемента.

Results (Результаты)

В этом разделе должны быть представлены новые знания; следовательно, этот раздел является ядром статьи

Обратите внимание на то, что разделы «Введение» и «Материалы и методы» необходимы и предназначены для того, чтобы рассказать, почему и как авторы пришли к результатам, представленным в данном разделе, значение которых затем будет разъяснено в разделе «Обсуждение». Таким образом, ценность статьи зависит от того, что содержится в данном разделе («Результаты»), результаты следует изложить ясно и четко с использованием разрешенного количества слов, ни больше, ни меньше

Некоторые рекомендации по представлению результатов приведены ниже:

• Старайтесь представлять результаты ясно и четко.
• Сообщайте только репрезентативные данные, а не (бесконечно) повторяющиеся данные.
• Не давайте большие объемы данных; сведите их к статистически анализируемым сводным формам и представьте в виде таблиц или графиков вместе с необходимой статистической информацией, чтобы облегчить их понимание и сравнение.
• Повторяйте в тексте только самые важные выводы, показанные в таблицах и графиках; другими словами, не повторяйте в тексте все или многие данные, представленные в таблицах и рисунках.
• Включайте отрицательные данные, которые не были найдены, только если они необходимы для интерпретации результатов; ссылайтесь на каждую таблицу и цифру в тексте в виде цифры.
• Включайте только таблицы и рисунки, которые необходимы, понятны и следует воспроизвести.
• Избегайте многословных выражений: например, вместо предложения: «It is clearly shown in Table 2 that the presence of tree canopy reduced light transmission to ground …» напишите «Light transmission to ground was reduced by the presence of tree canopy (Table 2)».

Таблицы и рисунки являются неотъемлемой частью хорошо написанной научной статьи, и они появляются в разделе «Результаты» (но есть исключения). В то время как таблицы содержат точные цифры, рисунки показывают тенденции и особенности. Не отображайте одни и те же данные в таблицах и графиках.

The split console

You can use the console alongside other tools. While you’re in another tool in the Toolbox, just press Esc or press the «Toggle split console» button in the . The toolbox will now appear split, with the original tool above and the web console underneath.

As usual, works as a shorthand for the element currently selected in the Inspector:

When you use the split console with the debugger, the console’s scope is the currently executing stack frame. So if you hit a breakpoint in a function, the scope will be the function’s scope. You’ll get autocomplete for objects defined in the function, and can easily modify them on the fly:

Google и блокировщики рекламы

Блокировщики рекламы лишают веб-сайты и рекламные сети части дохода, поэтому данную категорию программ недолюбливают многие компании, в том числе и Google, которому собственный сервис контекстной рекламы Google Ads приносит львиную долю доходов. Так, по итогам II квартала 2021 г. рекламный бизнес принес американскому интернет-гиганту выручку в размере $57,1 млрд – на 69% больше, чем за аналогичный период 2020 г., при этом на долю рекламы, размещенной в фирменном поисковом сервисе Google, пришлось $35,8 мрлд.

С учетом этого ранее выдвигались предположения о том, что Google намеренно усложняет жизнь разработчикам блокировщиков рекламы. Кроме того, корпорация в своем отчете за 2018 г., направленном в Комиссию США по ценным бумагам (The United States Securities and Exchange Commission, SEC), прямо называла развивающиеся технологии блокировки рекламы угрозой своему бизнесу.

График FPS

На диаграмме отображается показатель количества кадров в секунду в течение периода записи. Когда выполняется запись, эта диаграмма работает как счетчик FPS с интерактивными значениями.

График FPS показывает максимальные и минимальные значения частоты кадров, а также среднее значение частоты во время профилирования. Если вы используете анимацию, FPS должен быть 60 кадров в секунду.

Можно применять эту диаграмму для быстрого обнаружения визуальных пробелов (коллапсов) и несоответствий, которые обозначают серьезные падения частоты кадров. Что является доказательством наличия у браузера проблем с производительностью.

На приведенном ниже скриншоте демонстрируется диаграмма FPS с обрушением: