Web制作

Web制作

【HTML】em・i・strong・mark・bタグの違い

テキストを強調する要素として「em」「i」「strong」「mark」「b」などがありますが、使い分けの判断に迷うことがあるので各要素の違いをまとめてみました。
Web制作

【PHP】指定した文字列をURLエンコード・デコードする

PHPで指定した文字列をURLエンコードする関数、urlencode関数とデコードする関数、urldecode関数をご紹介します。
Web制作

PDO+SQLiteでカラム名一覧を取得

MySQLならDESCRIBE テーブル名; か SHOW COLUMNS FROM テーブル名;、SQLiteならPRAGMA table_info('テーブル名');でカラム名一覧を取得できますが、PDO+SQLiteの場合は下記のような記述で取得することができるようです。
Web制作

【JavaScript】任意の位置にHTML要素を挿入する

ページの指定した位置にHTML要素を挿入するときは、appendChild、before、after、insertBeforeの4種類のメソッドで挿入することができます。
Web制作

【JavaScript】HTML要素を複製(コピー)する

複製したいHTML要素に対してcloneNodeメソッドを使うことで、属性やテキストを保持したままHTML要素を複製することができます。cloneNodeメソッドの戻り値は複製したHTML要素のオブジェクトです。変数に格納することで属性等を編集したり、任意の場所に挿入することで複製したHTMLを表示することが来ます。
Web制作

WordPressのアーカイブページで1ページ目と2ページ目以降で処理を振り分ける

アーカイブページの1ページ目にだけ特定のコンテンツを表示したい場合や、逆に2ページ目以降にだけ特定のコンテンツを表示したい場合の振り分け方法です。
Web制作

【JavaScript / jQuery】ページ読み込み後に実行する関数の違い

JavaScript window.onload = function() window.onload = function() { 実行させたい処理; } HTMLや画像など他の全てのデータの読み込みが完了した時に実行される。複数ある場合...
Web制作

WordPressでホーム(トップページ)とそれ以外で処理を振り分ける

トップページにだけ特定のコンテンツを表示したい場合や、逆にトップページ以外には特定のコンテンツを表示し、トップページにだけは表示したくない場合の振り分け方法です。
Web制作

サーバー上のPDFファイルを検索結果に表示させない方法

PDFファイルのクローリングは.htaccessで制御することができますので、X-Robots-Tagという記述を用いてクローリングの回避を行います。
Web制作

【CSSのみ】details要素とsummary要素でアコーディオンを作る

よくある質問ページやQ&A等の詳細でよく使うアコーディオンを実装する際、JavaScript(jQueryを含む)をはじめ色々な実装方法がありますが、今回はdetails要素とsummary要素を使用してCSSのみで作る方法をご紹介します。