Yousuke.U

「Animate.css」のアニメーションをマウスホバー（マウスオーバー）で開始させるサンプルコードです 動作サンプル See the Pen Mouse Hover Ivent（CSS Only） by yochans (@yochans ...

「Search Console」で確認できる「クロールの統計情報」の「ページのダウンロード時間」 「エックスサーバー」へのサーバー移転によりWordPressブログのページ読み込みスピードが大きく改善されたので当然なのですが、前後での変化が ...

「Animate.css」のアニメーションをクリックまたはタップ動作で開始させる方法です 色々な方法が考えられますが クリックでclassを付与してアニメーション開始 アニメーション終了でclassを解除 が、一番お手頃かな思います Jav ...

PCブラウザは現在「Chrome」「FireFox」「edge」を利用していますが、メインブラウザは長年「Chrome」を使っています 「FireFox」は過去に使ったきりでしたが昨年「Firefox Quantum」の登場を受け最利用 「 ...

AMP自動広告を設置して成果レポートを確認する方法です AMP自動広告の成果レポートを確認する方法 「パフォーマンスレポート」にてレポートタイプ「広告の動作」を選択 これでリストにてAMP自動広告のレポートが確認できます

手軽にCSSアニメーションが実装可能なクロスブラウザなCSSライブラリ「Animate.css」で利用できる各アニメーションのサンプルコード集です 読み込み方法やカスタマイズの記事もあります バウンド キーフレームで弾む感じを演出するのもひ ...

手軽にCSSアニメーションが実装可能なクロスブラウザなCSSライブラリ「Animate.css」 CSSアニメーションは記述を理解していてもスムーズな動きを作るのは結構大変なので、こういったライブラリは利用する手もありですね ひとつのアニメ ...

Googleアドセンスの一日の更新時間は17時頃に実行される場合、タイムゾーンがデフォルトのロサンゼルスタイムに設定されていると思います これは、タイムゾーンを日本の東京時間に変更する事で、0時に更新される様にする事が可能です Google ...

AMP自動広告を導入して数日ですが、元々設置していたAMPアドセンス広告と増加した分のAMP自動広告の比率を調べてみました AMP自動広告で追加された広告枠数 スマホでAMPページを確認してもどこにAMP自動広告が差し込まれてるのかイマイチ ...

PCでは正常に動いててもスマートフォンだとクリックが反応しなかったり画像描画が削除しても消えなかったりした場合の解決策です PCで正常に機能しているのにモバイル端末だと不安定な場合は、ソースコードの記述ミスではなくスペック差による処理落ちの ...

「CreateJS」でTickerを利用してコンテンツを更新するサンプルコードです 最低限必要なコード createjs.Ticker.addEventListener("tick", 実行関数名); 指定した関数を初期値のFPSで実行しま ...

「CreateJS」で丸いボタンを作成してクリックイベントを作成するサンプルコードです 背景のみにクリック可能にすると文字部分はクリック出来ません 背景と文字をContainerを利用してグループ化する事で全体をクリック可能になります Se ...

『新規サーバー契約で１ドメインプレゼント』というキャンペーン中の「エックスサーバー」 X10 X20 X30どれでも対象なのは嬉しいですね X20 X30だと常時プレゼントドメインというのをやっていて、追加でもうひとつって感じですね 最大で ...

「CreateJS」でText()を使って表示する文字列や数値をアウトライン描画するサンプルコードです 対象.outline = 1; outlineは描画するテキストを枠文字にするプロパティです 指定する数値は、枠線のサイズになります S ...

以前記事にした時に試してみましたが、お試しでWordPressを試してみる程度（無料期間だけ使う）には良いとの結論でした 【WordPress】ムームードメイン for WPホスティングを使ってみました | なるほど。 やたら重かったり月額 ...

「CreateJS」でText()を使って文字列や数値を表示するサンプルコードです 基本的な記述 createjs.Text(表示するテキスト,フォントスタイル,フォントカラー) 例 createjs.Text("Hello World", ...

いつから導入されてたのかわからないですが「AMP自動広告」がどんな感じか試しに設置・設定してみました AMP 自動広告の導入ガイド（ベータ版） - AdSense ヘルプ   WordPressのテーマは現在「Luxeritas」 ...

「CreateJS」でShape()を使って四角形を描画するサンプルコードです drawrect(X座標,Y座標,幅,高さ) See the Pen CreateJS drawing Rect by yochans (@yochans) o ...

「CreateJS」でShape()を使って円を描画するサンプルコードです See the Pen CreateJS drawing Circle by yochans (@yochans) on CodePen. Shape()を使って円 ...

CreateJS（PreloadJS）で画像を事前ロードする時のサンプルコードです See the Pen CreateJS Image Load by yochans (@yochans) on CodePen. LoadQueueで画像 ...

「EASELJS」「TWEENJS」「SOUNDJS」「PRELODJS」から構成されている「CreateJS」 CreateJS | A suite of JavaScript libraries and tools designed f ...

WordPressでのカテゴリ別RSSフィードはプラグイン不要、デフォルトで出力できて便利ですね カテゴリ別RSSフィードのURL パーマリンクがデフォルトの場合 カテゴリ名/feed/ 最後に「/feed/」と付け加えればカテゴリ別でも記 ...

WordPressのサイドバーに表示するカテゴリ一覧はデフォルトだと味気ないから、見た目の気に入るデザインにしたいところですね CSSでデザインする為に、まずHTMLコードを確認します デフォルトのHTML出力 <div class= ...

Windows10のスクリーンショット機能は、2017年の「Creators Update」より範囲指定キャプチャも出来るようになりました スクリーンショットキーの場所やキー表記 場所は主にキーボード最上段、「F10」キーの右側に設置されて ...

Googleアカウントはひとりでいくつでも作成でき、Chromeのユーザー単位で使い分けれたり非常に便利ですがGoogleアドセンスアカウントはひとりひとつに限定されています 複数のGoogleアカウントでAdSenseアカウントは作成出来 ...

Windows10のデフォルトではファイルの拡張子は非表示になっていますね ファイルの拡張子を表示設定にするには適当なフォルダを開いて「表示タブ」に切り替えるとチェックボックスがあります 「ファイル名拡張子」をチェックすればデスクトップから ...

さくらのレンタルサーバーで利用可能になったバックアップ機能「バックアップ＆ステージング 」 「バックアップ＆ステージング 」は「Snapup」というWEBサービスをさくらのサーバーアカウントにて利用できる機能ですが、独自アカウントになってい ...

「ToshibaServiceStation.exe」は「dynabook」などのToshiba製のディスクトップパソコン・ノートパソコンが重くなる原因のひとつですね TOSHIBAパソコンにプリインストールされているToshiba製のアプ ...

Github製の無料テキストエディタ「Atom」 日本語化「japanese-menu」は最初にインストールしたいパッケージですね 日本語化パッケージ「japanese-menu」のインストール 「Install a Package」または ...

CSSでセレクタ指定時に除外できるnot()疑似クラス AND条件やOR条件の指定方法です divを除外 div以外の全ての要素に適用するCSSです body:not(div){ color:#000; } divまたはpを除外 divとp ...