新着記事一覧
-
プログラミング
【2026年最新】コーディングが練習できるサイトを徹底解説!
Web制作で案件を取るためにコーディングの練習がしたいけど、一体どのサイトをやるのがおすすめポン!? 「Web制作やコーディングについて色々情報収集をしたは良いけど、結局次に何をやれば良いの?」と悩んでしまう人は多いかと思います。 特に今の時代... -
Web制作
画像からカラーコードを抽出する方法|無料ツールで5秒で完了
デザインカンプや参考画像から、正確なカラーコードを抽出する方法を解説します。 クライアントから「こういった色あいにしたい」と言われるが、細かい色の名前やカラーコードまでは教えてくれない、分からないことも多いからです。 この記事では、無料ツ... -
WordPress
WordPressで行うべきセキュリティ対策を7つに分けて紹介!
WordPressでセキュリティ対策を行うべき理由 主な原因は、テーマやプラグインなどのセキュリティ上の欠点や高いシェア率 WordPressにおいて、セキュリティ対策をすることが重要な理由はなんでしょう? WordPressサイトの「脆弱性」にあります。 WordPress... -
WordPress
WordPressサイトでUpdraftPlusを利用してバックアップを取る方法
WordPressでバックアップを取りたいんだけど、おすすめのプラグインって何? 今回は、WordPressでサイトやブログを運営する際に最も大切なことの1つである、バックアップについて解説していきたいと思います。 定期的にバックアップを取っておくことは、非... -
プログラミング
PNG・JPEG・SVGどれを使う?|Web制作での画像形式の使い分け方
jpeg、png、svgって、結局どう違ってどの場面で使えばいいの? 「jpeg、pngとsvgはなんとなく違うのは分かるけど、jpegとpngとは何が違うの?」 なんて思ったことはありませんか? 今回は、そんな方に向けてjpeg、png、svgの3種類の画像の特徴と違いについ... -
WordPress
SiteGuard WP Pluginの設定方法|WordPressセキュリティ対策の必須プラグイン
WordPressサイトではセキュリティ対策が重要って聞いたことがあるけど、具体的にどのような設定をしていけばいいんだろう? 今回は、「SiteGuard WP Plugin」というプラグインを利用したセキュリティ設定について解説していきます。 WordPressサイトには脆... -
プログラミング
Contact Form 7の実装方法|クライアントワークで使える設定手順
Contact Form 7とは? Contact Form 7とは、WordPressで使用できるお問い合わせプラグインのことです。 2025年09月現在で、既に1000万以上インストールされており コーディングを知らなくても、感覚的な操作でお問い合わせフォームを簡単に作ることができ... -
プログラミング
Contact Form 7のスパム対策|英語の迷惑メールを完全ブロックする方法
どうも、わいです。 WordPressのセキュリティ対策をおろそかにしていると、たまに外国人から大量に迷惑・スパムメールが来ることがあります。 中には、数分に1回のペースで送られてくるケースもあり、大切なメールが届いているのに気付かなくなったり 誤っ... -
プログラミング
beforeやafter、hoverなどの擬似要素の使い方を徹底解説!
コンテンツの前後に別のコンテンツを実装したり、カーソルを当てたら変化するアニメーションを作るにはどうすればいいの? 今回は、擬似要素の代表格とも言えるbeforeやafter、hoverについて解説したり、実際の使い方を見ていきたいと思います。 ちなみに... -
プログラミング
Converter for Mediaの使い方|画像をWebP化してSEO対策【WordPress】
Webpとは? Webpとは、Googleが開発したWebサイトの高速化に対応した画像形式です。 jpegやpng形式の画像をWebpに変換することで容量が軽くなり、Webサイトを表示させる速度が速くなります。 例えば、下のたぬきのpng画像は元々15MBの容量がありました。 ...
