人気記事一覧

SWELLでサイト制作をしてるけど、特定の投稿タイプではアイキャッチ画像を表示しないようにしたいんだよな…… アイキャッチ画像の設定は使いつつ、記事上では非表示にする方法って無いのかな…… 今回はこのようなお悩みをお持ちの方に SWELLで特定の投稿タイ...

ハンバーガーボタンのアニメーションを実装したい…… 3本の線がXに変化するアニメーションを作りたい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において必須のUI要素ハンバーガーボタンのアニメーション をご紹介します。 5種類のラインアニメ...

Webサイトの進捗状況や段階的な進行を魅力的で分かりやすくするプログレス・ローディングアニメーションを4カテゴリ・20種類完全網羅！ 各カテゴリから厳選した代表的なアニメーションをCodePenデモ付きで紹介し、詳細な実装方法は各専門記事で詳しく解説...

WordPressでは簡単にページ単位でパスワード保護設定をすることが可能です。 これにより、パスワードを知らない人しかそのページのコンテンツを閲覧できないよう制限することができます。 しかし、この「パスワード保護機能」で実際にパスワード保護される...

ボタンにモダンなホバー効果を実装したい…… ユーザーを惹きつけるボタンデザインを作りたい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において人気の高いアニメーション効果モダンボタンホバーアニメーション をご紹介します。 8種類のモダン...

今回ご紹介するのは PHPで特定の文字列が含まれているかを簡単に判定する方法 です。 【ソースコード】特定の文字列が含まれているか判定する 検索対象の文字列にマルチバイト（日本語など）を含む場合は「【補足】マルチバイト文字列でキーワードを検索す...

WordPressのプラグイン「List category posts」を使用すると、誰でも簡単に投稿リストを表示することが可能です。 しかし、その表示内容（アイキャッチ・投稿日・タイトルなど）の並びはデフォルトで決まっており、しかしながらWordPress管理画面上では並...

CSSが上手く反映されない…… とお困りの方へに向けて、この記事ではCSS読み込みの基本となるパスについて詳しく解説していきます。   この記事で分かること パスとは何か？ パス記号「./」や「../」の正体 相対パスと絶対パスの違い HTMLの勉強を始めたばか...

Webサイトへのセキュリティ攻撃の１つにCSRF（クロスサイトリクエストフォージェリ）というものがあります。 この記事では、 CSRFの攻撃の流れ 攻撃による影響・被害 PHPでWebアプリを制作する際の対策方法 について解説をしていきます。  この記事を読む...

以前にこちらの記事で掲示板アプリの作成方法を解説しました。 記事内でもお伝えしているように、上の記事で解説している掲示板アプリではセキュリティ対策はしておらず、本番運用には不向きの状態です。 今回は、この掲示板アプリにセキュリティ対策の処...