Programming Notes

【初心者向け】JavaScriptのshuffle関数とは？配列をランダムに並び替える方法を解説 配列の順番をランダムに入れ替えたい！クイズアプリ、ガチャ、ランダム表示などを作るときに必ず必要になるのが shuffle（シャッフル）関数 です。 この記事では、JavaS...

Bootstrap cardはとても便利ですが、デフォルトのままだと少し物足りない…と感じる方も多いのではないでしょうか。この記事では、初心者でもコピペだけで実装できる「Bootstrapカードのおしゃれアレンジ」をわかりやすくまとめました。 影（シャドウ）を付...

【完全版】Vue.jsとは？初心者にもわかる基本・仕組み・使い方をやさしく解説 「JavaScriptのコード量を減らしたい…」「リアルタイムで画面が変わるサイトを作ってみたい！」そんなときに役立つのが Vue.js（ヴュー・ジェイエス） です。 本記事では、初心...

WordPressではsingle.phpなどで記事ページを展開して、ページの最後尾の方に「前後記事のリンク」をつけることはよくあると思います。 今回、その取得処理で「コードは間違いなくあってるのになぜかリンクが生成されない」という状態になってしまい、その...

【初心者向け】if/else文の使い方を超わかりやすく解説｜条件分岐の基礎をマスターしよう プログラミングを始めると必ず出てくるのが if / else（条件分岐） です。この記事では、初心者でも理解できるように、考え方から実際の書き方、JavaScriptの例、よ...

ホームページを作るとき、photo-size「写真のサイズってどのくらいがいいの？」と迷ったことはありませんか？サイズが合っていないと、画像がぼやけたり、逆に大きすぎてページが重くなったりします。 この記事では、ホームページで使う写真の最適なサイズ...

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

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

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

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