マークアップエンジニアとかWEBディレクターとかをやってる僕が、自分が詰まって、解決したことをここに残しておきますよ。

スニペットツールDashの自動入力が使えなくなったのを解決

Dashというスニペットツール、コーディングで使っていた。

mac book proを3年ぶりに買い替えて(それによってOSもsierraになって)みたら、使えなくなってしまった。
Dashをたちあげて「use」をクリックしてペーストするのは機能するんだけど、文字を打ち込みながら自動で入力される機能が動かない。

自動で入力されないと意味ないんだYOーーーーーーーーーーーーーー!!

んで、なかなか調べても解決策みつからなかったんだけど、ようやく見つけた。

システム設定でDash appのアクセスを許可してなかったんだね・・・。


システム>セキュリティとプライバシー>アクセシビリティ


dashcapcha

このキャプチャではうつってないけど、左下のカギマークをクリックしてパスワードをいれたあと、Dash.appにチェックをいれる!

そうしたら直った。

やれやれだぜ

list indices must be integers, not strというエラー(python)

テキストファイルから読み込んだ数字と文字列を結合しようとしたらこのエラーが出た。

TypeError: list indices must be integers, not str

直訳してみると

リスト(配列)のインデックスは整数でなきゃダメです。文字列じゃなくて。


リストのインデックスというのは

datas = []
というリストがあったとして
datas[1]
の1の部分がインデックスなんだけど、そこが数字以外だとだめですよってことっぽい。


for文で

for a in range(len(datas)):
print datas[a]

というようにaをインデックス番号にしようとしことがエラーの原因だった。

aにはインデックス番号がはいってくるけど、これ整数じゃなくて文字列なのね?

整数に変えてみる。

for a in range(len(datas)):
b = int(a)
print datas[b]


としたら解決!
 

bxsliderをwordpressに組み込むとfirefoxで不具合がでるやつの対処

bxsliderでトップページのカルーセルを作る。
各種ブラウザでチェックして問題なく動いている。

そのソースをwordpressに組み込むと最初の1枚目の表示でFirefox不具合がでていた。

具体的には、本来表示されるべき1枚目ではなく、最後に表示されるべき画像が1枚目のところに出てしまっていた。

chromeでは問題ない。Firefoxだけでエラー。

ローカルではうまくいっていたのになぜ??

調べてみた結果、結論から言うと、

wordpressの

srcset=""

属性がエラーを 起こしていた。

wordpress4.4からはレスポンシブ対応するために、srcsetというのがimgタグに自動挿入されるっぽい。

<img src="hoge.png" srcset="hoge.png 1000w, hoge-300x140.png 300w">

みたいな感じで。



srcset属性とは、HTML5で策定された新属性で、ブラウザの大きさに応じて違う画像を読ませることができる、というもの。

css media-queryのブレイクポイントでの処理をhtmlだけでできちゃう、というものだ。

便利っちゃ便利かもしれないけど、どうやらIEに対応していない。
最新のIEにも。

srcset属性の各種ブラウザ対応
 

そしてbxsliderライブラリでも不具合がおきた。
(bxsliderでもjs側でレスポンシブ対応してるわけだから、そりゃガチンコぶつかりあっても不思議はないよね。)
 

とりあえず、ちゃんとコーディングしてからwordpressを導入する場合は、srcset属性が自動付与されるのを無効化したほうがよい。

やり方はfunction.phpに1文をいれるだけ。


 add_filter( 'wp_calculate_image_srcset', '__return_false' );
 

お客さんにこれまで言われたことがあるわけじゃないけど、

「wordpressいれたらIEで画像が変!」っていわれたときもちょっと思い出してみても良いかもね。

 
記事検索


手ぶらで通話 - bluetoothヘッドセット

1時間1円で暖かい。電気毛布。

夏のPC仕事のおともに冷えピタ。クールヘッドで脳のスピードがあがります。

お仕事のご依頼・お問い合わせはこちら

コーディングのお仕事が得意です。

info(あっと)tacshock.com
タグクラウド
QRコード
QRコード
  • ライブドアブログ