diff --git a/PITCHME.md b/PITCHME.md index b2e7db1..17e9e27 100644 --- a/PITCHME.md +++ b/PITCHME.md @@ -1,76 +1,89 @@ --- marp: true -title: Marp CLI example -description: Hosting Marp slide deck on the web -theme: uncover +title: Estimating and Prioritizing +description: This lesson explores techniques to estimate and prioritize work. transition: fade paginate: true _paginate: false --- -![bg opacity](./assets/gradient.jpg) +# Estimating and Prioritizing -# Marp CLI example +--- -Hosting Marp slide deck on the web +# Effort vs Impact -https://github.com/yhatt/marp-cli-example +![](./assets/action-priority-matrix.webp) - +--- - +# Estimating Work +https://www.pointingpoker.com/ ---- +- 1 Point: a straightforward task that requires minimal implementation and integration effort. (half workday) -![Marp bg 60%](https://raw.githubusercontent.com/marp-team/marp/master/marp.png) +- 3 Points: involves some additional functionality, but is still relatively simple to implement. (1-2 workdays) ---- +- 5 Points: involves moderate effort. (3 workdays) - - +- 8 Points: requires a significant amount of effort. (~5 workdays) -##### [Marp CLI](https://github.com/marp-team/marp-cli) + [GitHub Pages](https://github.com/pages) | [Netlify](https://www.netlify.com/) | [Vercel](https://vercel.com/) +- 13 Points: a more challenging and time-consuming task. (~10 workdays) -##### 👉 The easiest way to host
your Marp deck on the web +--- + +# Pointing Poker + +As a user, I want to be able to search for products by their name, so that I can quickly find the items I'm interested in. --- -![bg right 60%](https://icongr.am/octicons/mark-github.svg) +# Pointing Poker + +As a user, I want to be able to register with my email and password, so that I can create an account and access the application. -## **[GitHub Pages](https://github.com/pages)** +--- +# Pointing Poker + +As a user, I want to receive email notifications whenever my order status changes, so that I can stay updated on the progress of my purchases. -#### Ready to write & host your deck! +--- +# Pointing Poker -[![Use this as template h:1.5em](https://img.shields.io/badge/-Use%20this%20as%20template-brightgreen?style=for-the-badge&logo=github)](https://github.com/yhatt/marp-cli-example/generate) +As a user, I want to be able to upload a profile picture, so that I can personalize my profile. --- +# Pointing Poker + +As a user, I want to be able to create and manage multiple shopping lists, so that I can categorize my desired items for different occasions or stores. -![bg right 60%](https://icongr.am/simple/netlify.svg?colored) -## **[Netlify](https://www.netlify.com/)** +--- -#### Ready to write & host your deck! +# Takeaways? -[![Deploy to Netlify h:1.5em](./assets/netlify-deploy-button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/yhatt/marp-cli-example) --- +# Project Management Triangle + +![](./assets/project-triangle.png) -![bg right 60%](https://icongr.am/simple/zeit.svg) +[source](https://en.wikipedia.org/wiki/Project_management_triangle) -## **[Vercel](https://vercel.com/)** +- It's much easier to decide on a budget/timeline, then pare down an initial feature set based on these constraints. -#### Ready to write & host your deck! -[![Deploy to Vercel h:1.5em](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/yhatt/marp-cli-example) --- -### :ok_hand: +# Further Reading ---- +- [A guide to producing software estimates](https://www.atlassian.com/agile/estimation) + +- [A counterpoint: Why software estimation is a losing game](https://rclayton.silvrback.com/software-estimation-is-a-losing-game) -![bg 40% opacity blur](https://avatars1.githubusercontent.com/u/3993388?v=4) +I tend to agree with the latter ^ -### Created by Yuki Hattori ([@yhatt](https://github.com/yhatt)) +- [Building software with David Heinemeier Hansson](https://medium.com/computers-are-hard/computers-are-hard-building-software-with-david-heinemeier-hansson-c9025cdf225e) -https://github.com/yhatt/marp-cli-example +- [Flaws in Scrum and Agile](https://pandastrike.com/posts/20150304-agile/) \ No newline at end of file diff --git a/README.md b/README.md index 9ada0c3..d65a10a 100644 --- a/README.md +++ b/README.md @@ -1,116 +1,10 @@ -# DPI-WE Slides +# Estimating and Prioritizing +This lesson explores techniques to estimate and prioritize work. +[Slides](https://dpi-we.github.io/estimating-and-prioritizing) +## Topics +- Software Estimation +- Project Management -**The good starter example for using [Marp] via [Marp CLI].** - -- Write your slide deck by [Marp] Markdown. -- Manage the content of slides via Git. (Using [GitPitch](https://github.com/gitpitch/gitpitch) style `PITCHME.md`) -- Host your deck at GitHub, and publish as webpage with [GitHub Pages], [Netlify], and [Vercel]. -- Blazingly fast delivery out of the box. [Acquired all 100% Lighthouse scores!](#lighthouse) - -[marp]: https://marp.app/ -[marp cli]: https://github.com/marp-team/marp-cli -[github pages]: https://pages.github.com/ -[netlify]: https://www.netlify.com/ -[vercel]: https://vercel.com/ - -

