Web

AngularJS と組み合わせてツイートする内容を動的に変更するツイートボタンをつくる

さて、サイト内にツイートボタンを埋め込みたい場合は公式のジェネレータを使用するのが簡単です。 しかし、ここで生成したコードではページを開いたあと(ツイートボタンを表示したあと)にツイート内容を変更することができません。 そこでツイートボタン…

HTML から Slim に変換する

HTML から Slim に変換したい場合は html2slim が利用できます。 [インストール] $ gem install html2slim $ html2slim --version html2slim 0.1.0 [使い方] $ html2slim index.html index.slim [index.html] <html> <head> <title>Test</title> </head> <body class="test"> <div class="container"> <h1> Hello, Slim world. </h1> </div></body></html>

HTML を生成するテンプレートエンジンの Slim を使ってみた

いま、HTML を書くときは Haml を使用して生成しているんですが、同様のテンプレートエンジンに Slim というのがあるので試してみました。 [インストール] $ gem install slim $ slimrb --version Slim 2.0.3Slim の実行コマンドは slim ではなくて slimrb …

遊ぶようの github organization をつくってみた

最近…でも無いんですが、github の org の存在を教えてもらいました。 新しい github のページが欲しい場合、その度にアカウントを作る必要があると思っていたんですが、org で簡単に作れるんですね。 これは便利。 そんな感じで遊ぶようの org つくって Ang…

Chrome でローカルファイルを読み込む

Web

Chrome で生の HTML ファイルなどからローカルファイル(.json など)を読み込むとエラーになる。 これを回避する場合は Chrome の起動オプションに --allow-file-access-from-files を付けて起動させる。 [参照] http://q.hatena.ne.jp/1322307624

ローカル環境とサーバ環境で動作させる Procfile を変える

Web

以前書いた、sinatra の LiveReload 環境の記事を整える記事なんですが、あの記事では Procfile に追記して foreman で guard も一緒に動作させるようにしていました。 [Procfile] guard: bundle exec guard -i web: bundle exec ruby app.rb -p 5000 しかし…

sinatra + guard + foreman + chrome で LiveReload 環境を整える

sinatra + guard + foreman + chrome で LiveReload するための環境を簡単にまとめてみました。 [必要なもの] gem foreman sinatra guard chrome Chrome Web Store - LiveReload ブラウザのリロードは Chrome の LiveReload を使用します。 1.適当なディレ…