Qiita Trends

【スキルアップできる採用試験】fwywd（フュード）採用一次試験を迷わずに進めるために必要な知識 ~開発環境構築~
LGTM: 24
#初心者 #React #就活 #next.js #tailwindcss

Link: https://qiita.com/takahashi-mcd/items/5bc6621a7c6160b92a7f

Qiita

【スキルアップできる採用試験】fwywd（フュード）採用一次試験を迷わずに進めるために必要な知識 ~開発環境構築~ - Qiita

はじめに

普通、試験ってスキルアップしてから受けるものですよね？
進めていくとスキルアップできる試験が存在するのを知っていますか？

そんな型破りな試験が存在するのです。

【無料公開】fwywd 採用試験の全体像

こちらの...

2 viewsedited 21:00

この記事を読む

Qiita Trends

【スキルアップできる採用試験】fwywd（フュード）採用一次試験を迷わずに進めるために必要な知識 ~サイト制作~
LGTM: 16
#初心者 #React #就活 #next.js #tailwindcss

Link: https://qiita.com/takahashi-mcd/items/9e1109f63975525f04e7

Qiita

【スキルアップできる採用試験】fwywd（フュード）採用一次試験を迷わずに進めるために必要な知識 ~サイト制作~ (React,Next.js,TailwindCSS) - Qiita

はじめに

前回の【スキルアップできる採用試験】fwywd（フュード）採用一次試験を迷わずに進めるために必要な知識 ~開発環境構築~で開発を始められるところまで環境構築をしていきました。

本気でエンジニアを目指してスキルアップ...

3 viewsedited 09:00

この記事を読む

Qiita Trends

ボタン一つで漫画風の画像にできるサービスを作った
LGTM: 6
#AWS #アプリ開発 #漫画 #nuxt.js #tailwindcss

Link: https://qiita.com/yuikoito/items/a76ea5bf05f04a44df8d

Qiita

ボタン一つで漫画風の画像にできるサービスを作った - Qiita

こんにちは、Yuiです。

引き続き週イチ発信をしていきます。
今週はボタン一つで漫画風の画像にできるサービスを作ったのでその件について書きます。

ボタン一つで画像を漫画風にできるアプリを作りました！エフェクトも色々試せるのでぜひ...

1 viewedited 09:00

この記事を読む

Qiita Trends

【Next.js＋TypeScript】fwywdの一次採用試験攻略ガイド～試験の流れ編【採用試験対策】
LGTM: 29
#TypeScript #就活 #next.js #tailwindcss #fwywd

Link: https://qiita.com/emjo1804/items/62dabbc059a94778fd25

Qiita

【Next.js＋TypeScript】fwywdの一次採用試験攻略ガイド～試験の流れ編【採用試験対策】 - Qiita

無事合格。やったぜ。
fwywdの一次採用試験を受けるにあたって大まかな作業の流れと、より良い成果物を作るためのポイントを共有しようと思う。

より実践的な話に興味があったらこっちも読んでみてね。

【Git Flow】チーム開発のお...

1 viewedited 21:00

この記事を読む

Qiita Trends

【Next.js＋TailwindCSS】TypeScriptを使ってコンポーネントを作ってみよう【fwywd一次採用試験】
LGTM: 20
#TypeScript #React #next.js #tailwindcss #fwywd

Link: https://qiita.com/emjo1804/items/72c7c76581e60a0d611b

Qiita

【Next.js＋TailwindCSS】TypeScriptを使ってコンポーネントを作ってみよう【fwywd一次採用試験】 - Qiita

TypeScriptを試してみたいけど実際どう書くのかイマイチよくわからない人に捧ぐ。
fwywd一次採用試験内容の一部をお借りして、実際に実装してみる。

筆者もTypeScript初心者だから、もっと良い書き方があるかもしれ...

1 viewedited 21:00

この記事を読む

Qiita Trends

【Next.js＋TypeScript】Tailwind CSSの環境構築Q&A
LGTM: 17
#TypeScript #ESLint #next.js #tailwindcss #fwywd

Link: https://qiita.com/emjo1804/items/503fd4d029168631a6b5

Qiita

【Next.js＋TypeScript】Tailwind CSSの環境構築Q&A - Qiita

筆者がfwywd一次採用試験を受けたときに、
割とちょこちょこハマる部分が多かったのでQ&Aとしてまとめておく。

採用試験を受ける人に限らず、
全てのNext.js＋TypeScript＋Tailwind CSSの環境構...

1 viewedited 21:00

この記事を読む

Qiita Trends

Github Issuesをキレイに外部公開するサービス「2go」作ってみた
LGTM: 5
#GitHub #Laravel #Docker #Vue.js #tailwindcss

