Bootstrap5のWebサイトや管理画面を作れるノーコードツールまとめ
Bootstrap5のWebサイトや管理画面をノーコードで作れるツールをまとめて紹介します。 Webサイトを作れるノーコードツールはWixやElementorなどがありますが、サーバーにそのまま公開…
2023 / 01 / 26
コーディング
コーディング方法
Bootstrap5対応のWebデザインをサクッと作れるUIKitまとめ
Bootstrap5に対応したサイトのプロトタイプ作成するときに便利なUIKitを集めました。 UIKitを使えばコンポーネントをコピペしていくだけでBootstrap5のWebサイトをサクサク作成…
2023 / 01 / 25
Bootstrap5向けの高品質な無料テンプレート300以上まとめ 2023
Bootstrap5の無料テンプレートを配布しているサイトを集めてみました。WordpressからHTMLまで配布されているテンプレート数は総勢300以上！ Bootstrap5で作られたテンプレー…
2023 / 01 / 24
Bootstrap5やるなら入ってないとおかしいVSCode拡張機能まとめ
最近Bootstrap5をはじめたばかりの人やVSCodeを使いはじめた人のための、Bootstrap5向けVSCode拡張機能まとめです。 VSCodeはデフォルト状態でも十分コーディングできるの…
2023 / 01 / 23
Web制作初心者が効率よくコーディングを学べるチートシートまとめ
イケてるWebデザイナーさんの多くがフロントエンドコーディングのお供に使っているチートシートをHTMLからBootstrap5、Reactまでガッツリ集めてみました。 新しい言語やフレームワークを覚…
2022 / 09 / 08
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
ダミー画像を生成できるツールとプラグインまとめ
ダミー画像を生成できるおすすめツールとデザインツールで使えるダミー画像生成プラグインをまとめて紹介します。 ダミー画像生成ツールはグレーで無地の画像だけでなく、フリー素材からキーワードを指定して表示…
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
BASE初心者企画
BASEのHTML編集アプリを使った商品ページのカスタマイズ方法を紹介します。 BASEではブログページやお問い合わせページのようにカスタマイズがほとんどできないページがある中で、トップページと商品…
2022 / 06 / 18