Web開発時にいつも私の時間を節約してくれるチートシート 🚀
コーディングしているとき、私はよく正確なプロパティを忘れるんだけど、その時にグーグルで検索するって、少なくとも私には時間がかかるから(あなたのことは知らないけどね 😁😅)。
だから私はいつもチートシートを好むんだ。なぜなら、90%の場合、そこから答えを見つけることができるから。
今日は、開発時に時間を節約してくれるトップのチートシートのリストを共有しようと思う。
1. HTMLチートシート -
このチートシートには、便利なコード例や開発ツール、マークアップジェネレーターなどが一つのページでまとめられています。
これらの言語をすでに扱える人にとって便利なクイックガイドです。
2. CSSチートシート -
このチートシートには、CSSプロパティ、テキストシャドウジェネレーター、カラーピッカー、いくつかの一般的なコードスニペットが含まれています。
3. グリットレイアウト -
これは時短だけでなく、本当に命の恩人でもある。私がグリッドレイアウトで作業しているとき、たいていチートシートが必要になるから。
4. フレックスボックス -
CSSフレックスボックス用の視覚ベースのもう一つのチートシートで、ここには視覚的な例を伴うすべてのフレックスボックスプロパティが含まれています。
5. JavaScript -
このチートシートには、一つのページで役に立つコード例が含まれています。JSのループ、変数、オブジェクト、データタイプ、文字列、イベントなど、様々なカテゴリのコードを見つけられます。
6. JavaScript -
このチートシートは、基本から応用までのコンセプトが含まれています。ES6+、わかりやすい説明、DOM API、イベントループ、関数、配列、オブジェクト、タイプなど、もっと多くの内容があります。
7. React -
この一枚のチートシートには、リアクト開発を加速するためのさまざまなコード例が含まれています。
8. Git -
このチートシートには、あなたの人生を楽にするための便利なgitコマンドが一覧で含まれています!
結論 -
チートシートは、すばやくリファレンスを取るために、そして生産性を高めるために最適です。この記事が役に立ったと思っていただけると嬉しく思います。記事を楽しんでいただけたでしょうか。
私と繋がりましょう
- Linkedin
こちらの記事はdev.toの良い記事を日本人向けに翻訳しています。
https://dev.to/ali6nx404/cheat-sheets-that-always-save-my-time-during-web-development-2ga4