teleren/devto huggingface dataset:
Writing Github readme’s and markdown easier
Tags: markdown, tools, showdev, webdev
Published: 2018-02-11 14:05:21

---
title: Writing Github readme’s and markdown easier
published: true
description: If your a developer like me. You like to write in markdown. So I created this plugin which allows you to write markdown without leaving your browser, support all popular coding languages See it live as you type. Even for places like dev.to see as you type without clicking preview.
tags: markdown, tools, showdev, webdev
---

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


If your a developer like me. You like to write in markdown. So I created this plugin which allows you to write markdown without leaving your browser, support all popular coding languages See it live as you type. Even for places like dev.to see as you type without clicking preview. Made using vue.js and gulp


Never leave the browser again!!!
Handy for writing Github readme files.
Testing markdown without leaving the web browser.

Now it will save your work!

Supports the following languages for snippets
- Javascript
- HTML
- SQL
- Ruby
- Python
- PHP
- Perl
- Objective-C
- JSON
- Java
- HTTP
- CSS
- C#
- C++
- CoffeeScript
- Bash
- Apache
- HTML, XML
- SQL
- Shell Session

Any requests, please email at robert_gabriel@outlook.com

You can download the free one [here](https://chrome.google.com/webstore/detail/markdown-editor-free/dkpldbigkfcgpamifjimiejipmodkigk) and the premium one [here](https://chrome.google.com/webstore/detail/ngcmboebfbhakoonenkgbfjdhhpfhoon)
Google Chrome で特定の要素を Scrapbox の記法に変換する Extension
Tags: javascript, googlechrome, extension, scrapbox
Published: 2018-02-11 12:25:48

---
title: Google Chrome で特定の要素を Scrapbox の記法に変換する Extension
published: true
description: Google Chrome で特定の要素を Scrapbox の記法に変換する Extension を書いた
tags: JavaScript, Google Chrome, Extension, Scrapbox
---

Scrapbox を半年以上ヘビーに使っていて、後から読み返すかもしれないページを [scboloo](https://github.com/e-jigsaw/scboloo) を使ってページを作成して記録していたのだが、これでサムネイルを Gyazo って記録するとあとから検索する際に不便なので、コアになる部分を引用して記録したくて要素を選択する UI を Chrome の Extension として作った。

![](https://i.gyazo.com/66db455f380e61f008c910430f2699bb.gif)

こんな感じで範囲を選択すると

```
[****** JavaScript の async/await の仕様をずっと誤解していた]
[**** [/jgs [https://res.cloudinary.com/practicaldev/image/fetch/s--HYyGI8aZ--/c_fill,f_auto,fl_progressive,h_50,q_auto,w_50/https://thepracticaldev.s3.amazonaws.com/uploads/user/profile_image/44253/ac941ba0-5a85-49d4-a642-43a73d72b8f0.jpeg] Takaya Kobayashi] Feb 08, 2018 [/ Updated on Feb 11, 2018] [/jgs/javascript--asyncawait---2l41/edit EDIT POST]]

[/t/javascript #javascript]
すごい初歩的なことかもしれないのだけれど、年単位ぐらいで誤解したままコードを書いていたので懺悔のためにも書いておく...。 何が違ったかというと、async function の扱いである。async function も
...
```

というような感じで Scrapbox フレンドリーなテキストがクリップボードにコピーされる。あとは Scboloo でページを作成して、ペーストする。あとは文章を辿りながら、要素要素で範囲選択をして `[]` でリンクを張っておく。これで後から格段に引きやすくなるとおもう。(たぶん)
Evening Rust: The Golfing Series
Tags: coding, video, rust, codegolf
Published: 2018-02-11 10:16:45

---
title: "Evening Rust: The Golfing Series"
published: true
description: Three golf challengs completed in Rust.
tags: coding, video, rust, codegolf
---

## Episode 13: Thor Golfing

{% youtube cAFdXbBB9ek %}

## Episode 14-1: Don't Panic

{% youtube Zn8G1LbFtvw %}

## Episode 14-2: Low Temperatures

{% youtube dCmf--t7Mao %} 


Don't forget to follow me on [Twitch](https://www.twitch.tv/mortoray)
View Properties use by Auto Layout
Tags: ios, swift, autolayout
Published: 2018-02-11 07:26:54

---
title: View Properties use by Auto Layout
published: true
description: View Properties use by Auto Layout
tags: ios, swift, autolayout
---

>Intrinsic content size, Compression Resistance Priority, Content Hugging Priority

![](https://cdn-images-1.medium.com/max/1600/1*ReQ7-rRbMO-moiBe6rwRNA.jpeg)

There are some views that automatically size themselves base on the content they hold, This is referred to as their intrinsic content size. E.G A button’s intrinsic content size is the size of its title plus a small margin. Not all views have an intrinsic content size. For views that do, the intrinsic content size can define the view’s height, it’s width or both.

Let say we have a button with the text “Click Me”.

![](https://cdn-images-1.medium.com/max/1600/1*iKuxxcLzxADnwKAq0PzTIA.png)

We definitely don’t want the button to be smaller than the text inside it, Otherwise the text would be clipped. This is know as Compression Resistance Priority.

>The higher a view’s Compression Resistance Priority, the more the view resists growing larger than its intrinsic content size.

Still on the “Click Me” button, If we don’t want the button to be really bigger than the content inside it like the image below:

![](https://cdn-images-1.medium.com/max/1600/1*d1zQJ8tQ7TeM_0HnG1HdfQ.png)

If we want the button to hug its content without too much padding, we have to increase the Content Hugging Priority.

>The higher a view’s Content Hugging Priority is, the more the view resists growing larger than its intrinsic content size.

We can set the content hugging and compression resistance priority programmatically like below:

{% gist https://gist.github.com/agoiabel/5c735d59d3466271562c262a5c0adc23 %}

The two methods take two parameters which are the UILayoutPriority and the UILayoutConstraintAxis. The priority level can be required, defaultHigh, defaultLow, fittingSizeLevel where required is the highest and fittingSizeLevel is the lowest. The UILayoutConstraintAxis can either be a vertical or horizontal axis.

I will write another article on UIStackview, after which I will show ways to programmatically code different views. Thanks for reading.
What is the usual flow in authenticating a Client Application with a Token based REST API?
Tags: rest, auth, node, discuss
Published: 2018-02-11 05:36:16

---
title: What is the usual flow in authenticating a Client Application with a Token based REST API?
published: true
description: 
tags: rest, auth, nodejs, discuss
---

Hello everyone. I'm really stuck right now and can't progress. I am having a hard time concieving the proper flow in authenticating a client app with a token based api authentication.

Here's what I have so far:

Client app provides a login screen ->
Client app sends a /POST request to the /api/auth route ->
API checks if the user exists, returns Access token and Refresh token ->
Client app saves the access token as http-only cookie or localStorage ->
... stuck (Don't know what to do with the Refresh Token)

My train of thought gets stuck at this part.

If I have the users collection on the API side, then how should I store my Refresh Token? I know it's recommended to be stored at a database or something secure.

But won't that make me have duplicate users table, something like that?

I don't really know how to proceed, and I think I haven't read an excellent source material about this **flow** before.

If you have a tutorial to help me, or any recommendations, I'll gladly accept. I'm stuck. 😢

Thanks. Hope dev.to can help me.
Explain deploying a web application Like I'm Five
Tags: explainlikeimfive
Published: 2018-02-10 23:00:05

---
title: Explain deploying a web application Like I'm Five
published: true
tags: explainlikeimfive
---

Okay, I've deployed a few sites to github and a few others to heroku. But, I see suggestions ([example](https://stackoverflow.com/a/41252583/1259867)) to deploy the front-end to one place and the back-end somewhere else, and I really do not understand. Do I need to be doing this?
Introducing Emojissue 🤘
Tags: showdev, productivity, github
Published: 2018-02-10 21:33:21

---
title: Introducing Emojissue 🤘
published: true
description: Browser extension for navigating between top five positive reacted Github issue comments easily.
tags: showdev, productivity, github
---

Hello everyone,

We all spend our time for searching some answers to our development problems everyday. We usually find the right answer on **Github issues** or **Stackoverflow**. On StackOverflow, we look for the green tick and thanks god it is in the just below the question. But, what about Github issues, especially very commented ones? Let me tell you what we are doing; we are starting to scroll in the page and looking for reacted comments. If the comment has one or more emoji like "👍", "🎉" and "❤️" we think that *"Hmm, I can try this one"*. If everything is fine, we just add "👍" emoji to comment and close the page. If it is not the correct answer than we look for the next one and this process keeps going until to find a solution. It is really really boring scrolling all the page down to find reacted comments. That's exactly where **Emojissue** comes in.

**Emojissue** is a browser extension for **Chrome** and **Firefox** that lets you navigate between top five positive reacted Github issue comments easily.

![Usage GIF](https://thepracticaldev.s3.amazonaws.com/i/1wnkatxigzxrlfma7mi1.gif)

You just need click to the button on the bottom left corner and it will navigate you between top five ones.

Calculation for reactions are very basic. It just counts the reactions that has "👍", "🎉" and "❤️".

## Installation

Please [click here](https://chrome.google.com/webstore/detail/emojissue/hlmdfmfhdcegcldcgohndokilbnmkgfm) for **Google Chrome** extension and [click here](https://addons.mozilla.org/addon/emojissue) for **Mozilla Firefox**.

## Source Code

You can find the [source code](https://github.com/alpcanaydin/emojissue) on Github.

## Conclusion

I hope you like it. You can feel free to open an issue on Github for anything.

Thanks.
How Did You Become A Developer?
Tags: webdev, discuss
Published: 2018-02-10 20:10:11

---
title: How Did You Become A Developer?
published: true
tags: webdev, discuss
---

I just wrote a recent article about breaking into the business as a [freelance web developer](https://ua1.us/news/developer-tips/becoming-freelance-web-developer/) and it made me think back to when I started out my career. 

Do you have a unique story about how you started your career?
Must view/read for beginners
Tags: beginners, webdev
Published: 2018-02-10 15:07:57

---
title: Must view/read for beginners
published: true
description: 
tags: beginners, webdev,
---

> some blogs and videos that I think every budding developer should come across.

React: http://aimforsimplicity.com/post/13-things-you-need-to-know-about-react/

Git: https://dev.to/hitman666/learn-git-fast-as-if-your-job-depends-on-it-dgj

 Coming in JS world: https://medium.freecodecamp.org/a-study-plan-to-cure-javascript-fatigue-8ad3a54f2eb1

How Quincy Larson learn to code:  https://medium.freecodecamp.org/a-cautionary-tale-of-learning-to-code-my-own-eddb24d9d5a7

This will help you to avoid time waste: https://jamesclear.com/productivity-tip

Know about redux: http://almerosteyn.com/2016/08/redux-explained-again

UI design:
https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda

https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-2-430de537ba96

Video: 

Higher order functions: https://www.youtube.com/watch?v=BMUiFMZr7vk

Array.map: https://www.youtube.com/watch?v=bCqtb-Z5YGQ

Array.reduce: https://www.youtube.com/watch?v=Wl98eZpkp-c
if you use SBCL, use rlwrap
Tags: lisp
Published: 2018-02-10 14:44:33

---
title: if you use SBCL, use rlwrap
published: true
description: 
tags: lisp
---

maybe you scream "why ↑ key dont work on SBCL REPL"
i know your feeling
lisper may think lisp is great, but SBCL is f**ck

SBCL dont keep history, so use rlwrap.

```
$ brew install rlwrap
```
and, add this lines in .bashrc or like a that

```
alias lisp="rlwrap sbcl --load quicklisp.lisp"
```
Theremin Glove
Tags: arduino, hardware, music
Published: 2018-02-10 11:19:00

---
title: Theremin Glove
published: true
description: How to build a theremin glove with arduino nano 
tags: arduino, hardware, music
---

![](https://thepracticaldev.s3.amazonaws.com/i/7m650firwnjb09o5oky5.jpg)
![](https://thepracticaldev.s3.amazonaws.com/i/i7kynvcahlenecy1j7qq.jpg)

Not long ago I saw in gearbest an Arduino Nano. I already used arduino uno and I love open hardware and gadgets, so I bought one to have some fun. Yesterday it arrived in home and I decided to make [**hand theremin**](https://vimeo.com/255092272) I can dance and play with. Instead of using the breadboard like in most of my projects, if I wanted to use it in the street comfortably, I would need to weld some parts. First of all, I used:

- Piezo
- Light sensor + 20 KOhm
- Arduino nano

The Piezo needs to connect both to GND and to a digital pin, the light sensor to an analog pin, 5V and Ground. My light sensor is a bq module prepared for wiring, but in my schematics I provide the welding instructions for a normal sensor. 

Now, the code has to be uploaded with the arduino IDE, using C. Mine is:

```
//sensor value and its limits
int sensorValue;
int sensorLow = 1023;
int sensorHigh = 0;

//for connection checking, no need to put the led in the actual circuit
const int ledPin= 13;

void setup() {
  pinMode(ledPin, OUTPUT);
  digitalWrite(ledPin, HIGH);
  while (millis() < 5000) {
    sensorValue = analogRead(A0);
          if (sensorValue > sensorHigh) {
                    sensorHigh = sensorValue;
          }
          if (sensorValue < sensorLow) {
                    sensorLow = sensorValue;
          }
  }//end of while.
  digitalWrite(ledPin, LOW);
 }

void loop() { 
  sensorValue = analogRead(A0);

  int pitch = map(sensorValue, sensorLow, sensorHigh, 50, 4000);
  // I connected the piezo in digital 5
  tone(5,pitch,20);
  delay(10);

}
```
This is the wiring and other relevant instructions: 

![](https://thepracticaldev.s3.amazonaws.com/i/uot7a88hk31cepi409dg.jpg)

For the power supply I recommend using a power bank attached to the arm. Now go and have fun!
TensorFlowを読んでいく Getting Started
Tags: gettingstarted
Published: 2018-02-10 02:16:32

---
title:  TensorFlowを読んでいく Getting Started
published: true
description: 
tags: gettingstarted
---

# Getting Started

TensorFlowは機械学習のためのツールです。幅広い機能が含まれていますが、主な機能はディープニューラルネットワークモデルのために用意されています。

TensorFlowは多くのAPIを提供しています。このセクションではハイレベルなAPIを紹介します。TensorFlowの利用がはじめてなら、以下のドキュメントから読んでください。

* [Getting Started for ML Beginners](https://www.tensorflow.org/versions/master/get_started/get_started_for_beginners)
  * 機械学習がはじめての人向け
* [Getting Started with TensorFlow](https://www.tensorflow.org/versions/master/get_started/premade_estimators)
  * 機械学習やったことある人向け

次に、以下のドキュメントを読んで、ハイレベルAPIの特徴を理解しましょう。

* [Checkpoints](https://www.tensorflow.org/versions/master/get_started/checkpoints)
  * 学習の進捗を保存し、中断した場所から再開する方法の説明
* [Feature Columns](https://www.tensorflow.org/versions/master/get_started/feature_columns)
  * Estimatorが、モデルを変更せずにさまざまな入力データ型を処理する方法の説明
* [Datasets Quick Start](https://www.tensorflow.org/versions/master/get_started/datasets_quickstart)
  * TensorFlowの入力パイプラインの説明
* [Creating Custom Estimators](https://www.tensorflow.org/versions/master/get_started/custom_estimators)
  * モデルを作り、学習させる方法を紹介

さらに詳しい情報は以下にあります。

The Low Level Introduction demonstrates how to use TensorFlow outside of the Estimator framework, for debugging and experimentation.
* [Low Level Introduction](https://www.tensorflow.org/versions/master/programmers_guide/low_level_intro)では、デバッグや実験のために、Estimatorフレームワークの外側でTensorFlowを使う方法が書かれています(https://www.tensorflow.org/versions/master/programmers_guide/low_level_intro)
* [Programmer's Guide](https://www.tensorflow.org/versions/master/programmers_guide/index)には、主なTensolFlowのコンポーネントの機能の紹介が書かれています
* [Tutorials](https://www.tensorflow.org/versions/master/tutorials/index)では、TensorFlowの様々なモデルを使ったウォークスルーを読むことができます。
A small experiment
Tags: java, javascript, android
Published: 2018-02-09 21:26:03

---
title: A small experiment
published: true
description: 
tags: #java #javascript #android
---

Hi,
This week I've decided to make a personal experiment. I've been developing for Android for a couple of years, always based on Java native code. That's because I've worked with Java for a lot of previous years.
But last year I've taken some interest in JavaScript, since I'm not strong at it.
The experiment was:

Step 1: Think of a simple Android app
Step 2: Develop that app with my libs and Java code
Step 3: Develop that app with some of the, then unknown for me, tools that use JavaScript code and build native apps.
Step 4: Think about it.

So I thought about an app that allows the user to:
1) Define a subject to collect data. This subject, resembling to a dashboard indicator, has:
   a) A name
   b) A symbol for the value. For instance, U$S is the symbol for the United States Dollar
2) View the list of values of the indicator
3) Add a new value. The value has a timestamp

So, the app has basically two entities, stored in a local SQLite database.

The app was to be built using the basic templates for each tool, nothing else. And in Java I had the advantage of having a lot of boilerplate code already used in other projects.

# Java Android App #

This are the screens for the first app I coded, using my well-known method:

## List of indicators ##

![drawing](https://thepracticaldev.s3.amazonaws.com/i/0wvjkh17a1gz4nkmz9we.png)

## Values of an indicator ##

![drawing](https://thepracticaldev.s3.amazonaws.com/i/437kri5pe2q63wmvxcod.png)

## Add new value to an indicator ##

![drawing](https://thepracticaldev.s3.amazonaws.com/i/9o6nrg2pxojxw7j8fa2q.png)

# Javascript Nativescript app #

## List of indicators ##

![drawing](https://thepracticaldev.s3.amazonaws.com/i/g36vkcw91isks1g7mi1f.png)

## Values of an indicator (and includes add) ##

![drawing](https://thepracticaldev.s3.amazonaws.com/i/mye269qg9effhqo130n3.png)

# Conclusions #

1) It took me less time to build the NativeScript app than the Java app. That's something important considering it was my first approach to NativeScript and not the first in Java.

2) The standard look & feel of the NativeScript app is nicer than the standard look & feel of the Java app (remember, I was just using defaults)

3) The NativeScript app has good performance

4) The Java app has a total size of 3,86 MB. The NativeScript app has 29,71 MB

5) The difference in lines of code is abysmal

6) The NativeScript app can be built to iOS, the Java app can't

So, is there any reason to keep producing Java Android apps? What do you people think?

Saludos,
What is overfitting in Machine Learning?
Tags: explainlikeimfive, machinelearning, datascience
Published: 2018-02-09 15:47:47

---
title: What is overfitting in Machine Learning?
published: true
description: Basic explanation about what overfitting means in machine learning.
tags: explainlikeimfive, machinelearning, datascience
---

![Image](https://thepracticaldev.s3.amazonaws.com/i/lne97v0pst5qjp1u4oup.png)

Overfitting is one the key problems you have to face when you come to Machine Learning world.

Theory says that **overfitting** happens when you have 100% or almost 100% prediction accuracy over your training set and when you check your model against unseen data (validation/test set), prediction accuracy is so far from training.

In other words, overfitting happens when your prediction model is too complex in relation with sample/data size/noise.

What does it mean? It means that your algorithm learned by heart the training instances of the sample.

So, why is it bad? Like in real life, when you have an History's exam and you just memorize (learn by heart) what the book says about *American Civil War* (for instance). If in the exam you are asked in the same way/order you have memorized the question, probably your mark will be 10/10. But if the question is something like "tell me about the social context of the *American Civil War*" you will say to your teacher: "This question was not in my History's book! The question was: American Civil War...that is all!!"Aha, as you learned by heart you are not able to answer this question.

Another example: How do we learn to multiply? Learning by heart the multiplication tables. But what happens when we have to multiply 12 x 45? There is no table for 12 neither 45. So, we shuold have learned that multiplying N x M is adding as N times the value of M.

Machine Learning algorithms work in a similar way. When it learns by heart, it is  not able to **generalize** well. And that is the main goal, **generalizing in the best way** to make high accuracy predictions over new data (this new data, of course, rarely will be the same that training set data).

PD: Next post will be about how to **solve overfitting**.
can you help me to set-up eslint in vs code
Tags: help
Published: 2018-02-09 15:20:14


---
title: can you help me to set-up eslint in vs code
published: true
description: can someone help me in setting up eslint.
tags: #help
---

I tried it a lot of times now, I thought it's a lot better to ask someone else.

Error message: 
```
Cannot read config file: C:\Users\itsjzt\.eslintrc.json Error: Unexpected token � in JSON at position 0
```

Settings: 

```
{
  "editor.tabSize": 2,
  "files.eol": "\n",
  "files.trimTrailingWhitespace": true,
  "workbench.colorTheme": "Dracula",
  "editor.minimap.enabled": false,
  "workbench.iconTheme": "material-icon-theme",
  "terminal.integrated.fontSize": 16,
  "eslint.packageManager": "yarn",
  "eslint.options": { "configFile": "C:\\Users\\itsjzt\\.eslintrc.json" }
}

```

plugins: 
```
dbaeumer.vscode-eslint
dracula-theme.theme-dracula
lukehoban.Go
PKief.material-icon-theme
WakaTime.vscode-wakatime
WallabyJs.quokka-vscode
```

.eslintrc.json 
```
{
  "extends": "airbnb"
}
```

OS: `Windows 10 1709`
What do you wish you knew before doing talks?
Tags: discuss, talks, conferences
Published: 2018-02-09 13:25:00

---
title: What do you wish you knew before doing talks?
published: true
tags: discuss, talks, conferences
cover_image: https://projectcontroltraining.com/wp-content/uploads/2016/02/project-controls-Conferences.jpg
---

I recently decided to start doing talks at my community, starting with the college I go to. So, I sent a request to use one of the conference rooms and they accepted it 🙌.

I'll be talking about topics like the ones mentioned in one of my previous posts: [Watch your Coding Manners](https://dev.to/chrisvasqm/watch-your-coding-manners-5ep9).

Their confirmation email was also sent to a few teachers inviting them to bring their students too. So you can already imagine how nervous I am!
31+ Examples For Linux Sed Command In Text Manipulation
Tags: linux, bash, beginners, sed
Published: 2018-02-09 12:11:52

---
title: 31+ Examples For Linux Sed Command In Text Manipulation
published: true
description: 
tags: #linux #bash #beginners #sed
---

1 Understand sed Linux Command
2 Using Multiple sed Linux Commands in The Command Line
3 Reading Commands From a File
4 Substituting Flags
5 Replace Characters
6 Limiting sed
7 Delete Lines
8 Insert and Append Text
9 Modifying Lines
10 Transform Characters
11 Print Line Numbers
12 Read Data From a File
13 Useful Examples

https://likegeeks.com/sed-linux/

Hope you like it.

Regards,
Unity Asset "TextMesh Pro" Memo
Tags: unity, textmeshpro
Published: 2018-02-09 07:24:32

---
title: Unity Asset \"TextMesh Pro\" Memo
published: true
description: 
tags: #Unity, #TextMesh Pro
---

* 日本語を使えるようにする

https://qiita.com/thorikawa/items/03b65b75fa9461b53efd


* Set text from C# script.

```
using TMPro;


TextMeshProUGUI textmesh;

textmesh = someGameObject.GetComponent<TRXRawImage> ();
textmesh.text = "New Text";


```