要素をスライド（横移動）させるCSSアニメーションサンプル集
文字や要素をスライド（横移動）表示するCSSアニメーションのパターンサンプル集です。 このページでは各アニメーションにanimationプロパティと@keyframes（キーフレーム）を使ったサンプルコードを紹介しています。 transfo ...
見出しタグのボーダーにグラデーションを使ったCSSサンプル集
h2やh3などの見出しタグのデザイン等使えるボーダーにグラデーションを使ったCSSサンプル集です。 共通HTML <h2 class="sample1">sample1</h2> <h2 class="sample2">s ...
CSSだけではn文字目やn行目の指定はできないけど、文字毎・行ごとにテキストの色を変える方法
ピュアなCSSの機能では要素に対してはn番目でのスタイル割り当てができるものの、n文字目やn行目の指定してスタイルを割り当てる事はできません。 通常CSSだけでn文字目、n行目毎にスタイルを当てる場合はspanタグなどを使って要素として反映 ...
JavaScript | マウスホイールイベントを実装する方法
JavaScriptでマウスホイールの操作情報を取得してイベントを実装する方法です。 マウスホイールの操作情報を取得する JavaScriptでマウスホイールの操作・アクションを取得するには「window.onmousewheel」を利用し ...
JavaScript | スクリプト内で別のjsファイルを読み込む方法
JavaScript内でXMLHttpRequest()を使って別のjsファイルを読み込んで別ファイルのJavaScript関数を実行する方法になります。 JavaScript内で別のJavaScriptファイルを読み込むサンプルコード 別 ...
エックスサーバーのads.txt設定とは、追加や編集方法
昨年11月7日からエックスサーバーでads.txtの設置・編集機能が実装されています。 主に、Googleアドセンスの利用でads.txtの設置を必要とするのですが、広告枠も得ていない有料レンタルサーバー側でこういった機能が追加されるのに少 ...
エックスサーバーのバックアップ機能からサイト・ファイルを復元する方法
サーバーからサイトやファイルが消えてしまった場合や、過去の状態に戻したい場合に活用できるエックスサーバーのバックアップ機能。 エックスサーバーのサーバーコントロールパネルからバックアップデータを取得してサイトやファイルを復元する方法です。 ...
WordPress | 5.3x～画像メディアのリンク先指定が移動してました
WordPress 5.3xあたりから、画像のメディアファイルへのリンクはどこへ行ってしまったの。 以前は画像ブロックの右メニューに表示サイズ指定と共にリンク先の指定（メディアファイルまたはファイルのあるページ）があったのですが気が付いたら ...
Atom | 日本語入力時のスペルチェックエラー（赤い下線）をどうにかする方法
Atomで新規ファイル時やtxtファイルにて編集している際に、日本語入力時には赤い下線が表示されます。 これはAtomのコアパッケージ「spell-check」のスペルチェック機能が日本語に対応いない為で、日本語文のほぼ全てがスペルミスとし ...
Atom | 関数一覧を表示してジャンプできるようになるパッケージ「symbols-tree-view」
ソースコードの量が増えてくると関数や変数の宣言場所へ簡単に移動できる機能が必要になってきます。 Atomのパッケージ「symbols-tree-view」は、関数や変数、クラスの宣言の一覧をリストビューで表示、クリックで該当する行へジャンプ ...
Atom | スクロールバーをカスタマイズ（色とサイズ）
Atomのスクロールバーはデフォルトサイズの横幅が細すぎてマウスカーソルを合わせるのに掴みにくくてちょっと大変ですよね。 パッケージの「minimap」を使っているとビューがスクロールバーの代わりになって楽ですが、関数ビューなどビュー機能を ...
Atom | 便利なショートカットキーまとめ
Atomは多くの機能、拡張機能があるコードエディタですが、ショートカットキーもまた便利なものが揃っています。 そのなかでも汎用的で使い勝手の良いAtomで使えるショートカットキーをまとめています。 コーディング CTRL + A全選択CTR ...
Atom | クォーテーションや括弧の自動補完機能を停止する方法
Atomのコードエディタはコアパッケージ「bracket-matcher」による自動補完機能（オートコンプリート）で、デフォルトでシングルクォーテーション・ダブルクォーテーションが入力時に2個打たれます。 これが、不慣れだと使いにくい、特に ...
Atom | remote-ftpでエックスサーバーにSFTP接続する方法
コードエディタAtomのパッケージ「remote-ftp」を利用してエックスサーバーにSFTP接続する方法です。 FTPと違ってSFTP接続は工程が多くちょっと大変ですが、安心・安全な接続に期待できます。 remote-ftpのインストール ...
CSS | 背景色とテキスト色を相互に入れ替えるCSSサンプル集
CSSのグラデーションを使って背景色とテキスト色を相互に入れ替えツートンカラーにするCSSサンプル集です。 疑似要素のcontent:attr()を使った方法もありますが、ここではlinear-gradient()やbackground-c ...
CSSアニメーション | animation-play-stateで再生・一時停止を実装する方法まとめ
こちらはCSSアニメーションの一時停止と再生（animation-play-state）で指定可能な値と、実装する方法のまとめ、動作サンプル集になります。 animation-play-stateの設定方法 CSSアニメーションの再生状態を ...
CSSアニメーション | 再生方向（animation-direction）、値と比較用の動作パターン集
こちらはCSSアニメーションの再生方向指定プロパティ（animation-direction）で指定可能な値と、比較用の動作サンプル集になります。 animation-directionの設定方法 CSSアニメーションの再生方向はanima ...
CSSアニメーション | イージング（animation-timing-function）値と比較用の動作パターン集
こちらはCSSアニメーションのイージングプロパティ（animation-timing-function）で指定可能な値と、比較用の動作サンプル集になります。 animation-timing-functionの設定方法 CSSアニメーション ...
CSSアニメーション | 繰り返し処理（animation-iteration-count）の値と比較用の動作パターン集
animationプロパティを使ったCSSアニメーションは人気で様々な場所で利用されていますが、アニメーションの繰り返し設定や、繰り返し繰り返しではなく一回、アニメーションの終点で停止する設定の各動作パターンの紹介です。 animation ...
TiWorker.exeが重い、Windowsアップデートで重要な処理を行うアプリケーションです
TiWorker.exeはWindowsの更新プログラムおよびオプション コンポーネントのインストール、変更、および削除を可能にするWindowsアップデートで重要な処理を行うプロセスファイルになります。 TiWorker.exe Wind ...
Googleアドセンス | AMP自動広告タグの挿入場所
昨年あたりからGoogleアドセンスの広告タグは本格的に自動広告タグが勧められるようになってきました。 通常ページであれば、<head>内に自動広告タグを設置するだけでページ内にGoogleアドセンス広告が自動で挿入されるように ...
WordPress | 子カテゴリページから親カテゴリ名やIDを取得する方法
WordPressの子カテゴリページからWP関数を使って親カテゴリ名や親カテゴリIDを取得する方法の紹介です。 子カテゴリページから親カテゴリ名やIDを取得 子カテゴリページの情報から親カテゴリIDを取得して親カテゴリ名を取得しています。 ...
WordPress | カテゴリページでのカテゴリ名やカテゴリIDの取得方法
WordPressのカテゴリページ上でのカテゴリ名やカテゴリIDの取得方法です。 記事・固定ページで使えるWP関数はカテゴリページでは使えない場合もあるので注意、カテゴリページかどうかを判定した中で処理するようにします。 if(is_cat ...
PHP | foreach()で配列・連想配列・多次元配列を繰り返すサンプルコード
PHPのforeach()では配列データを繰り返し処理を実装可能です。 foreach ($variable as $key => $value) { //処理 } $variableには配列データの入った変数を指定します。$keyには配列 ...
PHP | 配列をカンマ区切り＆クォーテーション囲いの文字列に連結して変換する方法
PHPの配列を文字列に変換する方法は複数ありますが、implode()関数やjoin()関数を使うことで簡単に配列の値を指定の文字または文字列で区切って連結した文字列に変換することが可能になります。 implode(区切り文字,配列) jo ...