コラム httpsで接続しているのに、URLの前に「!マーク」が表示??原因と解決方法について httpsで接続しているのに、URLの前に「!マーク」が表示される原因は「Mixed Content」です。「Mixed Content」になってしまう原因と解決方法について記事を書いています。 続きを読む
コラム Basic認証とは?Webサイトのセキュリティ対策 Basic認証の基本的な概念、実装の仕方、セキュリティ上のポイントについて詳しく解説しています。Basic認証ではもう一段階ログイン認証を増やしたり、パスワードを知っている人のみが閲覧できる環境を構築することが容易にできます。しかしbasicな認証であるがゆえに、セキュリティが弱い部分もあったり、WordPressの会員サイトへの実装は向いていないなどの欠点もあります。 続きを読む
コラム ブルートフォースアタックとは?Webサイトのセキュリティ対策 ブルートフォースアタックの仕組みや危険性、対策方法に解説しています。ブルートフォースアタックによる攻撃でパスワードが突破できる時間のパスワードの文字数による変化を計算式を用いて示しています。 続きを読む
コラム PageSpeed Insightsの「適切な画像サイズ」の改善に使用できるpictureタグについて解説! 「PageSpeed Insights」の改善項目の「適切な画像サイズ」という項目の改善手段として活用できるタグについてcssのメディアクエリを使用する方法と比較して解説しています。 続きを読む
コラム Contact Form7で郵便番号の自動入力を実装!ところがメールタグのid属性が反映されないエラー発生! WordPressのContact Form7で郵便番号から住所を自動入力する機能を実装した方法とid属性が反映されなかった時の解決方法について紹介しています。 続きを読む
コラム HTMLコーディングでよく見かける「セマンティック」とは? HTMLコーディングにおけるセマンティックとは、要素に意味を持たせ、コンテンツの構造や意味を明示的に表現することです。これによってSEO効果が向上するというメリットがありますが、適切にコーディングをしないとSEOに悪影響を及ぼす可能性があります。 続きを読む
制作実績 10進数と16進数変換ツールと1から255までの10進数から16進数への変換早見表 10進数と16進数の変換ツールと1~255までの10進数と16進数の変換早見表をhtml、css、JavaScriptで作成をしました。1~255までの10進数と16進数の変換早見表の方はカラーコードの変換に役立ててください。 続きを読む
コラム paddingとmarginを指定していないのに要素と要素の間に余白ができてしまう時の原因と対処法について解説! paddingとmarginを指定していないにも関わらず要素間に余白ができる問題について解説しています。余白の原因や対処法を詳しく紹介し、要素の表示を正しく調整する方法を説明します。要素の間に不要な余白を解消する方法を理解して、意図したデザインを実現しましょう。 続きを読む
コラム aタグのターゲット属性 target=”_blank” の挙動やセキュリティ上のリスクと対策について解説! 「target=”_blank”」属性を使用してリンクを新しいタブやウィンドウで開く場合の挙動、セキュリティ上のリスクと対策について解説しています。 続きを読む