regepanのはてなブログ

個人的なメモ帳レベルの文章。

jquery-match-height ハマりどころ。

jquery.matchHeight Browser Tests
たまに勘違いするのでメモ。

これだけだと他のDOMツリーの.item-1の高さが揃わない。

$('.item-1').matchHeight();

クラス名変えるとうまく揃えてくれる。

$('.item-1').matchHeight();
$('.item-2').matchHeight();

jQuery pluginの挙動が他のよくあるpluginと違ってて気づくのに時間がかかった。だいたい1回実行したら全部に適用されるんだけど、.matchHeight()は違ったので。

追記

#data-api っていうのがめちゃ便利だと気づいた。JS書く必要さえなくなりました。
前々から知ってたけど要するにdocumentまじで読めということに尽きる。
GitHub - liabru/jquery-match-height: a responsive equal heights plugin for jQuery



jQuery最高の教科書

jQuery最高の教科書

作りながら学ぶjQueryデザインの教科書

作りながら学ぶjQueryデザインの教科書

gem install compassでエラー。

こういうエラーがでた。
stackoverflow.com

ここらへんのノウハウを得てなんとかインストールできた。
rubylearner.hatenablog.jp
gist.github.com

数年前も同じエラーが出た気がする。
なかなか学びを生かすというのは難しいということか。

たのしいRuby 第5版

たのしいRuby 第5版

Ruby on Rails 4 アプリケーションプログラミング

Ruby on Rails 4 アプリケーションプログラミング

Windows10をインストールできたので成功事例メモ。

いろいろとネットの情報を試したあげく結局あきらめて、新規Windows10のDVDを購入したらあまりにも簡単にインストール完了した。
もちろんプロダクトキーも何の問題もなく通った。

※今日本でWindows10 Homeを買うと約13,000〜16,000円とか、そこら辺の様です。
Amazon CAPTCHA

やったこと。

  • 以前Windows8を3000円位で購入していたので、それをインストールしたかった。(使ってないので。)
  • でもなぜかできない。これはインストール当時のWindows8と現在computerにインストールできたものが別物だったからプロダクトキーが承認されないというものなのかもしれない。
  • 今はMacしか持ってないので、MacからWindows8のUSBブートできるやつを作ろうとしたが、できなかった。
  • VirtualBox on MacWindowsが入っているので、そこのWindowsからWindowsUSBインストーラを作ろうとしたが、Virtualbox内のWindowsMacのUSBを認識してくれなくて断念。
  • VMware上のWindows10からメディア作成ツールとかいうやつでUSBブートメディアを作ろうとしたが、「理由はわからないけど、なぜかできませんでした。」的なメッセージが表示され、できなかった。
  • MacのターミナルからWindows10のUSBインストールメディアを作ったが、なぜか新規購入したcomputerではうまくインストーラが立ち上がらない。認識されてないっぽい。
  • Amazonで5000円位のHPのWindows7のDVDを購入しDVDプレイヤーを新規computerに繋いでみるも、立ち上がって途中までうまくいくかに見えるが、途中で「mediaが見つかりません」みたいなエラー(How to Fix "A required CD/DVD drive device driver is missing" Occurred in Windows 7 Install - Driver Easy)になり、これ以上進まない。この問題に関する回避策はいくつかネット上にあったが、Windowsを持ってないとできないものとか、低速のDVDがなんたらみたいな自分の理解不能なものとか、今自分が持っている設備で出来ないのものなどだったので断念。
  • ここら辺で疲れ果てて先ほどWindows10 DVDをお店で買ってきた。なぜかAmazonよりやすかった。アメリカ大統領選挙前だったらあと200円程安かった。
  • Windows10のDVDをプレイヤーに指すと、勝手にインストーラが起動。あとは画面の指示通りに進めて完了。最初からWindows10のDVDを購入すべきだった。
  • 今回いろいろやってみた思ったのはWindowsというOSは簡単にインストールできないようにいろいろとハッキング対策してるんじゃないだろうかと感じた。最初はDVDが認識されてるのに、途中から認識されなくなるとか明らかにおかしい。(ヒューレット・パッカードWindows DVDは他のcomputerにインストールできない?)そういう契約らしいけどcomputerを書い直す毎にOSも買う必要があるとか困りますね。

CPUを速いやつにアップデートできて、SSDが使えればいいんだけど。マザーボードが対応してないとかあるんでしたっけ?
専門外なので何ができて何ができないのかわからない。
Macに統一したいとか思うけど、OSの値段よりもMacの方が遥かに値段が高いのでまだ無理。

テンプレートに変数を渡す

なるほど。そういう仕組だったか。

関数リファレンス/get template part - WordPress Codex 日本語版

$wp_query->query_vars['foo']

↑ここに登録される。


本格ビジネスサイトを作りながら学ぶ WordPressの教科書 Ver.4.x対応版

本格ビジネスサイトを作りながら学ぶ WordPressの教科書 Ver.4.x対応版

詳解 WordPress

詳解 WordPress

JPGをイラレやフォトショで、開いた時と、書き出した時、に色が変わる問題。

JPGをイラレとフォトショで開いた時点で色が違うし、書き出したときも元画像と代わってしまう。同じ色の画像が作れない。
カラープロファイルとか、設定の問題かと思い色々ググって試したが、効果なし。
結局
Skitch | Evernote
でトリミングして一件落着。


Photoshop逆引きクイックリファレンス CS6/CS5/CS4/CS3対応 for Windows

Photoshop逆引きクイックリファレンス CS6/CS5/CS4/CS3対応 for Windows

Photoshop逆引きクイックリファレンス CS6/CS5/CS4/CS3対応 for Mac

Photoshop逆引きクイックリファレンス CS6/CS5/CS4/CS3対応 for Mac

DGK マルチファンクション カラーツール DKC-Pro

DGK マルチファンクション カラーツール DKC-Pro

Layerslider、超高機能、有料WordPressプラグイン

codecanyon.net

  • 管理画面が超高機能(responsiveとfull widthの設定の意味が不明なのが唯一の欠点。)
  • これだけの機能を提供して激安。
  • 今のところレスポンシブ・スライダーはこれがベスト。いくつか試したけど無料プラグインは大体どこかしらバグってた。

WordPressサイト作成塾

WordPressサイト作成塾

WordPress

WordPress

Contact form 7 custom validation.

contactform7.com

WordPressのfilter hookを利用してカスタムできるんだけど想像以上に使える機能で驚いた。サーバーサイドとフロントサイドのvalidationを、サーバーサイドだけで解決している。
WordPressプラグインの枠を超えてスタンドアロンでも使いたい。


一歩先にいくWordPressのカスタマイズがわかる本

一歩先にいくWordPressのカスタマイズがわかる本

小さなお店&会社の WordPress超入門 ―初めてでも安心! 思いどおりのホームページを作ろう!

小さなお店&会社の WordPress超入門 ―初めてでも安心! 思いどおりのホームページを作ろう!

本格ビジネスサイトを作りながら学ぶ WordPressの教科書 Ver.4.x対応版

本格ビジネスサイトを作りながら学ぶ WordPressの教科書 Ver.4.x対応版