PhantomJSをインストールする(Amazon Linux)
Amazon LinuxにPhantomJSをインストールしました。
Amazon Linux AMIのyumリポジトリからPhantomJSをインストールすることはできなかったのでバイナリディストリビューションからインストールします。
こちらを利用します。 bitbucket.org
ubuntuへのインストールはこちらをご覧ください。 soudan.hatenablog.jp
- 参考にしたサイト
- フォント関連パッケージのインストール
- PhantomJSバイナリデータをbitbucketからwgetでダウンロードする
- phantomjsフォルダを作成
- bz2ファイルを展開する
- tarファイルを展開する
- シンボリックリンクを作成する
- インストール確認
- 日本語フォントインストール
- 不要なダウンロードファイルを削除
PhantomJSをインストールする(Ubuntu)
UtuntuにPhantomJSをインストールしました。
用途は以下の2つです。
- Laravel/Duskでテストする
- 応募フォームの応募フロー自動化
Laravel/DuskはChromeDriverの他、PhantomJSも選べます。
環境によってはChromeDriverがインストールできないこともあり、今回はPhantomJSを選ぶことになりました。
応募フォームの応募フロー自動化は、単純に手間を省きたかったからです。
PhantomJSを使うと比較的簡単にスクレイピングができるということで選びました。
こちらはシナリオテストレベルの使い方、Laravel/DuskはDBの結果と突き合わせたりするので単体/結合レベルのテスト用という感じでしょうか。
それでは、OS:Utuntuにインストールしていきます。
- 参考にしたサイト
- パッケージリストの更新
- 必要なパッケージをインストール
- 日本語フォントインストール
- phantomjsのバージョン指定を変数に保持
- phantomjsをgitから取得
- ファイル確認
- ファイル展開、インストール
- シンボリックリンク作成
- phantomjsインストール確認
- 不要なダウンロードファイルを削除
はてなブログのテーマ「Reach」の横幅をカスタマイズしてみた
はてなブログのレスポンシブ対応テーマとしてよく紹介される「Reach」をカスタマイズしてみました。
はてなブログのテーマ「Reach」
http://blog.hatena.ne.jp/-/store/theme/12921228815712830662
初めてブログを作る際に見る書籍などでは、
- おすすめの無料ブログは「はてなブログ」
- おすすめのテーマが「Reach」
という紹介が多いです。
レスポンシブだからという理由で載っています。
私は適当に選んでこのテーマにしました。
シンプルなテーマでお気に入りだったのですが、ジャンル的にソースコードを貼り付けることが多いため、横幅が広い方がいいなぁと思いつつ長い間放置していました。
今回おもいきってCSSを調査、カスタマイズして横幅を広げることに成功しました。
比較的シンプルな構造だったので1時間程度でカスタマイズすることができましたよ。
- 現状の構成
- 既存のサイトの調査方法
- カスタマイズはデザイン設定で
- 設定変更の値とCSS