2023-07

DEV NOTE TIPS

CSSのminifyについての考察: gulp-clean-css vs sass({outputStyle: ‘compressed’})

CSSのminify方法として、「gulp-clean-css」と「sass({outputStyle: 'compressed'})」を比較した結果、どちらもファイルサイズの縮小効果はほとんど見られず、ビルド時間が長くなるというデメリットも存在します。
DEV NOTE TIPS

インライン要素の下の隙間を解消する方法

インライン要素の下に生じる隙間は、CSSのvertical-alignプロパティを使用して調整することが可能です。特に「vertical-align: bottom;」と設定すると、要素は親要素の下辺に対して配置されます。
DEV NOTE TIPS

nginx再起動時のポート衝突エラーの解決方法

nginxを再起動した際にポート衝突エラーが出た場合、使用中のポートを確認し、衝突しているプロセスを停止することで解決できます。また、nginxが正常に起動しない場合は、生成されたsockファイルの削除が必要となる場合があります。
DEV NOTE TIPS

PHPコードに全角スペースが入っていないか確認する

「Warning : Use of undefined constant」のPHPエラーは、全角スペースがコード内に含まれている場合にも発生します。エラーが発生した行のコードを確認し、全角スペースが存在しないかをチェックします。
DEV NOTE TIPS

WP Super CacheでPHP機能の使用に注意する

WP Super Cacheを使用する際に、is_mobile関数やセッション等のPHP機能の使用に注意が必要です。これらの機能がキャッシュされると、期待通りに動作しない可能性があります。
DEV NOTE TIPS

Wordmoveのオプションについて

Wordmoveのオプションについて詳しく説明します。これらのオプションを理解し、適切に使用することで、WordPressサイトの開発環境と本番環境間での移動がより簡単になります。
DEV NOTE TIPS

ACFのWYSIWYGエディタでのコンテンツ出力時に<p>タグを出力しないようにする

ACFのWYSIWYGエディタでのコンテンツ出力時にHTMLタグを出力しないようにする方法を解説します。get_field関数またはthe_sub_field関数の引数にfalseを設定することで、HTMLタグを含まないプレーンテキストとして出力されます。
DEV NOTE TIPS

Web Font Loaderを使用してGoogle Fontsの読み込みを高速化する

Web Font Loaderを使用してGoogle Fontsの読み込みを高速化する方法を解説します。Web Font Loaderは、ページの読み込み速度に影響を及ぼすフォントの読み込みを非同期に行い、表示速度を改善します。
DEV NOTE TIPS

Noto Sansのローカルフォントを優先して表示速度を高速化する方法

GoogleのNoto Sansフォントを使用する際の表示速度を高速化する方法を解説します。特にAndroidやChromeで有効な、ローカル環境のフォントを優先的に使用する方法を紹介します。
DEV NOTE TIPS

Git: .gitignoreに後から追加したファイルを履歴から削除する方法

Gitでバージョン管理を行っている際、特定のファイルを.gitignoreに後から追加した場合でも、過去のコミット履歴からそのファイルを削除する方法を解説します。
DEV NOTE TIPS

WordPressパーマリンク設定の注意点: %postname%が日付の場合の挙動

WordPressのパーマリンク設定における注意点。パーマリンク設定に/information/%postname%/を指定し、その%postname%が日付形式だと、期待する投稿ページではなく、アーカイブページが表示されることがあります。
DEV NOTE TIPS

class属性の前方一致、後方一致の使用時の注意点

class属性の前方一致、後方一致を使用する際の注意点。複数のクラス名を持つ要素に対しては、前方一致や後方一致の属性セレクタは期待通りに動作しない場合があります。
DEV NOTE TIPS

Android Studioの仮想デバイスからローカルホストにアクセスする方法

Android StudioのAndroid Virtual Device (AVD) を使用して開発を行う際、開発マシンのローカルホストにアクセスするためには http://10.0.2.2/ を使用します。
DEV NOTE TIPS

