Qiita Blog

エンジニアを最高に幸せにする。

フロントエンド強化月間 – 開発する上で知っておくべき知見を共有しよう 結果発表🚀

こんにちは、Qiita運営スタッフです。

4月26日（月）より開催中の記事投稿イベント フロントエンド強化月間 – 開発する上で知っておくべき知見を共有しよう へのたくさんのご参加、誠にありがとうございます！

今回のイベントでは、合計169名の方にご参加いただき、69本もの記事が投稿されました！
ご投稿いただき誠にありがとうございます🎉

フロントエンドライブラリの紹介や、パフォーマンス向上テクニックなど、開発体験、ユーザー体験を向上させるような記事を多数ご投稿いただくことができました。

今回はご投稿記事の紹介とLGTM数ランキングを発表いたします！

Qiita運営ピックアップ記事

たくさんのご投稿の中から、Qiita運営がおすすめ記事をピックアップしました！
まだ記事を確認できていない方はご参考にしてみてください！

ざっくり、フロントエンド開発のためのバックエンドサービスを整理する by @y_catch

フロントエンド開発を行うために使えるサービスを、ユースケースごとに網羅的に紹介している記事です。
ウェブアプリケーションを作る際に、繰り返し参考になるような内容になっています！

【初心者向け】HTMLのタグ一覧を覚えておきたい重要度別に分けてみた by @7note

フロントエンド開発で必須になる一方、用途ごとに無数に存在するHTMLタグ。この記事はこのタグを重要度別に網羅的に紹介しています。
こちらもフロントエンド開発では何度も参照したくなるような記事になっているのではないでしょうか。

【Lazy Loading】画面表示を速くする簡単な方法 by @RYO_nami

ユーザーの体験を向上させるのに、必ず考えなかればならない画面表示スピード。この記事では、画面表示を高速化するためのテクニックが紹介されています。
画像を多く使っているサービスを運営している方は是非読んでみてください！

LGTMランキング

LGTMが多かった人気記事TOP10を発表いたします！

順位記事ユーザーLGTM
🥇ざっくり、フロントエンド開発のためのバックエンドサービスを整理する@y_catch75
🥈【初心者向け】HTMLのタグ一覧を覚えておきたい重要度別に分けてみた@7note41
🥉【Lazy Loading】画面表示を速くする簡単な方法@RYO_nami32
4【React】知っておくと便利なカスタムフック作成のコツ@suzuki043031
5Service Workerによるキャッシュ戦略の種類@ohakutsu18
6【React】useCallbackとuseMemoによる表示パフォーマンス改善@suzuki043014
7新卒プログラマーがGatsbyで個人サイト兼ブログを作ってみた@poteboy12
8Vue.jsエコシステムのVue 3対応状況@unhurried9
9ウェブデベロッパーのためのリソースn選的なもの20+選 2021年5月@e99h21219
10Next.jsでビルトインサポートされているCSSを比較してみた@xrxoxcxox7

多数のご投稿ありがとうございました🙏

上記以外にもたくさんの方からご投稿をいただきました！
どの記事も学びの多い記事となっておりますので、ぜひご覧ください。

