tkhrsskの日記

技術ネタなど

easyselectboxで動的に内容を切り替える

select要素(プルダウン・セレクトボックス)を装飾するプラグインとして、easyselectboxというものがある。

github.com

ぱっと見、select要素のデザインを加工しているだけに見えるが、実際にはselectを隠してdiv要素を新規に作っている。 なので、スクリプトでselect要素をいじるときにはちょっと注意が必要。

具体的には、下記のような注意点がある。

  • 値のイベント変化を拾いたい場合は、元々のselect要素を監視するのではなく、easyselectboxのonClickイベントを使う
  • seletctの内容(option)を変えたい場合は、selectのDOMをいじったあとに、easyselectboxを再度初期化する。(前に作ったeasyselectboxの要素は一度消す(消さないと選択要素が増殖する)。消す要素を覚えておくためにclass名を明示的に指定しておく)

Sample

サンプルとして、一つのプルダウンを選択したときに、ほかのプルダウンを動的に切り替える場合の処理を用意した。

f:id:tkhrssk:20181202233858p:plain
商品の選択

f:id:tkhrssk:20181202232622p:plain
商品に応じたサイズの選択1

f:id:tkhrssk:20181202234302p:plain
商品に応じたサイズの選択2

Source

gist.github.com

参考

ぼやき

プラグインのソースを見ると、そんなに難しいことはしていないけど、公式情報が少なくて、意図しない動作でプラグイン利用者を戸惑わせている気がする。 APIのドキュメントか、もうちょいサンプル増やしてもらえれば...と思ったけど、6年前(2012)に作られて、特にメンテされているわけではないんだね。 それなりに日本語の説明ページもひっかかるし、実際デザイナが使っていたんだけど、他にスタンダードなプラグインとかないのだろうか。

パスワード付きのプロキシ設定したら、キーチェーンのパスワードを繰り返し聞かれる時の対処方法

パスワード付きのプロキシ設定したら、何度もキーチェーンのパスワードを繰り返し聞かれる。 ブラウザを開いただけで3、4回は聞かれる状況になった。 「常に許可」って選んでも、変わらず。

ググっても、ログインパスワードを変更した時の問題とかしか出てこなかった。

この時の解決策

  • Launchpad -> その他 -> キーチェーンアクセス
  • プロキシのパスワードを管理しているキーチェーンをダブルクリック
  • アクセス制御タブに移動して、
  • 「この項目の使用をすべてのアプリケーションに許可」をチェック

これで聞かれることがなくなった。8888

問題志向と解決志向

ひとりごと

allabout.co.jp

問題志向 ゴールが明確にしやすいし、管理面では重要だけど、 うまくいかないときの閉塞感、達成しても当たり前といった風潮で 疲弊しやすいかなと。

解決志向 いままでできなかったことが、できるようになったという達成感は大きい。 ただし、目的を見失って、やれることばかりに手を付けるといったことにならないように 気を付けないといけないとも思う。

Apple Developer Program

1週間でアプリの有効期限切れるのが不便だったんで、お布施して加入してみた。

でもまだアカウント画面上、手続きされていないように見える。

手続きには48時間くらいかかるらしい。

catacataog.com

PHVってなに(ガソリン車、EV、ハイブリッド車の違い)

メモ程度にまとめた。 PHVは、ガソリン以外にエネルギー供給ができて、エンジンとモーターを動力に使う車のこと。

種類 説明
ガソリン自動車 ガソリンでエンジンを動かす自動車。
EV Electric Vheicle. 電気自動車。電源でモーターを動かす自動車。
HV Hybrid Vhiecle電気(モーター)+ガソリン(エンジン)で動作するもの。PHVと区別する場合は、ガソリンで供給はするが外部電源での供給ができないもの。
PHV または PHEV Plugin Hybrid Vheicle. 電気+ガソリンで動作し、ガソリン以外に外部から充電できるもの。
FCV Fuel Cell Vhiecle. 燃料電池(水素)で、モーターを動かす自動車。
天然ガス自動車 CNG自動車またはLNG自動車とも。天然ガスでエンジンを動かす自動車。
ディーゼル 軽油で、ディーゼルエンジンを動かす自動車 であってるかな。

参考

car-moby.jp