プログラミング– category –
-
シンプルなポートフォリオで案件獲得｜営業1週間で初案件を取った作り方
Web制作を勉強し始めた頃は、僕もポートフォリオに何を載せればいいか分かりませんでした。 完璧なデザインを作らないと… 作品も、10個くらい作らないとかな…？ なんて考えていました。 しかし、実際に案件を取っていった結果 ポートフォリオは2つの架空サ... -
Web制作の初案件獲得ロードマップ｜営業開始1週間で受注した方法
※当サイトではアフィリエイト広告を利用しています。 Web制作の初案件獲得までに、私がやったことを全て公開します。 営業開始から1週間で初案件を獲得した方法を、学習言語から営業まで6ステップで解説します。 実際に初案件を獲得して納品するまでに、ど... -
縦並びヘッダーの作り方｜ロゴの下にメニューを配置【CSS】
ヘッダー1つ取っても、色々な形があるよね。 ヘッダー1つ取っても、色々な形があるよね。 今回はHTMLとCSSを利用して、タイトルやロゴの真下にナビゲーションが配置されているヘッダーの作り方を紹介していきます。 結構難しそう… と思っている人もいるか... -
【2025年最新】コーディングが練習できるサイトを徹底解説！
Web制作で案件を取るためにコーディングの練習がしたいけど、一体どのサイトをやるのがおすすめポン！？ 「Web制作やコーディングについて色々情報収集をしたは良いけど、結局次に何をやれば良いの？」と悩んでしまう人は多いかと思います。 特に今の時代... -
PNG・JPEG・SVGどれを使う？｜Web制作での画像形式の使い分け方
jpeg、png、svgって、結局どう違ってどの場面で使えばいいの？ 「jpeg、pngとsvgはなんとなく違うのは分かるけど、jpegとpngとは何が違うの？」 なんて思ったことはありませんか？ 今回は、そんな方に向けてjpeg、png、svgの3種類の画像の特徴と違いについ... -
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の容量がありました。 ... -
HTML、CSSでボタンを実装する方法【ふわっと押されるホバーアニメーションも解説！】
ボタンを実装する方法 今回は、下のようなボタンを作成していきます。 See the Pen ボタン実装 by わい (@y_programing) on CodePen. HTMLはこちら。 HTML<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UT...
12