記事ユーザー
ざっくり、フロントエンド開発のためのバックエンドサービスを整理する@y_catch
【初心者向け】HTMLのタグ一覧を覚えておきたい重要度別に分けてみた@7note
【Lazy Loading】画面表示を速くする簡単な方法@RYO_nami
【React】知っておくと便利なカスタムフック作成のコツ@suzuki0430
Service Workerによるキャッシュ戦略の種類@ohakutsu
【React】useCallbackとuseMemoによる表示パフォーマンス改善@suzuki0430
新卒プログラマーがGatsbyで個人サイト兼ブログを作ってみた@poteboy
Vue.jsエコシステムのVue 3対応状況@unhurried
ウェブデベロッパーのためのリソースn選的なもの20+選 2021年5月@e99h2121
Next.jsでビルトインサポートされているCSSを比較してみた@xrxoxcxox
Tips: クライアント上で特定のクエリパラメータのみを書き換える@getty104
【初心者向け】CSSのプロパティ一覧を覚えておきたい重要度別に分けてみた@7note
Gatsbyで作ったポートフォリオをv2からv3へアップデートした@xrxoxcxox
Javascriptを使って音声認識チャットアプリを作った@rerere0101
【React】React.memoによる表示パフォーマンス改善@suzuki0430
Jamstack な構成（Gatsby+microCMS+Firebase）で個人サイトを作成しました@tsuchinoko0402
Expressでbody-parserがいらない理由: “bodyparser is deprecated”@hirochan
【React】コード分割による表示パフォーマンス改善@suzuki0430
【タグ完全版】あなた、HTMLの基礎しっかりしてますか? @n4suka7
【React】create-react-appをPWA化するのに必要な最低限の知識@suzuki0430
React Hooks と TypeScript で簡単 TODO アプリ@sprout2000
それだけじゃない！ Storybook の活用方法@punkshiraishi
ローカル環境のみで完結するSAML SSOサンプル(node, express, saml-idp利用)@murasuke
TODO アプリで useReducer + useContext 入門@sprout2000
【React】Childrenの要素で表示するものがない時、親のコンポーネントを非表示にする@fussy113
TypeScriptを現場で使う際に理解しておいてよかったこと@suzuki0430
【超基礎】インターネットの仕組みとHTTP,ブラウザについて解説してみた@n4suka7
Create React Appでejectせずにjsx pragma無しのEmotionを使う（TypeScript編）@xrxoxcxox
【React開発のための復習】JavaScript：オブジェクトと配列の分割代入について@hirochan
Next.jsの環境構築の手順@fussy113
AngularでRxJSを使いこなそう@devchrist
ts-node(typescript)デバッグ設定(VSCode)@murasuke
【React】状態管理比較 ~ Redux VS Apollo Client (Graph QL) ~@suzuki0430
【初心者向け】id名・class名で使えない文字@7note
Reactでアンマウント時のアニメーションをつけるのにReact Transition Groupを使ったら簡単だった@xrxoxcxox
ローカル環境でテストに用に起動できるSAML-IdPサーバ@murasuke
【UX】そもそもUXデザインとは何なのか？@suzuki0430
【保存版】HTML 従うべき20個の慣習@n4suka7
Bootstrap 5のレンジが、Safariで表示がおかしくなる原因と対処法@r-40021
RaspberryPiでDenoをソースからビルドして使ってみる@gebriel_kuni
[JS] Fetch APIでFormDataをPOSTするときにContent-Typeを指定しないようにしよう。@YOCKOW
JavaScript 超初心者ガイド@theseuta
【備忘録】React : コンポーネントを作る際にやりがちなミス①初心者向け@hirochan
VS Codeの.jsx拡張子のファイルのアイコンをReact(“javascriptreact”)に変えたいとき@hirochan
【備忘録】React : CSSの基本的なあて方いろいろ（初心者向け）@hirochan
【初心者向け】テキスト&CSSにするか、画像にするかの線引き@7note
【React】buttonとcheckboxで学ぶTesting Libraryの超基本@suzuki0430
create-react-appで React + TypeScriptの環境を構築@MasakiFukunishi
HTMLのアウトライン意識してますか？(HTML何もわからない)@Andhy
【React】リストのレンダリングでmap()を使う際にkeyが必要な理由@suzuki0430
【フロントエンド】AngularとReactのいろいろ対応表@oioigohan
Gatsby + microCMS なブログでシンタックスハイライトを行う@tsuchinoko0402
【React】React PortalとSemantic UIで5分でモーダルをつくる@suzuki0430
【ハンズオン】ReactとNext.jsをコードを書きながらサクッと理解する！@takaken
【ハンズオン】Next.jsとmicroCMSでブログサイトを作ろう！@takaken
Nextjsでnext/imageコンポーネントが動作しない時の対処法@uwattotaitai
【備忘録】React：ルーティングの基礎（React-router）@hirochan
【ありえへん凡記事】CSSの基本ついてまとめてみた@n4suka7
【React】React+ReduxのプロジェクトにTypeScriptを導入してみた@suzuki0430
【React】Contextによる状態管理の性質と実装方法@suzuki0430
【React】Testing LibraryへのESLintとPrettierの導入@suzuki0430
【初心者でもわかる】2枚の画像を重ねる3つの方法@7note
@nuxtjs/axiosを用いてAPIを叩いた時に二度押し防止したい！→できた@kss_nm
フォームバリデーション（Forms validations）について解説してみた。@n4suka7
【React】Jestを現場で活かすために基礎から学びました@suzuki0430
【CSSセレクター完全版】覚えるべきCSSセレクターまとめ@n4suka7
DNS、Domainについて解説してみた。@n4suka7
ESLintでソースコードチェックを無効にする際に勘違いしていたこと（初心者向け）@hirochan
React Routerでルーティング（React + TypeScript環境）@MasakiFukunishi

なお6月1日（火）より新たに3つテーマの記事投稿イベントがスタートしております！
Tips、 競技プログラミング 、 マネジメント の中から自分に合ったテーマを見つけて、
ぜひQiitaでアウトプットしてみてください💪

◾3000文字Tips – 知ると便利なTipsをみんなへ届けよう
◾競技プログラミング研究月間 – みんなでさらなる高みを目指そう
◾エンジニアによるマネジメント – エンジニアだからこそ発信できるマネジメントの知識を発信しよう

※開催期間：2021/6/1（火）〜2021/6/30（水）

16:00 に投稿されました