CSS [CSS] Macでスクロールバーが常に表示されない？
概要 CSSでoverflow-y: scrollやoverflow-x: scrollとすると、Windowsでは常にスクロールバーが表示されるがMacではスクロールバーが表示されない。 原因 Macの場合、表示する端末の「システム環境設定⇒一般⇒スクロールバーの表示」の設定に依存するため、基本的にはCSSで制御することはできない。 初期値は「マウスまたはトラックパッドに基づいて自動的に表示」で...
プログラミング
CSS 
WordPress [WordPress]Cocoonテーマのヘッダ画像を複数（スライダー）にする方法
1. MetaSliderプラグインをインストール&設定 2. wp-content/themes/cocoon-child-master/tmp/single-contents.phpを作成 <?php if (!defined('ABSPATH')) exit; ?> <div id="header-container" class="header-container"> <div id="h...
WordPress [WordPress]アーカイブウィジェットの表示件数を変更する方法
functions.phpにフィルターを追加する。 add_filter( 'widget_archives_args', 'custom_archives' ); function custom_archives( $args ) { $args = 12; // 表示件数 return $args; }
WordPress [WordPress]カテゴリーウィジェットから特定の親カテゴリーを除外する方法
functions.phpにフィルターを追加する。 add_filter('widget_categories_args', 'my_theme_catexcept'); function my_theme_catexcept($cat_args){ $cat_args = get_term_children(33, 'category'); // 33は除外する親カテゴリーID return $...
WordPress [WordPress]ウィジェットで特定の親カテゴリーのドロップダウンを表示する方法
1. functions.phpにショートコードの定義を追加 function getCategoryCombobox($args) { $categoryId = 33; // 表示する親カテゴリーID $categories = get_categories(array('taxonomy' => 'category', 'child_of' => $categoryId, 'pad_coun...
Vue.js vue serveコマンドで.vueファイルを実行することができない原因
概要 vue serveコマンドはプロジェクトを作成せずに、.vueファイルを単体で実行することができる。 しかし、Vue CLI5では動作しない。（2022年4月現在） 解決法 Vue CLI4では正常に動作する。 npm install @vue/cli@4npm install @vue/cli-service-globalnpx vue serve Hoge.vue
Git BitbucketからGitHub, GitHubからBitbucketへの移行方法
概要 Gitリポジトリを変更したい場合、作業ディレクトリで以下のコマンドを実行し、リポジトリURLを変更すればよい。 git remote set-url origin 移行先リポジトリURL ※ git remote -vで変更されたかどうか確認可能 以後は、それまでと同じようにcommit, pushするだけ。
React 「はじめてつくるReactアプリ with TypeScript」の感想・備忘録
kindle本「はじめてつくるReactアプリ with TypeScript」のまとめ。 点数 82点 感想 とてもわかりやすかった。 作成するアプリは簡単なものだが、ひとつひとつの説明が丁寧で理解しやすい内容だった。 Reactのimportが不要になった React version 17からはindex.tsx以外のファイルではimport React from 'react';を省略できる...
React 「React学習挫折経験者による挫折しないReact基礎学習」の感想・備忘録
kindle本「React学習挫折経験者による挫折しないReact基礎学習」のまとめ。 点数 50点 感想 CDNを使って関数コンポーネントで実装する、という内容だった。 Props, Stateを少し使って終わりのため、本当の初心者向けの内容だと思う。
JavaScript 【JavaScript】正規表現にgオプションを指定して複数回実行する場合の注意点
概要 JavaScriptの正規表現オブジェクトのtestメソッドをgオプションを指定して実行した場合、正規表現オブジェクト内に次の開始位置が保持される。（lastIndexプロパティ） そのため、同じ正規表現オブジェクトを複数回使い回すと、2回目以降は開始位置が先頭ではなくlastIndexの位置からとなる。 よって、同じ文字列に対して同じ正規表現オブジェクトのtestメソッドを実行しても、1回...