teleren/devto huggingface dataset:
The ephemeral miniconf - Mark Gardner
Tags: perl
Published: 2021-08-27 09:09:34

# Speaker annoucement: Mark Gardner
![The ephemeral miniconf - Mark Garder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p08rhgqnq8azsmffz86p.png)

I first followed with appetite his talk/posts about signatures then I enjoyed, as many of you (inside and outside Perl community), his regular (re)posts on [his devto](https://dev.to/mjgardner) (but his main blog is on [phoenixtrap](https://phoenixtrap.com/))

It sounded like an evidence that he would be a good candidate to talk at [the ephemeral miniconf](https://thibaultduponchelle.github.io/the-ephemeral-miniconf/)!

## Mark is what we really call a senior developer
His own biography says: 
*"Hi, I’m Mark Gardner, [...] I help professional Perl developers to engineer modern, disciplined applications in the cloud so they can become experts that write easy-to-maintain code with confidence, increase their relevance in the market and get the best positions, high salaries, and work on interesting projects."*

![Mark Gardner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/psdsdu34tph4rxhi9aug.png)
Mark is a long time programmer and Perl developer that gave much more attention to my eyes recently. 

I can add my own on top of this, I like the way he work deep (with alternatives, with implications etc...) the topics he addresses (see his work on signatures) and with several links! 

## The favorite blogger of your favorite blogger
We are lucky to have some great Perl bloggers and Mark is one of the leaders!

He is currently running a serie of blog posts that are even sometimes hitting the top "outside Perl bubble" to reuse a formula from him.

## Conclusion
See you soon for next announcement!

**Kind reminder**: Call for papers still open but only 1 or 2 normal slot(s) remaining! See [The ephemeral miniconf announcement/CFP](https://dev.to/thibaultduponchelle/the-ephemeral-miniconf-292j) for details.
Restful Fast Request 2.0.1 released
Tags: idea, restful, api
Published: 2021-08-27 09:05:52

![Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8csd4dldhz10focri2tf.gif)

[restful-fast-request](https://plugins.jetbrains.com/plugin/16988-restful-fast-request)
   
Features:
  *  generate url and parameters in one click
  *  Send request to debug API(support to modify the generated parameters)
  *  domain customization and switching
  *  custom parameter parse
  *  string generation strategy
  *  save api
  *  Management API (search filter, modify API name)
  *  one click location history save api to method
  *  api to curl
CTFs are Fun
Tags: mlh, security
Published: 2021-08-27 09:00:38

For the first time in my life I am actively participating in a CTF contest.

## What are CTFs?
CTF stands for "Capture the Flag". This is a contest where competitors exploit security vulnerabilities in software to get **flags** which is usually a text string of known format.

## MLH CTF Experience
I am currently the head of a team at the CTF contest as part of the [MLH Fellowship](https://fellowship.mlh.io/). I will talk about that in another post :wink:.

While being a complete beginner at cybersecurity, there were easy to hard challenges in this contest. This has really helped me learn so much in just a week. It quite amazing!

## Some Awesome Tools
I have learnt how to use tools like [`nslookup`](https://linux.die.net/man/1/nslookup) which is a dns lookup tool, [`nmap`](https://linux.die.net/man/1/nmap), a network scanner to discover open ports and services while breaking into "boxes" which are linux machines. 
I also found [John the Ripper](https://github.com/openwall/john) while trying to crack the passphrase for a pgp key. I ended up not needing this though. The password I was looking for was right in the first lines of rockyou.txt.

While this is the first time I am actually able to contribute to a CTF challenge, I have actually been in one before. This was 2 years ago during my internship at Goldman Sachs. I got as far as opening Chrome's developer console and that was it. I must have really improved in these 2 years.

Let's see if I come out top 10 :smile:
The web does not exist - what would you do differently?
Tags: watercooler, discuss, webdev
Published: 2021-08-27 08:59:16

After checking this post:

{% post siddharthshyniben/what-would-the-ideal-web-framework-look-like-p5m %}

This got me thinking about what the web would look like if it was re-done today. Would it look anything similar? Or would a completely new approach be taken?

What's your take on this?
React hooks: useCallback
Published: 2021-08-27 08:05:51

## 1. useCallback
```jsx
const memoizedCallback = useCallback(
  () => {
    doSomething(a, b);
  },
  [a, b],
);
```

Pass an inline **callback and an array of dependencies**. useCallback will return a **memoized version** of the callback that only changes if one of the dependencies has changed. 

## 2. Purpose of useCallback

```jsx
function MyComponent() {
  // handleClick is re-created on each render
  const handleClick = () => {
    console.log('Clicked!');
  };

  // ...
}
```

**handleClick** is a different function object on every rendering of MyComponent.

But in some cases you need to maintain a single function instance between renderings:

1. A functional component wrapped inside `React.memo()` accepts a function object prop
2. When the function object is a dependency to other hooks, e.g. `useEffect(..., [callback])`
3. When the function has some internal state, e.g. when the [function is debounced or throttled](https://dmitripavlutin.com/react-throttle-debounce/#2-debouncing-a-callback-the-first-attempt).

That’s when useCallback(callbackFun, deps) is helpful: given the same dependency values deps, the hook returns (aka memoizes) the function instance between renderings:

```jsx
import { useCallback } from 'react';

function MyComponent() {
  // handleClick is the same function object
  const handleClick = useCallback(() => {
    console.log('Clicked!');
  }, []);

  // ...
}
```

## 3. Links
- [Hooks API Reference - React](https://reactjs.org/docs/hooks-reference.html#usecallback)

- [Your Guide to React.useCallback()](https://dmitripavlutin.com/dont-overuse-react-usecallback/)

- [Memoization](https://en.wikipedia.org/wiki/Memoization)
concentrated solar power market: What will be the Short-term Impact of Coronavirus?

Published: 2021-08-27 08:00:17

The global concentrated solar power market is expected to rise with an impressive CAGR and generate the highest revenue by 2026. Fortune Business Insights™ in its latest report published this information. The report is titled "Concentrated Solar Power Market Research Report offers exclusive insights into key trends, growth drivers, major restraints and leading companies with global competitive scope". The report discusses research objectives, research scope, methodology, timeline and challenges during the entire forecast period. It also offers an exclusive insight into various details such as revenues, market share, strategies, growth rate, product & their pricing by region/country for all major companies.

For More Information Visit @ https://www.fortunebusinessinsights.com/industry-reports/concentrated-solar-power-market-100751

The report provides a 360-degree overview of the market, listing various factors restricting, propelling, and obstructing the market in the forecast duration. The report also provides additional information such as interesting insights, key industry developments, detailed segmentation of the market, list of prominent players operating in the market, and other biogas market trends. The report is available for sale on the company website.

The Report Covers the Following, Major Points Precisely:

• Top Players That Are Operating in the Global Market
• Market Segmentation 
• Regional Analysis
• Deep Insights into the Market with Detailed Table of Content and Figures
• Global Market Predictions for Five Decades.

Key Questions Answered:

What are the key technological and Industrial Separator Market trends shaping the market?
What are the key opportunities in the market?
What are the key companies operating in the market?
Which company accounted for the highest market share?
Why Choose Fortune Business Insights?
What is the market size and growth rate of the global and regional market by various segments?
What is the market size and growth rate of the market for selective countries?
Which region or sub-segment is expected to drive the market in the forecast period?
What Factors are estimated to drive and restrain the Industrial Separator Market growth?
Storing workflow data as artifacts
Published: 2021-08-27 07:47:54

About workflow artifacts

Artifacts allow you to persist data after a job has completed, and share that data with another job in the same workflow. An artifact is a file or collection of files produced during a workflow run. For example, you can use artifacts to save your build and test output after a workflow run has ended.

GitHub Enterprise stores full build logs and artifacts for 90 days. The retention period for a pull request restarts each time someone pushes a new commit to the pull request.

These are some of the common artifacts that you can upload:

    Log files and core dumps
    Test results, failures, and screenshots
    Binary or compressed files
    Stress test performance output and code coverage results
[https://docs.github.com/es/enterprise-server@2.22/actions/guides/storing-workflow-data-as-artifacts](Github.com)
npm: personal memo
Published: 2021-08-27 07:43:02

# npmとは
- Node Package Manager の略。

## Search for packages
### Search packages
```
$  npm search パッケージ
```
### View registry info

```
$ npm view vue // aliases: info, show, v
vue@2.6.14 | MIT | deps: none | versions: 345
Reactive, component-oriented view layer for modern web interfaces.
https://github.com/vuejs/vue#readme

keywords: vue

dist
.tarball: https://registry.npmjs.org/vue/-/vue-2.6.14.tgz
.shasum: e51aa5250250d569a3fbad3a8a5a687d6036e235
.integrity: sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==
.unpackedSize: 3.0 MB

maintainers:
- posva <posva13@gmail.com>
- yyx990803 <yyx990803@gmail.com>

dist-tags:
beta: 3.2.0-beta.8  csp: 1.0.28-csp     latest: 2.6.14      next: 3.2.6

published 2 months ago by posva <posva13@gmail.com>
```


## Install a package
###  パッケージをインストールする
```
// package.json の dependencies に記録される
$ npm install パッケージ

// または
$ npm install パッケージ --save

//package.json の dependencies に記録しない
$ npm install パッケージ --no-save 
```

### パッケージをグローバルにインストールする
```
// グローバルにインストールする
$ npm install -g パッケージ
```

### package.json に記述されたパッケージをインストールする
package.json に記載されたバージョンではなく、最新バージョンがインストールされる。
ただし、package.json に記載されたバージョンは更新されない。
```
$ npm insatll
```

### install済みのpackageを表示する
```
$ npm list
$ npm ls
```

## Update a package
### package.jsonに記載された package の最新状態を確認する
```
$ npm outdated
```
### パッケージをupdateする
```
// 指定したpackageのみ
$ npm update パッケージ

// package.jsonすべて
$ npm update
```

## Uninstall a package
```
$ npm uninstall パッケージ
// または
$ npm rm パッケージ
```

## Run arbitrary package scripts
- run-script 
    - aliases: run, rum, urn

### build a package
```
$ npm run build
```

## npm insatll/ npm ci

### npm insatll 
- package.jsonのdependenciesに記載されたpackageのバージョンを更新する。
- 更新されたpackage.jsonのpackageをnode_modules のディレクトリへinstallする
- node_modules に実際にインストールされたパッケージのバージョン情報が package-lock.json に記述される
### npm ci 
- package-lock.json の dependencies に記載されたpackageのバージョンでinstallする

# 参考
- https://www.tohoho-web.com/ex/npm.html
- https://www.npmjs.com/
- https://docs.npmjs.com/
- https://qiita.com/sugurutakahashi12345/items/1f6bb7a372b8263500e5
php difference between am pm time in hours and minutes [duplicate]
Tags: date, datetime, time, php
Published: 2021-08-27 07:36:32

$datetime1 = new DateTime('09:30 PM');
$datetime2 = new DateTime('10:45 PM');
$interval = $datetime1->diff($datetime2);
echo $interval->format('%hh %im');

Output -

1h 15m
The Final Guide Index
Tags: beginners, tutorial, codenewbie, culture
Published: 2021-08-27 07:30:32

![The Final Guide](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8m8tlbuqo7gy9db8vy63.png)

This post will be an incremental  index for all "The Final Guide"s I I have written and will write.

## **Enjoy the Reading!**

## Index
- [Git Basics](https://dev.to/zigrazor/git-basics-the-final-guide-1ne4)
- [Git Merge](https://dev.to/zigrazor/git-merge-the-final-guide-ldn)
- [Git Undo Merge](https://dev.to/zigrazor/git-undo-merge-the-final-guide-4bj9)
- [Git Hotfix Branches](https://dev.to/zigrazor/git-hotfix-branches-the-final-guide-1mll)
- [Git Remove Local and Remote Tag](https://dev.to/zigrazor/git-remove-local-and-remote-tag-the-final-guide-534n)
- [Git Commits and Commit Messages](https://dev.to/zigrazor/git-commits-and-commit-messages-the-final-guide-2g6f)
- [Pointer vs Reference in C++](https://dev.to/zigrazor/pointer-vs-reference-in-c-the-final-guide-3475)


Thank You All!
Nested border-radius Playground
Tags: css, webdev, showdev, discuss
Published: 2021-08-27 07:01:44

When nesting elements with a `border-radius`, I found [this formula](https://joshnh.com/weblog/getting-inner-border-radius-just-right/), which I implemented in the Codepen below:

{% codepen https://codepen.io/stoumann/pen/RwgPyqw %}

---

Each “inner ring” multiplies the `--gap`, and deducts it from the border-radius: `--bdrs`:

`calc(var(--bdrs) - (var(--gap) * 1))` etc.

It looks fine with larger border-radii, but when the gap increases, and you use smaller radii, you'll end up with **negative** radii (thus, not visible) in those inner rings, where the multiplied `--gap` ends up being larger than the radii.

I'll never use this irl, but – just out of curiosity – does anyone have a better formula, that'll work with infinite inner radii? Or maybe use something like `clamp()`?
Innovation-driven white label cryptocurrency exchange software solution

Tags: whitelabel, cryptoexchange, blockchain, cryptocurrency
Published: 2021-08-27 06:52:40

Antier Solutions brings its strength in Blockchain technology to deliver mission-driven white label cryptocurrency exchange software solutions. The white-label solutions aligned with your business goals expedite implementation and deployment while reducing time-to-market.
https://www.antiersolutions.com/cryptocurrency-exchange-development-company/
Coding at early age how it can affact the education and eye health of a child?
Tags: codenewbie
Published: 2021-08-27 06:44:07

Coding at a young age is considered to be cool but sadly i can affect health as well as other education too. Nowdays in india many online education platforms are promoting coding classes for kids. If you are a perent then <a href="https://www.moraltale.com/">www.moraltale.com</a> can be the idal place for your kid. Our website covers verity of educatonal content for kids. Moral stories , animal, bible and much more to explore.
Created Frontend Tools Showcase site with Next.js & Contentful
Tags: nextjs, contentful
Published: 2021-08-27 06:44:05

I created a simple web site with Next.js and Contentful.
https://fetools.vercel.app/

### What is Next.js?
>Next.js is an open-source development framework built on top of Node.js enabling React based web applications functionalities such as server-side rendering and generating static websites.

### What is Contentful?
>Contentful is the platform where you can update the content of your website, a mobile app or any other platform that displays content. We save you the time and hassle to create your own backend to manage the content, and provide many tools which make it easier to actually generate a website or app.

In fact, for this simple application, I don't need to use Contentful but I'm planing to create another application with Contentful so this is a kind of test lol. 
And also I wanted to make this article's update easy.

{%link https://dev.to/kojikanao/useful-websites-for-frontend-engineers-27ac %}

Actually, Next.js+Contentful reduced the time to update the information.


### Next.js structure Component
I used `create-next-app` to create a base project without TypeScript. Then created `src` folder under the root and moved all javescript files (without settings ex: next.config.js) to `src` folder.
After that I created `component` folder. Each component uses the following structure. A couple of component don't have a css file such as `PageSEO` component since it has only `meta` tags which don't need any styles.

`with stylesheet`
```
- component_name
  - index.js
  - component_name.module.css 
```

`without stylesheet`
```
- component_name
  - index.js
```

### Next.js structure Pages
The `Pages` folder structure is also very simple since it has  index page and 404 page only.
`_document.tsx` is for SEO (especially, Google Analytics).

For this simple application's key is `index.tsx` since I call Contentful API from there. However, fetching data isn't difficult since Contentful offers their own library. 

{% github contentful/contentful.js %}

Right now I'm using `getServerSideProps` which is SSR. But for this type of a web application, SSG would be better since I don't need to update site until I add a new site/app to Contentful.

### Lighthouse
The following is the current score.

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

Basically, we don't need to do something special since Next.js is optimized very well so all scores are basically more than 80.


### Hosting
This app is using Vercel(https://vercel.com/) because Next.js is from Vercel and in terms of build time, Vercel was faster than Netlify. This app is using environment variables for Contentful `CONTENTFUL_SPACE_ID`, `CONTENTFUL_ACCESS_TOKEN`.


### TypeScript
Right now I'm using TypeScript(not enough lol since there are a couple of `any` lol). I think I had to use TypeScript when I created a base project since introducing TypeScript from half way through since I needed to update eslint settings that were really annoying. 


The repo is here.
{% github koji/frontend-tools %}
Hello world, modular monolith
Tags: technology, spring, springboot, java
Published: 2021-08-27 14:59:19

---
title: Hello world, modular monolith
published: true
date: 2021-08-27 06:43:26 UTC
tags: technology,spring,springboot,java
canonical_url: 
---

![](https://cdn-images-1.medium.com/max/1024/0*BfpItx9bAUC7CS_5)<figcaption>Photo by <a href="https://unsplash.com/@kaleidico?utm_source=medium&amp;utm_medium=referral">Kaleidico</a> on <a href="https://unsplash.com?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption>

I just published a new side project of mine, for creating modular monoliths.

It’s very early stage. Not more than an outline. I’m curious what you think about it, please leave me a note in the comments.

[GitHub - bertilmuth/modular-monolith-helloworld: A hello world style example of a producer and consumer communicating with an event bus.](https://github.com/bertilmuth/modular-monolith-helloworld)

Each module is contained in its own Gradle project. Apart from main and connector, the modules have no dependencies.

This modular style of development potentially has the following benefits:

- The modules mark _team boundaries_. Each team can work on its own data and behavior, hardly affected by the work of other teams. That can reduce the time to market of development teams.
- Isolating the modules _reduces cognitive load_. A developer no longer needs to understand the whole application, but only the module she works on.
- Reducing the dependencies avoids the dreaded _big ball of mud_, and makes the application in general more maintainable. In particular, it avoids cyclic dependencies between parts of the application.

This modular style has the following downsides:

- It leads to _eventual consistency_. Since the modules communicate asynchronously, there is no guarantee for immediate consistency of data between modules.
- More effort for _reliable messaging_. In a real world application, it must be made sure that no events get lost. This complicates the infrastructure logic.
Laravel 8 Google Recaptcha Example
Tags: laravel, googlecloud, google, recaptcha
Published: 2021-08-27 06:37:36

Today, We will learn about laravel 8 google recaptcha with example. Google recaptcha used for advanced risk analysis techniques to show diffrents between humans and bots apart it is defends your site from spam and abuse and it make your site more secure. here we will see how to generate google recaptcha code.

For google recaptcha code tutorial we are using anhskohbo/no-captcha package and here we required secret key and site key from Google API. 

So,let's start.

> Step 1 : Install Laravel
> Step 2 : Install anhskohbo/no-captcha Package In Your Laravel Application
> Step 3 : Publish Config File
> Step 4: Add Google Site Key and Secret Key
> Step 5 : Create Controller
> Step 6 : Add Route
> Step 7 : Create Blade File

And finally you will get output like below screen print.

![Google Recaptcha Example In Laravel](https://dev-to-uploads.s3.amazonaws.com/i/y0px74xgsn7tkn0fnrl9.png)

---

> **_[Read More : Laravel 8 Google Recaptcha Example](https://techsolutionstuff.com/post/laravel-8-google-recaptcha-example)_**

---

> **_[Read More : Laravel 6 CRUD Tutorial with Example
](https://techsolutionstuff.com/post/laravel-6-crud-tutorial-with-example)_**
Remove footnote from Word document Using Java
Tags: java, word, footnote
Published: 2021-08-27 06:26:18

In my previous article, I have introduce how to use Free Spire.Doc for Java to [insert footnote to word document](https://dev.to/jazzzzz/insert-footnote-to-word-using-java-55k7). Now, this article will share how to remove footnote from word document programmatically.

**Installation**
**Method 1:** Download [Free Spire.Doc for Java](https://www.e-iceblue.com/Download/doc-for-java-free.html) and unzip it. Then add the Spire.Doc.jar file to your Java application as dependency.

**Method 2:** Directly add the jar dependency to maven project by adding the following configurations to the pom.xml.
```xml
<repositories>
   <repository>
      <id>com.e-iceblue</id>
      <name>e-iceblue</name>
      <url>http://repo.e-iceblue.com/nexus/content/groups/public/</url>
   </repository>
</repositories>
<dependencies>
   <dependency>
      <groupId>e-iceblue</groupId>
      <artifactId>spire.doc.free</artifactId>
      <version>3.9.0</version>
   </dependency>
</dependencies>
```
**Sample Code**
```java
import com.spire.doc.*;
import com.spire.doc.documents.Paragraph;
import com.spire.doc.fields.*;

public class RemoveFootnote {
    public static void main(String[] args) throws Exception {

        //Load the Sample Word document.
        Document document = new Document();
        document.loadFromFile("out/footnote.docx");

        Section section = document.getSections().get(0);

        //Traverse paragraphs in the section and find the footnote
        for (int j = 0; j < section.getParagraphs().getCount(); j++) {
            Paragraph para = section.getParagraphs().get(j);
            int index = -1;
            for (int i = 0, cnt = para.getChildObjects().getCount(); i < cnt; i++) {
                ParagraphBase pBase = (ParagraphBase) para.getChildObjects().get(i);
                if (pBase instanceof Footnote) {
                    index = i;
                    break;
                }
            }

            if (index > -1)
                //remove the footnote
                para.getChildObjects().removeAt(index);
        }
        document.saveToFile("Removefootnote.docx", FileFormat.Docx);
    }
}
```