2019-04-10SEOLighthouse

google ChromeのSEOチェック拡張機能「Lighthouse」で検出された問題点を確認して解決していきます 今回はBest Practicesカテゴリにあるリンクがcross-originに対応していない場合に減点される項目です ...

2019-04-11SEOLighthouse

google ChromeのSEOチェック拡張機能「Lighthouse」で問題を確認して解決していきます 今回はSEOカテゴリにあるリンクテキストやボタンのタップサイズが足りない場合に問題ありと診断される項目 Tap targets ar ...

2019-04-11SEOLighthouse

google ChromeのSEOチェック拡張機能「Lighthouse」で問題を確認して解決していきます ひとつ前の記事「【WordPress 5.2】記事ブロックにRSSウィジェットが追加される | WordPressメモ | ONE ...

2019-05-08WordPressGutenberg

WordPress5.2から記事ブロックに使えるRSSなどのいくつかのウィジェットが追加されます。 中でもRSSは気になったのでWordPress5.2ベータ版でチェックしてみました。 ウィジェットブロックにRSSほか、カレンダー・タグクラ ...

2019-04-11WordPressWordPressテーマ

WordPressの無料テーマ「Luxeritas」はPWAに対応しており、SSL化さえしてあれば簡単にWordPressサイト・ブログをPWAに対応させる事が可能です マルチサイトではluxe-manifest.jsonが見つからずエラー ...

2019-04-11WordPressWordPressテーマ

WordPressテーマ「Luxeritas」を利用しています Luxeritas Theme | SEO最適化、レスポンシブ、高カスタマイズ性、とにかく速い、無料の WordPress テーマ 「Luxeritas」は無料ながらAMP対応 ...

2019-04-13WordPressWordPressプラグイン

WordPressで新規記事を書く時に似た構造の記事があれば複製して、それをベースに新記事を書きたいケースもあります 「Duplicate Post」は記事・固定ページを複製して新規下書きを作成してくれるプラグインです 特にエディタが「Gu ...

2019-05-15WordPressWordPressプラグイン

WordPressサイト・ブログのウィジェット設定をエクスポート・インポートできる「Widget Importer & Exporter」の紹介記事になります。 ウィジェットの内容は同じものを一から作成するのは大変な作業なので「Wi ...

2019-04-11WordPressGutenberg

一般的なテキスト編集で使うキーボードショートカットと、便利なGutenberg独自のキーボードショートカット一覧まとめ エディタ操作 Ctrl+S下書き・変更の保存Ctrl+Z変更の取り消し(undo)Ctrl+Shift+Z変更の取り消し ...

2019-04-11WordPressWordPressマルチサイト

マルチサイト化したWordPressサイトの活用でマルチサイト毎のサイトIDが必要になるケースがあります マルチサイト別のidはマルチサイト化しているとWordPressのグローバル変数に定義されていて、$blog_idで取得可能です gl ...

2019-04-11WordPressWordPressプラグイン, WordPressマルチサイト

マルチサイト化したWordPressサイトで使えたプラグインのメモです 使えなかった未対応プラグインも見つかれば掲載します キャッシュ系プラグインは全く使わないので情報ないのでご了承 マルチサイトで使えたプラグイン一覧 WordPress ...

2019-05-24JavaScript正規表現

JavaScriptで使う正規表現の判別サンプル集になります。 javaScriptでの正規表現フラグ | JavaScriptメモ 正規表現での判別サンプル集 指定の文字が含まれているか if( str.match(/o/) ){ //含 ...

2019-04-23JavaScript正規表現

「i」大文字小文字を区別しない 「i」をフラグに指定すると検索対象を大文字と小文字の区別をさせずに処理が可能になります if(`Hello World`.match(/hello/i)){ console.log('true'); } 「m ...

2019-04-11jQuery文字列

文字列の前方一致や後方一致を判別する方法です 判別にはJavaScriptのstartsWith()を使って前方一致、後方一致にはendsWith()を利用しています startsWith()とendsWith()はECMAScript 2 ...

2019-04-11jQueryイベント

jQueryでdivやpタグなどの要素やテキストにマウスホバーイベントを実装する方法です hover()関数でマウスホバーイベントを実装 jQueryのhover()関数はマウスホバーオン時、マウスホバーアウト時の2つの動作を定義する事が可 ...

2019-04-11CSSCSSアニメーション

要素や文字の色が変化するCSSアニメーションパターンです テキストの色を変化させるCSSアニメーション テキストの色を変化させるのに@keyframesでcolorプロパティを変更しています See the Pen CSS Backgrou ...

2019-04-11CSSCSSアニメーション

HTML(共通) <div class="box"></div> 通常点滅パターン シンプルなフラッシュパターンです See the Pen CSS Flash animation 1 by yochans (@yochans) ...

2019-06-16CSSCSSアニメーション

文字や画像の要素が小さく小刻みに震えるCSSアニメーションのサンプルコードです。 このサンプルコードはanimationプロパティ、@keyframesを利用しています。 小刻みに震えるdiv要素のCSSアニメーション div要素を@key ...

2019-05-15CSSCSSアニメーション

CSSアニメーションで要素を回転させるサンプルコードです。X軸回転・Y軸回転での回転アニメーションを紹介しています。 CSSアニメーションを使って要素を回転 要素を回転させるCSSアニメーションのサンプルです。 See the Pen CS ...

2019-06-16CSSCSSアニメーション

CSSアニメーションで利用する@keyframes(キーフレーム)を使う方法と簡単なサンプルです。 See the Pen Flowing Text CSS Animation by yochans (@yochans) on CodePe ...

2019-04-11PhaserPhaserアニメーション

phaser3でも使える無料のAtlasesデータ生成ツールのメモ phaser3にはTexture Packerが対応していますが、無料版でも高機能にみえてまずスプライトシートが読み込めないというね 結局、Texture Packerの無 ...

2019-04-08PhaserPhaserアニメーション

Phaser 3のTweenを使ったフェードアウトとフェードインを実装する方法です Tweenを使ったフェードアウトの実装サンプル See the Pen Phaser 3 Tween FadeOut by yochans (@yochan ...

2019-04-08PhaserPhaserシーン

Phaser 3でシーンを作成する方法とコンフィグ設定にシーンを追加する方法です 利用するシーンをコンフィグに設定する scene:とする事でコンフィグに利用するシーンを設定できます(ひとつの場合は配列じゃなくてもOK) 複数のシーンを設定 ...

2019-04-08PhaserPhaserシーン

Phaser 3でシーンを切り替える(移動・移行)する方法です See the Pen Phaser 3 Chenge Scenes by yochans (@yochans) on CodePen. シーンの切り替えにはシーンを移動するイ ...

2019-04-08jQuery

jQueryで動的にCSSファイルを読み込んでheadに追加する方法です 他にも色々と方法はありますが、ぱっと見わかりやすいコードでひとつ HTML(<head>内) <style type="text/css" id=" ...