teleren/devto huggingface dataset:
MARL Research Highlights the Need for Faster Communication Through Fine-Grained Task Mapping
Tags: bigdata, ai, machinelearning
Published: 2023-09-14 14:08:59

Advancements in Multi-Agent Reinforcement Learning (MARL) have been instrumental in big-data applications like smart grids and surveillance. However, a new study reveals its speed performance challenges, emphasizing the role of communication, especially in decentralized contexts. Depending on whether communication methods are pre-defined or learned, efficiency varies, with the latter being more intensive. Given the rising communication demands in MARL, there’s a push for tailored optimizations and accelerators, hinting at future specialized tools to reduce overheads.

Read more — https://news.superagi.com/2023/09/14/marl-research-highlights-the-need-for-faster-communication-through-fine-grained-task-mapping/
Targeted-Prompting (TAP): Unlock Potential of Text Data in Training Advanced Visual Recognition Systems
Tags: ai, machinelearning, llm
Published: 2023-09-14 14:07:50

Recent research has introduced Targeted-Prompting (TAP), a novel method that enhances the performance of Vision and Language Models (VLMs) like CLIP. TAP utilizes the extensive knowledge of Large Language Models to produce text-only samples that highlight specific visual attributes of tasks. This allows for a text classifier to train on these samples, eliminating the need for paired image-text data. When tested on datasets such as UCF-101 and ImageNet-Rendition, TAP showcased remarkable improvements. A key element of this study is the efficient cross-modal transfer between text and image, signaling a shift towards leveraging text data for advanced visual recognition systems, potentially reducing the dependence on vast visual datasets.

Read more — https://news.superagi.com/2023/09/14/targeted-prompting-tap-unlock-potential-of-text-data-in-training-advanced-visual-recognition-systems/
Problem with for_sidekiq and for_sidekiq with the Forem project Container
Tags: discuss, help, devto, forem
Published: 2023-09-14 13:59:21

Hey guys, how are you?!

Today I need help!

I'm looking to make some contributions to the [Forem](https://github.com/forem/forem)repository!

I'm uploading the project locally with Docker but I'm having some problems, I'm having problems with **for_seed** and **for_sidekiq** like the images below!

Has anyone experienced this type of problem and knows what I can do?!

I've already done some things like restarting all the containers but the problem continues!

Take a look:

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


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

If anyone knows of a possible solution, please leave a comment!

In the meantime, I'm taking a look around the community to see if I can find a solution.

See you soon 🤘
Pixel-Perfect Development with React Plugin from FIGMA
Tags: figma, frontend, design, ui
Published: 2023-09-14 13:53:22

If you're a React web developer, you're likely familiar with the challenge of aligning your designs with your code. You may have experienced that frustrating feeling of your design not quite matching up to your expectations. I used to struggle with alignment issues and had to create multiple border lines to ensure everything lined up properly, but it didn't always produce the desired results.

That's where Layout-greed comes in. This plugin, inspired by Figma's layout grid, guarantees precise alignment and consistency for every pixel in your project or product. So, if i design using a particular design grid scheme, you can copy it to your frontend project and build with it.

## Here are the 3 types of layout guidelines you get:

- Columns
![Columns](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ldv7skr6cu8rk40u4fjh.jpeg)
- Rows
![Rows](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sr4wfzsmdmgjo465w5nr.jpeg)
- Grid
![Grid](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gmhgdfee8b85jfyps7h4.jpeg)

