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 ...
WordPress | wp_remote_post()で記事や固定ページを投稿する方法
WP REST API v2のwp_remote_post()API関数を使ってWordPressに記事や固定ページを投稿する方法の紹介とサンプルコードです。 wp_remote_post()で投稿するサンプルコード require_onc ...
CSSでテキストを光沢やメタル調に装飾するサンプル集
CSSを使ってHTMLに表示するテキストをメタルっぽく装飾するサンプル集になります。 また、チェック柄以外にもテキストをシャドウ、立体、ストローク、ネオン、ストライプからグラデーション、メタル風、鏡面反射などにするCSSサンプルも紹介してい ...
CSSでテキストをチェック柄に装飾するサンプル集
CSSのみでテキストをチェッカー柄やギンガムチェック・タータン・チェックなどのチェック柄に装飾するサンプル集です。 各柄のカラーバリエーションも紹介しています。 また、チェック柄以外にもテキストをシャドウ、立体、ストローク、ネオン、ストライ ...
CSSでテキストを彩る装飾サンプル集
CSSを使ってテキスト文字に影、立体、光沢などを付けて装飾するサンプル集です。 シャドウ系、立体系、ストローク、ネオン、ストライプからグラデーション、メタル風、鏡面反射などカテゴリにわけて紹介していきます。 賛否はあるかもしれませんが、フォ ...
JavaScriptでスクロールに合わせて背景色のCSSを変更するサンプル
スクロール量に合わせてページの背景色のCSSを変更していくシンプルなJavaScriptの動作サンプルとサンプルコードです。 スクロール量に合わせて背景色を変更する 動作サンプル See the Pen JavaScript Change ...
Windows10 フォト（Microsoft.Photos.exe）が勝手に起動する場合がある？ほか
Microsoft.Photos.exeはWindows10に搭載されているフォトビュアーで、アプリケーション名はフォトです。 Microsoft.Photos.exe フォト Microsoft.Photos.exeの基本情報 ファイル名 ...
ntoskrnl.exeについて、CPU占有率が100%になる場合など
ntoskrnl.exeは通常の状況のWindows起動では使われませんが、コンピュータをブートする際のサイクルの重大なSystemプロセスとなっています。 処理の同期・割り込み、スレッドスケジューリングなど行うWindowsの起動に重要な ...
setuphost.exe Modern Setup Hostが重い場合の対処方法とアプリケーションの詳細情報
Windows10のタクスから確認できる「setuphost.exe」はWindows10の更新プログラムでWindowsアップデートを行うWindowsのオペレーティングシステムアプリケーションです。 setuphost.exe Mode ...
流れる文字のCSSアニメーションサンプル集
CSSだけで流れる文字を作成するCSSアニメーションサンプルパターン集になります。 共通HTML <div><p class="text">流れる文字のCSSアニメーション</p></div> 右から左へ流れる文字の ...
【フリー素材】旭日旗の背景素材画像（1800×1000）
旭日旗デザインの背景画像（フリー素材）です。通常の旭日旗デザインから青ベース、金色ベースのものを作成しました。 旭日旗の背景素材画像一覧 白背景の旭日旗 ノーマルタイプの旭日旗・白背景、フリー素材背景画像、サイズは横1800px縦1000p ...
CSSで作る旭日旗ーKyokujitukiー
CSSを使って作る旭日旗のサンプルコード集です。 旭日に16本の旭光が射す旭日旗のCSSデザインで、影付きや青色バージョンも作成しました。 旭日の位置や大きさ、旭光の幅などをCSSで簡単に編集できるようにしました。 旭日旗、ノーマル See ...
CSSだけで作るマウスホバーでポップするバルーン・ツールチップのデザイン集
リンク先の説明書きなどに使われるCSSだけで作るマウスホバー時にポップアップするバルーンポップアップ・ツールチップのデザイン集です。 共通HTML 紹介しているサンプルCSSの共通部分です。 HTML <ul> <li>MENU ...
JavaScriptでCSSのスタイルを動的に変更する方法
JavaScriptを使ってCSSのスタイルを動的に変更する方法です。 要素の背景色を変更するボタン、要素のポジションを変更するボタン、また.styleで指定可能な主なstyle属性一覧を紹介しています。 要素の背景色を変更するボタン Ja ...
JavaScriptでマウスホバーイベントを実装する方法
JavaScriptを使って指定した要素に対してマウスホバー（マウスオーバー）イベントを実装する方法です。 マウスホバーイベントを実装する方法 JavaScriptを使って指定した要素に対してマウスホバー（マウスオーバー）イベントはaddE ...
JavaScriptで要素のclassからidを取得する方法
JavaScriptを使ってクリック時などに要素のclassからidを取得する方法です。 クリック時・マウスホバー時・ドラッグ時などのパターンを紹介しています。 要素のクリック時にclassからidを取得する方法 JavaScriptを使っ ...