- -

- -## See published slide deck - -- **[GitHub Pages]**: https://yhatt.github.io/marp-cli-example -- **[Netlify]**: https://yhatt-marp-cli-example.netlify.app/ -- **[Vercel]**: https://marp-cli-example.yhatt.vercel.app/ - -### Lighthouse - -

- Acquired all 100% Lighthouse scores -

- -## Usage - -It's surprisingly easy to start publishing your slide deck! - -### [GitHub Pages] - -Create a new _public_ repository based on this repository, from **"Use this template"** button! - -[![](https://img.shields.io/badge/-Use%20this%20template-brightgreen?style=for-the-badge&logo=github)](https://github.com/yhatt/marp-cli-example/generate) - -We already have [GitHub Actions workflow](.github/workflows/github-pages.yml) to build and deploy automatically when merged to master branch. It's also available to deploy from any branch manually. - -To get started, turn on GitHub Pages in repository's "**Settings** tab → **Pages**" [by setting source as "GitHub Actions"](https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site#publishing-with-a-custom-github-actions-workflow). - -### [Netlify] - -Push **"Deploy to netlify"** button. [Netlify] will create your repository based on this example and host website from `master` branch automatically. - -[![Deploy to Netlify](./assets/netlify-deploy-button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/yhatt/marp-cli-example) - -### [Vercel] - -Push **"Deploy"** button. [Vercel] can choose to create your repository based on this example. - -[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/yhatt/marp-cli-example) - -> :information_source: To enable the auto-generated open graph image in Vercel, you have to turn on ["Automatically expose System Environment Variables"](https://vercel.com/docs/concepts/projects/environment-variables#system-environment-variables) in your Vercel project dashboard. - -## How to write - -For Marp slide deck features, please see the documentation of [Marpit Markdown](https://marpit.marp.app/markdown), [the features of Marp Core](https://github.com/marp-team/marp-core#features), and the default example in [`PITCHME.md`](https://raw.githubusercontent.com/yhatt/marp-cli-example/master/PITCHME.md) for . - -You have to install [Node.js](https://nodejs.org/) and run `npm i` at first if you want to write slide deck with [Marp CLI]. - -### Edit deck - -Just edit **[`PITCHME.md`](./PITCHME.md)**! - -#### Preview deck - -**[Marp for VS Code]** extension is the best partner for writing Marp slide deck with live preview. - -

- - - -

- -**You can try edit and preview on the web now!** Open https://github.dev/yhatt/marp-cli-example/blob/master/PITCHME.md or hit . key on this repository, and install [Marp for VS Code] extension. - -[marp for vs code]: https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode - -#### Preview via CLI - -```bash -npm run start -``` - -It will be opened preview window via installed Google Chrome, and track change of `PITCHME.md`. - -### Assets and themes - -- `assets` directory can put your assets for using in the deck. (e.g. Image resources) -- `themes` directory can put [custom theme CSS](https://marpit.marp.app/theme-css). To use in the deck, please change `theme` global directive. - -### Build deck via CLI - -```bash -npm run build -``` - -The built assets will output to `public` folder. - -#### Build per assets - -```bash -npm run deck # Output static HTML to public/index.html -npm run og-image # Output image for Open Graph to public/og-image.jpg -``` - -## LICENSE - -[WTFPL](/LICENSE) +## Highlights diff --git a/assets/action-priority-matrix.webp b/assets/action-priority-matrix.webp new file mode 100644 index 0000000..5217099 Binary files /dev/null and b/assets/action-priority-matrix.webp differ diff --git a/assets/gradient.jpg b/assets/gradient.jpg deleted file mode 100644 index aa86c14..0000000 Binary files a/assets/gradient.jpg and /dev/null differ diff --git a/assets/netlify-deploy-button.svg b/assets/netlify-deploy-button.svg deleted file mode 100644 index f7ee6ac..0000000 --- a/assets/netlify-deploy-button.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/assets/project-triangle.png b/assets/project-triangle.png new file mode 100644 index 0000000..b44aa23 Binary files /dev/null and b/assets/project-triangle.png differ