Home > 未分類

未分類 Archive

minttyからbowerコマンドが通らないでござる

正確には、minttyでbower install [package] しても、パッケージがダウンロードされない不具合
bower installはgitからパッケージを探して自動でDLしてくれているので、そもそもあれか?gitがPCに入ってなかったか?とgitインスコ
で、再度bower install [package]するも、やっぱり通らず。
試しにcmd.exeでやってみたら、なぜかそちらからは通ってくれる
で、いつもの通りグーグル先生に聞いてみたらそもそもminttyでgit使えないから!という記述発見工エエェェ(´д`)ェェエエ工
でも、もちっと調べてみたら、cygwinにパッケージされているminttyなら大丈夫らしい

で、このサイトを参考にcygwinのインスコとminttyの設定

http://blog.roundrop.jp/show/34

結果、minttyで無事にbowerコマンドが通った!
でも

cygwin warning:
MS-DOS style path detected: C:\Users\bob\AppData\Roaming\npm/node
Preferred POSIX equivalent is: /cygdrive/c/Users/bob/AppData/Roaming/npm/node
CYGWIN environment variable option “nodosfilewarning” turns off this warning.
Consult the user’s guide for more details about POSIX paths:

http://cygwin.com/cygwin-ug-net/using.html#using-pathnames

なんつぅエラーが出てるな。
MS-DOSスタイルのパスに対してwarningを出しているらしい
ウザイので、http://takuya-1st.hatenablog.jp/entry/20110423/1303586388 こちらを参考にエラーが出ないように設定。
以上で、bowerコマンドがちゃんと使えるmintty設定終わり

  • Comments (Close): 0
  • Trackbacks (Close): 0

in browser design備忘録【jekyll】編

in browser designの勉強のために、色々マシンにインストール中

最初はmixtureで、これはまぁなんとも使い勝手が良い。GUI最高。
でも、たとえばjQueryとかhtml5shivとか、最近のサイト制作には欠かせないパッケージをもっと簡単にダウンロードしたいわけで
それも、できれば最新版をね。
ということで、なれない黒画面に挑戦することにした。

先日高円寺のこけむさズで行われたin browser design勉強会で紹介されていた
jekyll(http://jekyllrb.com/)を試してみることにする。

サイトによると

~ $ gem install jekyll
~ $ jekyll new my-awesome-site
~ $ cd my-awesome-site
~/my-awesome-site $ jekyll serve
# => Now browse to http://localhost:4000

これだけで基本的な機能は使えてしまうらしい

楽ちんじゃん!

ということでさっそくインストール
でプロジェクトを作って、ディレクトリ移動して
jekyll serve を叩いたら…

Configuration file: e:/bob/jekyllDemo/_config.yml
Source: e:/bob/jekyllDemo
Destination: e:/bob/jekyllDemo/_site
Generating… Liquid Exception: No such file or directory – python c:/Ruby193/lib/ruby/gems/1.9.1/gems/pygments.rb-0.5.0/lib/pygments/mentos.py in 2013-05-19-welcome-to-jekyll.markdown
c:/Ruby193/lib/ruby/gems/1.9.1/gems/posix-spawn-0.3.6/lib/posix/spawn.rb:162:in `spawn’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/posix-spawn-0.3.6/lib/posix/spawn.rb:162:in `spawn’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/posix-spawn-0.3.6/lib/posix/spawn.rb:307:in `popen4′
c:/Ruby193/lib/ruby/gems/1.9.1/gems/pygments.rb-0.5.0/lib/pygments/popen.rb:41:in `start’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/pygments.rb-0.5.0/lib/pygments/popen.rb:203:in `mentos’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/pygments.rb-0.5.0/lib/pygments/popen.rb:192:in `highlight’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/tags/highlight.rb:57:in `render_pygments’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/tags/highlight.rb:45:in `render’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/liquid-2.5.0/lib/liquid/block.rb:106:in `block in render_all’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/liquid-2.5.0/lib/liquid/block.rb:93:in `each’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/liquid-2.5.0/lib/liquid/block.rb:93:in `render_all’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/liquid-2.5.0/lib/liquid/block.rb:82:in `render’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/liquid-2.5.0/lib/liquid/template.rb:124:in `render’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/liquid-2.5.0/lib/liquid/template.rb:132:in `render!’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/convertible.rb:77:in `render_liquid’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/convertible.rb:128:in `do_layout’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/post.rb:285:in `render’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/site.rb:230:in `block in render’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/site.rb:229:in `each’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/site.rb:229:in `render’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/site.rb:44:in `process’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/command.rb:18:in `process_site’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/commands/build.rb:23:in `build’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/lib/jekyll/commands/build.rb:7:in `process’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/jekyll-1.0.2/bin/jekyll:83:in `block (2 levels) in ‘
c:/Ruby193/lib/ruby/gems/1.9.1/gems/commander-4.1.3/lib/commander/command.rb:180:in `call’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/commander-4.1.3/lib/commander/command.rb:180:in `call’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/commander-4.1.3/lib/commander/command.rb:155:in `run’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/commander-4.1.3/lib/commander/runner.rb:400:in `run_active_command’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/commander-4.1.3/lib/commander/runner.rb:66:in `run!’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/commander-4.1.3/lib/commander/delegates.rb:11:in `run!’
c:/Ruby193/lib/ruby/gems/1.9.1/gems/commander-4.1.3/lib/commander/import.rb:10:in `block in ‘
Build Failed

はい、エラー出ました・・・
サーバが立たない・・・

ググったところ、pythonとpygmentsってのがマシンにインストールされていないかららしい。

ということで、マシンにpythonをインスコ

http://www.python.org/

ここからDLしてインスコ
ほいで、pygmentsをインスコすべくhttp://pygments.org/へ行ってみたら
どうやらeasy_install pygmentsで簡単にインストールできるらしい
そら便利だとこアンド打ってみたら
あきまへんねん。
あらかじめeasy_installってプログラムをインストールしておかないといけないという複雑な状況
ほんでez_setup.pyをダウンロードして、python eq_setup.pyとコマンドを打ってもなーんも起き
ググったら、python3系ではあかんとのこと。
さっきマシンにインスコしたのは、確かに3系でした!
ということで、2系をインストールしなおして、easy_installもインストールできて
easy_install pygments でpygmentsもインストールして
無事にjekyll serverが通りましたとさ

長い道のりだった…

  • Comments (Close): 0
  • Trackbacks (Close): 0

infinitescroll

とあるプロジェクトでつかったmasonry.jsとinfinitescroll.js
masonryはpinterest的なタイルレイアウトを実現するjqueryプラグイン
infinitescrollは無限スクロールを実装できるプラグイン

infinitescrollは基本的には一番下までスクロールすると、つぎのページを自動で読み込むんだけども
バージョン1.4からTwitterのように、ボタンを押すとロードされるUIも実装できるようになった(とwebサイトに書いてあった)

クライアントさんがボタンをおしたらロードされるUIを希望していたので、infinitescrollのこの機能を利用しようとして失敗した話

infinitescroll (http://www.infinite-scroll.com/)

masonry (http://masonry.desandro.com/

infinitescrollのwebサイトによると


$('#content').infinitescroll({

navSelector : “div.navigation”,
// selector for the paged navigation (it will be hidden)
nextSelector : “div.navigation a:first”,
// selector for the NEXT link (to page 2)
itemSelector : “#content div.post”
// selector for all items you’ll retrieve
});

の下に


$(window).unbind('.infscr');
$('a.next').click(function(){
$(document).trigger('retrieve.infscr');
return false;
});

と書くと、リンクを押したらロードされるUIが実装されるという


$(window).unbind('.infscr');
$('a.next').click(function(){
$('.container').infinitescroll('retrieve');
return false;
});

が、これがまぁまったくもって動かない。
設定したリンクを押しても何もおきない。

ググっていたら見つけたのがこのページ

http://stackoverflow.com/questions/10762656/infinite-scroll-manual-trigger

コードを下記にしたら無事に動くようになった。

しかし、なんでサイトに載っているのと違う書き方をしたら動くようになったんだろう??

  • Comments (Close): 0
  • Trackbacks (Close): 0

mixtureを入れてみた【その2】

mixtureまわりのお勉強その2

友だちから頼まれたjqueryのお仕事をするのにmixtureを使ってみる。
いや、別に使わなくても全く問題ない(というよりむしろいつも通り作ったほうがだいぶ楽だ)けども
ちゃんとしたサイトをmixture使って作るよりも、軽めの作業の方がええかと思ってのぉ。

適当な名前でフォルダを作ってmixtureで開く。「Empty」を選んでベーシックなセットだけをフォルダに構築する
今回はアコーディオンメニューを作るって作業なので、templateの中のinclude>header.liquidを編集。
ふむふむ、ここまでは何ら問題なく作業できた

ほいで、せっかくだからsassを使ってcssを作ろう!と思い立って、試しにsassフォルダを作って、その中にbasic.sassというファイルを作ったら
mixtureが勝手に必要な設定ファイルとかを作ってくれた!なんてオートマチック!
でも、どうじにmixtureにもエラーが( ̄д ̄)

compassの設定フォルダのパスを、自分の環境に合わせてちょ ということ。
これが、色々と書き方を買えてパスを修正しても一向にエラー表示が消えない。当然cssファイルも生成されない。

色々といじくって、数時間後に理由が判明。
mixture.jsonにある”useCompass”の設定部分が”false”のままになっていた。
compassは使わないって設定ファイルにあるんだから、そらエラーも消えるわけがないやね。
“false”を”true”と書き換えたらエラーも消えた。

ところで、さっき作ったsassフォルダの中にconfig.rbがあるけども、mixtureが作ったcompassフォルダの中にも同じconfig.rbがある
どちらもいじってみたけども、cssへのパス等の設定はsassフォルダ内のconfig.rbを見ているらしい。
もしかして、これだとcompassの書き方はできないかしら?と思ったら、ちゃんとできたね。mixtureすごいね!

でも、まだうまみはわからず。うーん精進

  • Comments (Close): 0
  • Trackbacks (Close): 0

mixtureを入れてみた

http://mixture.io/

Mixture.io

Macで言うところのCodekitのようなものらしいが、そもそもCodekitで何ができるかわかってないからな。
ひとまず会社のマシンにインストール。

Mixtureについての記事

http://dev.classmethod.jp/tool/mixture/

http://creative-tweet.net/blog/2013/04/used-the-mixture.html

大事なことを忘れてた!
WindowsでMixtureを使う場合
.NET4.5 以上がインストールされている必要があるぞ

http://www.microsoft.com/en-gb/download/details.aspx?id=30653

↑ダウンロードしてインスコするのだ

 

mixtureと同時にLiveReloadもインスコした
Sublime Text 2を起動させた状態でLiveReloadを起動させると
LiveReload plugin for sublime text とかちあって起動しないので、
LiveReload → Sublime Textの順番で起動させる。
保存するだけで自動でリロードされるのは超ベンリだー
あ、あとSublime Serverも入れたし。

  • Comments (Close): 0
  • Trackbacks (Close): 0

ホーム > 未分類

Search
Feeds
Meta

Return to page top