Language」で効率化を図る2013年03月27日CSSメタ言語が一般的になってきた(よね?)昨今ですが、そろそろhtmlも生成するようになるんじゃないかなぁと思ってたんですが今のところそうでもないみたいですね。Jekyllもhtmlを生成するタイプだった気がするけど、あれって普通に受託案件で使えるのかな?まだ使ったことないや。誰かご存じありませんかね。いう感じの僕ですが、CodeKitにその機能がある事を知って色々と試しに使ってみたので、以後の受託案件では何となくこんな感じで使ってみようかなぁな結果をお届けしたいと思います。MacにはCodeKitというアプリがありましてね、そのアプリはCSSメタ言語のコンパイルとかJSの構文チェック(あってる?)とかminify化してくれたり、おまけにブラウザのオートリロードしてくれるステキアプリで、僕にとってはもはや欠かせないアプリになんですが、そのアプリについていた機能です。Languageとは、htmlにライブラリ機能を追加する仕組みです。共通で使う単語とかパーツとかを変数にしたり別ファイルにして読み込んだりできます。Dreamweaverにあるテンプレート機能(であってる?)と似たようなことができるはずです。「〜.html」が生成される!!読みこむ先のファイルの拡張子は「.html」でも「.txt」でも良い。–>これだけ!!では、これをどんな用途で使えるのかを判断するために色々と実験をしてみます。-->html内にはその変数はどこにも参照されていないとするコンパイルOK!!この実験で分かったこと各ページに変数をガンガン宣言するのはとりあえずOK。ページ単位で使い回しそうなものは変数化できる変数の実験3変数を参照してるけど宣言していないのはOK?各ページの判別用に、bodyにclassを付与したいです。–>”>とかしたいけど、必ずしも値を入れるのは面倒だから、入れなくても問題なければ良いなぁと思います。-->その変数はどこにも定義されていないとするもちろんコンパイルエラー!!例えば各ページを判別するためにbodyにclassをつける用途でKitを使う場合は、全ページにページclassを記述する必要がある。変数の実験4変数を上書き変数の上書きが出来るとすれば、最初にデフォルト変数定義用のファイルを作って全ファイルでインクルードすればいいんじゃないかと思いました。class="container">コンパイルエラー!!変数は定数的な扱いで、上書き不可。:日本語を変数に入れる場合でも「”」で囲まずそのまま書けば良い。いうかむしろ「”」で囲むと「”」まで表示される。各ページで違う要素はもう全部各ページで定義するようにしてしまった方が楽かなぁと思います。大体メタタグとかOGPとかSEO的なヤツとかですかね。こんな感じでどうでしょう。(何かしょっちゅう使いそうだから)どうです?あんまりスマートじゃないですが、現時点ではこれが限界なのかなぁと思います。すれば結構汎用性の高い感じで使えませんかね。いう変数を記述してますが、これは西畑さん(@kazumaNishihata)が書いて頂いてた記事があったのでパク参考にさせてもらいました。僕は割とルート相対パスでhrefを記述する派なんですが、そうもいかない事もありますもんね。自体もこの記事で教わりました。Launguageを使えば数百ページの静的htmlファイル納品案件でも怖くないですね。今後もこの機能は洗練されていくと良いなぁな期待を込めて、今後はガンガン使っていこうと思います。変数の上書き可if文での条件分岐for文での繰り返しまぁ、これができたらそれはもうテンプレートエンジンだよね。画像読み込み前に実行される場合の対応Macのアプリで「タブ」「ウィンドウ」「アプリ」を切り替えるショートカットFinderのツールバーにアプリアイコンを置くとすげー楽。それと最近思ったこと。@anticyborgさんからReplyトラックバック/ピンバックはありません。音楽系copyright@STACKSTOCK。