teleren/devto huggingface dataset:
[Vim問題] HTMLタグの属性値を置換・削除する方法は？
Published: 2019-11-21 12:51:38

この記事では、Vim/neovimでプラグインを使わずに「HTMLタグの属性値を置換・削除する」ためのコマンドについて、ご紹介します。 [解答] 正規表現の最短マッチを使って置換する Vim 正規表現 ｛属性｝=\&#038;#8

つづきは[こちら](https://vim.blue/vim-shortest-match/)。
[https://vim.blue/vim-shortest-match/](https://vim.blue/vim-shortest-match/)
Swift RunLoop exploration by creating a basic shell
Tags: swift
Published: 2019-11-21 12:44:14

The RunLoop model is used extensively in the Apple ecosystem. If you've created an app for macOS or *OS you have used the RunLoop model. Also Vapor, the server-side Swift project, relies on the RunLoop model.

In simple terms, a RunLoop is a "never-ending" loop, that deals with events. For example, a shell:

- Waits for instructions
- You send instructions
- It evaluates the instructions
- Prints the results
- And go back to listening for instructions

Simple, right? that is why I decided to use that example to explore RunLoop. If you are interested you can find the article here:

[https://rderik.com/blog/understanding-the-runloop-model-by-creating-a-basic-shell/](https://rderik.com/blog/understanding-the-runloop-model-by-creating-a-basic-shell/)

Thanks for reading.
Multimedia version of The Hollow Men by T S Eliot [Code Overview]
Tags: javascript, threejs, css, video
Published: 2019-11-21 11:59:58

A multimedia version of T S Eliot's poem The Hollow Men made with Threejs

Visit here:
http://chrisgodber.co.uk/hollowmen/

{% youtube PN33OwRGzXY %}
Registering Components Globally in Vue
Tags: javascript, vue
Published: 2019-11-21 11:25:45

Hi, I needed a global component in a Vue.js project. Because I didn't want to import that component each time. I know, this isn't the best approach. But, I needed this one.

Talk is cheap, show me your code! Okay, calm down, let me show you :P

## First Step

I created a vue component called **spinner.vue**.

### spinner.vue

```vue
<template>
    <b-col cols="12 text-center">
        <i :class="'fa fa-circle-o-notch fa-spin fa-' + size"></i>
        <!-- your other cool stuff -->
    </b-col>
</template>

<script>
export default {
    props: {
        size: {
            type: String,
            default: 'lg'
        }
    }
}
</script>
```

Now, I have to register the spinner component globally.

## Creating Global Component Container

Actually, I don't have any idea about "container". But, I'll say container :P Because all global components will be here. Anyway, I created a file called **globalComponents.js** under the root folder (*src*)

```js
import Vue from 'vue'

import spinner from './views/util/spinner.vue'

Vue.component('spinner', 
    () => import('./views/util/spinner.vue')
)
```

After, I imported **globalComponents** file from **main.js** file.

```js
import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'
import store from '@/store/store'
import App from './App'
import router from './router'

import '@/globalComponents'
```


That's all :)

Now, I can use the **spinner** component in every component.

I hope this will help you. Thanks for reading :)
Weekly Cloud-Native Digest #21
Tags: cloud, news
Published: 2019-11-27 11:04:37

---
title: Weekly Cloud-Native Digest #21
published: true
date: 2019-11-21 11:59:40 UTC
tags: cloud,news
canonical_url: https://educosta.dev/blog/weekly-cloud-native-digest-21/
cover_image: https://thepracticaldev.s3.amazonaws.com/i/0ov6xhnzgga51ad9pkz7.jpg
---

Save  time and stay up-to-date with what’s going on in the Cloud-Native  ecosystem. Every week a collection of useful links with videos, articles  and more. 

- [Free Ebook Designing Distributed Systems - Rapidly develop reliable, distributed systems with the patterns and paradigms.](https://azure.microsoft.com/en-us/resources/designing-distributed-systems/en-us/) 									
- [Build your maillist. Create a simple #serverless function to collect email from your users for free without external tools.](https://twitter.com/educostadev/status/1195651928765669376) 									
- [How Mob Programming helps collaboration and getting work done](https://blog.avanscoperta.it/it/2019/08/29/how-mob-programming-helps-collaboration-and-getting-work-done/) 									
- [Building a Modern Bank Backend - How Monzo build a system scalable to hundreds of millions of customers](https://monzo.com/blog/2016/09/19/building-a-modern-bank-backend)
- [Combining SQL and NoSQL databases for better performance](https://www.thereformedprogrammer.net/ef-core-combining-sql-and-nosql-databases-for-better-performance/) 									
- [Why #Serverless May Become a Dominant Programming Paradigm ?](https://www.eweek.com/servers/why-serverless-may-become-dominant-programming-paradigm)
- [Architecting a Low-Cost Web Content Publishing System](https://idk.dev/architecting-a-low-cost-web-content-publishing-system/)
- [Event  Sourcing in #Microservices Using #Spring #Cloud and Reactor. Explore  the problems of data consistency and high availability in microservices.](https://www.kennybastani.com/2016/04/event-sourcing-microservices-spring-cloud.html)
- [The Microservices Workflow Automation Cheat Sheet](https://blog.bernd-ruecker.com/the-microservice-workflow-automation-cheat-sheet-fc0a80dc25aa)
- [Building sustainable microservices, our opinions and advice.](https://building.echo.co.uk/microservices-opinions-and-advice/)
- [Cloud Native Application Security – What You Need To Know](https://www.protego.io/what-you-need-to-know-about-cloud-native-security/) 
- [Top serverless plugins we are using](https://medium.com/innomizetech/top-serverless-plugins-we-are-using-f02df901bbbf)
- [Putting  a fat jar into a #Docker #container is a waste of storage, bandwidth  and time. Fortunately, we can leverage Docker’s image layering and  registry caching to create incremental builds and very small artifacts.  Read more #java](https://phauer.com/2019/no-fat-jar-in-docker-image/) 									
- [Vodafone Greece has seen many benefits on using #Quarkus and replaces #SpringBoot #Microservices with @QuarkusIO](https://twitter.com/educostadev/status/1196382203304972288)

The post [Weekly Cloud-Native Digest #21](https://educosta.dev/blog/weekly-cloud-native-digest-21/) appeared first on [Be Cloud Native](https://educosta.dev).
Linux: Kazam – record a screencast
Tags: linux, video
Published: 2019-11-21 20:03:28

---
title: Linux: Kazam – record a screencast
published: true
date: 2019-11-21 11:46:23 UTC
tags: Linux, video
canonical_url: https://rtfm.co.ua/en/linux-kazam-record-a-screencast/
---

![](https://rtfm.co.ua/wp-content/uploads/2011/08/linux-logo.png)I had to create a short demonstration video for Okta’s support, googled a tiny, quick and simple application – Kazam.

On Arch Linux can be install from AUR:

```
$ yaourt -S kazam
```

Run it:

```
$ kazam
```

I set the _Automatic save_ by default (to the `~/Videos`):

[![](https://rtfm.co.ua/wp-content/uploads/2019/11/Screenshot_20191121_131754.png)](https://rtfm.co.ua/wp-content/uploads/2019/11/Screenshot_20191121_131754.png)

Now, chose an area to record from:

[![](https://rtfm.co.ua/wp-content/uploads/2019/11/Screenshot_20191121_131528.png)](https://rtfm.co.ua/wp-content/uploads/2019/11/Screenshot_20191121_131528.png)

And the resulted video example:

[link](https://rtfm.co.ua/wp-content/uploads/2019/11/Kazam_screencast_00000.mp4)

<video id="video-22658-1" width="665" height="330" preload="metadata" controls="controls"><source type="video/mp4" src="https://rtfm.co.ua/wp-content/uploads/2019/11/Kazam_screencast_00000.mp4?_=1"></source><a href="https://rtfm.co.ua/wp-content/uploads/2019/11/Kazam_screencast_00000.mp4">https://rtfm.co.ua/wp-content/uploads/2019/11/Kazam_screencast_00000.mp4</a></video>

Done.

### Similar posts

- <small>05/06/2017</small> [Arch Linux: запускаем Diablo 2](https://rtfm.co.ua/arch-linux-zapuskaem-diablo-2/)<small> (3)</small>  
- <small>04/20/2017</small> [Arch: VNC-клиент](https://rtfm.co.ua/arch-vnc/)<small> (0)</small>  
- <small>03/16/2017</small> [Arch: апплет батареи для ноутбука](https://rtfm.co.ua/arch-applet-batarei-dlya-noutbuka/)<small> (0)</small>  
- <small>03/29/2017</small> [Arch: Skype – звук и микрофон](https://rtfm.co.ua/arch-skype-zvuk-i-mikrofon/)<small> (0)</small>  
- <small>02/14/2017</small> [Pidgin: плагин purple-skypeweb для Skype-чатов](https://rtfm.co.ua/rdy-pidgin-plagin-purple-skypeweb-dlya-skype-chatov/)<small> (9)</small>
Nuxt.js cheat sheet
Tags: css, flexbox, nuxt
Published: 2019-11-21 11:43:09

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/jz0ucyjuh91gg12l8vcn.jpg)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/iznkywyqdry5a58y13rt.jpg)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/8kwjy52t5k0lqk1v9uf3.jpg)
Convert a PDF document to HTML using C#
Tags: documentconversion, pdftohtml, dotnet, csharp
Published: 2019-11-21 11:27:23

Using GroupDocs.Conversion for .NET, it is possible to convert any PDF document to HTML file in C#. Conversion process or feature is not limited to PDF files only. You can convert any supported file <a href="https://docs.groupdocs.com/display/conversionnet/Supported+Document+Formats">format</a> to HTML.
GroupDocs.Conversion for .NET is a back-end API that can be integrated in any (new or existing) .NET application.

**Implementation**

This API can convert any source document to a markup format which in general is a HTML conformable format.
{% gist https://gist.github.com/GroupDocsGists/412bb37087e0c2a54987748b49a11f7e %}
You can see that sample PDF has some visuals and text. And the resultant HTML covers everything.
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/fi183gnspnqgs5b8tv1p.jpg)
Visit <a href="https://blog.groupdocs.com/category/annotation/">blog</a> for release and features related updates.
Programmatically add arrow annotation in a PDF file in C#
Tags: annotation, dotnet, csharp, api
Published: 2019-11-21 11:21:15

Using GroupDocs.Annotation for .NET you can add arrow annotation in a document programmatically.

Continue reading : https://blog.groupdocs.com/2019/11/20/add-arrow-annotation-in-a-pdf-file-using-csharp/
Build Stopwatch in React native
Tags: reactnative
Published: 2019-11-21 11:06:05

React Native

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components. React Native lets you build your app faster with features like Hot Reloading (no need for recompilation).

React Native uses the same fundamental UI building blocks as regular iOS and Android apps, that means you are not building Web Apps but real-life Native Apps. Instead of using Swift, Kotlin or Java, you are putting those building blocks together with just using JavaScript and React.

Also, React Native combines smoothly with components written in Swift, Java, or Objective-C. It’s also easy to build part of your app in React Native, and part of your app using native code directly – that’s how the Facebook app works.

Installing React Native

. You first need to download and install the latest Node version into your local machine. If already installed skip this step. You may follow https://nodejs.org/en/download/

Click here <a href="https://codersera.com/blog/first-react-native-app-stopwatch/">Create Stop watch</a>
Roku Hacks: Register to Your Roku TV without Credit Card
Published: 2019-11-21 06:21:26

Roku is one of the most popular streaming devices on the planet. You will find more content and channels on Roku than any other streaming device available in the market. Not just Hulu and Amazon, now you can also enjoy your Netflix episodes.

Roku is the easiest device to set up. All you just need is an internet connection and a credit card to register your Roku device online. But wait, what if you can still register your Roku device without providing the credit card information?

At the time of writing this article, YES YOU CAN! Of course that may change in the coming period, but for now, if you can easily register your Roku without providing any billing info or credit card information. Now you have not to worry about your kids or someone else from a family making purchases. There is a simple way.

<b>The Simple Steps to Register Your Roku TV</b>

- When you first install your Roku TV, you will be asked to visit <a href="https://rokucomlink.live/">roku.com/link</a> to register it.
- Click on My Account, then hit on Create Account.
- Enter your name, password, and email address.
- Enter and confirm a PIN for your Roku account. This particular PIN is required for all transactions, so just keep it safe. Then click on Next button.
- Here on this screen, they will ask for your billing information.
- Choose the PayPal option.
- Now enter your PayPal account login credentials like email, phone number, address etc. and then click on submit button.
- At this particular point, Roku will re-directs you to PayPal homepage and ask you to confirm linking of Roku account to PayPal.
- Once the PayPal page loads properly, simply close the page. Do not try to login to PayPal or confirm anything else, just close it.
- Next, open a new browser window and go back to roku.com link, click on My account again.
- Scroll down and hit on 'Link a Device'.
- Follow the on-screen instructions to link your device with Roku and you are done with the registration process without any payment.

Note: Once you are done with the complete setup process, you will receive a <a href="https://rokucomlink.live/roku-link-code/">Roku link code</a> email on your registered email address. Note down the Roku link code and keep it safe for the future payment process.

Once your Roku account is registered and linked, you can then use it as you normally want. You can add whatever channels you want as long as they are free or they are subscription channels like Hulu or Netflix, where you have to just sign up online.

Many users complain that <a href="https://rokucomlink.live/roku-channels/">Netflix on Roku not working</a>. The only reason behind Netflix failure on Roku is that you can't subscribe channels like Netflix and Hulu through the Roku platform. You need to subscribe to them from their official website or app only.
Disable Slack Desktop App's WYSIWYG editor
Tags: slack, javascript
Published: 2019-11-21 10:57:25

---
title: Disable Slack Desktop App's WYSIWYG editor
published: true
description: 
tags: Slack, JavaScript
---

Run the following command in Terminal.

```bash
$ SLACK_DEVELOPER_MENU=true open -a /Applications/Slack.app
```

Then, Open the DevTools (`cmd` + `opt` + `I`), Run the following script in console.

```javascript
(() => {
  slackDebug.clientStore.workspaces
    .getAllWorkspaces()
    .forEach((teamId) => {
      const { redux } = slackDebug[teamId];

      const {
        wysiwyg_composer,
        wysiwyg_composer_ios,
        wysiwyg_composer_webapp,
        ...payload
      } = redux.getState().experiments;

      redux.dispatch({
        type: "[19] Bulk add experiment assignments to redux",
        payload
      });
    });
})();
```
How the Opencart Stock Notifications extension notify customers?
Tags: stocknotification, instocknotification, outofstocknotification, outofstockextension
Published: 2019-11-21 10:42:52


Opencart Stock Notifications extension allows users to set automatic reminders to get a notification when a product becomes In-stock. The user subscribes to alerts and the website automatically sends a notification when the subscribed product is again in-store.
Admin side
The setting for stock notification
After the successful installation of the Opencart out of stock notification extension, the user goes to Extensions > Extensions > module > select Purpletree out of stock and click on the edit button

After click on the edit button user will rich on Purpletree Out Of the Stock page. Here users can be done required settings.

Users can set enabled and disabled status for enabling and disable Purpletree out of stock notification extension.
Users can set Notify Customer Yes or No.
If Notify Customer set “Yes” then the “Add to cart” button changed “NOTIFY ME!” when extension status enabled and product quantity is 0(zero).
If Notify Customer set “No” then the “Add to cart” button changed “ OUT OF STOCK “when extension status enabled and product quantity is 0(zero).
Users can change the Email Subject. By default Email subject is “Here is your product”. This email subject is used when Notify the customer is set Yes and the guest customer enters his email when the product out of stock. If a product in stock again then automatic email sent to customers with this subject. Login customer does not need to enter an email so only click on NOTIFY ME button.
You can change the email body part but please make sure not to change the ‘_product_’(it’s used as a variable for product name). Do use it in your customized email format.
Customer side
After enabling the module status, the ‘Add to Cart’ button gets changed to “notify me” or “out of stock” for products with 0 quantity.



When ‘Notify Me!’ the button is enabled and customers want notification about product availability, a notification mail will be sent automatically to the customer when the desired product is available.
To send an email we’ll take the customer’s email (if not logged in). For logged-in customers, we already have their email address.

After entering your email address customers click on the continue button, then after confirmation message show on top of the website.

After the availability of product customer will receive Email

Get This Extension At https://www.purpletreesoftware.com/stock-notifications-opencart.html
Tried out a new blogging platform called 'bloggi'
Tags: writing, blog, indiehacker, news
Published: 2019-11-21 10:41:19

This is blog-ception. I'm blogging about a blog that I created that I found through a blog. 

I'm part of the [Indie Hackers community.](https://www.indiehackers.com).

I saw [a post](https://www.indiehackers.com/post/the-making-of-bloggi-from-idea-to-launch-to-first-paid-customers-df0affbdfb?utm_campaign=top-milestones-daily&utm_medium=email&utm_source=indie-hackers-emails) on there for a new blogging platform [bloggi.co](https://bloggi.co/), created by an Indie Hacker called Hernán Sartorio.


I was pretty impressed with it. It takes clean/minimal design to a new level. Super simple and intuitive, it all just works, so far anyway (with my 10 minutes of usage anyway 😂).


To try the blog out, I had the idea of writing serialised short stories on there. 

I started off with one called [Badger Buckman](https://atom.bloggi.co/badger-buckman-1st-wave).


For anyone looking for a non-nonsense blog that's super minimal in design it could be worth a look.
Git Rebase - The easy way
Tags: git, github, gitlab
Published: 2019-11-21 09:57:15

If you are a software engineer working in a team, then you are probably using git for version control. Imagine working on a certain feature and when your branch is merged to the base branch, everything breaks down because after you checked out from the base branch some changes were pushed to it. Well, there is a basic workflow that can help you avoid all that and make your life easy. This post will take a shallow dive into the process of `git rebasing`.

## What is git rebase
Consider a situation where your teammates have made some changes to the master branch since you started working on your feature branch. So you want to get the latest changes so it seems like you have been working on the latest branch. Rebasing gives you the opportunity to merge the master branch with your feature branch while still maintaining a clean history.

## Let's get to it
I use the following process on a daily basis to get the latest changes from the development branch and resolve conflict.
Key:
- feature-branch - The branch you are working on.
- base-branch - branch you want to merge to.

When you are on your current working branch,
**Method one:**
```
- $ git checkout base-branch
- $ git pull origin base-branch
- $ git checkout feature_branch
- $ git rebase base-branch
```
**Method two:**
```
- $ git pull --rebase origin base-branch
```

Resolve any conflicts you may have
```
- $ git add .
- $ git rebase --continue
- $ git push origin branch-name -f
```

## Conclusion
As you can see, git rebase is quite an easy process that you can complete in less than a second😃. In just a few simple commands and you have all the latest changes. Stay frosty by using awesome git workflow techniques.

## References
[Atlassian](https://www.atlassian.com/git/tutorials/rewriting-history/git-rebase)
CSharp. Sort List By Length and Text
Tags: csharp
Published: 2019-11-21 09:48:00

For fun, I wrote this wee code snippet. You can use LINQ to sort your list of strings by length and text.

```csharp
public static List<string> SortByLengthAndText(List<string> obj)
{
    var q = (from c in obj orderby c.Length ascending, c ascending select c);

    return q.ToList();
}

public static List<string> SortByLengthAndTextDescending(List<string> obj)
{
    var q = (from c in obj orderby c.Length ascending, c ascending select c);

    return q.ToList();
}
```

Full Sample Code

```csharp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;


namespace SortByLengthAndText
{
    class Program
    {
        static void Main(string[] args)
        {
            List<string> myList = new List<string>();

            myList.Add("Books");
            myList.Add("Sofa");
            myList.Add("Boat");
            myList.Add("Shoes");
            myList.Add("Shirts");
            myList.Add("Car");
            myList.Add("Cart");
            myList.Add("Keyboards");
            myList.Add("Kingring");

            myList = SortByLengthAndText(myList);

            string export = string.Join("\r\n", myList);

            Console.WriteLine(export);

            Console.WriteLine("Press any key to exit");
            Console.ReadLine();

        }

public static List<string> SortByLengthAndText(List<string> obj)
{
    var q = (from c in obj orderby c.Length ascending, c ascending select c);

    return q.ToList();
}

    public static List<string> SortByLengthAndTextDescending(List<string> obj)
    {
        var q = (from c in obj orderby c.Length ascending, c ascending select c);

        return q.ToList();
    }


    }
}
```

It outputs the following.

```text
Car
Boat
Cart
Sofa
Books
Shoes
Shirts
Kingring
Keyboards
```
Connect With World Class Geeks At Gmail Support Number At Anytime 
Published: 2019-11-21 09:05:17

Are you unable to get your problems sorted out with the aid of the online experts? You should get in touch with world class professionals who will surely help you out to deal with your hurdles and problems. A right kind of help will be given to you, from the comfort of your home using Gmail Support number.   
https://www.apple-support247.com/gmail-phone-number/
Recover Your Lost Google Mail Account Password Via Gmail Support Number 
Published: 2019-11-21 09:04:25


The feasible Gmail Support remedy to password related hitches and glitches, is a phone call away from the users who are wandering for the real time help. A quick phone call is needed from your end and you will be able to resolve the whole host of your hurdles in a couple of seconds.
 https://www.verizonwirelesscustomerservicephonenumber.com/gmail-customer-service-number/
Effectively Root Out Mishaps and Inconveniences Via Gmail Support Number
Published: 2019-11-21 09:03:02

Users who have been searching for the one stop solutions with the result oriented approach can give a call at Gmail Support number. It will allow you to get an access to a team of professionals who will fix the whole host of your problems and hurdles. Give a phone call and you will resolve your problems in no time! 
 https://teluscustomerservice.com/gmail-customer-service-phone-number/