^GSPCとSPXとSPYの違い

^GSPC S&P500指数のティッカー。プライスリターン。 SPX S&P500指数をオプション取引するとき、原資産としてのS&P500指数のティッカー。^GSPCと数値的には一緒。 SPY S&P500指数に連動するSPDRのETF。S&P 500 Index Ticker Symbol - Overview, Featues, Types

vue-cliでVue3にTailwindcss2を導入しようとしてPostcss8が必要だと警告が出た場合の解決方法

結論から言うとvue-cliのバージョンを5.0.0-alpha.5以上にあげましょう。2021年4月23日現在、vue-cliをインストールし、Vueプロジェクトを作成した上で、tailwindcssを公式に従って追加するとPostcss8が必要ですと怒られます。tailwindcss.com上記のリンクで…

Nuxt.js^2.14.12でPostCSS プラグインを追加する際にエラーが出た時の解決方法

Nuxt.js^2.14.12に postcss-nestedを追加したかったので、公式に則って設定をするとビルド時にエラーが出ます。 How to add PostCSS plugins? - NuxtJS まず、プラグインの追加。 yarn add postcss-nested --devnuxt.config.jsに追加したのはこちら。 build:…

Contactform7でチェックボックスにBootstrap4のボタンデザインを適用する

Contactform7でチェックボックスにBootstrap4のボタンデザインを適用する場合に2時間くらいハマったのでメモ。https://getbootstrap.com/docs/4.4/components/buttons/#checkbox-and-radio-buttonsまずは完成形。Contactform7でのフォームに入力 <div class="form-group"> <label class="col control-label">チェック</label></div>…

fancyboxをmain.scssにimportするとエラーを吐いてコンパイルできない時の解決方法

fancyboxをmain.scssにimportしてコンパイルするとエラーを吐きます。 環境によっても違うんだろうけど・・・以下の代わりに、@import "~@fancyapps/fancybox/dist/jquery.fancybox";以下を使うと問題なくコンパイルできました。@import url("~@fancyapps/fa…

swiperの横幅がモダンブラウザで100%にならない場合

swiperで.swiper-containerにwidth: 100vw;を付与しているのに、右側にちょっとだけ空白ができてしまう問題。swiperを以下のようにinitすることで解決。 window.addEventListener('load', () => { // init swiper here }, false); 参考 Wrong width until pa…

contactform7にbootstrap4のカスタムバリデーションスタイルを適用する方法

前提 wordpress Bootstrap4 contactform7 バリデーションを行って、boostrap4のカスタムバリデーションスタイルを適用したい。参考リンク https://getbootstrap.com/docs/4.3/components/forms/#custom-styles上記を参考にして、以下を追加して送信しても、…

チェックボックス、ラヂオボタンをcssで装飾する際に隣接セレクタが使えない場合

前提 wordpressのcontactform7で作成したフォームで、テーマのベースはBootstrap4 <div class="form-group wpcf7-form-control wpcf7-checkbox siryo1"> <div class="checkbox wpcf7-form-control wpcf7-checkbox siryo1"> <label> <input name="siryo1" value="" aria-invalid="false" type="checkbox"> 会社案内 </label> </div> </div> 以下のページを参考にデ…

Bootstrap4のpagenationをwordpressで使う場合

functionに以下を追加 function bootstrap_pagination(){ global $wp_query; $paged = $wp_query->get( 'paged' ); $posts_per_page = get_option('posts_per_page'); if ( ( ! $paged || $paged < 2 ) && $wp_query->found_posts < $posts_per_page ) retur…

get_the_archive_title()で呼び出したタイトルから”アーカイブ:”、”カテゴリー:”、”タグ:”、”作者:”を消す方法

WordpressのブランクテーマのSageではアーカイブ、タイトル等のタイトルの出力に、 get_the_archive_title();を使用している。そのため、タイトル部分の出力をする際に以下のようになってしまう。 archive.phpの場合アーカイブ:タイトル 年別アーカイブの場…

macにBootcampで入れてVMware Fusion 6.0.6で使用していたwindows8.1をisoでwindows10にアップデートした。

macにはBootcampでwindows8.1を入れて、VMware Fusion 6.0.6で使用していた。 windows10の無料アップグレードが7月までらしいので、アップデート。全体で2時間ほどかかった。 まずはVMware Fusion 6.0.6でwin10が動くのか!?ということで、ググったらいろ…

Wordpressのブランクテーマ「Sage」を使って見た

WEBサイトの制作に Wordpressのブランクテーマ「Sage」を導入してみたので流れまとめておく。 roots.io ちなみにターミナルとかなにそれレベルなので結構苦労した。これまではブランクテーマのBones+preprosで開発していた。 themble.com Prepros :: Compil…