HTMLで画像が表示されない場合の原因と修正方法
画像があるはずの場所が「x」マークになっていて画像が正しく表示されない場合があります。 原因は大きく分けて画像URL（パス）の入力ミスとサーバーに画像が存在しない場合の2つです。 このページではHT…
2022 / 08 / 08
コーディング
コーディング方法
Markdownのチートシート集
Markdownの書き方が一覧でわかるチートシートを集めてみました。 コードをコピペできるサイトからPDFでダウンロードできるもの、マークダウンのコードを生成できるサービスなど便利なものがたくさんあ…
2022 / 07 / 24
HTMLメールのフレームワーク、MJMLの使い方
HTMLメールを簡単に作成できるMJMLの使い方を解説します。 HTMLメールは直接HTMLコードを書くとメールアプリごとの動作の違いなどを考慮する必要がありますが、フレームワ ークを使えばそういった…
2022 / 07 / 20
ダミー画像を生成できるツールとプラグインまとめ
ダミー画像を生成できるおすすめツールとデザインツールで使えるダミー画像生成プラグインをまとめて紹介します。 ダミー画像生成ツールはグレーで無地の画像だけでなく、フリー素材からキーワードを指定して表示…
2022 / 07 / 19
HTMLとCSSコードを圧縮・整形できるツールまとめ
HTMLやCSSコードを簡単に圧縮したり元に戻したり（整形）できるツールを紹介します。 圧縮も整形もオンラインツールがたくさんありますが、コードエディターを使っているならVSCodeの拡張機能を使う…
2022 / 07 / 18
コーディング不要！？ホームページを作れる最新のソフト6選
初心者でも効率よくホームページを作れる最新のソフトの中からおすすめなものを6つ厳選して紹介します！ 最近のホームページ作成ソフトはコーディングせずに自分でホームページを作れるのが主流になってきていま…
2022 / 07 / 07
これだけ覚える！ホームページをHTMLで効率よく作る方法
ホームページをHTMLで作る方法を必要なところに絞ってサクッと解説していきます。 コーディングの練習や会社のホームページをHTMLで作りたいときは、 細かい部分やJavascriptなどでクリグリ動く…
2022 / 07 / 04
コストを抑えてWeb集客！ホームページを自分で作成する方法
自分のお店にホームページから集客したいけど、作る時間も依頼するお金もない！という人のためのコストを抑えたホームページの作成方法を解説します。 ホームページの作成は以前はプロにお願いするしかなかったの…
2022 / 07 / 01
自分で簡単にホームページを作れるテンプレートまとめ
今すぐホームページを作りたい人が自分で簡単に使えるような商用利用できるテンプレートを集めました。 テンプレートと言ってもWordpressで使えるものからHTMLで作ったもの、WixなどのWebサー…
2022 / 06 / 30
ホームページをスマホ対応させる一番簡単な方法
スマートフォンからのアクセスが非常に多くなっているのでホームページもスマホ対応するのが当たり前になっています。 ここではスマホに対応したホームページを作る一番簡単な方法を紹介します。 ホームページの…
2022 / 06 / 29
小さな会社がホームページ作成を依頼した場合の作業の流れ
小さな会社さんがフリーランスや小規模の制作会社にホームページを依頼した場合の作業の流れを解説します。 初めてホームページの作成を依頼する場合は何をどうしていいかわからないと思うので疑問点はとりあえず…
2022 / 06 / 28
ホームページ作成を個人に依頼した場合の費用と依頼方法
ホームページ作成を個人に依頼する場合のざっくりとした費用と依頼のしかたについて解説します。 ホームページの作成をフリーランスに依頼する場合の相場は大体どこのサイトでも似たような費用が書かれています。…
2022 / 06 / 27
初心者のための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