極個人的プログラミング学習備忘録

HTML、CSS、PHP、JavaScript、Vueなどで学習したことをメモしていきます

Webサイトのどのページを開いてもindex.htmlが開くような.htaccessファイル

サイトを移転した時など、.htaccess ファイルを使用して、Webサイトのどのページを開いても index.html が表示されるようにするには、以下のように記述します。 RewriteEngine On RewriteBase / RewriteCond %{REQUEST_URI} !^/index\.html$ RewriteRule ^.*…

Wordpressで最小限のテーマを作る

Wordpressで最小限のテーマを作る方法を紹介します。 新しいテーマディレクトリの作成 まず、wp-content/themes/ ディレクトリ内に新しいテーマのディレクトリを作成します。例として my-minimal-theme という名前でディレクトリを作成します。style.css の…

PHPでフィードリーダー作ろう!3つの形式(RSS1.0、RSS2.0、ATOM)をサクッと取得

PHP

フィードっていろいろある フィードは情報を配信するための形式のこと。RSS 1.0, 2.0, ATOMなど、いくつかの種類がある。それぞれ少しずつ形式や構造が違うけど、今回はこれらすべてに対応したリーダーを作る方法を紹介するよ! それぞれのフィード、どうや…

クリックした位置から円が広がるJavascriptのコード

クリック地点から円が広がるエフェクトを紹介します。 クリックされた位置を取得し、その位置から円が徐々に広がるアニメーションを適用します。2秒後にこの円はフェードアウトし、完全に消えます。ただ、アニメーションを繰り返す際に問題が発生することが…

最新のPHPとPDOを使用してMySQLに安全に接続する方法:2023年版ガイド

PHPとMySQLの接続について 1.1 古いMySQL接続方法とその問題点 1.2 PDOとは何か?なぜPDOを使用するのか? 2. PDOを使用してPHPでMySQLに接続する準備 2.1 必要なツールと環境のセットアップ 2.2 MySQLデータベースの作成と設定 3. PHPとPDOを使用したMySQL…

【Bootstrap5】2カラムレイアウトでPCは右にサイドバー、モバイル端末では上に表示する

Bootstrap5の2カラムレイアウトで、PCなど画面が大きいときは右側に表示しているサイドバーを表示、モバイル端末では上に表示するレイアウトの記述方法。 <div class="row flex-column-reverse flex-md-row"> <div class="col-md-8"> <p>This is the main content for larger screens. It will appear on the left side.</p> </div> <div class="col-md-4"> <…</div></div>

Grid.jsでセル内でHTMLタグを使う方法

Grid.jsは、高速で軽量なテーブルグリッドライブラリで、機能豊富な表の生成・操作が可能。 シンプルで使いやすく、データのソート、フィルタリング、ページネーションがサポートされており、クライアント側で動作する。 とても便利なライブラリであるが、セ…