teleren/devto huggingface dataset:
Edge of Coding
Tags: code, softwaredevelopment, learnmore
Published: 2018-08-10 06:05:39

---
title: "Edge of Coding"
published: true
description: "Have you ever thought of learning more something above other than software development?"
tags: ['code', 'softwaredevelopment', 'learnmore']
---

You know the basics, you know already how this and that works and every new toolsets coming are just.. not really a big deal for your personal goals, you learn it, apply and done. Now, you're always thinking of new ideas. Creating small to big solutions.

I want to try other things related to software engineering. I need your opinions. :smile:

ps. I want to learn devops now, but I am not sure if this is good for me.
Updating tasks in JIRA 
Tags: jira, confluence, agile
Published: 2018-08-10 04:44:40

---
title: Updating tasks in JIRA 
published: true
description: Automated tasks on Jira
tags: Jira, Confluence, Agile
---

Here i'm going to share a part of our mix Agile workflow that we have in our company.

The thing is that we have like ~200 task assigned to each member of the team in an unresolved situation. This is an accumulation from 2 years of getting requests and new ideas from all sources. It's happen because we don't wanna loose anything and we think that the most of the times, if it's a request of a customer, it's because there is a necessity to cover, even if the client left we stay with the task open, capitalizing the moment.

So what happen now it's that our team increase the size and it's difficult to see what everyone does and it's difficult for the developer know what to do because they don't know what are the important tasks for our customers. So we set-up a kanban board and clean-up some tasks.

The workflow is very simple:

- Selected for development
- In progress
- Under Review
- Done

We manage like a manual sprint, with a week release but with daily post in our chat room.

The issue is that we have too many tasks in "Selected for Development" because of the old tasks, so we sended with a "dueDate" to a "Backlog" status. If the task is in Backlog the developer doesn't see it until it's in "Selected For Development", this helps them to get a clear vision of what they need to do.

For this issue I set-up a script that updates all the tasks with a "dueDate" of 30 days and update the tasks from "Backlog" to "Selected For Development". The number of days can change with every project, but is a general idea and we are iterating to see how this works.

Here it's the repository with the code:

