開発(プログラミング)

PHP

PHP、第三章:会員登録システム。入力データの検証と重複チェック

前回の記事では、会員登録フォームから送信されたデータをデータベースに登録する基本機能を構築しました。この記事では、フォームから送信されたデータを安全に処理する方法を、セキュリティの観点から説明します。最初はシンプルなコードから始め、各段階で...
PHP

PHP、第二章:会員登録システム。セキュリティーの強化

前回の記事では、PHPを使ってシンプルな会員登録システムを構築しました。しかし、そのシステムではセキュリティ面に課題が残っており、パスワードが平文で保存される、SQLインジェクションに弱い、エラーハンドリングが不足しているなどのリスクがあり...
PHP

PHP、第一章:会員登録システムの基本機能を構築

PHPとMySQLを使って、簡単な会員登録システムを作成してみましょう。このシステムでは、ユーザー名、メールアドレス、パスワードを登録し、データベースに保存する仕組みを実現します。本記事では、基本的な3つのファイルを作成して動作を確認する方...
jQuery

jQuery、文字をカウントする

文字カウント機能は、入力文字数を制限する場面や、ユーザーに文字数のリアルタイムなフィードバックを提供する際に使われます。例えば、SNS投稿やコメント欄の制限文字数を超えないようにする、フォーム入力での字数制限を守る、またはSEO対策としてメ...
jQuery

jQueryで作るモーダル画面の基本と実装例【画像・スライド付き

モーダル画面を使って、ユーザー体験を向上させたい。でも「どうやって実装するの?」「jQueryって今でも使えるの?」と感じていませんか?この記事では、jQueryを使ったモーダル画面の基本と応用パターンをコード付きで解説します。初心者の方で...
ゲーム・インタラクティブ開発

Three.jsインストール

Three.jsは、Webブラウザ上で3Dグラフィックスを表示するためのJavaScriptライブラリです。基本要素としてシーン、カメラ、レンダラーを使い、立体オブジェクトやライトを追加し、アニメーションを行えます。使いやすいAPIで、リア...
HTML、CSS

CSS、バックグラウンド

Webページのデザインにおいて、**背景(background)**の指定はとても重要な要素です。CSSではさまざまな背景関連のプロパティが用意されており、それらを組み合わせることで、画像や色を自在にコントロールできます。今回は、よく使うb...
HTML、CSS

CSS、文字や要素の高さを中央に配置する、子要素複数アイテムの場合、その2

フレックスボックスフレックスボックスで中央に寄せてみます。その1の方でも記事の最初の方に同じ内容が書いておりますが、残した方が分かりやすいと思いますのでメモとして記載しております。display:初期値は要素によって異なります。block↠...
HTML、CSS

CSSで要素を縦横中央に配置する方法【初心者向け】

CSSで文字や要素を上下左右の中央に配置するには、さまざまな手法があります。その中でも、最も汎用的でわかりやすい方法が「Flexbox(フレックスボックス)」です。この記事では、フレックスボックスを使って、要素を中央に寄せる方法を実例つきで...
データベース

MariaDB、ダウンロード、インストール、接続まで

MariaDBはオープンソースのリレーショナルデータベース管理システム(RDBMS)です。MySQLのフォークとして2010年に開発が開始されました。主要な特徴としては、スケーラビリティとパフォーマンスの向上、セキュリティの強化、そして高度...