teleren/devto huggingface dataset:
State of Kotlin report 2018 has landed!
Tags: kotlin, report
Published: 2018-07-05 16:04:56

---
title: State of Kotlin report 2018 has landed!
published: true
description: Announcing the State of Kotlin report by Pusher. Read how developers use and learn Kotlin, what their favourite features are, and more.
tags: kotlin, report
---

![Header image](https://thepracticaldev.s3.amazonaws.com/i/8csz1mvsptxrqtdakfo2.png)

At the beginning of the year we ran a survey on the State of Kotlin, asking developers for their thoughts, opinions, and experiences, about the language, its ecosystem and how they learnt it. We’ve had a phenomenal response from over 2.5K Kotliners from all over the world (super impressive, given our initial hopes were to get only 1,000 responses!).


But why did we do it? 

Firstly, we love Kotlin at [Pusher](https://pusher.com), where we provide realtime APIs for application developers wanting to build collaboration and communication features into their apps. All of our new Android SDKs since 2017 have been built in Kotlin.

We also know that Kotlin the language is universally loved among developers, and it makes most of them very happy. Lastly, we think surveys are both helfpul and fun, so we decided to create one for the Kotlin community. Something peeps can use to convince their friends and coworkers to jump into Kotlin and join the fun.

Some of the things we found out…

- Android is __HUGE__ - about 80% of respondents said they are Android developers. 
- Kotliners are a polyglot bunch, with respondents saying they use more than 30 other programming languages (although Java is huge)

![other programming languages used by Kotliners](https://thepracticaldev.s3.amazonaws.com/i/8199uv5rjq40znus873y.png)

- Speaking of Java, the interoperability between the two languages, and the tooling available to convert Java to Kotlin helped almost 97% of developers to migrate their code.

![ways people migrate Java to Kotlin](https://thepracticaldev.s3.amazonaws.com/i/thklb337y76q60qxmrdx.png)

Read how successful they were in their migrations, and much more [in the report](https://pusher.com/state-of-kotlin).

All in all,  Kotlin is going strong, and it seems that it will continue to grow, and so will its ecosystem. 

We predict that over time, more and more of that growth will come from new developers for whom Kotlin will be their first foray into programming, and it just might happen that they will judge every other language against Kotlin. Its features and flexibility allow for great productivity and that could greatly influence the development of other programming languages as well.
 
If this sounds interesting to you, surf 🏄‍♀️ on to [pusher.com/state-of-kotlin](https://pusher.com/state-of-kotlin) to check out the report, see some shiny graphs 📊, and be merry.
Introducing IT Archetypes to dev.to
Tags: book, archetypes, it
Published: 2018-07-05 15:52:44

---
title: Introducing IT Archetypes to dev.to
published: true
description: Introducing IT Archetypes book
tags: book, archetypes, it
---

<img src="https://thepracticaldev.s3.amazonaws.com/i/u12nz9pa6483umfi8uhe.png">

There are now more than 7.2 billion people on planet Earth. About 32 million of them visit Stack Overflow every month... which would categorise them as “developers”. Who are all these people? What motivates them on a personal and professional level, why and how do they operate? Are they all or most of them obsessed “Geeks”?, Do they secretly admire Mark Zuckerberg? Why do some of them bring up questions about Spolsky test in interviews and what is a “Spolsky test” anyway?

<http://www.itarchetypes.com/>

Disclaimer: I am the author :)
Live Animations
Tags: showdev, javascript, webdev
Published: 2018-07-05 15:50:50

---
title: Live Animations
published: true
description: A "spare time" project to achieve JS Animations
tags: showdev,javascript,webdev
---

![some screenshot](https://thepracticaldev.s3.amazonaws.com/i/pb7d91kshy8tlcfwkvb6.png)


Hey there!
Well, im working in some random stuff that came to my mind after watching [this video]( https://www.youtube.com/watch?v=6ucTdeRcr0k).

My goal is:

 - Open the link on any browser (Client A)
 - Start rendering a default Animation
 - Get a "room" id/key
 - Open the link in another browser, a phone for example (Client B)
 - Write down the "Room id/key"
 - Once the room is validated, show some controls to change color, speed, animation, whatever setting i came up with.
 - ???
 - Profit!

My architecture plan is going to be something like this:
![Architecture Diagram](https://thepracticaldev.s3.amazonaws.com/i/m65v89sh12a79841yncy.png)


For now, I only have a brief example and POC of the JS Animation + Animation change event (based on an input event listener).

You can try it for now [in here](https://live-graphs.firebaseapp.com/)

Right now there are only two animations:
  - Starts (which is the default)
  - Drops

You can change them by pressing **S** for Starts and **D** for Drops.



If you want to follow the progress, get involved or publish some features requests [here is my github repo](https://github.com/pekosoG/live-graphics)
A new podcast making Artificial Intelligence practical, productive, and accessible to everyone
Tags: ai, machinelearning, podcast, news
Published: 2018-07-05 15:31:37

---
title: A new podcast making Artificial Intelligence practical, productive, and accessible to everyone
published: true
description: I'm excited to share out new podcast with this awesome community!
tags: #ai #ml #podcast #news
---

Hi friends! 👋

We've been hard at work on a brand new podcast all about AI and Machine Learning. It's called [Practical AI](https://changelog.com/practicalai) and I'd be tickled pink if you'd give it a listen!

[![Practical AI Cover Art](https://cdn.changelog.com/uploads/covers/practical-ai-medium.png)](https://changelog.com/practicalai)

Hosts [Chris Benson](https://twitter.com/chrisbenson) and [Daniel Whitenack](https://twitter.com/dwhitena) really know their stuff, and the guests/topics they're lining up are truly inspiring. **Expect a new episode every Monday** with news, resources, and interviews from around the AI community. The first 3 episodes are ready for your 👂 holes now:

1. [Meet Practical AI hosts Daniel Whitenack and Chris Benson](https://changelog.com/practicalai/1)
2. [Putting AI in a box at MachineBox](https://changelog.com/practicalai/2)
3. [Helping African farmers with TensorFlow](https://changelog.com/practicalai/3)

We hope you 💚💚💚 it!
Magento 2 Product Video | Best Extension by FME
Tags: magento2extension, productvideo, videomodule
Published: 2018-07-05 12:09:37

---
title: Magento 2 Product Video | Best Extension by FME
published: true
description: 
tags: Magento 2 extension, product video, video module
---

Videos are added to product pages to make them more engaging and informative. Customers prefer videos over text. It allows them to get a better understanding of a product in less time. Videos are a good way to illustrate product tutorials, user guides, reviews, testimonials etc. on product pages. 

FME offers a useful extension which lets you add this very important functionality to your Magento 2 store, called [Magento 2 product video](https://www.fmeextensions.com/product-videos-magento-2.html). This extension allows Magento 2 admins to attach videos to product pages. It supports all video formats and is 100% responsive. It is also multi-store view supported. 

It's super easy to attach videos via Magento 2 video module. You can upload videos from your computer or embed it from an external source such as YouTube, Vimeo etc. You can create a video gallery to show multiple videos. Magento 2 product video also offers multiple themes to choose from to display videos.

###Features - Magento 2 Product Video Extensin

This extension offers the following additional features.

- Custom video title & description
- Upload custom video thumbnail
- Play product videos in attractive popup
- Multiple customization options for video gallery
- Support all video formats
- Multiple video gallery themes
- Enable video slider
Are you using seconds or milliseconds? Don’t lose a Mars orbiter over it!
Tags: unit, android, unitconversion, java
Published: 2018-11-02 12:05:55

---
title: Are you using seconds or milliseconds? Don’t lose a Mars orbiter over it!
published: true
tags: unit,android,unit-conversion,java
canonical_url: 
---

If you need an object that includes time, you’re probably going to need to convert it. Unit conversion is the cause of many bugs, some more disastrous than others.

When designing software, always make the right thing easy and the wrong thing hard.

![](https://cdn-images-1.medium.com/max/1024/1*K1vx1GuRFEqin70QYDyAcQ.jpeg)<figcaption>(CNN) — NASA lost a $125 million Mars orbiter because a Lockheed Martin engineering team used English units of measurement while the agency’s team used the more conventional metric system for a key spacecraft operation</figcaption>

What if you never had to bother about which one it was and would get it right 100% of the time no matter if you needed milliseconds or hours?  
Here’s how.

Let’s presume you’re measuring exercise duration.

{% gist https://gist.github.com/AniketSK/fe97e889efbde7fbdc01b912c10753a7 %}

What you get from using this pattern is, it’s impossible to mess up saving or getting information from that object.

It doesn’t matter what internal representation you choose. You’ll never go wrong in either setting or getting time out because you choose a unit each time you actually need it.

> You’ll never go wrong in either setting or getting time out because you choose a unit each time you actually need it.

### Caution Points

- Watch out for precision loss with nanos, consider your own usecase.
- Don’t use this to get days, weeks or, heaven forbid, years. [Dates are more complicated than you think](https://twitter.com/patio11/status/894636706330050560), use [JodaTime](https://github.com/dlew/joda-time-android) for anything like that.

Ask me questions on [Twitter](https://twitter.com/AniketSMK) or comment below!
The 6 Cs of the DevOps Cycle
Tags: devops, ci, continuousdelivery
Published: 2018-07-05 09:12:59

---
title: The 6 Cs of the DevOps Cycle
published: true
description: When it comes to DevOps adoption, having a good attitude, using the proper tools, and understanding the stages of the DevOps cycle are imperative.
tags: devops, continuous integration, continuous delivery
---

This article was originally posted on [DZone](https://dzone.com/articles/6-cs-of-devops-adoption)

DevOps is easy when you know your organization can adopt changes easily and when you have the right attitude to make DevOps come true in your organization. For tools you need to use in every stage of the DevOps cycle, here are my articles on the set of [tools you can use for successful DevOps](https://dzone.com/articles/make-devops-real-in-your-organization) and [7 incredible tools for DevOps success.](https://dzone.com/articles/7-incredible-tools-for-devops-success)

Along with the tools, you need to know the DevOps cycle.

![DevOps Cycle](https://thepracticaldev.s3.amazonaws.com/i/o263vwe9rxdtay9j628r.png)

Here are the 6 Cs of DevOps.

**1. Continuous Business Planning**
This starts with identifying the skills, outcomes, and resources needed.

**2. Collaborative Development**
This starts with development sketch plan and programming.

**3. Continuous Testing**
Unit and integration testing help increase the efficiency and speed of the development.

**4. Continuous Release and Deployment**
A nonstop CD pipeline will help you implement code reviews and developer check-ins easily.

**5. Continuous Monitoring**
This is needed to monitor changes and address errors and mistakes spontaneously whenever they happen.

**6. Customer Feedback and Optimization**
This allows for an immediate response from your customers for your product and its features and helps you modify accordingly.

Taking care of these six stages will make you a good DevOps organization. This is not a must-have model but it is one of the more sophisticated models. This will give you a fair idea on the tools to use at different stages to make this process more lucrative for a software-powered organization. 

CD pipelines, CI tools, and containers make things easy. When you want to practice DevOps, having a microservices architecture makes more sense.
SRE Vs DevOps. What are the factors that overlap?
Tags: discuss, devops, sre
Published: 2018-07-05 08:30:48

---
title: SRE Vs DevOps. What are the factors that overlap?
published: true
tags: discuss, devops, sre
---

SRE and DevOps to some extent look the same, I want to know the difference though. What differentiates an SRE with a DevOps engineer and what are some overlaps. This will also help many of us understand the things in-depth. Please share your thoughts.
★ A short introduction to laravel-event-projector
Tags: laravel, php, eventsourcing
Published: 2020-01-02 23:01:58

---
title: ★ A short introduction to laravel-event-projector
published: true
date: 2018-07-05 08:22:06 UTC
tags: laravel, php, eventsourcing
canonical_url: https://freek.dev/1100-a-short-introduction-to-laravel-event-projector
---

The last few months I've been working on a package called [laravel-event-projector](https://docs.spatie.be/laravel-event-projector/v1/introduction). This package aims to be a simple and very pragmatic way to get started with event sourcing in Laravel. Ahead of it's release, which will happen in a few days, I've recorded a small video introduction.

{% youtube 28jmTeN3VYc %}

You can find the demo application used in the video in [this repo on Github](https://github.com/spatie/laravel-event-projector-demo-app). And here's [the repo containing the actual package](https://github.com/spatie/laravel-event-projector).

What do you think of this package? Let me know in the comments below.
[Node] phpMyAdmin alternative for Node.js?
Tags: node, javascript, mysql, phpmyadmin
Published: 2018-07-05 08:20:06

---
title: [Node] phpMyAdmin alternative for Node.js?
published: true
description: Do you know of a complete replacement of phpMyAdmin for Node?
tags: node, JavaScript, MySQL, phpMyAdmin
---
More often than not I still find myself (temporarily) installing some Apache distribution bundle with phpMyAdmin because it is the fastest way to create and manage my application databases.

This has often led me to the idea to write a phpMyAdmin clone/equivalent in JavaScript for Node and/or Electron. It even seems like a fun thing to do but I don't want to waste my time reinventing another wheel.

I have not yet come across a decent/complete replacement for phpMyAdmin yet though. Did you?
[dev.to] Is there a #hashtag 'looking for skill/collaboration'?
Tags: help, discuss
Published: 2018-07-05 07:23:25

---
title: [dev.to] Is there a #hashtag 'looking for skill/collaboration'?
published: true
description: Find people with a certain specialty or to collaborate with on dev.to
tags: help, discuss
---

Is there a #hashtag for when someone has a cool idea for a new project and is looking to collaborate with others? 
People with experience or an interest in the same niche. Alternatively, if not for collaboration then perhaps someone with a specific skill(set)? (Designer, animator)

Of course I have seen 'looking for open source contributors' but that is not the same.
dev.toアカウントの作り方 
Tags: devto, beginners
Published: 2018-07-05 06:55:54

---
title: dev.toアカウントの作り方 
published: true
description: 本稿ではGithubのOAuthを利用してdev.toのアカウントを作成する方法を解説します。
tags: dev.to,beginners
---

dev.toのアカウントはtwitterやgithubのアカウントがあれば簡単に作成することができます。
本稿ではGithubのOAuthを利用してdev.toのアカウントを作成する方法を解説します。

# githubのアカウントを作成する
dev.toではtwitterとgithubの認証でアカウントが作成できます。
本稿ではgithubのアカウントで作成を説明しますので、
githubのアカウントをまだお持ちでない方はこちらの記事を参考に

https://dev.to/programmingmonky/github-309h

まずgithubのアカウントを作成してください。


# dev.toのアカウント作成ページにアクセス
githubのアカウントにログインした状態で
dev.toのアカウント作成ページ

https://dev.to/enter

にアクセスし、

![アカウント作成ページ](https://thepracticaldev.s3.amazonaws.com/i/ensschmfwyjr0kex920w.PNG)

「Auth With Github」ボタンを押してください

するとgithubのサイトに遷移し、Githubのアカウントで認証を行う確認の画面が表示されます。

![githubの認証ページ](https://thepracticaldev.s3.amazonaws.com/i/owxz75tp8pwut5a41m88.PNG)

画面を確認して緑色の「Authorize thepractivaldev」ボタンを押しましょう


#アカウント作成完了

githubで緑色の「Authorize thepractivaldev」ボタンを押した後画面が遷移し、
dev.toのあなたの個人ページが表示されます。

![あなたの個人ページ](https://thepracticaldev.s3.amazonaws.com/i/mcp89ce9otxjzifet26c.PNG)


これでアカウント作成が完了です。

さっそく記事をポストしたり、興味のあるユーザーをフォローしてみましょう。
プログラミング未経験者でもわかるGithubアカウントの作り方
Tags: github, beginners
Published: 2018-07-05 06:51:31

---
title: プログラミング未経験者でもわかるGithubアカウントの作り方
published: true
description: 初心者向けにGithubアカウントの作成方法を説明します。各画面でスクリーンショットを用意してわかりやすく説明しています。
tags: github,beginners
---

※本稿は2018年7月5日時点での情報です。
筆者の環境は

 - OS:Window7 32bit
 - ブラウザ:Google Chrome

です

# Githubにアクセスします

https://github.co.jp/

![Githubのページ](https://thepracticaldev.s3.amazonaws.com/i/07snr4vy5urbwc3wotbt.PNG)

# アカウント情報の入力

 - ユーザー名
 - メールアドレス
 - パスワード
 
を入力して「Create an account」ボタンを押します

![アカウント情報の入力画面](https://thepracticaldev.s3.amazonaws.com/i/0goj6w6ho59szty7my5q.PNG)

※ここで入力したパスワードは忘れないでください。

# プランの選択

アカウント情報の入力の次の画面ではプランの選択等を行います。

初期の状態で無料プランが選択されています。
今回は有料ユーザーは作成しないので、無料プランで登録します。

![プラン選択](https://thepracticaldev.s3.amazonaws.com/i/8pc28pz90j1kxqq3wbg3.PNG)

無料/有料プランの差は本投稿の趣旨から脱線するため今回は説明しませんが、
ちょっとした検証やgithubの認証で利用する分には無料ユーザーで十分です。

# 3.アンケート

次の画面には簡単なアンケート調査があります。

 - あなたが開発者としてどれくらいの腕前か
 - あなたのgithubの使い道は?
 - あなたは次のどれに近いか(学生/社会人/遊び人)
 - あなたの興味のあるトピックは？
 
など聞かれますのでご自身の判断でお答え下さい。

![アンケート](https://thepracticaldev.s3.amazonaws.com/i/vkhd7u320swvs0n06uef.PNG)

ここはアンケートを取っているだけだと思うので、間違えても、深刻な問題は起こらないはずです。
あまり考え込まずに素直に答えましょう。

# 4.メール認証
アンケート画面の入力が終わると、
アカウント情報の入力画面で設定したメールアドレスに確認用のメールが飛んでいるはずです。

メールボックスを確認して

>Click the link below to verify your email address:

と書かれた認証用のリンクをクリックしてください。

以上でgithubアカウントの作成は完了です。
githubにアカウント情報の入力画面で設定したメールアドレスとパスワードでログインできるようになります。
以上です。お疲れ様でした。
Sustainable Open Source Ecosystem with IssueHunt
Tags: showdev, opensource, webdev
Published: 2018-07-05 06:33:05

---
title: Sustainable Open Source Ecosystem with IssueHunt
published: true
description: 
tags: showdev,opensource,webdev
---

Sustainability of open-source has been talked over and over again.

As a maintainer, we have been developing an open-source project called [Boostnote](https://github.com/BoostIO/Boostnote), and we’ve got over 8,400 Github stars in 2 years.

Through its maintenance made us realize how great open-source community is.

![cover-image](https://thepracticaldev.s3.amazonaws.com/i/c822zwkdjch19pslsrpw.jpg)

# What is IssueHunt?
[IssueHunt](https://issuehunt.io/) is the funding platform for OSS.

Any issues on open-source projects can be funded by anyone and that money will be distributed to maintainers and contributors.

I discussed about open-source ecosystem and IssueHunt concept with the Boostnote team repeatedly. We actually also discussed with Matz who father of Ruby.

For the proof of the concept, at first we provided it [as a bounty program to the Boostnote community](https://boostlog.io/@kazup01/boostnote-bounty-program-5af180d147018500491f453f).

As a result, many funded issues were solved through this program in a few days, and our community was further boosted.
All of contributions were truly amazing.

So we decided to launch IssueHunt!

# Mission
Our mission is to maintain an environment where maintainers and contributors can freely develop their strengths, reach their potential and be motivated from open-source community.

We are dedicating ourselves to making that happen!

As same as issues of Boostnote are already funded on IssueHunt, your open-source projects can be also started funding from now.

https://issuehunt.io/

Thank you,

The BoostIO Team
Write With Me (Day 4)
Tags: discuss, writewithme, dev, productivity
Published: 2018-07-05 04:28:22

---
title: Write With Me (Day 4)
published: true
description: 
tags: #discuss #writewithme #dev #productivity
---

I had decided I wasn't going to write a post today because it is the 4th of July. However, I couldn't help myself. It is very fun to use the writingstreak.io app. Any good habit I can keep going I would like to. 

This is a shorter post, but I can proudly say I've written 4 days in a row. Good luck anyone who reads this!!!!!

I hope you all had a great 4th of July. Now let'sget back to work and back to pursuing goals like writing more. 

Alright, that is it for tonight. This one was posted a little later, but better late than never eh?
Need Help in : Implementing threshold for requests in real time in Springboot application
Tags: discuss
Published: 2018-07-05 03:43:37

---
title: Need Help in : Implementing threshold for requests in real time in Springboot application
published: true
tags: discuss
---

I'm developing a rest service with spring boot. I need to validate the threshold for each request by user, the threshold is currently maintained in Database. Everyday the threshold for the user should be reset to zero. Currently I'm connecting to database to pull the numbers to validate and updating the daily count. This is causing performance issues and the throughput is very low(I could process only 25< requests per second).

I'm trying to Implement Gemfire to cache and process , But worried about accumulating incremental changes to shared data in cache.
Responsive, semantic images with CSS
Tags: webdev, css, a11y, tip
Published: 2018-07-05 12:50:21

---
title: Responsive, semantic images with CSS
published: true
tags: webdev, CSS, accessibility, tip
canonical_url: https://codewithhugo.com/responsive-semantic-images-with-css/
---

> CSS tip: `object-fit` your images.

To have an image that doesn't try to stretch to its width/height the classic CSS is as follows:

```css
.thumbnail {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
}
```

With this associated HTML (inline styles… 👎):

```html
<div
  class="thumbnail"
  style="background-image: url('some-url');"
>
</div>
```

We can do:

```css
.thumbnail {
  width: 50px;
  height: 50px;
  object-fit: cover;
  object-position: center;
}
```

With the following HTML:
```html
<img
  class="thumbnail"
  alt="My thumbnail"
  src="some-url">
```

> This was sent out on the [Code with Hugo newsletter](https://buttondown.email/hugo) last Monday.
> [Subscribe](https://buttondown.email/hugo) to get the latest posts right in your inbox (before anyone else).

# Why is this cool?

1. One word: accessibility.
2. Two words: semantic markup.
3. Many words, with the `div` + `background-image` solution:
    1. if the URL turned out to be broken, it would show empty space, with the `img` + `object-fit` one, it shows the good old “broken image because of URL” fallback (or `alt` attribute value).
    2. An `img` tag is more accessible since we can have `alt`
    3. Typing `src="my-url"` is just less characters than  `style="background-image: url('my-url')"`.

Warning: this might not work on older browsers, it does, however gracefully degrade (the image will just be stretched), it won't mess up the layout though.

<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, &quot;San Francisco&quot;, &quot;Helvetica Neue&quot;, Helvetica, Ubuntu, Roboto, Noto, &quot;Segoe UI&quot;, Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@n8bell34?utm_medium=referral&amp;utm_campaign=photographer-credit&amp;utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Nate Bell"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-1px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Nate Bell</span></a>