{% embed https://res.cloudinary.com/chocoscoding/video/upload/v1694686302/Untitled_1_wvxzdx.mp4 %}
Looking good? See the demo below 👇

## Demo
{% codesandbox 48g5tr %}

## How to use

For yarn users - `yarn install layout-greed`
For npm users - `npm install layout-greed`

```jsx
import { Layout } from 'layout-greed';
const App = () => {
  return (
    <div className="App">
      <Layout />
    </div>
  );
};
```
Check out [layout greed on npm](https://www.npmjs.com/package/layout-greed) for more info.

## Conclusion

I believe this would help a lot of developers who love to make accurate interpretations from designs while keeping it nice and crispy 🥰.
So, tell me what you think. Is this something you would use? If not, tell me why 😉
Filezilla Open for Write: Permission Denied Error: File Transfer Failed
Published: 2023-09-14 13:35:14

The "Open for write: permission denied" error in FileZilla can occur when you try to upload files to filezilla FileX sFTP server. 

## Filezilla Open for Write: Permission Denied Error: File Transfer Failed

To fix this error, you can try these steps:

- Check the permissions for the file or directory you are trying to write to.
- Check the permissions for the file or directory you are trying to write to.
- Make sure you are uploading to the correct file directory.
- Check if your file is named correctly.
- Check your local computer's antivirus software and firewall. The antivirus software might have blocked FTP commands from FileZilla Pro.
- Ensure you have sufficient privileges.
- Log into FileZilla with the ROOT account on your server.

Read More [Filezilla Open for Write: Permission Denied Error: File Transfer Failed](https://www.tutsmake.com/aws-open-for-write-permission-denied-filezilla)
JOI qualifier 2014 D - Schedule of club activities
Tags: algorithms
Published: 2023-09-14 13:30:47

https://atcoder.jp/contests/joi2014yo/tasks/joi2014yo_d

**NOTE**
Sorry. This problem is in Japanese.

## How to solve it?
- dp[i][S] := The number of possible schedule for the case where the state of the club member is `S` on day `i`.

- dp[i][S] = (total number of patterns meeting the previous day's conditions) % 10_007

## Solution
```rust
use proconio::input;
pub fn main() {
    input!(
        n: usize,
        s: String,
    );
    let s = s.chars();
    let base = 10_007;
    // dp[date][universal set]
    let mut dp = vec![vec![0; 1 << 3]; n + 1];
    // Jが出席して、1日の場合のパターンは1つしかない
    dp[0][1] = 1;
    for (i, c) in s.enumerate() {
        let must = match c {
            'J' => 1,
            'O' => 1 << 1,
            'I' => 1 << 2,
            _ => panic!(),
        };
        for prev_j in 0..1 << 3 {
            for j in 0..1 << 3 {
                if must & j > 0 && prev_j & j > 0 {
                    dp[i + 1][j] += dp[i][prev_j];
                    dp[i + 1][j] %= base;
                }
            }
        }
    }
    println!("{}", dp[n].iter().sum::<usize>() % base);
}
```

```rust
if must & j > 0 && prev_j & j > 0 {
    dp[i + 1][j] += dp[i][prev_j];
    dp[i + 1][j] %= base;
}
```
The conditional statement of this expression is,
- The representative is in the subset `j`,
- The same person is a participant of the previous day (prev_j) and the same person on the day of the event to give the key.
Counted only in the above cases.
Chrome side panel: Simulate close event
Tags: chrome, extension, javascript, tutorial
Published: 2023-09-14 13:30:18

The new side panel in Chrome does not contain a close event, which could come handy if you want to clean up stuff after the panel has been closed. 

You can simulate the event by opening a permanent connection between the side panel and the background script. This connection fires an `onDisconnect` event if the side panel gets closed. 

`sidepanel.js`:
``` js
chrome.runtime.connect({ name: 'mySidepanel' });
```

The background script can add a listener and react accordingly:

`background.js:`
``` js
chrome.runtime.onConnect.addListener((port) => {
  if (port.name === 'mySidepanel') {
    port.onDisconnect.addListener(() => {
      console.log('Sidepanel closed.');
    });
  }
});
```

Note that switching between panels is not sufficient, the event will only fire if the side panel is fully closed.
Day 48: Mapped Types
Tags: javascript, typescript, 100daysofcode
Published: 2023-09-14 13:30:00



## What Are Mapped Types? 🤔

Mapped types are a way to create new types by transforming the properties of an existing type. Essentially, they allow you to iterate over the properties of one type and create a new type based on those properties. This can be incredibly useful for scenarios like creating read-only or optional versions of types or filtering out specific properties.

#### Basic Syntax 📝

```typescript
type MappedType<T> = {
  [P in keyof T]: NewType;
};
```

Here's a breakdown of what each part means:

- `{}`: Encloses the mapped type definition.

- `T` represents the original type.
- `P` represents each property in the original type.
- `keyof T` produces a union type of all keys in `T`.
- `in` is a keyword that denotes the mapping process.
- `NewType` is the type you want to assign to each property in the new type.

## Creating a Read-Only Type 🔒

One common use case for mapped types is to create a read-only version of an object type. Let's say we have a type representing a user:

```typescript
type User = {
  id: number;
  name: string;
  email: string;
};
```

We can create a read-only version of this type using a mapped type:

```typescript
type ReadOnlyUser = {
  readonly [K in keyof User]: User[K];
};
```

In this example, `[K in keyof User]` iterates over each property in the `User` type, and `User[K]` retains the type of each property. The `readonly` modifier makes each property read-only.

Now, if we try to modify a property of `ReadOnlyUser`, TypeScript will throw an error:

```typescript
const user: ReadOnlyUser = {
  id: 1,
  name: "Alice",
  email: "alice@example.com",
};

user.name = "Bob"; // Error: Cannot assign to 'name' because it is a read-only property.
```

## Creating Optional Properties ❓

Mapped types can also be used to make properties optional. Let's say we have a type representing a configuration:

```typescript
type AppConfig = {
  apiKey: string;
  loggingEnabled: boolean;
  maxRequestsPerMinute: number;
};
```

We can create a version of this type where all properties are optional like this:

```typescript
type OptionalConfig = {
  [K in keyof AppConfig]?: AppConfig[K];
};
```

Now, all properties in `OptionalConfig` are optional:

```typescript
const config: OptionalConfig = {
  apiKey: "my-api-key",
  // No need to specify other properties
};
```

## Filtering Out Properties 🧹

Mapped types also allow us to filter out specific properties from a type. Let's say we want to create a type that excludes the `loggingEnabled` property from `AppConfig`:

```typescript
type WithoutLogging = {
  [K in Exclude<keyof AppConfig, "loggingEnabled">]: AppConfig[K];
};
```

In this example, we use the `Exclude` utility type to remove the `"loggingEnabled"` property from the keys of `AppConfig`. The resulting type, `WithoutLogging`, does not contain the `loggingEnabled` property:

```typescript
const config: WithoutLogging = {
  apiKey: "my-api-key",
  maxRequestsPerMinute: 100,
};
```
Sloan's Inbox: Do I need to write blog posts to be a successful dev?
Tags: discuss
Published: 2023-09-14 13:30:00

Hello! Sloan, DEV Moderator and resident mascot, back with another question submitted by a DEV community member. 🦥

For those unfamiliar with the series, this is another installment of Sloan's Inbox. You all send in your questions, I ask them on your behalf anonymously, and the community chimes in to offer advice. Whether it's career development, office politics, industry trends, or improving technical skills, we cover all sorts of topics here. If you want to send in a question or talking point to be shared anonymously via Sloan, that'd be great; just scroll down to the bottom of the post for details on how.

So, let's get down to business...

### Today's question is:

> I'm a beginner dev and when I see others writing about development, sharing tutorials, and posting about their follower count growing, it occasionally gives me anxiety. It makes me feel like being just a developer isn't enough, and that I need to participate in communities or build my online presence in order to become successful. Is it possible to be a successful dev and get a job without writing blog posts or being regularly active online?
>

Share your thoughts and lets help a fellow DEV member out! Remember to keep kind and stay classy. 💚

---

*Want to submit a question for discussion or ask for advice? [Visit Sloan's Inbox](https://docs.google.com/forms/d/e/1FAIpQLSc6wgzJ1hh2OR4WsWlJN9WHUJ8jV4dFkRDF2TUP32urHSAsQg/viewform)! You can choose to remain anonymous.*
Simplify Document Signing with Electronic Signature
Published: 2023-09-14 13:26:57

Discover the convenience and efficiency of [electronic signature](https://wesign.com/services/electronic-signature.html). With electronic signatures, you can easily sign and send documents securely from anywhere, eliminating the need for printing, scanning, and mailing. Streamline your workflow and accelerate business processes with the power of electronic signatures. Try it today and experience the future of document signing.
Digital Signature: Securely Validate Your Documents Online
Published: 2023-09-14 13:17:21

A [digital signature](https://wesign.com/services/digital-signature.html) is a secure and tamper-proof way to validate electronic documents, ensuring their authenticity and integrity. By using cryptographic techniques, a digital signature uniquely identifies the signer and guarantees that the document hasn't been altered since the signature was applied. With digital signatures, you can confidently verify the origin of files, protect against forgery, and securely conduct business transactions online.
Website: https://wesign.com/services/digital-signature.html
Esignature - Meaning and Importance | WESIGN DOC
Tags: esignature
Published: 2023-09-14 13:15:16

[Esignature](https://wesign.com/services/esignature.html  ) replaces written signatures, applicable to contracts, agreements, invoices, and NDAs. Transitioning from paper to digital streamlines processes, enhances efficiency, and facilitates remote collaborations, all while maintaining legal validity.
Using Standard Deviation for Signals and Spreads
Tags: algotrading, statarb, timeseries, python
Published: 2023-09-14 13:11:53

I'll show you how to use standard deviation to attempt to predict price reversals. As a bonus, we'll measure volatility ranges to place orders at optimal distances from the mean price.

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

### Signals
We'll try to predict price reversals from peak values to the mean using standard deviation. The idea is that the market often returns to mean values after "overheating." These peak values correspond to peak standard deviation values.

Of course, this alone isn't enough to reliably predict price direction. So, we'll use two filters.

1. First, the standard deviation must decrease to avoid shorting during continued growth and buying during declines.
2. Second, the current price must be below the mean for buying and above it for selling.

### Volatility Levels
We need to know the current market volatility to adjust our targets, stops, and more.

Typically, volatile periods form clusters. New information enters the market, traders use it, there's a price discovery process, and then the market calms down again.

We'll take data from several days and calculate boundaries for five standard deviation levels. Then, we'll plot a chart to see the results.

This is similar to the work I recently shared. However, in that case, I worked with tick data, and this time, I used candlesticks. [Link to previous work](https://twitter.com/jungle_sven/status/1698726076212490307)

You can access the complete code [here](https://github.com/Jungle-Sven/std_dev_ohlcv/blob/main/std_dev_ohlcv.ipynb).

[twitter](twitter.com/jungle_sven)
Why Your H1 and Title Should Be Different for SEO
Tags: seo
Published: 2023-09-14 13:08:39

## Why Your H1 and Title Should Be Different for SEO

Search engine optimization (SEO) is crucial for driving relevant organic traffic to your website. Two key on-page elements that influence SEO are your title tag and H1 heading.

While your title and H1 should complement each other, they serve different purposes and should not be identical. Here's why:

## The Title Tag Focuses on Keywords

Your title tag appears in search engine results pages (SERPs) as the clickable link. It should contain your most important keywords and compel users to click. Having your target keyword appear early in the title tag signals to search engines what the page is about.

The title also needs to make sense for users. Closely mirroring the H1 in the title tag could result in odd, lengthy titles.

## The H1 Summarizes the Content

Your H1 appears on the page itself as the main heading. It should summarize or introduce the content that follows. The H1 gives structure to your content for both users and search bots.

Repeating the title tag as the H1 would result in repetitive, potentially awkward headings. It also wastes an opportunity to include related keywords.

## Complement Without Copying

The title and H1 should complement each other without being identical. For example, the title could focus on a location-based keyword while the H1 introduces the content topic.

Having variation also gives search engines more signals about your page's relevance. It helps avoid keyword stuffing.

In summary, keep your title tag and H1 heading focused on your target keywords, but make them distinct. This balance will help optimize the page for both search engines and users.


### Example 1
Title: Affordable Pet Grooming in Los Angeles
H1: Professional Pet Grooming Services

The title focuses on the location and service keywords while the H1 introduces the content topic in more detail.

### Example 2
Title: Best Mountain Bike Trails in Vermont
H1: Top Mountain Biking Trails to Try in Vermont

Again the title targets the location and keywords, while the H1 sets up the content as a list of recommendations.

### Example 3
Title: How to Potty Train Your Puppy in 7 Days
H1: A Step-by-Step Guide to Potty Train Any Puppy in Just 7 Days

The title highlights the keyword phrase "potty train your puppy" while the H1 elaborates on the content as a guide.

### Example 4
Title: Best Plumbers in Chicago - Top 10 Options
H1: Finding a Reliable Plumber in Chicago


## What is Google's point of view? 
It is a bad idea to duplicate your title tag content in your first-level header. If your page's title and h1 tags match, the latter may appear over-optimized to search engines.
Also, using the same content in titles and headers means a lost opportunity to incorporate other relevant keywords for your page.

https://developers.google.com/search/docs/appearance/title-link
Comparing RazorSQL, dbForge Studio, and Toad for SQL Server
Published: 2023-09-14 13:06:13

By conducting a thorough and informed comparison of SQL database tools, database administrators (DBAs) can make confident choices tailored to their specific needs.

In this comprehensive analysis, we will delve into the features of three prominent SQL database tools: dbForge Studio for SQL Server, RazorSQL, and Toad for SQL Server. By the conclusion of this assessment, you will have a clear understanding of why dbForge Studio, with its rich feature set, emerges as the preferred option, significantly boosting your efficiency in handling database-related tasks.

Learn more: https://www.devart.com/dbforge/sql/studio/razorsql-alternative.html
Looking for help with dev work
Tags: fivem, gta, typescript, css
Published: 2023-09-14 12:55:41

Hi guys , i am looking for a dev to help out with a fivem server we are making with the help of qbcore also i would like to add that we are looking to make a custom core frame work soon so if that interests you then drop me a message or email ill get back as soon as i can thanks
Sending File With UseFetch Nuxt3 To Laravel
Tags: nuxt, vue, laravel, javascript
Published: 2023-09-14 12:13:13

I am sending post request to Laravel. Request have image and other data fields. 
```
async createGallery(payload: any){
      const formData = new FormData();
      for (const key in payload) {
        formData.append(key, payload[key]);
      }
      for (const entry of formData.entries()) {
        console.log(`Key: ${entry[0]}, Value: ${entry[1]}`);
      }
  
      return await new Promise((resolve, reject) => {
        let that  = this;
          const { data, error, pending, refresh } = useCustomFetch<object>('/api/admin/galleries', {
              method: 'post',
              body: formData,
              onResponse({ request, response, options }) {
                if (response.status == 200) {
                  resolve(response._data?.message);
                }
              },
              onResponseError({ request, response, options }) {
                console.log(response);
                that.settings.setValidationErrors(response._data.validation_errors);
              }
          });
      });
    },
```
The problem that I have 2 fields in Object type. when sending with FormData its output in console :
`
Key: type, Value: slider
Key: status, Value: 0
Key: order_item, Value: 57
Key: image, Value: [object File]
Key: en, Value: [object Object]
Key: ar, Value: [object Object]
`
key en and ar sent with [object] type. I (**have**) to send it with formData because I am sending image file. When I was sending with payload its ok and it's format like :
`
'en' => 
  array (
    'title' => 'Veritatis nesciunt',
    'short_description' => 'Inventore omnis vita',
  ),
  'ar' => 
  array (
    'title' => 'Voluptatem aspernatu',
    'short_description' => 'Architecto tempor el',
  ),
`
but I can not send file with payload.
How to send object form data with **new FormData();** ?