このブログを検索

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月25日日曜日

ワイモバイルに乗り換えでe-sim対応端末を調べるページ

 ワイモバイルにe-simで乗り換える場合のe-sim対応端末一覧

https://www.ymobile.jp/service/others/simonly/esim/

ちなみにワイモバイルで購入したLibero 5G IIは掲載されていないがe-sim対応

povoでもe-simで契約できる


e-simで乗り換え後にトラブルなどあった場合の電話問い合わせ窓口

【ワイモバイル オンラインストア事務局】
[フリーダイヤル] 0800-111-4666
[オペレーター対応時間] 10:00~19:00/年中無休(1月1日を除く)

povoに乗り換えた時、エラーがおきて自分ではどうしようもない状態になったのでサポート時間内に乗り換えをすることがおすすめ


2022年9月21日水曜日

LINE公式アカウントの認証「トークへのメッセージ」とは

 LINE公式アカウントを友達追加する際に

''

認証

トークへのメッセージ

あなたからのメッセージを本サービスが利用中のトークに送信します。

''

とあるが、これの意味は

相手とのトークルームで自分が発したメッセージに対して、メッセージを返信します

という意味

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日木曜日

indeed 除外検索

検索したいワードの後に-と除外ワードを入れて検索

 例:飲食店 -業務委託

転職サイトGreenのいいねとは 企業→ユーザー

 「気になる!」をくれた企業への応募は、普通の応募よりも書類選考の通過率が、約8倍になるらしい

2022年8月20日土曜日

mayaでフェースの押出の分割数が常に100になっていて毎回1に戻すのが面倒だった時の対処法

 フェースの押出をする時、なぜか毎回分割数が100にされており、毎回1に直すのが面倒だった


直し方はフェース選択状態で右クリックでフェースの押し出しの□をクリックしてフェースの押し出しオプションをだして、分割数を1にして適応したら、次からは1で出るようになった

2022年8月19日金曜日

photoshop ショートカット

 選択範囲外のマスク Alt+マスクボタン

Macショートカット

Command+Shift+3 スクリーンショット全体

Command+Shift+4 スクリーンショット指定

Command+control+q 画面ロック


MacBook Air 13-inch 2017をスリープさせず、ずっと画面を開いておくための設定

ヤマダ電機のエアコン「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か月分一括でしか支払えないので電話してネットを止めないようにしてもらえる


おうちでんき 問い合わせ電話番号

 0800-170-3710

アクサダイレクト 契約の変更、支払方法確認 問い合わせ電話番号

支払方法確認

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日日曜日

エッジループを挿入のショートカット maya

 エッジを選択にしてshift+右クリックでマルチカットを選択しctrlを押しっぱなしにすると左クリックを押すと追加される

2022年7月23日土曜日

maya ベベルの設定がでない

ビュー内エディタというらしい

メニューのディスプレイのヘッドアップディスプレイのビュー内のエディタにチェックすれば出るようになる


シェルフからベベルを選んでも出ないがメッシュの編集のベベルから出る


2022年7月17日日曜日

mayaで実寸サイズのモデリングをする時のグリッドの設定 maya2023

 


長さと幅がcm、デフォルト12cm、グリッドラインの間隔が1マス5cm、それをサブディビジョン5となっているので5cm*5cmのマスの中に1cm*1cmのマスが5*5で線がひかれる


実寸サイズのモデリングをしたく0.01cm単位でモデリングしたかったのと1マスの中に線はいらなかったのでグリッドラインの間隔を0.01にしてサブディビジョンを1にした


グリッドラインの間隔0.1にしてサブディジョン10でも同じことになる
ただグリッド番号は0.1cmからしか表示されない


座標に表示されている数値はパース ビュー グリッド番号のラジオボタンを軸上にすると上記のように表示される

2022年7月13日水曜日

mayaで移動、スケール、回転時にでるX、Y、Zの矢印の名前がわからないのとサイズの変更 mayaユーザーインターフェース

 


↑コレ マニピュレータ

どのキーを押してしまったのか

マニピユレータが小さくなってしまった

サイズの変更は+キー ‐キー

これをーキーを間違って押しちゃったんだろうな

2022年7月2日土曜日

mayaでワークスペースに座標を表示させる→mayaのシーン内(ビュー パネル?)にヘッドアップディスプレイでポリゴン数などを表示させる :maya初心者

 mayaのビューパネルにポリゴン数やオブジェクトの詳細など表示したいと思って、どこで表示させるか調べた

【maya ワークスペース 座標 表示】と検索していたら、出てくるわけもなく

【maya 頂点 エッジ フェース 表示】と検索したら、やっとでてきた

そもそもワークスペースと思っていた部分はビューパネル?シーンで座標と思っていたものを表示するのはヘッドアップディスプレイだった



表示させる方法はメニューのディスプレイのヘッドアップディスプレイで表示させたい項目にチェックを入れていくだけ、とりあえず全部表示させて、どのように数値が動くのか検証することにした


注目の投稿

じぇらいす まちおこし

人気の投稿