{% github https://github.com/diegonalvarez/automated-tasks %}

The repo has a Readme file, but basically you only need to set the environment variables and set-up the behavior of Jira.

You can define the id of the status across multiples projects, status to avoid, users to trait and how many days, from the "dueDate" check the tasks to update.

Thanks for read, I hope to come back after a few months and share the feedback on how this work for us.
Webcomponents with Polymer
Tags: components, javascript, polymer, element
Published: 2018-08-10 04:43:19

---
title: Webcomponents with Polymer
published: true
description: We built an audio production tool using Polymer / webcomponents. Introduction to web components, Polymer and what we learned during our development. 
tags: components, javascript, polymer, element
---

{% youtube IjasfHSG-oI %}
Resilient Scripting is scripting that can be rerun... safely
Tags: devops, powershell, scripting
Published: 2018-09-18 02:46:55

---
title: Resilient Scripting is scripting that can be rerun... safely
published: true
tags: DevOps,PowerShell,Scripting
canonical_url: https://www.briannipper.com/2018/08/resilient-scripting-is-scripting-that.html
---

[![](https://2.bp.blogspot.com/-OpAbl076Y8o/W2yvk-FhKOI/AAAAAAAAHJo/mVd1WFJj4E094cwBvBxUb2E4xt5vjGOqgCLcBGAs/s320/saftey-first.jpg)](https://2.bp.blogspot.com/-OpAbl076Y8o/W2yvk-FhKOI/AAAAAAAAHJo/mVd1WFJj4E094cwBvBxUb2E4xt5vjGOqgCLcBGAs/s1600/saftey-first.jpg)  
Making a script that is resilient can mean many different things to different people, IMHO an important one is to be able to re-run a script "safely". By safely I mean to minimize side effects and to prevent negative consequences.  
  
To illustrate let's say we have an install process and we need to log details about what happens when we run the install.  
  
To keep this simple let's just focus on the logging requirement.  
  
We want a log file that we can look at when an install happens. So a simple approach would be as follows.  
  
Set-Content log.txt "Information about Install"  
  
Nice and simple, we have satisfied the requirement. But let's see if we can make this one liner more resilient.  
  

$logFileTime = Get-Date yyMMddhhmmss

$logFileName = $logFileTime + "\_log.txt"

Set-Content $logFileName "Information About Install"

  

Now even if we run this install multiple times we will have a script for each instance of the install even when it happens on the same day during the same minute. Further more an interesting side effect of making a script more resilient is that we know can see how many times this install is run because we have a file for each instal attempt. So the benefits of making it more resilient compound.  
  
I hope this simple example helps you dear reader see how taking a second pass at making a script more resilient, even a one liner can benefit from a second pass.
Begining Nuxt.js on Windows
Tags: nuxt, windows, scoop, beginners
Published: 2018-08-10 03:17:20

---
title: Begining Nuxt.js on Windows
published: true
description: Install Nuxt.js using Windows PowerShell Core and Scoop
tags: nuxtjs,windows,scoop,beginners
---

Install: PowerShell Core
https://github.com/PowerShell/PowerShell/releases

Install: Scoop and Node.js(Vue CLI, Nuxt.js)
on PowerShell:
```
> iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
> scoop install nodejs
> npm install -g vue-cli
> vue init nuxt-community/starter-template <new project directory>
> cd <new project directory>
> scoop install yarn
> yarn
> yarn run dev
```

done!

See also:
Scoop: https://scoop.sh/
Vue CLI: https://cli.vuejs.org/
Yarn: https://yarnpkg.com/
Nuxt.js: https://nuxtjs.org/
Nuxt+Expressのプロジェクト作成で良さそうなのは？
Tags: nuxt, vue, express
Published: 2018-08-10 02:27:32

---
title: Nuxt+Expressのプロジェクト作成で良さそうなのは？
published: true
description: 
tags: nuxt,vue,express
canonical_url: https://crieit.net/posts/Nuxt-Express
---

Nuxt.jsとExpressで新規プロジェクトを作成する方法をいくつか検証してみました。Nuxt.jsとExpressでアプリケーションを作成すると、SSR（サーバーサイドレンダリング）もデフォルトでやってくれるし、処理もサーバーサイドとフロント側で共通化できたりもして便利です。

## どのような作成方法がある？

プロジェクト自体はvue-cliで作成したりすることができます。

### 基本的な作成方法

Nuxt.jsのマニュアルに紹介されているように、スターターテンプレートがあります。

```sh
vue init nuxt-community/starter-template <project-name>
```

これで最小限のNuxt.jsプロジェクトを作成することができますので、これにExpressを入れれば作成は可能です。ただ、もっと簡単にExpressを入れたプロジェクトを作成することができます。

### Express入りのテンプレートを使う

上記のnuxt-communityの他のリポジトリを見てみると、他にもいくつかテンプレートが用意されています。TypeScript入りのtypescript-template等。その中にexpress-templateもありますので、そちらを使ってプロジェクトを作成することができます。

```sh
vue init nuxt-community/express-template <project-name>
```

これならもっと簡単にNuxt.js+Expressのプロジェクトを作成することができます。

ただ、これで試してみたところ、どうもExpress側のプログラムを更新してもホットリロードが行われないようで、その度にいちいちサーバーを再起動しなければなりません。ちょっと面倒だったので他のプロジェクト作成方法も探してみました。

### create-nuxt-appを使う

同じくnuxt-communityのリポジトリに、create-nuxt-appというものがありました。これはNuxt.jsのアプリケーションを作成する際に、構成を自分で選んで作成することができる非常に便利なものです。

[nuxt-community/create-nuxt-app: Create Nuxt.js App in seconds.](https://github.com/nuxt-community/create-nuxt-app)

下記のどちらかのコマンドで作成することができます。（僕はyarnの方は試していません）

```sh
npx create-nuxt-app <my-project>
```

```sh
yarn create nuxt-app <my-project>
```

下記の構成を選択することができます。

* サーバーサイドのフレームワーク（Express等）
* UIフレームワーク（Bootstrap, Bulma等）
* axiosを使うか
* EsLintを使うか

他にもissueを見るとTypeScriptを使うかも選択できるようにしたい、といった話も出ているので、実装されると嬉しいです。今後にも期待。

これでExpressを選択するとExpressが動作するプロジェクトを作成することができます。しかもこちらはちゃんとNuxt.js側、Express側どちらのプログラムを修正してもちゃんとホットリロードしてくれるようになっています。（正確に言うと、package.jsonのスクリプトのnodemonで`--watch`を指定しているためです。監視すべきフォルダが複数あるのであれば何度でも`--watch`を使うことができます）

ためしにexpress-templateに入っているユーザー情報取得処理をコピーしてみました。server/index.jsに下記のような処理を追加して、users.jsを読み込みます。ついでにルーティングも`/api`ベースにしておきます。

```javascript
const router = express.Router();
router.use(require("../routes/users"));
app.use("/api", router);
```

Vueコンポーネント側でも同様に読み込みます。

```javascript
  async asyncData() {
    let { data } = await axios.get("/api/users");
    return { users: data };
  }
```

表示も同様です。

```html
<div v-for="user in users" :key="user.name">
  {{ user.name }}
</div>
```

## まとめ

今回はとりあえずNuxt.js+Expressで簡単にプロジェクトを作成する触りの部分だけをやってみました。まだプロダクションビルド等も試していません。ちなみにTypeScriptも入れたかったのですが、どうもExpress側がうまくいかなかったので一旦諦めました。

他にもMySQL接続やTwitter認証等、アプリケーションに必要なものを試しているので、うまく行ったものが増えていったらまた色々記事を追加していきたいと思います。（ちなみにDBはSequelizeで特に問題なくうまくいっていて、Twitter認証をPassportで試しているところです。認証はセッションやNuxt.js側のstateの対応があるのでちょっと時間がかかりそう）
Docker For Your Dev Environment
Tags: docker
Published: 2018-08-09 21:36:14

---
title: Docker For Your Dev Environment
published: true
description: How to use Docker for your frontend development environment
tags: Docker
---

A few weeks ago I was thinking about how to make setting up an existing codebase of a frontend project easier for new employees or backend devs who rarely do this. To make this into a reliable process without running into a lot of downsides we can use `Docker`.

### Requirements for a solution
* Recompiling when changing a file has to be the same
* Compile times, especially initial compile time should not get any slower


### Dockerfile
```
FROM node

RUN mkdir /app 
WORKDIR /app

COPY package.json /app/package.json
COPY package-lock.json /app/package-lock.json
RUN npm install

COPY ./config /app/config
COPY ./public /app/public
COPY ./src /app/src
COPY ./tests /app/tests
COPY ./.git /app/.git

RUN npm run build

CMD npm run start

EXPOSE 3000
```
```
docker build ./ -t web-devserver
docker run -it -p 3000:3000 -v $(pwd)/src:/app/src -v $(pwd)/config:/app/config -v $(pwd)/public:/app/public web-devserver
```

* split the COPY entries in the Dockerfile. This makes incremental builds faster because as long as the copied files stay the same Docker can skip the step
* do a `RUN npm run build` once so when `npm run start` is compiling the project it only has to do an incremental build instead of a clean one.
* `docker run` with option `-v` mounts the corresponding folder into the Docker container. This enables the rebuilding on file changes.
AgentConf talk on Mental Health
Tags: developer, health, life
Published: 2018-08-10 02:22:55

---
title: AgentConf talk on Mental Health
published: true
description: 
tags: developer, health, life
---

Doesn't matter how good code you write, but it does matter how good days you are writting
Awsm talk by @NikkitaFTW 😎 Loved it https://t.co/LRXKy6JvCJ
I made a dyslexic app with over 50,000 users
Tags: showdev, javascript, audit, opendyslexia
Published: 2018-08-10 02:19:07

---
title: I made a dyslexic app with over 50,000 users
published: true
description: I made a dyslexic app with over 50,000 users
tags: #showdev, #javascript, #audit, #openDyslexia
---

![alt text](https://thepracticaldev.s3.amazonaws.com/i/fz1xvexhur04iq2htc9d.jpg
 "Logo Title Text 1")

# I made a dyslexic app with over 50,000 users

My name is Robert James Gabriel. You can follow me on [Twitter](https://www.twitch.tv/robertjamesgabriel) or [Github](https://github.com/RobertJGabriel/). A 25-year-old software developer and I thought I would write here in kinda of a shameless plug but also a post for people to discover these apps and to spread the word that tools like these existed for people with Dyslexia. I have dyslexia myself and work on these semi-full time.


## So what is OpenDyslexic Font?
"OpenDyslexic is a free typeface/font designed to mitigate some of the common reading errors caused by dyslexia. The typeface was created by Abelardo Gonzalez, who released it through an open-source license.[3][4] The design is based on that of DejaVu Sans, also an open-source font."

## Helperbird
So I made helper bird https://chrome.google.com/webstore/detail/opendyslexic-font-helperb/ahmapmilbkfamljbpgphfndeemhnajme as a simple chrome extension that switches the font on any page to the OpenDyslexic Font. It currently has over 3,000 users.

## OpenDyslexic

After a few months, I revamped the OpenDyslexic Font Chrome extension, to have the same much-requested features. https://chrome.google.com/webstore/detail/opendyslexic-font-for-chr/cdnapgfjopgaggbmfgbiinmmbdcglnam?hl=en. Currently has 45,000 users and peaks to 100,000 daily users during the school months.


So If you have time, try them out give feedback and let people know that these exist and could help a fellow dyslexic person out. Leaving reviews and feedback will help out a lot.

If you have any questions or feature request I would love to hear and answer them. If you want help support the costs of running these apps you can support me here https://www.paypal.me/robertjgabriel
. My personal site is here too if needed as proof https://robertgabriel.ninja/

Y

:) All love and hope you enjoy.
Developer Student Club 
Tags: community, googledevelopers, dscindia, student
Published: 2018-08-10 01:59:25

---
title: Developer Student Club 
published: true
description: My Journey
tags: Community, Google Developers, DSCIndia, Student
---

“My Journey as Developer Student Clubs Lead (DSC Lead)” @akshay81844 https://blog.usejournal.com/my-journey-as-developer-student-clubs-lead-dsc-lead-e1dc0319e4fe
The Generic Problem
Published: 2018-08-10 00:47:14

---
title: The Generic Problem
published: true
description: 
tags: 
---

Nearly every organization in the world is suffering from the generic problem. The generic problem is an elusive beast, one that takes up an enormous amount of time and money out of human society.

The generic problem leads police departments to dump hundreds of thousands of dollars into 25 year old software systems. It forces every banks to continue to run on COBOL in 2018 and salesforce to build the tallest building in the middle of SF.

The generic problem is a collection of issues that are too generic or obscure to deserve a specific solution yet are somehow only truely solvable with one.

For example, let's say you're a political party in a small county in a rural state. You have a rough list of folks that you'd like to keep track of, some that you support for various positions, some that are currently elected, some that support your competing party, some that haven't decided if they'll run for anything at all.

In the past, you fix this with an excel spreadsheet with about 800 or so rows.

Your list isn't big enough to warrant hiring a software engineer, so any data clean up needs to be done manually or via other generic tools.

But as the days go on and your list grows larger, you start to realize that you don't actually have all the information you need. You'd like to track offices and who holds them over time.

In a specific solution, you might use a database with a many-to-many relationship. One table for `people`, one table for `positions` and another for assignments with keys relating to rows in `people` and `positions`.

At this point, you've out grown your generic solution (excel) but do the small nature of your problem, it also doesn't seem to warrant a specific solution. So instead, you duplicate information in your sheet and you cloodge your way to a solution. Or you ignore the problem and hope you can keep these things in your head.

You've effectively created non-technical debt that slows you down. But it's better than having to drop 100k on an engineer for an only slightly improved solution.
UI Snippets: Say NO to Ugly Check-boxes! 
Tags: css, checkboxes, frontend, showdev
Published: 2018-08-09 23:56:21

---
title: UI Snippets: Say NO to Ugly Check-boxes! 
published: true
description: An attempt to start a war against ugly checkboxes  
tags: css, checkboxes, frontend, showdev
---

Okay!!! I'm not exactly a front-end guru but it really just doesn't sit right with me when i visit certain websites and find poorly designed check-boxes being used on them. Trust me it hurts even more when the checkbox still holds its default look. 

*Disclaimer*: Please note that this project is just a showcase of how we can improve the aethetics of checkboxes. It doesn't claim to abide by the best practices and principles of acessibility. Just a CSS Stunt!

So i did a little Codepen to start the war against ugly check-boxes. Take a look and let me know what you think about it in the comment section. 

Do well to share your own beautifully designed checkboxes too. We all could learn a thing or two.

![](https://thepracticaldev.s3.amazonaws.com/i/6igz788bcvvbvtukyioy.gif)

*Codepen URL:* https://codepen.io/worldclassdev/full/xJmrax/

Connect with me on twitter will you? [@worldclassdev](http://twitter.com/worldclassdev)

Gracias!
Anonymously Non-IT Provlem Sharing Community
Tags: provlem, discuss, showdev, anonymous
Published: 2018-08-09 22:36:48

---
title: Anonymously Non-IT Provlem Sharing Community
published: true
description:  Everyone in this world has one or other provlem in their life, and sometimes some provlem brings disaster in people's life.
tags: provlem, discuss, showdev, anonymous
cover_image : https://i.ytimg.com/vi/xI4K4MWqc0s/sddefault.jpg
---

**I Just thought to share another community which is not for engineers or programmers or IT geeks question like dev.to, but it's for normal human being where they can share their problem anonymously and get help**.

Since, We all know, Everyone in this world has one or other provlem in their life, and sometimes some provlem brings disaster in people's life.

People do not share much of their provlem with other people, 

1. Assuming how would people judge them afterwards or 
2. Sometime, they feel shy about sharing their provlem, 
3. Sometime, they don't find right person to share their provlem who can understand their feeling,
4. There are certain situation, where people have shared their provlem and has back fired them more.

Reasons are countless and it just never ends....

There is enough of stories from **life issues**, **business problem**, help beyond own skills, suicide, **depression**, failure, parenting issues, **teenage issues**, relationship problem, unemployment to **bully** or sometimes even getting dominated by bad people in school, college, work, politician, personal life and many.

[Provlem.com](https://provlem.com) is a crowd sourcing consultancy community built for the purpose of solving similar problem by sending signal for all good reason to share to our community and get advice.
With increasing population and competition - Situation is more worst than you can even think of.

**What are your thoughts for such community?** I am following this site since hackernews time.

{% youtube xI4K4MWqc0s %}
What is that one article you keep going back to?
Tags: discuss, learning
Published: 2018-08-09 22:23:05

---
title: What is that one article you keep going back to?
published: true
description: As developers we all trawl through Stack Overflow looking for answers but what article do you keep going back to?
tags: discuss, learning
---

As developers we all spend a lot of time trawling through Stack Overflow looking for answers but what article do you keep going back to and why? It could be something very simple, a tutorial or a comprehensive guide to a specific topic.

For me it's [A Visual Explanation Of SQL Joins](https://blog.codinghorror.com/a-visual-explanation-of-sql-joins/) by Jeff Atwood (coincidentally was the guy who created the Stack Exchange network of sites), whether it's helping out another dev or just jogging my memory i've come back to this article time and time again as it's such a simple and effective way of communicating a relatively hard idea to explain verbally.
The key to teaching
Tags: teaching, mindset
Published: 2018-08-09 05:42:46

---
title: The key to teaching
tags: teaching, mindset
canonical_url: https://zellwk.com/blog/key-to-teaching
description: There's a never-ending list of things to get good at if you want to teach well. But there's just one thing that holds them together. If you get this one thing right, everything follows.
published: true
---

A good teacher has many skills.

They know how to communicate well, They know how to explain things, they know how to tell if students are confused. They also know how to tease questions out of students.

There's a never-ending list of things to get good at if you want to teach well.

But there's just one thing that holds them together. If you get this one thing right, everything follows.

## Your posture

A good teacher cares.

They place their students before themselves.

They do everything they can to help their students learn.

That includes:

1. Listening to their questions patiently.
2. Explaining things over and over, using a different manner each time, until they get it.
3. Providing encouragement and hope.
4. Asking guiding questions so students find answers to their own questions.
5. Giving exercises
6. Being strict with homework.
7. Segmenting lessons so students can digest information.

They put themselves into their students' shoes to be able to do the above.

## The teacher's responsibility

A teacher is responsible to help students learn.

If students don't learn, the teacher is at fault.

The question is, do you care enough to do better the next time? It's okay if you can't teach well right now. It's okay if you can't even teach yourself well.

If you care, you'll find a way to improve.

## There aren't many good teachers out there

Few people want to teach. They don't teach because they want to help students. They teach because they want to help themselves.

Sometimes they teach because it's their "job" to teach. But teaching is not a profession. It's an attitude.

The question isn't whether you can teach.

You can.

Anyone can.

The real question is: do you care enough to teach?

You can make a big difference if you step out and start teaching. You might not know it now, but you'll see it paying off in 5 years.

<hr>

Thanks for reading. This article was originally posted on [my blog](https://zellwk.com/blog/key-to-teaching/). Sign up for [my newsletter](https://zellwk.com) if you want more articles to help you become a better frontend developer.
Continuous Deployment Pipelines and Open-Source Node.js Web Apps
Tags: node, continiousdeployment, programming, opensource
Published: 2018-08-09 21:17:19

---
title: Continuous Deployment Pipelines and Open-Source Node.js Web Apps
published: true
description: How to configure a Continuous Deployment pipeline utilizing Now.sh, GitHub, and Travis CI to automate your open-source Node.js web apps.
tags: #nodejs #continiousdeployment #programming #opensource
canonical_url: https://auth0.com/blog/continuous-deployment-pipelines-and-open-source-node-js-web-apps/
---

In this article, you will learn how to configure a Continuous Deployment pipeline for your open-source web apps. For demonstration purposes, you will use Now.sh, GitHub, and Travis CI to automate the pipeline. However, the strategy can actually be used with other programming languages (e.g. Python, Java, and .NET Core) and tools (like BitBucket, AWS, and CircleCI).

[Read on ♻️](https://auth0.com/blog/continuous-deployment-pipelines-and-open-source-node-js-web-apps/?utm_source=dev&utm_medium=sc&utm_campaign=cd_nodejs)

![Continuous Deployment Pipelines and Open-Source Node.js Web Apps](https://thepracticaldev.s3.amazonaws.com/i/shqniahzv3i2wym6vznr.png)
React Weather App Video Course - 9
Tags: javascript, react
Published: 2018-08-09 21:09:35

---
title: React Weather App Video Course - 9
tags: javascript, react
published: true
description: React tutorial for beginners. Making weather app part 8.
cover_image: https://thepracticaldev.s3.amazonaws.com/i/ojsoibgy6hwt92m05eq8.jpg
---

Crunching at work and then recording episode 9 at home 💪💪💪

Today we display the data we fetched in last lesson.

* [Part 9](https://youtu.be/SubZAme1iRQ)