Web制作 サブディレクトリ配下をドキュメントルートとして読むように設定する
本番環境はルートディレクトリで運用し、テストの環境のみサブディレクトリで運用したい場合、CSSや画像のパスが異なるため公開時にすべてのパスを変更しなければなりません。パスをすべて変更するのは面倒かつ変更漏れのリスクもあるため、パスの指定は本...
Web制作
Web制作 
Web制作 【JavaScript】フォームの要素を取得する際、要素名に変数を設定する
<form name="myform"> <input name="title" type="text"></form>たとえば、上記のフォームからinputのvalueを取得したい場合、const value = document.for...
Web制作 【JavaScript/PHP】生年月日から年齢を計算する
現在の日付から生年月日を引いて、1万で割ると年齢を計算することができます。それぞれ、19900401の部分に生年月日を設定します。PHP$calcAge = floor((date('Y/m/d') - 19900401) / 10000)...
Web制作 【HTML】em・i・strong・mark・bタグの違い
テキストを強調する要素として「em」「i」「strong」「mark」「b」などがありますが、使い分けの判断に迷うことがあるので各要素の違いをまとめてみました。emタグ強勢する（アクセントを付ける）箇所を表します。同じ文でもどの個所を強勢す...
Web制作 【PHP】指定した文字列をURLエンコード・デコードする
PHPで指定した文字列をURLエンコードする関数、urlencode関数とデコードする関数、urldecode関数をご紹介します。urlencode 関数string urlencode ( string $string )文字列をURLエ...
Web制作 PDO+SQLiteでカラム名一覧を取得
MySQLならDESCRIBE テーブル名; か SHOW COLUMNS FROM 'テーブル名';SQLiteならPRAGMA table_info('テーブル名');でカラム名一覧を取得できますが、PDO+SQLiteの場合は下記のよ...
Web制作 【JavaScript】任意の位置にHTML要素を挿入する
ページの指定した位置にHTML要素を挿入するときは、下記の4種類のメソッドで挿入することができますappendChildbeforeafterinsertBeforeappendChild指定した要素の中の最後に挿入するNode: appe...
Web制作 【JavaScript】HTML要素を複製（コピー）する
複製したいHTML要素に対してcloneNodeメソッドを使うことで、属性やテキストを保持したままHTML要素を複製することができます。Node: cloneNode() メソッド - Web API | MDNcloneNodeメソッドの...
Web制作 WordPressのアーカイブページで1ページ目と2ページ目以降で処理を振り分ける
アーカイブページの1ページ目にだけ特定のコンテンツを表示したい場合や、逆に2ページ目以降にだけ特定のコンテンツを表示したい場合の振り分け方法です。is_paged()関数で条件分岐させる<?php if (!is_paged()) : ?>...
Web制作 【JavaScript / jQuery】ページ読み込み後に実行する関数の違い
JavaScriptwindow.onload = function()window.onload = function() { 実行させたい処理;}HTMLや画像など他の全てのデータの読み込みが完了した時に実行される。複数ある場合は、最後...