teleren/devto huggingface dataset:
Streaming Analytics Using FlinkSQL Webinar
Published: 2021-09-30 20:13:30


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hwdw49jdyv7sg1nc7d6k.png)

![image](https://pbs.twimg.com/media/FAi3zPmUUAULRAv?format=jpg&name=large)
 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l8s9uwzp5qchhi2e7qhc.jpg)

I wanted to share some resources from today's talk.

Documentation on Using Flink SQL on StreamNative Cloud

* https://docs.streamnative.io/cloud/stable/compute/flink-sql-cookbook

My source code for the EdgeAI IoT application

* https://github.com/tspannhw/StreamingAnalyticsUsingFlinkSQL

All the source code from the microservices applications

* https://github.com/streamnative/streamnative-academy/tree/master/microservices-webinars

Those free E-books we mentioned:

* https://streamnative.io/en/download/manning-ebook-apache-pulsar-in-action/
https://streamnative.io/en/download/oreilly-ebook-mastering-apache-pulsar/

Upcoming Events:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9lm2e3nvrmhbs0cqkc1g.png)
 
https://pulsar-summit.org/

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ug7amm82avf0k4u4hjp2.png)
 
https://www.starburst.io/info/trinosummit/#agenda

Just one last query to show you:

select top1,
        avg(CAST (cputempf as double)) as avgcputempf, avg( CAST(gputempf as double)) as avggpttempf
from jetsoniot2 /*+ OPTIONS('scan.startup.mode'='earliest') */
group by top1

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4pjhslfw36y1d6su3wy9.jpg)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mv3xjcegpse9urv7wn8x.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7w2a49f6jp7t7ida1di4.png)




Connect with Us!

* https://streamnative.io/
* https://github.com/addisonj
* https://twitter.com/addisonjh
* https://twitter.com/paasDev
* https://streamnative.io/webinars/
* https://streamnative.io/event/webinar-series-building-microservices-with-pulsar/


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8i5bhjso9uh2mbyb2qfm.jpg)
Mi nueva startup - Mensajería y paquetería express en Mérida, Yucatán
Tags: startup, react, aws, nextjs
Published: 2021-10-01 01:54:57

## Ahora me voy a rifar un servicio de paquetería y mensajería express y una app para delivery en Mérida, Yucatán.

---

### ¿Por qué?
Pues la ciudad esta creciendo bastante y servicios como iVoy o 99minutos no dan servicio en esta ciudad y aunque estuvieran me vale madres.

### ¿Qué creo que se necesita?
* **Clientes, jaja**

### No ya en serio, 
* Una landing page para ofrecer la info de los servicios.
* Una landing para que se registren los repartidores.
* Una app para rastreo de entregas y solicitud de recolección.
* App para repartidores, para asignar los servicios y hacer el tracking en tiempo real.
* Redes sociales, para esta startup chance con LinkedIn y Face la armamos.
* Un help desk y centro de atención a clientes.
* Unas 2 motos propias para las entregas.

### De RH, ¿qué se necesita?
* 2 personas que entreguen
* 1 persona de atención a clientes

### ¿Cuánto se va a cobrar?
Mínimo $35 MXN hasta 4 km y $10 varitos el km extra.

### La plataforma, ¿qué debe tener?
* En el home toda la info del servicio, qué se ofrece, dónde, por qué, cómo y cuánto cuesta.
* Rastreo,
* Solicitar recolección,
* Para E-commerce,
* Para Empresas,
* Regístrate como mensajero o repartidor,
* Mensajería express,
* Contacto y ayuda,
* Políticas y 
* Términos y condiciones.

### ¿Cómo se va a llamar?
Ya lo tengo pero todavía no lo pongo aquí hasta que compre el dominio, capaz que lo compran nomás por chingar.

Ya con eso...

Todo lo que me falte ahí lo voy poniendo o lo ponen aquí abajo ↓
Pricing Table In Tailwind CSS
Tags: css, html, webdev, codenewbie
Published: 2021-10-01 10:00:35

In this pricing table, we used Tailwind CSS components and utility classes. For making responsive we used responsive classes which are already in utility classes.

Here we used responsive grid classes and text-color with font-size classes. Also, we used ul and li to show features in the list view.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

