weblog of key_amb

主にIT関連の技術メモ

テンプレートエンジン

(メモ) Slim ことはじめ

Slim を触り始めたので Getting Started 的なことを書いておく。 文法 本家サイトを見るのが一番いいと思うが、英語つらいとかいう場合のためにその他参考サイトを載せておく。 File: README — Documentation for slim (3.0.0) Slimテンプレートエンジンを使…

Middleman, Slim, Sass を使って AngularJS のチュートリアルをやってみた

AngularJS のチュートリアルとして、すぐできる AngularJS を写経しました。 ただコピーするだけでは面白くないのと、最近のフロントエンド開発のツールをついでに触ってみたかったので、Middleman, Slim, Sass を使って書き直しました。 本当は途中まで Cof…

(メモ) Slim と AngularJS を同時に使う場合のエラー回避

SlimでAngularJSを扱ってエラーが出たときの対処法 - 大学生からはじめるWeb開発 を先に見て気になっていたのですが、試していたところ、やっぱりエラーになってしまいました。 エラーになったのは {{ }} によるデータバインディングです。 参考サイトでは3…

Vim で Slim を編集しやすくする

シンタックスハイライト 参考: Vim で slim のシンタックスハイライトを行う - C++でゲームプログラミング 下のプラグインを入れればよさそう。 slim-template/vim-slim · GitHub .vimrc に下を書いて、:NeoBundleInstall で。 NeoBundle "slim-template/vim…

(メモ) Slim の出力結果を見やすくする

Middleman で Slim を使ってみたのですが、デフォルトだと HTML が minify されるのか、1行に出力されてしまいました。 プロダクション環境はそれでいいかもしれませんが、開発時はつらいので、とりあえず参考サイトからコピペした以下のオプションを Middle…

Middleman を使って GitHub Pages に静的サイトを公開する

だいたい下記のブログの通りです。 middleman で構築したサイトを GitHub Pages で公開するまでの流れをまとめてみた - C++でゲームプログラミング 環境としては Mac OS X Mavericks, ruby 2.2.0 (on rbenv), middleman 3.3.7 で実施しました。 (1) gem inst…

Struts2でのvelocity関連設定

参考 Struts2本家サイト struts.xml velocity.propertiesや、VelocityToolsのtoolbox.xmlのパスを設定できる。 パスは、Webアプリケーションルートからの相対パスで記述する。 <constant name="struts.velocity.configfile" value="/WEB-INF/velocity.properties" /> </constant>