teleren/devto huggingface dataset:
It's my Dev.to anniversary! Here are some stuff!
Tags: fun, learning, devto
Published: 2018-06-05 08:23:55

---
title: It's my Dev.to anniversary! Here are some stuff!
published: true
description: Here are a bunch of resources I like as thanks to the Dev.to community for my one year anniversary joining Dev.to!
tags: fun,learning,devto
---

![Photo by Elena de Soto on Unsplash](https://thepracticaldev.s3.amazonaws.com/i/pf21soh1pqlbzi5mdpty.jpg)

It's my one year anniversary at [Dev.to](https://dev.to/)! 🎉

I received an email today saying I got the beloved comment badge so I visited my [Dev.to profile page](https://dev.to/johnpaulada) and saw that I joined Dev.to this day last year!

![johnpaulada Dev.to profile](https://thepracticaldev.s3.amazonaws.com/i/p0rvx6kzpe0c3byznk1o.png)

## Good Stuff
To thank the community, here are some of my favorite resources:

![Awesome Learning Resources](https://thepracticaldev.s3.amazonaws.com/i/39vitrqvz9caikwwrhhs.png)
### [Awesome Learning Resources](https://github.com/johnpaulada/awesome-learning-collections)
This is my own collection of resources, inspired by the Awesome collections. I'm sure you're familiar with them. This one is a collection of learning collections. Meta af, am I right?

![Alcamy](https://thepracticaldev.s3.amazonaws.com/i/cenh9hj38cl1a8ol4bmr.png)
### [Alcamy Data Science Topic](https://alcamy.org/library/data-science)
This is a topic on Alcamy that I also compiled. This is my main study guide when it comes to Data Science. I update this whenever I find a good resource to add to the list.

![Github Trending Page](https://thepracticaldev.s3.amazonaws.com/i/l5k2nt0mk5b0e6dqfn66.png)
### [Github Trending Page](https://github.com/trending)
A list of the day's trending repositories. You can also filter it by date range (week, month), language used, etc.

![StackShare News](https://thepracticaldev.s3.amazonaws.com/i/qi1afr2i65l3cns6fyj8.png)
### [StackShare News](https://stackshare.io/news)
This site collects tech news from a range of sources like Reddit, Medium, HackerNews, etc. You can specify which technologies you would like to display news for.

![Vue HN 2.0](https://thepracticaldev.s3.amazonaws.com/i/23jyhyuzxjdgtgu7o8cf.png)
### [Vue HN 2.0](https://hnews.xyz/top)
A web app that pulls data from HackerNews and displays preview of the page.

![The Random Programmer](https://thepracticaldev.s3.amazonaws.com/i/io055he9xr42pkj1zx7e.png)
Bonus: My Anchor Podcast: [The Random Programmer](https://anchor.fm/john-paul-nuguit-ada) - I talk about a bunch of stuff about programming and software development.
Do you have any suggestions for an AWS CLI interface?
Tags: discuss
Published: 2018-06-05 00:01:04

---
title: Do you have any suggestions for an AWS CLI interface?
published: true
tags: discuss
---

Hello all,

I just started building [jaws](https://gitlab.com/tacoda/jaws), an AWS management tool and task runner. I am searching for some feedback on the interface. What do you like and dislike about the `aws` CLI interface? Do you have any suggestions for my interface? If you have a GitLab account, you are welcome to comment on the [discussion](https://gitlab.com/tacoda/jaws/issues/4). I'm also looking for feedback for the [task implementation](https://gitlab.com/tacoda/jaws/issues/3). Thanks!
Microsoft has acquired Github and so what?
Tags: acquisitions, microsoft, github
Published: 2018-06-04 23:20:20

---
title: Microsoft has acquired Github and so what?
published: true
description: 
tags: #Acquisitions #Microsoft #Github
---

Why all the fuss from devs about this acquisition? Microsoft has shown clearly in recent times that they are committed to open source.

I find it pretty absurd that devs are contemplating moving to bitbucket or gitlab simply because MS made their fortune from proprietary software.

Look at companies like Google and Facebook who generate 80% of their revenue from selling YOUR data. Will you rather love a company that sells YOU or one that sells software?

In any case, Nadela has taken MS in an exciting direction with all these open source programs. 

1. The .NET framework is open source.
2. Asp.net Identity is open source.
3. MS is the largest contributer on github.
4. MS has several open source tools 

The fact is Microsoft builds great developer tools which is the more reason devs should be more optimistic about this acquisition and expect great additions to github.
Changelog: Github Repo & Glitch Liquid Tags
Tags: meta, changelog
Published: 2018-06-04 22:59:07

---
title: Changelog: Github Repo & Glitch Liquid Tags
published: true
description: Embed github repos and glitch projects in your dev.to posts!
tags: meta, changelog
---

One of the things we constantly strive to do at [dev.to](/) is to help developers **_tell great stories about code_**. A couple of great new features I want to show you embody that.

We have the concept of "liquid tags" in our markdown. Users can use [Liquid syntax](https://github.com/Shopify/liquid) in their posts to add rich links and embeds specifically built around the stories that software developers might tell.

This is a feature which we plan to lean into more and more as we grow. In the meantime, here are a few new tags.

### 1) Github Repo Tag

In addition to issue and comment embeds, you can now embed github repositories in your posts. ✅

`{% github thepracticaldev/dev.to %}`
{% github thepracticaldev/dev.to %}

{% github facebook/react %}

Remember that Liquid thing I mentioned earlier? Here's more if you want to check it out.

{% github Shopify/liquid %}

### 2) Glitch Tag 

A quick way to show off your glitch project or remix. 😎

The Glitch embed is like the [Codepen embed](https://codepen.io/) which we also support but allows for more dynamic server-driven apps. Glitch is one of the cool up-and-coming code companies based in New York like us.

Here's a project I enjoyed staring at: 

`{% glitch beautiful-cubes %}`

{% glitch beautiful-cubes %}


### Enjoy 🙂

We've quietly rolled out a few other tags lately. The info about the various ones can be found in the "HELP" section of [the editor](/new).
Don't Put Personal Information in Code!
Tags: security
Published: 2018-06-04 22:14:52

---
title: Don't Put Personal Information in Code!
published: true
description: How I delivered a birthday card because of a code comment
tags: #security
cover_image: https://i.imgflip.com/20twio.jpg
---

Normally, I wouldn't cringe during a code review when I see

```(C#)
var testValue = 716.1976;
```

*BUT* when I include the rest of the line...

```(C#)
var testValue = 716.1976;      // Carl's birthday
```

Well, then I start to question what in the world you were thinking! _(Note: some names and dates have been changed to protect the innocent)_

Most online tutorials involving DevOps or API keys will warn you to not include keys and passwords in your repo; those are the sort of things that are best relegated to environment variables (or some other secure method). But usually you don't come across tutorials warning to exclude Personally Identifiable Information (PII).

# What is PII?

In short, PII is anything that you can use to figure out who somebody is. You usually hear it in identity theft discussion. Several things are included as PII, such as:

- Birth date
- Home city
- Social Security Number (in the U.S.)
- High school
- Location of birth

You know all those security questions for password recovery? Yeah, all of that is PII.

# What can you do with that?

Well, there are several websites that, given a few tidbits of your personal info, can be used to find out all sorts of things. Current and past addresses. Names of relatives. Former/maiden names. All with a few simple keystrokes on [Pipl](https://www.pipl.com/) or [Intelius](https://www.intelius.com/) and you can find a lot of information.

Going back to the comment that started all of this, I didn't have a surname for "Carl," but I did have the developer's last name thanks to a comment block at the top of the file (not to mention, a commit history). A quick search got me his address, Facebook profile, occupation (a nurse!), and an age that corroborated his birthday in the code.

# Did you send "Carl" a birthday card?

I totally did... in my mind. But then, I played through how freaky that would be for Carl, and how mad he would be at "Lucy" despite no ill intentions. I didn't want to fracture any relationships solely to make a point... But "Lucy" is now well aware of the ramifications.

# Is this an isolated incident?

I know people that have hidden spouse's birthdays in code as "magic" or "test" values... but they've never explicitly stated that in comments like "Lucy" did. Has anyone else come across any issue like this before? How did you resolve it? And how would you have liked to resolve it?

_Please don't use real names/info if at all possible!_
Web Development with Go - 2.2 - Explaining our web application in detail (screencast sample)
Tags: go, webdev
Published: 2018-06-04 21:47:24

---
title: Web Development with Go - 2.2 - Explaining our web application in detail (screencast sample)
published: true
description: Third screencast sample from my Go Web Development course (usegolang.com). 
tags: go, webdev
---

The previous sample can be found here: [2.1 - A Basic Web Application](https://dev.to/joncalhoun/web-development-with-go---21---a-basic-web-application-screencast-sample-2dha)

The book for this course starts at chapter 1 which covers things like what to expect in the course plus additional resources for learning the basics of Go, but the screencasts start at chapter 2 since the info in the first chapter isn't as useful in video format. All the samples (~2hr of video + 3 chapters from the book) are available at [UseGolang.com](https://www.usegolang.com)

I'll post a few more video samples in a bit, but my net isn't awesome right now so it will be slightly delayed.
My thoughts on Microsoft acquiring GitHub
Tags: github, microsoft, opensource
Published: 2018-06-04 21:47:21

---
title: "My thoughts on Microsoft acquiring GitHub"
published: true
description: 
tags: github, microsoft, opensource
---
(Cross-posted from [my blog](https://bternarytau.github.io/2018/06/04/my-thoughts-on-microsoft-acquiring-github); last paragraph contains content that is somewhat political, particularly if you follow some of the links)

Today it was announced that [Microsoft is acquiring GitHub](https://www.theverge.com/2018/6/4/17422788/microsoft-github-acquisition-official-deal). The responses to this event have been mixed, with some people expressing optimism and others fear. I have two lines of thought regarding this subject.

First of all, I don't expect Microsoft to ruin GitHub. I agree with those who believe that [Microsoft genuinely cares](https://dev.to/resir014/the-microsoft-thing-cb) about open source. So long as software is a complement to Microsoft's products, Microsoft is [incentivized to support open source software](https://www.gwern.net/Complement). I was worried when I discovered that [Microsoft's revenue from Windows is dropping](https://www.geekwire.com/2016/this-is-the-new-microsoft-windows-slips-to-no-3-as-company-shifts-to-the-cloud/) since operating systems are an obvious complement of software, but luckily Microsoft seems to be pivoting to cloud services, another complement of software. Therefore, I expect that Microsoft will at least avoid damaging GitHub in any way since it stands to gain from open source.

What does worry me is the larger pattern that this acquisition is a part of. Microsoft has made [a lot of acquisitions](https://en.wikipedia.org/wiki/List_of_mergers_and_acquisitions_by_Microsoft#Key_acquisitions) in the past, and it's far from the only company to do so. This pattern, along with some other factors, has resulted in a [major increase in market power](https://srconstantin.wordpress.com/2018/05/31/monopoly-a-manifesto-and-fact-post/), which means there's a lot less competition among companies. This leads to a variety of problems, including [lower wages](http://rooseveltinstitute.org/how-widespread-labor-monopsony-some-new-results-suggest-its-pervasive/), [less economic growth](https://www.bloomberg.com/view/articles/2017-09-01/america-s-superstar-companies-are-a-drag-on-growth), and the phenomenon known as [cost disease](https://slatestarcodex.com/2017/02/09/considerations-on-cost-disease/), among many others. So while I don't think there's anything wrong with this acquisition specifically, in context it is part of an extremely harmful pattern that needs to be ended.
Web Development with Go - 2.1 - A Basic Web Application (screencast sample)
Tags: go, webdev
Published: 2018-06-04 21:46:42

---
title: Web Development with Go - 2.1 - A Basic Web Application (screencast sample)
published: true
description: Second screencast sample from my Go Web Development course (usegolang.com). 
tags: go, webdev
---

The previous sample can be found here: [2.0 - Creating a code dir & git repo](https://dev.to/joncalhoun/web-development-with-go---21-screencast-sample-8d6)

The book for this course starts at chapter 1 which covers things like what to expect in the course plus additional resources for learning the basics of Go, but the screencasts start at chapter 2 since the info in the first chapter isn't as useful in video format. All the samples (~2hr of video + 3 chapters from the book) are available at [UseGolang.com](https://www.usegolang.com)

The next sample can be found here: [2.2 - Explaining our web application in detail](https://dev.to/joncalhoun/web-development-with-go---22---explaining-our-web-application-in-detail-screencast-sample-242o)
Web Development with Go - 2.0 - Creating a code dir & git repo  (screencast sample)
Tags: go, webdev
Published: 2018-06-04 21:11:16

---
title: Web Development with Go - 2.0 - Creating a code dir & git repo  (screencast sample)
published: true
description: First screencast sample from my Go Web Development course (usegolang.com). 
tags: go, webdev
---

The book for this course starts at chapter 1 which covers things like what to expect in the course plus additional resources for learning the basics of Go, but the screencasts start at chapter 2 since the info in the first chapter isn't as useful in video format. All the samples (~2hr of video + 3 chapters from the book) are available at [UseGolang.com](https://www.usegolang.com)

The next sample can be found here: [2.1 - A Basic Web Application](https://dev.to/joncalhoun/web-development-with-go---21---a-basic-web-application-screencast-sample-2dha)
MastodonとWordpressとHackMD
Tags: devops
Published: 2018-05-31 02:56:49

---
title: MastodonとWordpressとHackMD
published: true
description: 
tags: DevOps
---

# MastodonとWordpressとHackMD

趣味でいろいろ立ち上げてソースコードいじったり、DevOpsの練習したりしている。

## Mastodon

[文具丼](https://co-mastdn.ga)

2017年4月に立ち上げた。

名前はその頃Facebookで文具ファンが観測範囲にちらほら見かけていたのでコミュニティを形成しやすいかと思って文房具にステータスを全振りした。

ところがMastodonカスタマイズがスムーズにできないながらも施して、本家Mastodonのバージョンが上がるたびにデフォルトに戻してしまっていて、そのうちカスタマイズをかぶせる手間がめんどくさくなってしまいデフォルトのままとなっている。

さいきんようやくRails&Reactの開発パターンが理解できてきたので、そのうちカスタマイズ運用していくかもしれない。

ユーザは80人くらいいるがアクティブは自分しかいないので盛り上げていきたい。
Twitterから投稿を流し込んでいるが、かえってユーザ離脱を引き起こしているならそっとフィードバックとして教えてほしい。

文具好き集まれ！

## Wordpress

[kichij_org](https://www.kichij.org)

shibuya.jsとかshibuya.rbにあこがれて、吉祥寺.orgのつもりでドメイン取ったが早7年。

とくにコミュニティ形成はできていない。ただSNS連携とかWordpressのプラグインの動作確認とかで使用してたり、[Twitter Bot](https://twitter.com/fukkhd)をサーバに置いたりしている。

Wordpressははてなダイアリーの記事を流し込んだり、エクスポートインポートの実験をしたりしているうちに、DBがふっとんで、いまは今年書いた記事くらいしか残っていない。（アーカイブは残っているのでそのうち流し込みたい）

あと、無駄に[Medium](https://medium.com/@kentafujiwara)と連動投稿したりしている。

そろそろ自前でブログを運用するコストよりもPaasでブログを利用するコストの方が下がってきた（Dev.toしかり）感じなので、Wordpressはそっとじするかもしれない。ドメインはなんか斬新なWebサービスを思いついたら差し替えるかもしれない。

## HackMD

[Nabe Proj.](https://nabe-project.herokuapp.com/)

最近、お熱のMarkdown投稿システム。パーマリンク発行するだけならNodejsでいいじゃんということで、シコシコいじっているところ。名前は弊社CEOのおなまえを拝借。herokuなので無料で運用できている。
まだまだいじり始めで、ぜんぜん計画とか思い浮かばないけど、ユーザ数とか投稿数とか分析できるようにしていきたい。HackMDだけじゃなく、ot.jsやreveal.jsで酒飲める人を探している。
esa.ioやdocbaseの中の人とかともお話ししてみたいと思っている。
Thoughts on Apple's WWDC 2018 announcements?
Tags: discuss, apple, ios, swift
Published: 2018-06-04 19:27:37

---
title: Thoughts on Apple's WWDC 2018 announcements?
published: true
description: A discussion thread to discuss anything / everything related to WWDC 2018.
tags: discuss, apple, ios, swift
---

Apple made several software-related announcements today. [Here are all the things from the keynote](https://www.theverge.com/apple-wwdc).

Does anyone have thoughts about how this affects the developer community, or have any other takeaways from today's announcements?
Generate release mode APK for React-Native project to publish on PlayStore
Tags: reactnative, apk
Published: 2018-06-04 18:44:16

---
title: Generate release mode APK for React-Native project to publish on PlayStore
published: true
description: 
tags: React-Native, APK
---

Good Day All! I hope you are doing Good.

From last couple of days, Me and my friends were doing comparative study of ionic3 and react-native. During that period, we were struggling to generate release mode APK for React-Native project.

Finally, we came across following solution:
 
#### Create and then copy a keystore file to android/app
```
keytool -genkey -v -keystore mykeystore.keystore -alias mykeyalias -keyalg RSA -keysize 2048 -validity 10000
```
#### Setup your gradle variables in android/gradle.properties
```
MYAPP_RELEASE_STORE_FILE=mykeystore.keystore
MYAPP_RELEASE_KEY_ALIAS=mykeyalias
MYAPP_RELEASE_STORE_PASSWORD=*****
MYAPP_RELEASE_KEY_PASSWORD=*****
 ```
#### Add signing config to android/app/build.gradle
 ```
android {
signingConfigs {
release {
storeFile file(MYAPP_RELEASE_STORE_FILE)
storePassword MYAPP_RELEASE_STORE_PASSWORD
keyAlias MYAPP_RELEASE_KEY_ALIAS
keyPassword MYAPP_RELEASE_KEY_PASSWORD
}
}
buildTypes {
release {
signingConfig signingConfigs.release
}
}
}
```
#### Generate your release APK:
 ```
cd android && ./gradlew assembleRelease
```

Your APK will get generated at: *android/app/build/outputs/apk/app-release.apk*

Special Thanks to Tyler Buchea : http://blog.tylerbuchea.com/react-native-publishing-an-android-app/
Building a “Mask Toggle” Password Input Component w/ React and Material UI
Tags: react, ux, materialui, javascript
Published: 2018-06-05 18:53:13

---
title: Building a “Mask Toggle” Password Input Component w/ React and Material UI
published: true
tags: react,ux,material-ui,javascript
canonical_url: https://itnext.io/building-a-toggled-mask-password-input-component-w-react-and-material-ui-f55e6bd73434
---

As everyone knows by now, allowing users to toggle password input visibility removes friction and improves user experience. I’ll show you how to build a toggleable password input in this tutorial!

![](https://cdn-images-1.medium.com/max/497/1*HOz8wr_pxG5OIrZKL_rFrQ.gif)

### Setup/Dependencies

This article assumes you already have a React app set up with **@material-ui/core 1.0.0+** and **@material-ui/icons 1.0.0+** installed as dependencies. If you need help with this this, start [here](https://reactjs.org/docs/add-react-to-a-new-app.html), then go [here](https://material-ui.com).

### Building the Component

First, we start with our **PasswordInput** class component that renders a Material UI TextField.

{% gist https://gist.github.com/sreisner/6b84ff3f66c9ce85e7fd71e076c514d4.js %}

Here we’ve got ourselves a standard password input.

![](https://cdn-images-1.medium.com/max/316/1*7IttIM5G4awjqgYtc_rEFQ.gif)

It’s worth noting that I spread the component’s props onto the rendered TextField. This allows you to treat the PasswordInput component just as you would a TextField component with a type of password.

Before getting into the mask/unmask button logic, it’s important to understand that in Material UI, the **TextField** component is basically just a wrapper around an **Input** component. Since you might want to customize the underlying props of the **Input** , Material UI provides a prop on the **TextField** called _InputProps_ that lets you pass custom props through the **TextField** and into the underlying **Input**. Make sense? It just so happens that the **Input** component has an important prop we need to pass to it through the **TextField** , called _endAdornment_. Here’s the code.

{% gist https://gist.github.com/sreisner/badadf2507a4eab563f4b4f6eff27f7a.js %}

Take a look at lines 15–31. This gives us a nice icon embedded to the right within the input. Let’s make it actually toggle the mask.

{% gist https://gist.github.com/sreisner/c4d3fcd122cbd44f95fd981f8205b3cb.js %}

Here we added a _passwordIsMasked_ state property to the component and then toggle it when the eye is clicked. When the property is toggled, it triggers a rerender of the component as either password or a text input.

Styles were added to the icon to change the cursor to a pointer when the user clicks it as well.

And there you have it, we’re done!

![](https://cdn-images-1.medium.com/max/316/1*KxJecA5F2ygGvnzx3Ex6Xw.gif)

If you found this post useful, feel free to throw some applause my way, leave a comment, or follow me on here or on social media (my [Instagram](https://www.instagram.com/shawn.webdev/) is on fire lately)!

* * *
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2018-06-04 16:54:03

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---

#1. Small But Capable

An overview of Awk, a programming language used for processing text, along with some code snippets demonstrating its capabilities. 

{% link https://dev.to/rrampage/awk---a-useful-little-language-2fhf %}

#2. Do it Live!

An introduction to the benefits of continuous delivery: speeds up feedback loops, forces best practices, improves agility, reduces stress, and more. 
 
{% link https://dev.to/quii/why-you-should-deploy-on-friday-afternoon-285h %}

#3. Will *you* keep using GitHub?

The community weighs in on the announcement of Microsoft's acquisition of GitHub. Some projects have already moved to GitLab. Will more projects move? Will they stay? Will Microsoft abandon VSTS??

{% link https://dev.to/dance2die/whats-your-opinion-on-microsofts-github-acquisition-3je2 %}

#4. "No better ROI than education"

A story about what a stay-at-home mom did when they found themselves divorced and un-hirable. HINT: CODING RULES

{% link https://dev.to/thadevelyouknow/why-single-moms-should-go-to-a-coding-bootcamp-41fa %}

#5. When to use what

This post breaks down the different ways `git merge` and `git rebase` serve the same purpose - combining multiple branches into one. 

{% link https://dev.to/neshaz/git-merge-vs-git-rebase-5134 %}

#6. Math is everywhere

How math became a barrier in one programmer's career, and how they gained mastery of the subject. 

{% link https://dev.to/acoh3n/math-from-hate-to-love-6gn %}

#7. Optimize your workflow

A tutorial on building a real-time Kanban board.  

{% link https://dev.to/pmbanugo/real-time-kanban-board-with-vuejs-and-hamoni-sync-52kg %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
Microsoft buying GitHub: Am I being naive ? 
Tags: github, microsoft, discuss
Published: 2018-06-04 15:10:02

---
title: Microsoft buying GitHub: Am I being naive ? 
published: true
description: 
tags: github, microsoft, discuss
---

No need to tell you how much I've read about this these days, but despite all that I keep thinking that it probably won't change anything. I mean, it would not be the first time that a big company buys a popular "independent" smaller company and that nothing, besides ownership, really changes (in a drastic way).

So, am I just being naive ? Or is it realistic to think that there will be no huge impact on GitHub ?