Bootstrapと属性セレクタの注意点

Bootstrapのグリッドシステムを用いる際、属性セレクタの使い方に注意が必要です。特に、「col」から始まるクラス名を持つ要素を全て対象にする属性セレクタを用いると、意図しない要素にもスタイルが適用される可能性があります。
DEV NOTE TIPS

Bootstrapのcollapseでtransitionがカクつく問題の解決法

Bootstrapのcollapseコンポーネントでtransitionがカクつく問題と、その解決法について説明します。
DEV NOTE TIPS

Bootstrapのnavタブで横スクロールを許可し縦スクロールを防ぐ方法

Bootstrapのnavタブでタブを横スクロール可能にし、同時に縦スクロールを防ぐスタイル調整方法について説明します。
DEV NOTE TIPS

Bootstrapのnavタブ:正しいタグの使用方法

Bootstrapのnavタブでタブ切り替えを行う際、正しいHTMLタグの選択が重要であることを説明します。特に、tab-contentとtab-paneのクラスはdivタグと一緒に使用することが推奨されています。
DEV NOTE TIPS

WordPressのループをリセットする方法: rewind_posts() の使用例

WordPressでループをリセットし、同一ページ上で複数のループを使用する方法について解説します。主にナビゲーションとコンテンツの両方を表示したい場合などに使用します。
DEV NOTE TIPS

JavaScriptにおけるブレークポイントのイベント

JavaScriptでブレークポイントごとのイベント処理を実装する方法を解説します。これを利用すれば、レスポンシブデザインのブレークポイントごとに特定の処理を実行できます。
DEV NOTE TIPS

ロリポップにおけるwwwの有無による転送設定方法

ロリポップでドメインを設定すると、wwwサブドメインが自動で作成されます。これをどちらも同じ公開フォルダにする設定方法を解説します。
DEV NOTE TIPS

iOSでのvideo自動再生設定方法

iOSデバイスで動画を自動再生するための設定方法を解説します。「playsinline」、「muted」、「autoplay」の3つの属性を使用します。
DEV NOTE TIPS

wwwとhttpsの設定方法

wwwなしから「https://www.example.com」に変更する方法、そしてhttpから「https://example.com」に変更する方法を解説します。
DEV NOTE TIPS

wp super cacheでwp-config.phpの更新ができない場合の対処方法

WP Super Cacheでwp-config.phpの更新ができない場合、wp-config.phpの権限を400から600に変更してみてください。
DEV NOTE TIPS

自分の環境でdnsの反映待ちをできるだけ短くする方法

ChromeやMacのDNSキャッシュを削除したり、DNSサーバーをGoogle Public DNSに変更したりすることで、DNSの反映待ち時間を短縮できるかもしれません。
DEV NOTE TIPS

.htpasswdのパスが間違っていると500エラーが出る

.htpasswdファイルのパスが正しく設定されていないと、WebサーバーはHTTP 500エラーを返します。
DEV NOTE TIPS

サブディレクトリ型のWordPressをルートディレクトリに戻す方法

サブディレクトリ型のWordPressをルートディレクトリに戻す方法を解説します。
DEV NOTE TIPS

カスタムのアンダーラインを引く方法

CSSのlinear-gradientを使用して、カスタムのアンダーラインを引く方法を紹介します。
DEV NOTE TIPS

All-in-One WP Migrationでインポートがストップした場合の対処法

All-in-One WP Migrationでインポートがストップした場合の対処法を紹介します。FTPを用いてファイルをアップロードし、それを復元することで解決可能です。
DEV NOTE TIPS

PHPで現在のURLを取得する方法

PHPで現在のURLを取得する方法を紹介します。具体的には、$_SERVERスーパーグローバル変数を利用します。
DEV NOTE TIPS

givewpとbogoプラグイン使用時の表示問題とその解決法

givewpプラグインとbogo(多言語)プラグインを使用するときの表示問題とその解決法を説明します。具体的には、.htaccessでリライトすることで解決できます。