Web制作初心者が効率よくコーディングを学べるチートシートまとめ
イケてるWebデザイナーさんの多くがフロントエンドコーディングのお供に使っているチートシートをHTMLからBootstrap5、Reactまでガッツリ集めてみました。 新しい言語やフレームワークを覚…
2022 / 09 / 08
codingの最新記事
HTML初心者のための効率よくコーディングできるチートシート
HTML初心者が効率よくコーディングを学べるチートシートを集めてみました。 チートシートはブラウザ上でサンプルコードと一緒にまとめられていたり、PDFで見ることができます。 このページではとくに見や…
2022 / 09 / 07
CSSで背景画像が表示されない場合の原因と修正方法
CSSの background-image で背景に画像を表示させたいときに何も表示されない場合の対策をまとめてみました。 原因がわかると大したことないんですが、色々いじってみてもうまく動かなくて小…
2022 / 08 / 09
HTMLで画像が表示されない場合の原因と修正方法
画像があるはずの場所が「x」マークになっていて画像が正しく表示されない場合があります。 原因は大きく分けて画像URL（パス）の入力ミスとサーバーに画像が存在しない場合の2つです。 このページではHT…
2022 / 08 / 08
Markdownのチートシート集
Markdownの書き方が一覧でわかるチートシートを集めてみました。 コードをコピペできるサイトからPDFでダウンロードできるもの、マークダウンのコードを生成できるサービスなど便利なものがたくさんあ…
2022 / 07 / 24
HTMLメールのフレームワーク、MJMLの使い方
HTMLメールを簡単に作成できるMJMLの使い方を解説します。 HTMLメールは直接HTMLコードを書くとメールアプリごとの動作の違いなどを考慮する必要がありますが、フレームワークを使えばそういった…
2022 / 07 / 20
初心者のためのHTMLメールの作り方をわかりやすく解説
HTMLメールの作り方を初心者の方にもわかりやすくサンプルコード付きで解説してみました。 HTMLメールはGmailとOutlookで見た目が違っていたりするのでIE対応のようなことをする必要があり…
2022 / 06 / 14
今すぐダウンロードして使える最新リセットCSSまとめ
今すぐダウンロードして使える最新版のリセットCSSを集めました。 Bootstrap5のようなCSSフレームワークを使う場合は元々リセットCSSが組み込まれているため何も考えずにコーディングできます…
2022 / 06 / 03
Javascriptの勉強に役立つチートシートまとめ
Javascriptのコーディングや勉強に役立つチートシートを集めてみました。 JavascriptはほとんどのWebサイトで使われているプログラミング言語でHTMLやCSSと合わせて勉強することが…
2022 / 05 / 31
Figmaのショートカットをまとめたチートシート
Figma初心者のためのショートカットをまとめたチートシートを集めてみました。 ダウンロードして壁紙にしたり、Figmaで作業中に確認できるのでたくさんあって覚えにくいショートカットも楽に覚えられる…
2022 / 05 / 29
スニペットとしても使えるReactのチートシート集
ひさびさにReactさわる人やこれから勉強する人のためのチートシートを集めてみました。 Reactは公式ドキュメントがしっかりしてるのでじっくり勉強するときはそちらをみながらやることが多いのですが、…
2022 / 05 / 28
VScodeのショートカットを網羅したチートシートまとめ
VSCodeで使える全てのショートカットを網羅したチートシートの最新版を集めてみました。 ショートカットを使うとプロジェクト内にある大量のファイルをすぐに開けるようになったりコードの編集を効率よく行…
2022 / 05 / 27
さっと使えるSCSS(SASS)のチートシート集
extendやmixinなどよく忘れるSCSSの書き方をシンプルにまとめたチートシートを集めました。 ブラウザでチェックできるものとPDFでダウンロードできるものがあるので必要に応じて使い分けること…
2022 / 05 / 26
最新バージョン対応！TailwindCSSのチートシート
最新バージョンの3.xに対応したTailwindCSSのチートシートです。 TailwindCSSには多くのクラスが使われていて、それらを全て覚えるのは大変なのでチートシートで使い方を確認することが…
2022 / 05 / 25
CSS、Flexbox、Gridのチートシート集
CSS3のプロパティやBEM記法、Flexbox、Gridなどを網羅したチートシート集です。 CSSは新しいプロパティが追加されてもすぐにブラウザ対応するのが1年後とかだったりするのでほとんど勉強し…
2022 / 05 / 24
あれなんだっけ？を解決するjQueryのチートシート
たまにjQueryを使うことがあって「あれってどうやるんだっけ？」ってなったときのためのjQueryチートシート集です。 よくあるのがWordpressでjQueryを使うときに $ じゃなくて j…
2022 / 05 / 21
爆速でコーディングできるEmmetのチートシート
HTMLやCSSのコーディングスピードをもっと上げたい！という人のためのEmmetを使いこなせるチートシートを集めてみました。 ブラウザでチェックしたりPDFでダウンロードすることもできるのでHTM…
2022 / 05 / 17
HTML、CSSファイルの正しい開き方
HTMLファイルとCSSファイルの開き方を簡単に解説します。 HTMLファイルやCSSファイルを開くためには専用のソフトウェアが必要です。一応メモ帳でも開くことができるのですが、文字化けする可能性が…
2022 / 05 / 01