[Source code](https://w3hubs.com/pricing-table-in-tailwind-css/)
Flash messages with Hotwire
Tags: rails, hotwire, tutorial, stimulus
Published: 2021-10-02 15:35:30

I’ll show you how to add flash messages to Rails, using a simple stimulus controller to auto dismiss them and some basic styling with tailwind css.

{% youtube gk_qDsKMIrM %}

---

## Summary of what was done

### `app/views/layouts/application.html.erb`

```erb
<!DOCTYPE html>
<html>
  <head>
    <!-- ... -->
  </head>

  <body class="text-gray-600">
    <%= render partial: "shared/flash" %>

    <!-- ... -->
  </body>
</html>
```

### `app/views/shared/_flash.html.erb`

```erb
<% flash.each do |key, value| %>
  <div data-controller="flash" class="flex items-center fixed top-5 right-5 <%= classes_for_flash(key) %> py-3 px-5 rounded-lg">
    <div class="mr-4"><%= value %></div>

    <button type="button" data-action="flash#dismiss">
      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
      </svg>
    </button>
  </div>
<% end %>
```

### `app/javascript/controllers/flash_controller.js`

```js
import { Controller } from "@hotwired/stimulus";

export default class extends Controller {
  connect() {
    setTimeout(() => {
      this.dismiss();
    }, 5000);
  }

  dismiss() {
    this.element.remove();
  }
}
```
Mac 設定 Part 2 -- VS Code 個人用設定
Tags: vscode
Published: 2021-11-01 06:34:55


# why

私はこれらを必ずカスタムして使う。
なので初期設定用に記事しておく。


1. VSCode Extensions 5 つ
2. 設定ファイルの編集での設定　5 つ

---
---

# Extensions 5 つ

---

## 1. Vim

私には必須。

hjkl での移動や yy dd pp でのコピー削除貼り付けができるようになる
jj で escape する方法は後述

---

## 2. Rainbow Brackets

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lruw46xqqqlyp42goksw.png)

ブラケットのペアごとに赤、緑、青、黄色、と色が変わるようなる
まとまりが分かりやすくなる

---

## 3. indent-rainbow

IntelliJ と同じく、インデントもいける

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fsxjs3bi7frusmwzgvqf.png)
 
IntelliJ と違って再起動必要なくて嬉しい

---

## 4. Rainbow CSV

Indent-Rainbow の CSV 版。
こちらは少し眩しいかも。
カラムが増えると、そもそも Excel の方が見やすい。

---

## 5. Spell Checker

https://qiita.com/f0lst/items/400b01e430d06f0be690

typo 負債が残るのを防ぐ


---
---










# 設定ファイルの編集

---

## ファイルの位置

Mac ユーザーだと

```ruby
User/{userName}/Application Support/Code/
```

この位置に

settings.json 

ファイルがある。

これが全てのプロジェクト共通の設定。

プロジェクトファイルごとの `{projectName}/.vscode/` にも作れる。

---

## テキストファイルの GUI からの開き方

左下の歯車をクリックすると設定は GUI モードで弄れる。

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2c213jgzhanjh6rr8buj.png)

隠し要素として、テキストファイル自体も編集できる。
右上のこのファイルが回転してるアイコンをクリックすることで。

---



# VScode おすすめ設定 5 つ

## 0. 結論

```json
{
    "files.autoSave": "afterDelay",
    "window.zoomLevel": 1,
    "editor.fontSize": 16,
    "editor.mouseWheelZoom": true,
    "editor.tabSize": 2,
    "vim.insertModeKeyBindings": [
        {
            "before": ["j", "j"],
            "after": ["<Esc>"]
        }
    ],

}
```

## 1. Mac VScode Vim で　jk 長押しスクロールする

Mac の VSCode では長押しが無効化？されている。
下記のコマンドを打って再起動する。

すると有効化される。
Vim で j/k の長押しでスクロールできるようになる。

```json
defaults write com.microsoft.VSCode ApplePressAndHoldEnabled -bool false   
```

参考
https://book-reviews.blog/fix-problem-to-press-and-hold-keyboard-on-VSCode/


## 2. タブを 2 スペースに

```json
    "editor.tabSize": 2,
```

これが一番コンパクトに見える。

---

## 3. vim 拡張で jj が esc になるようにする

かなり快適になる。
ターミナルと共通化している。

```ruby
    "vim.insertModeKeyBindings": [
        {
            "before": ["j", "j"],
            "after": ["<Esc>"]
        }
    ],
```

## 4. エディタのフォントサイズ

```ruby
    "editor.fontSize": 16,
    "editor.mouseWheelZoom": true
```

デフォルトのサイズを 11 から 16
CMD + スクロールで調整できるように。

---

## 5. ウインドウの拡大

サイドバーや上部のタブを大きくできる。

