gem install compassでエラー。

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

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

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

たのしいRuby 第5版

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 MacにWindowsが入っているので、そこのWindowsからWindowsUSBインストーラを作ろうとしたが、Virtualbox内のWindowsがMacの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の方が遥かに値段が高いのでまだ無理。

Microsoft Windows 10 Home Anniversary Update適用版 32bit/64bit 日本語版 (最新)|USBフラッシュドライブ

Microsoft Windows 8.1 (DSP版) 64bit 日本語 Windows8.1アップデート適用済み

Microsoft Windows7 Professional 64bit Service Pack 1 日本語 DSP版 DVD LCP 【紙パッケージ版】

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

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

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

$wp_query->query_vars['foo']

↑ここに登録される。

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

詳解 WordPress

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

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

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

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

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

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

codecanyon.net

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

WordPressサイト作成塾

WordPress

Contact form 7 custom validation.

contactform7.com

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

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

いちばんやさしいWordPressの教本 人気講師が教える本格Webサイトの作り方 第2版 WordPress 4.x対応

WordPress 仕事の現場でサッと使える！デザイン教科書

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

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

Smooth scroll - Animating links to other pages.

改めてぐぐってみるとありそうで全然無かった。
もっとライブラリが巷に溢れてるような気がしたんだけど。
結論からいうとこのライブラリを使っておけばいくつかの問題が無難に解決された。

github.com

• アンカーリンク移動先のポジションオフセット調整機能。
• ページ遷移後の自動スクロール機能。

面倒そうなのは↑この2つだろうか。
もう1つ面倒事がある。画像が読み込まれた後に画像の高さが変わる件。
これでアンカーリンクの位置が変わるので、ずれる問題がある。
この問題に関しては、画像読み込み後にsmooth scrollを実行するようにすれば良い。

    $(function() {
        $(window).load(function () {
            smoothScroll.init();
        });
    });

JSガール Vol.34 2016年 10月号 [雑誌]

確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)

いまから始めるWebフロントエンド開発

JavaScript 入門