Programming Notes

今回はWordPressで構築されたサイトを狙ったマルウェア「UBH CSU」について、実際に被害を受けたのでその対処と対策について記述していきます。世の中のほとんどのサイトはWordPressで作成されていると言っても過言ではないぐらい、WordPressは普及してい...

【初心者向け】JavaScriptのforEach()とは？使い方とよくある注意点を徹底解説 JavaScriptで配列や複数のHTML要素に対して繰り返し処理をしたいときに便利なのが forEach()（フォーイーチ） です。本記事では、forEach()の基本的な使い方からよくある間違...

Bootstrapを使うと、ナビゲーションバー（メニュー）を簡単に設置できます。しかし、「もっとおしゃれにしたい」「中央にロゴを配置したい」「右寄せしたい」と思ったことはありませんか？この記事では、Bootstrapのナビゲーションバー navbarを使って簡単...

JavaScriptでクリックしても動かない？onclickとaddEventListenerの違いを初心者向けに徹底解説！ 「クリックしたら動くはずなのに…」JavaScriptでボタンを動かそうとしても、思った通りに動かないことってありますよね。 この記事では、初心者が特につま...

Web制作を始めたばかりの方にとって、「Bootstrapを使ってみたいけど、インストールが難しそう」と感じることはありませんか？実は、Bootstrapはダウンロード不要で数行のコードを貼るだけで簡単に使えます。その方法が「CDN（コンテンツデリバリーネット...

Web制作を始めると、「CSSを自分で書いた方がいいの？」「Bootstrapを使う方が早い？」と迷う方は多いでしょう。どちらにもメリット・デメリットがあり、目的やスキルレベルによって最適な選択が異なります。この記事では、自作CSSとBootstrapの違いを初心...

WordPressでテーマを作成している時に、「記事一覧をタブで切り替えるようなデザイン」を実現したい時や、それを実現しているテーマを目にしたことがあると思います。 今回はZeroStartのコラム一覧で実装している「タブ切り替え」風の通信について解説して...

今回は弊社のモック掲載ページでも使用している、マウスホバーに合わせてゆらゆら動くアニメーションの作成方法を紹介します。ギャラリーページ等の一覧画面で使用すると高級感が有り、洗練されたイメージを与えることが出来るのでオススメです。基本的に...

今回は企業ホームページなどでよく見かける画像ループスライダーの作り方について紹介していきます。HTMLとCSSだけで実現可能ですので、初心者の方でも気軽に取り入れる事が出来ると思います。 今回作るもの 画像スライドは色々なタイプがありますが、今回...

今回はCSSによるフェードインアニメーションだけでなく、マスク画像を使用した更にひと手間加えたアニメーションの方法を紹介します。リッチなアニメーションを採用したい場合等に効果的ですのでぜひご活用ください。 今回つくるもの 今回は画面読み込み時...