slick bxslider をためしたが
slick
無限にアニメーションを続ける設定をするとスワイプ機能が死んだ
bx slider
同様にスワイプ機能が死んだ
swiper
今のところうまく動きそう。忘れちゃいけない設定が、スワイプ後に自動アニメーションが切れるのがデフォルトの設定のようなのでoptionで
autoplay: {
delay: 0,
disableOnInteraction: false,
},disableOnInteraction falseを設定すること。
今まで2代にわたりlogicoolのK740を利用してきたが、キーが一か所壊れたのを機にKX800に鞍替えしてみた。
触ってまだ数日だけど、指の感覚としてはそこまで違和感はなく意図したキーを押せている。なんなら数字とか伸ばし棒（ー）とか苦手だったけどうまくいく。
打鍵感は前のやつのほうがよかったかな。
流行りなのかマックと同じような薄めのキーなので若干苦手。
マックの薄っぺらいの苦手な人は一回実機触ったほうがよさそう。
無線だけど遅延などは特に感じることはなし。
K740は手前のゴムパッドが加水分解してベタベタになるのが嫌いだったからそいう言う意味では今回の商品はグッド。薄いからアームレストも必要なさげ
とりあえずlogicoolのカスタマーの品質の低下が著しいね。
どうもこのCSSは使い勝手が難しい。挙動するときとしない時の差が体感で分かりづらいイメージ。
今回は動かない理由がbody,htmlにかかっているoverflow-x:hiddenのせいだった。
これがあるとなぜか動かないみたい。
魔法の言葉のように上記の設定を入れて姉妹っている場合は注意が必要
ありました。
https://into-the-program.com/mousewheel-scroll-smooth/
すごいですね。
今までFranzを利用していたけど、ちょっと不安定なことが増えてきたので別のサービスを試してみる
UIとしては好みだけど、海外製らしい分かりづらさが自分にはあった。
あとなぜかTeamsが複数アカウント利用できないので今回は選択から自動的に外れた
日本の方が作成したアプリ。細かいところに気が付いているがリサイズが四方の隅でできないこと、ドラッグするエリアがURL入力エリアのせいでかなり狭いことが悩ましい
こちらも上部のドラッグエリアが絶秒にせまい。あと三ミリほしい。
けど使い心地は悪くない。横にアプリが並ぶの気持ち悪いかと思ったけどそこまで悪くない。
しかしこちらもTeamsの複数アカウント設定ができず・・・
Microsoftマジで嫌い
と思いきや、StackにはPrivateSessionという設定ができた！これで複数アカウントも問題なくクリア
アイコンの設定変更ができないぽいのがちょっとおしい。グループ名も作成できたらなぁ
もう少しつかってみよっと。
AfterEffectが使える前提のアニメーションなんだけどとてもきれい。
https://liginc.co.jp/445055
jsonで読み込む必要あるけど上記サイトを参考にすれば何も難しいことは無し。
そのまんまですが、WPアップデート成功！よしエラーも無事だったね。
と思いながら新規追加すると発生する悲しさ。
エラー状況的にはrest apiがうんたらかんたら。
これなんだっけ？と調べてみると外部からゴニョゴニョするためのモノでWPに搭載された当初 脆弱性の問題で停止したほうがよいというしろもの。
ただ、何かしらのプラグインで最近では使われることも多く（ContactForm7とか）やみくもに停止してしまうとよろしくない。
なのでいろいろなサイトを参考に例外処理をするわけです。
https://nelog.jp/deny-restapi-except-plugins
詳細は参考サイト先で。
で、それだけだとGutenbergもREST APIを利用しているのでエラーになるのでした。
上記の参考サイトの内容に
https://www.webdesignleaves.com/pr/wp/wp_user_enumeration.html
で書いてある
//permit Gutenberg（ユーザーが投稿やページの編集が可能な場合）
if ( current_user_can( 'edit_posts' ) || current_user_can( 'edit_pages' )) {
return $result;
}を追記するとログインしているときだけはREST APIを有効化できるわけですな。
ざっくりとした認識なので間違っていることもあるでしょうし、セキュリティ的に懸念が増える可能性もあるのでシステム担当者にヒアリングしながら対応したほうがよさげですが。
普通だとYoutubeとかはモーダルぽく、もしくはアプリに飛んでしまうもよう。
パラメータとして
playsinline="1"を設定すればよいらしい。
Youtube APIならば
playerVars: {
controls: 0,
showinfo: 0,
playsinline :1
},こんなかんじ、
ロゴやら関連動画を消したいけどそれはもうできない。
ちなみにインライン再生って思いつくまで、コンテンツ内再生、youtube モーダルさせない、WEB内再生
とかあほくさい言葉でググってしまった。
ググリワード力って大切。。。
ずっと避けてきたGrid。
ついに着手。
良く分からないけど参考サイトを見つつ column rowを設定してその中に各要素を収める設定完了。
grid-column: 1/2;
grid-row: 2/3;こんな感じで各divに設定をいれていく。
良し完成と思いつつプレビュするとSlickがとんでもないことに。
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: repeat(6,auto);こんな感じで横2 縦6のGridを作っていて右側にSlick用のDivを配置しておりましたが、それだとだめで
display: grid;
grid-template-columns: repeat(2,minmax(0, 1fr));
grid-template-rows: repeat(6,auto);こうする必要があり。
ちょっとまだ良く分かっていない。もっと勉強しないとだ。
レイアウトはかなり自由度が上がるけどCSSの可読性はかなり低いなぁ。