macへnodeをインストール

masomi792018-01-30

brew install node

ところが

node already installed, it's just not linked

インストールはできたけどリンクされてないから使えないよ!と。。
なおかつリンクを上書きするといいよ!

と言われるので

brew link --overwrite node

とするも、弾かれてしまう。。



下記で解決!


brew uninstall node
 いったんアンインストール
brew update
brew upgrade
 Homebrewを最新に

brew cleanup
 いらないものを消す

brew install node
 もっかいインストール

sudo chown -R $(whoami) /usr/local/
 リンクが書いてあるファイルを上書きできるように権限を変更
 
brew link --overwrite node
 リンクを上書き

brew postinstall node
 これは何かよくわからない

OSアップデートしてsassが使えなくなったら

masomi792017-11-02

症状::

新規案件に着手する前にOSXをHigh Sierraにアップデートしたらsass が使えない!急いでるのに!

sass -v

バージョン確認しようとしただけで。。。

-bash: /usr/local/bin/sass: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad interpreter: No such file or directory

とおこられる。




対策::

1.Xcodeをアップデート
App Storeから行います。



2.ターミナルからRubyを再インストール

brew install rbenv ruby-build

3.sass とcompassを /usr/local/binへインストール

sudo gem install -n /usr/local/bin sass
sudo gem install -n /usr/local/bin compass


というわけでアップデートは慎重に。。。

/wp 以下に作成したWPサイトのトップページだけは独立したページを使用します。


↑のindex.htmlをトップに表示させます。

1) テンプレートファイル template_toppage.phpを作成します。
内容は以下の通り

<?php
/*
Template Name: Top Page
*/
readfile(ABSPATH . '/index.html');
?>


ABSPATHはwordpressがインストールされたフォルダのパスを示します。
ですのでindex.htmlがwp/フォルダ以下にあっても上記の指定でOKです。




2) WP管理画面から固定ページを新規に作成します。
タイトルは「トップページ」などてきとうでかまいません。

テンプレートに先ほど作成したTop Pageが表示されますのでこれを選択します。




3) 「設定」=> 「表示設定」=>「フロントページの表示」で「固定ページ」にチェックをし、先ほど作成したページを選択します。

Yahoo!店舗の製作の際に覚えたこと

画像ファイルのパス
テンプレート内で記入する場合は下記でOK
どのフォルダにアップしてもここに入ります。

<img src="/lib/ストアアカウント/画像ファイル名">

実際のURLは

<img src="http://shopping.c.yimg.jp/lib/ストアアカウント/画像ファイル名">

となるようです。


固定たて帯バナーを設置する
トリプルを使わない場合は外部のstylesheetを読み込めないので、全部インラインで指定する必要があります。

<div style="position:fixed;background-image:url(http://shopping.c.yimg.jp/lib/店舗ID/画像ファイル名);background-repeat:repeat-y;right:0;top:0;height:1000px;width:200px;z-index:-1"></div>

position:fixed;
background-image:url(http://shopping.c.yimg.jp/lib/店舗ID/画像ファイル名);  /*画像ファイル*/
background-repeat:repeat-y;
right:0;
top:0;
height:1000px;
width:200px;
z-index:-1 /*重なった時に下になるように*/