```ruby
    "window.zoomLevel": 1,
```

https://github.com/microsoft/vscode/issues/25967#issuecomment-333638737

1 で　20% 大きくなるらしい。

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rhfxjb0i5x7azsimqdui.png)
A first update on our salary survey
Tags: security, cybersecurity, opendata, career
Published: 2021-10-01 14:47:41

🎉 We have a little update on our salary survey which we launched roughly [three months ago](https://insights.infosec-jobs.com/share-your-salary-and-see-what-everyone-else-is-making-in-infosec-the-cyber-security-space/) (check out [https://salaries.infosec-jobs.com/](https://salaries.infosec-jobs.com/) if you haven’t yet) and needless to say we’re still pretty excited about it.

About four weeks after the launch we enabled the [download](https://salaries.infosec-jobs.com/download/) feature on the site so everyone can get the latest dataset in JSON and CSV format. Furthermore there’s now a weekly sync of these results to a dedicated [github repo](https://github.com/foorilla/infosec-jobs-com-salaries) as well.

As initially announced, but not yet implemented during that time, we built our own [FX data API](https://fxdata.foorilla.com/) to provide free and public currency data (yes, you can use it as well if you like!) for the Forex calculations taking place on the dataset in the salary_in_usd column. This is because we allow people to fill in their annual salary in their home or actually paid out currency and then do the work for you to translate that into its corresponding USD amount (yearly average) for better comparability/reference, with data provided by the [Bank for International Settlements](https://www.bis.org/) (🏦 the bank for the central banks, basically).

Well, it’s always fascinating how much effort can go into something seemingly simple like a salary survey (hint: way more than you anticipated). But still, it looks like it’s worth the effort.

We also put in some more descriptive information on the [download page](https://salaries.infosec-jobs.com/download/) about what each column in the dataset represents or how to interpret it. Should be pretty straight forward by now, and hopefull very easy to work with.

Now the plan is to keep this site up there indefinitely for the future to collect remote work salary information year by year on an ongoing basis. With this in mind it should be a good reason now to share this with your colleagues and friends if you haven’t done so yet. 😉

It’ll be very interesting to see how much data we can gather in the long term, and also keep in mind that all this is in the [public domain](https://creativecommons.org/publicdomain/zero/1.0/) (though mentioning the data came from us would be nice and also increases the amount of data available to share). Meaning it’s free to use by anyone for anything. 🙂

Last but not least: Many thanks to all of you who filled out the survey form and shared the site with others. That’s pretty awesome! 💪

*This post appeared first on https://insights.infosec-jobs.com/a-first-update-on-our-salary-survey/*
Blog Post of My Learning
Published: 2021-10-01 16:40:45

   The week of September 20, 2021 saw me get frustrated and confused as I continued with my learning of Ruby in Codecademy.  I learned "Printing the Output" which uses string methods to capitalize.  "Control Flow in Ruby" was interesting because I learned about Environment, If and True expressions, white space, and Else.

   During this week I also learned how to use gets.chomp which was difficult because of the language like I mentioned before (former school teacher).  I then studied about Loops & Iterators, Infinite Loops. As my mentor Gino Capio mentioned before, "Erik, take breaks and do not forget to reach out in Coolcats group.
Hacktoberfest: Contribute to our temporal database system
Tags: hacktoberfest, database, java, kotlin
Published: 2021-10-01 21:34:10

We are a (very) small team working on a database system in our spare time (https://sirix.io | https://github.com/sirixdb/sirix).

{% github sirixdb/sirix %}

It began as a research system at the University of Konstanz and was the main focus of two PhD thesis and several bachelor and master thesis.

Johannes, the current maintainer worked on the system for his bachelor as well as master thesis. Furthermore, he also contributed as a research assistent.

The system first of all builds a trie based index over all currently stored revisions. To efficiently reconstruct a revision the timestamps and the offsets into the log-file, the main storage, are written to a revision file. Second, the main document index is referenced from the revision roots. Furthermore, the system stores a path summary as well as secondary indexes in subtrees of the revision root pages. The tree of in-memory indexes are mapped to a sequential log-file during a `commit` in a postorder traversal. The parent pages store hashes of their children in references to the child pages. This can be used to check if data has correctly been stored in the future.

Another idea is to version the data leaf pages, thus that not the whole page has to be copied during a write. Instead, a clever sliding snapshot algorithm is used to avoid read- or write-peaks which would occur during full snapshots of a page after increments haved been written.

**We'd be very happy to get contributions during Hacktoberfest but also in the long run.**
React Native Mobile Apps, Integrating Expo Image Picker, Supabase Buckets and Image Upload
Tags: reactnative, supabase, imagepicker, video
Published: 2021-10-01 22:24:48

This is a short video following up on the previous react-native [Expo Camera](https://docs.expo.dev/versions/latest/sdk/camera/) and upload to Supabase video that I made last week. In this video, I am working with [Expo Image Picker](https://docs.expo.dev/versions/latest/sdk/imagepicker/) in react native to pick image and upload the images to [Supabase](https://supabase.io/)

Join with me on my journey of refreshing my memory with [React Native Video Series](https://youtube.com/playlist?list=PL2PY2-9rsgl0TTqJk3tCNJnBAjwHCjdYM) and building mobile applications

{% youtube o-LR-rR5HAM %}

[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/W7W31U7HM)
Railway FBP v1.0.8 is released 🎉
Published: 2021-10-02 08:04:57

Railway FBP v1.0.8 introduce Monads.

A rework was done on this release when deepen into monads theory and their implementation in PHP. This could give the project deeper approach when considering the implementation to get much cleaner way to use it.

https://github.com/darkwood-fr/railway-fbp/releases/tag/v1.0.8
Ways to Make Money?
Tags: productivity, webdev, career, programming
Published: 2021-10-02 09:49:07

hello guys!

I won't explain you with long and complicate words for that coz everybody can make money on their own way,
so here's the key points to modify your mind.

1. Don't ever think about making money is hard
2. You can make money right now but amount will be based on yours.
3. You can't make money right now .. it takes time to make money.. but amount will be based on yours preparation.


That's all. 
Making money is not hard. Choose your way.

For me, I'm not that rich now. But I can live on my own and currently follow that No.3 rule to set up my mind. I wanna make more income streams as much as I can. I'm currently working on a full time job but I wanna expand my income by teaching and sharing. 
After that, making passive incomes will be my final target.

Think about what's your method to make money.
Share in this comment section

Thanks for your time.
AZ CLI - Deleting Terraform Test Resource Groups
Tags: azure, terraform, cloud
Published: 2021-10-02 10:41:29

This is a series of quick posts, tips and tricks when working with the Azure CLI.
## Deleting Multiple Resource Groups
When working with the Terraform Provider for Azure, you may be adding a new feature that requires you to run the test automation packs.

In cases where there are errors in the Provider as you're developing the feature, you might end up with errors like so

```shell
=== CONT  TestAccEventGridEventSubscription_deliveryMappings
testcase.go:88: Step 1/2 error: Error running pre-apply refresh: exit status 1
        
        Error: Argument or block definition required
        
          on terraform_plugin_test.tf line 47, in resource "azurerm_eventgrid_event_subscription" "test":
          47:     [
        
        An argument or block definition is required here.
        
    testing_new.go:63: Error retrieving state, there may be dangling resources: exit status 1
    
--- FAIL: TestAccEventGridEventSubscription_deliveryMappings (10.18s)
FAIL      
```

Note part of the error description - *there may be dangling resources:*

Because the test didn't complete, the destroy phase of the test might not have completed, which means you're in a state where there are resources in Azure that have been created by the test code that need tidying up

Luckily, we can do this with a bit of Powershell + AZ CLI. 

```shell
$resource_groups=(az group list --query "[? contains(name,'acctest')][].{name:name}" -o tsv)

foreach ($group in $resource_groups) {
    Write-Output "Deleting resource group $group"

    az group delete -n $group --yes 
}
```

* Assumes you're logged in and in the subscription you want to work with

Terraform tests create resource groups following an `acctest` naming convention, so we find all of those that match, then delete them one by one.
How to change base repo in Github CLI?
Tags: github, githubcli, issue
Published: 2021-10-02 14:35:27

When you use Github cli for fist time on locally clone forked repo, then you get some message that asked to setup base repo to execute all queries.

```
$ gh issue list
? Which should be the base repository (used for e.g. querying issues) for this directory?  [Use arrows to move, type to filter]
  <name of owner> / <name of repo>
> <your name> / <name of repo>
```
If you setup wrong repo here, then these is no any ``gh`` command to change base repo. I face this issue, but not found solution easily. 

The solution is:

1. Open ``.git/config`` file 
2. Remove line ``gh-resolved = base``
3. Save the file and close

OR you can use this command

```bash
$ git config --unset  remote.upstream.gh-resolved
```

That's it, now you prompted again to select repo. Select correct repo and go ahead.

For more info refer this discussion on Github: https://github.com/cli/cli/issues/1864
API Integration and Agile Business simulation game in Task force
Tags: codeofafrica, awesomitylab, agile, devjournal
Published: 2021-10-03 09:49:22

Today, we are closing week 5 in the task force, this week was very different to all other 4 weeks we've covered.


This week started with improving the ShowApp project. We wanted to add functionality of cropping image upload which was tough but educational. In the afternoon APIs for the LOT dashboard were ready, so we started integrating APIs.

It was tough because APIs were not working well, so it took us time to know how we could integrate. It was also educational because of learning new things like Google Auths with Firebase.

![google auth](https://i2.wp.com/swiftsenpai.com/wp-content/uploads/2020/06/Google-Sign-In-Firebase-Feature-Image.jpeg?w=1065&ssl=1)

In soft skills, this week we did **Agile simulation game** which was fun bug educative.
I wanted to try new things because I used to be a scrum master, so I wanted to try being a Software Consultant from RISA. 
Being a software consultant was very difficult because It was tough to convince the Team to make sure that they followed the rules from RISA.
I learned to talk to teams, making them understand what I want, making sure that they have the best DONE deliverable at the end of the sprint.

![software consultant](https://images.easytechjunkie.com/group-of-well-dressed-people-at-a-desk-looking-at-a-tablet.jpg)

I also enjoyed working with the best team: scrum master, scrum team. I also noticed how it is not easy to be scrum master because in the sprint retrospective you have to be ready for questions.

![scrum master meme](https://images.squarespace-cdn.com/content/v1/53252e4ce4b026a30a70a340/1542331531936-AY0OKYCOU9FIOXV3PIB7/IMG_4194.PNG)

This week, we also implemented a game in the codewars session. It was important because It made me understand how important it is to understand every detail of a problem to solve.

On Friday we had a brainstorming session, our team also discussed Problem breakdown and we came up with the solution to help in the process of vaccination for children in Rwanda. 


In conclusion, this week was tough but educational because we tried new things. 
See you next week :)
Master CSS Selectors
Published: 2021-10-03 14:28:43

Finding the correct selector was one of the hardest parts when I did my first web automated test and it took me some time to find the right resources for every problematic selector I had.



If you want to know how you can learn CSS Selectors with not more than 5 minutes a day come join me explore them and resolve fun tasks.



Together we will Master CSS Selectors. See you there. #css 



https://lnkd.in/euNy9zzN
Split Cards Effect
Published: 2021-10-10 02:56:15

so in this post i wont write much but will link a video where i have shown and explained every step :) and made it easier so you can understand 😊

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ffkow5o41tepbdl1tw2t.png)

so here is the link - https://www.youtube.com/watch?v=8MdlGXaK0YQ&t=14s

*Source Code Link* - https://github.com/CoderZ90/split-card-effect :D

Happy Coding Meet you in the next blog / vid

Suggest me a topic for blog

Hope you are safe and Happy

Also don't forget to [subscribe](https://youtube.com/c/codingire?sub_confirmation=1) 🌟⚡
A list of 75 app ideas, that don't exist yet and that people would actually use
Tags: githunt, ideas, projects, webdev
Published: 2021-10-11 02:26:04

https://github.com/Divide-By-0/app-ideas-people-would-use

It's difficult to stay motivated coding or on a side project when you don't know if people will use it, or if your end goal is solving a solved problem. This list aims to fix that. Would love to hear the community's thoughts :)
makeStyles is dead, long live makeStyles!
Tags: typescript, react, css
Published: 2021-10-11 10:54:20

![tss-react](https://user-images.githubusercontent.com/6702424/134704429-83b2760d-0b4d-42e8-9c9a-f287a3353c13.gif)


Material-ui decided to [deprecate the hook API](https://github.com/mui-org/material-ui/issues/26571#issuecomment-878641387) in v5 in favour of the styled API.  
I worked with them to provide an alternative under the form of a third party module for people who prefers JSS over styled. [Ref](https://github.com/garronej/tss-react/issues/3#issuecomment-879022879).  
[It's mentioned](https://mui.com/guides/migration-v4/#2-use-tss-react) in mui's migration guide from v4 to v5.

It also features a, type-safe by design, version of [the `withStyles`](https://github.com/garronej/tss-react#withstyles) HOC.  

![demo_withStyles](https://user-images.githubusercontent.com/6702424/136705025-dadfff08-7d9a-49f7-8696-533ca38ec38f.gif)

Checkout [tss-react](https://github.com/garronej/tss-react)