Link: https://qiita.com/nice2have/items/28449ae4ef45fef2c671

Qiita

Github Issuesをキレイに外部公開するサービス「2go」作ってみた - Qiita

はじめに

今回初めて個人開発で作ったサービスを公開します。今までも何回かトライしていたのですが、なかなか公開までに至らないうちに、なにか問題にぶちあたったり、時間がかかりすぎて情熱が冷めてしまったりしていたので、今回はまずはスモ...

1 viewedited 21:00

この記事を読む

Qiita Trends

ReactプロジェクトにTailwindCSSを導入する
LGTM: 8
#CSS #初心者 #入門 #React #tailwindcss

Link: https://qiita.com/YSasago/items/7ab45c9f1c81152b2f9e

Qiita

ReactプロジェクトにTailwindCSSを導入する - Qiita

ReactにTailwindCSSを導入

近年CSSのフレームワークのTailwindCSSを使う機会が増えてきたので、Reactのプロジェクトに導入する方法をまとめていきます。

Reactのプロジェクトを作成

まずは...

1 viewedited 21:00

この記事を読む

Qiita Trends

TailwindCSS と比べつつ Chakra UI に入門する
LGTM: 15
#CSS #React #tailwindcss #chakra-ui

Link: https://qiita.com/JSON_HardCoder/items/4ac6314e940ec6d2ad1a

Qiita

TailwindCSS と比べつつ Chakra UI に入門する - Qiita

背景

さまざまなCSS フレームワークが登場し、最近は Tailwind CSSが注目され話題になっていたのは認識していました。そんな中、一部でChakra UIなるものの名前も見るようになり、さらにTailwind CSSと比...

2 viewsedited 21:00

この記事を読む

Qiita Trends

【ReactとNext.jsの学習方法】fwywd（フュード）採用一次試験をcssも危うい初心者が学習した流れ
LGTM: 11
#React #next.js #tailwindcss #Vercel #fwywd

Link: https://qiita.com/takara03/items/59fc2fb81aa209b2f742

Qiita

【ReactとNext.jsの学習方法】fwywd（フュード）採用一次試験をcssも危うい初心者が学習した流れ - Qiita

fwywd（フュード）の採用試験に挑戦したいけど、書いてある内容が呪文にしか見えない。
React・Next.js・tailwindcss・Vercel？？
JavaScriptも全くわからない初心者が学習した流れをまとめました。
プ...

1 viewedited 21:00

この記事を読む

Qiita Trends

【TailwindCSS＋React+Next.js】Next.jsでの画像の表示とアスペクト比の保ち方
LGTM: 3
#CSS #React #next.js #tailwindcss #fwywd

Link: https://qiita.com/takara03/items/f6a1cb57d3580feccc4e

Qiita

【TailwindCSS＋React+Next.js】Next.jsでの画像の表示とアスペクト比の保ち方 - Qiita

はじめに

Next.jsのnext/imageを使用した静的ファイルの表示方法と、画像を表示させたさせた際に、画像の比率を維持することに困ったため、その方法を簡単にまとめました。

環境

OS：macOS Big Sur ...

2 views21:00

この記事を読む

Qiita Trends

【Next.js＋TailwindCSS】Next.jsにTailwindCSSを導入しtailwind.config.jsでカスタマイズする
LGTM: 6
#next.js #tailwindcss #tailwind.config.js #fwywd

Link: https://qiita.com/takara03/items/e6635250bd7a4116ab3b

Qiita

【Next.js＋TailwindCSS】Next.jsにTailwindCSSを導入しtailwind.config.jsでカスタマイズする - Qiita

はじめに

TailwindCSSでコーディング時に同じ記述を何度も記述してしまい、汚くなってしまったので、繰り返し使用するクラスの作り方や使用したい色を設定する方法の一部をまとめました。

分かること

バックグラウンドにし...

1 viewedited 09:00

この記事を読む

Qiita Trends

【Next.js + Tailwind】これを押さえればOK 最新のフロントエンド開発
LGTM: 21
#Node.js #React #next.js #tailwindcss #fwywd

Link: https://qiita.com/akioqiita/items/d5726b00ce9d594b4c95

Qiita

【Next.js + Tailwind】これを押さえればOK 最新のフロントエンド開発 - Qiita

目次

1.この記事を書くきっかけ
2.自己紹介
3.この記事を見てほしい人
4.Reactについて
5.Next.js + Tailwind cssの導入方法
6.Tailwind css
7.スクロールアニメーション
8.Ne...

1 viewedited 09:00

この記事を読む