2025年7月に投稿された記事一覧です。
PHP（Hypertext Preprocessor）は、ホームページやWEBアプリ開発で利用されるスクリプト言語です。サーバーサイドで動作するので、逐一ネット通信が発生しますが、データベースにアクセスできるため必須の技術です。HTMLやJavascriptのようなフロントサイド言語はPHPのようなサーバーサイド言語を通してデータベースからデータを取得しているということです。 HTMLと相...
Wordpress、PHP、MySqlのバージョンを柔軟に変更できるDocker環境です。 ディレクトリ構成 / ├── .env # 環境変数ファイル ├── cmd.md # コンテナ操作コマンド例 ├── docker-compose.yml # Docker Compose設定 ├── plugins/ # WordPressプラグインマウントディレクトリ ├── theme...
コメントアウトは、コードの一部をプログラムに実行させないようにするために使用されます。これにより、コードの説明を加えたり、一時的にコードを無効にしたりすることができます。 CSS /* これはCSSのコメントです。 複数行にわたって記述できます。 ブラウザには適用されません。 */ Javascript // これはJavaScriptの単一行コメントです。 ...
HTMLには、見出しの重要度に応じてh1からh6までの6段階の見出しタグがあります。h1が最も重要で、h6が最も重要度が低い見出しです。これらのタグは、ブラウザで表示される際に、デフォルトでは自動的に太字になり、上下に余白ができますが、CSSでカスタムすることが通常です。 コード <!DOCTYPE html> <html lang="ja"> <head> ...
フォントの太さを指定するには、CSSの font-weight プロパティを使います。数値もしくは名前で指定します。 ただし、使用しているフォントが対応する太さを持っている場合にのみ有効です。フォントによっては、normal と bold しか用意されていないこともあります。 コード <!DOCTYPE html> <html lang="ja"> <hea...
フォントサイズ指定は様々あり、難しい法則のものもあります。下記コードをHTMLファイルとして保存し、ブラウザで開き、様々なデバイスサイズで試すことをお勧めします。 'vw'や'vh'、'rem'などのレスポンシブな振る舞いは理屈よりも見てみることで理解が深まります。 コード <!DOCTYPE html> <html lang="ja"> <head> ...
CSSでテキストの色を変えるには、'color'プロパティを使います。'text-color'や'font-color'ではないことに気を付けてください。主に3パターンの方法で色を指定できます。 コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <met...
リストに順番を付けたい場合に'ol'タグを使用します。 例えば、手順、ランキング、目次、時系列のイベントなど、順番が重要な場合に役に立ちます。 コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport" c...
情報を整理し、見やすく、理解しやすくしたいときに効果的な手法です。 長文や難解な文章は、項目として列挙したり、塊を分解してみたり、階層を作ったりして読みやすくしてみましょう。 コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta ...
最も基本的なHTMLコードの紹介です。 プログラミングではよく「Hello World！」が使われますが、なぜでしょう❓ その答えは、あなたもきっと、下記コードを実際にブラウザで表示できたときに実感するでしょう。 小さな成功は大きな一歩なのです。 コード <!DOCTYPE html> <html lang="ja"> <head> ...
