このブログを検索
2022年10月28日金曜日
2022年10月18日火曜日
2022年10月16日日曜日
2022年10月15日土曜日
2022年10月11日火曜日
2022年10月10日月曜日
スライダーSwiper.js スワイプできないと機能しないときに考えられる原因のひとつ
Swiper.jsを実装したのだがスワイプできなくなってしまった
スマホではスワイプ、PCではドラッグができるのだがカスタムしている際にできなくなってしまった
原因はスライダーで使用されるimgタグの親divをz-indexで上に重ねてしまったため反応しなくなっていた
なぜz-indexを使用したかは忘れたのだが、とりあえず解除したら解決
https://www.takumikaki.com/html/page84.html
それとswiper.jsを最初に組み込んだ時に動かなかった
原因はスクリプトを読み込むタグとスクリプトを</body>の直前にいれていなかった
<script src="./js/wave.js"></script>
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
const thumb = document.querySelectorAll('.gallery02 .thumb-media');
const switchThumb = (index) => {
document.querySelector('.gallery02 .thumb-media-active').classList.remove('thumb-media-active');
thumb[index].classList.add('thumb-media-active');
}
const mySwiper = new Swiper('.gallery02 .swiper', {
effect: 'fade',
fadeEffect: {
crossFade: true,
},
speed: 500,
autoplay: {
delay: 4000,
disableOnInteraction: false,
loop: true,
loopAdditionalSlides: 1,
},
// ページネーション
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
// nextEl: '.gallery02 .swiper-button-next',
// prevEl: '.gallery02 .swiper-button-prev',
paginationClickable: true,
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
on: {
afterInit: (swiper) => {
thumb[swiper.realIndex].classList.add('thumb-media-active');
for (let i = 0; i < thumb.length; i++) {
thumb[i].onclick = () => {
swiper.slideTo(i);
};
}
},
slideChange: (swiper) => {
switchThumb(swiper.realIndex);
},
}
});
</script>
2022年9月28日水曜日
css data-v-2ce17902 とは
とあるサイトにタグに<h4 data-v-2ce17902 class="title">SmallComponent!</h4>というようなタグがあり、data-v-2ce17902などの数値がタグにスペースを空けて記述されていた
Scoped CSSというらしい
Vue.jsを使用する時に必要なのか?
詳しくは調べてない
https://qiita.com/mascii/items/623d4c97c3f95e6984c0
ここで詳しく紹介されている
2022年9月27日火曜日
U-NEXTをAndroidで解約
ユーネクストをアンドロイドで解約
https://help.unext.jp/guide/detail/how-to-cancel-the-contract-by-googleplay
2022年9月25日日曜日
ワイモバイルに乗り換えでe-sim対応端末を調べるページ
ワイモバイルにe-simで乗り換える場合のe-sim対応端末一覧
https://www.ymobile.jp/service/others/simonly/esim/
ちなみにワイモバイルで購入したLibero 5G IIは掲載されていないがe-sim対応
povoでもe-simで契約できる
2022年9月21日水曜日
LINE公式アカウントの認証「トークへのメッセージ」とは
LINE公式アカウントを友達追加する際に
''
認証
トークへのメッセージ
あなたからのメッセージを本サービスが利用中のトークに送信します。
''
とあるが、これの意味は
相手とのトークルームで自分が発したメッセージに対して、メッセージを返信します
という意味
2022年9月14日水曜日
2022年9月9日金曜日
@media メディアクエリーの優先順位
cssに記述された順番から読み込む
上から読み込む
それから条件を読み込む(ウィンドウサイズ)
例)
/* 1 */
#left_g_area {
display: none;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
/* 2 */
@media (min-width: 960px) {
#left_g_area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 380px;
padding-left: 40px;
padding-right: 20px;
}
}
/* 3 */
@media (min-width: 1160px) {
#left_g_area {
width: 400px;
padding-right: 40px;
padding-left: 60px;
}
}
2022年9月8日木曜日
2022年8月28日日曜日
2022年8月21日日曜日
2022年8月20日土曜日
mayaでフェースの押出の分割数が常に100になっていて毎回1に戻すのが面倒だった時の対処法
フェースの押出をする時、なぜか毎回分割数が100にされており、毎回1に直すのが面倒だった
2022年8月19日金曜日
ヤマダ電機のエアコン「RIAIR」のパワーセーブ解除法
ヤマダ電機のオリジナルブランド?のエアコン「RIAIR」でパワーセーブを気が付かないうちに設定していた
解除方法はエアコンを運転状態で「入」「切」「取消」を長押ししたら解除された
同時おしで長押ししないと解除されない
品番は「YHAC-22L1-W」「YHAC-25L1-W」「YHAC-28L1-W」「YHAC-40L1-W」
この投稿は Blogger の コミュニティ ガイドラインに準拠していないため、公開が停止されました。というメッセージが表示された場合の対処法
この投稿は Blogger の コミュニティ ガイドラインに準拠していないため、公開が停止されました。再度公開するには、ガイドラインを遵守するようにコンテンツを更新してください。というメッセージがグーグルブロガーの投稿記事一覧で表示されていたが、どの記事かわからなかった
gmailにメールが来ているかと「blogger 」で検索すると、どの記事がガイドラインに引っかかったのかが記載されていたので対処した
2022年8月16日火曜日
ソフトバンク光 お問い合わせ電話番号 支払のハガキの期限が過ぎた時の対処法
電話番号
18608001112009
平日10時から19時
支払のハガキが届いて期限を一日でも過ぎたら、もう支払えない
その場合、2か月分一括でしか支払えないので電話してネットを止めないようにしてもらえる
アクサダイレクト 契約の変更、支払方法確認 問い合わせ電話番号
支払方法確認
0120-956-094
受付時間:平日 9:00〜18:00 土日祝 9:00〜17:00
5→2 でつながった
契約の変更
2→2
0120-266-193
月〜金 9:00〜18:00 土・日・祝日 9:00〜17:00
2022年7月24日日曜日
2022年7月23日土曜日
2022年7月17日日曜日
mayaで実寸サイズのモデリングをする時のグリッドの設定 maya2023
長さと幅がcm、デフォルト12cm、グリッドラインの間隔が1マス5cm、それをサブディビジョン5となっているので5cm*5cmのマスの中に1cm*1cmのマスが5*5で線がひかれる
実寸サイズのモデリングをしたく0.01cm単位でモデリングしたかったのと1マスの中に線はいらなかったのでグリッドラインの間隔を0.01にしてサブディビジョンを1にした
2022年7月2日土曜日
mayaでワークスペースに座標を表示させる→mayaのシーン内(ビュー パネル?)にヘッドアップディスプレイでポリゴン数などを表示させる :maya初心者
mayaのビューパネルにポリゴン数やオブジェクトの詳細など表示したいと思って、どこで表示させるか調べた
【maya ワークスペース 座標 表示】と検索していたら、出てくるわけもなく
【maya 頂点 エッジ フェース 表示】と検索したら、やっとでてきた
そもそもワークスペースと思っていた部分はビューパネル?シーンで座標と思っていたものを表示するのはヘッドアップディスプレイだった
2022年6月26日日曜日
注目の投稿
人気の投稿
-
まずは正規表現にかならずチェックを入れておくこと 改行は ¥n \n のどちらか スペースは単純にスペースを入力して置換には何も入力せず置換すれば削除される