Horic Design

a-blog cmsやJavaScriptなどの情報を発信しています。

5ページ目

CSSモジュールを試してみた。

CSSモジュールとは


CSSを書く人はよく、クラス名が衝突するのことを避けるため、BEM記法を用いる。
コンポーネント名を基準にして、その子供の要素を_(アンダーバー)二つで下の図のようにつなげていく方法だ。
だが、この命名規則だと、だんだんクラス名をつけるのがおっくうになってくる。そういった問題を解決するために作られたのがCSSモジュールという考え方。


「CSSモジュールを試してみた。」の続きを読む

CommonJSに対応していないjQuery Pluginを対応させるためのnpm moduleを作った

ほとんどのjQueryプラグインはCommonJSに対応していません。つまり、jQueryをグローバル空間に定義してやらないとプラグインをjQueryに適応できないようになっています。
そこで今回は、jQueryおよび、jQueryプラグインをrequireしてローカル関数内で拡張できる仕組みをbrowserifyのtransformを使って作ってみました。
ソースコードは下の方法でダウンロードできます。

npm install jquerify

「CommonJSに対応していないjQuery Pluginを対応させるためのnpm moduleを作った」の続きを読む

【a-blog cms】組み込みJSの今後

ただの願望ですが組み込みJSが今後こうなって欲しいという要望を以下にまとめてみました。

欲しい機能一覧

  • config.jsの上書き機能の強化
  • スクロールイベントやリサイズイベントの追加機能
  • Browserifyに対応
  • 独自のプラグインを入れやすくする
  • フロント側でもa-blog cmsと同じように使えるテンプレートエンジン

「【a-blog cms】組み込みJSの今後」の続きを読む

【a-blog cms】SetTemplate SetRenderedを使った新しいサイト制作

SetRendered

通常だと同じモジュールを何度も実行しないと実現できないような表示を実現する際に効果を発揮します。例えば、下の図のように、ユニットを画面の右側、もしくは左側、もしくは全体に表示したい場合、SetRenderedは非常に有効な手段です。



「【a-blog cms】SetTemplate SetRenderedを使った新しいサイト制作」の続きを読む

堀 悟大

有限会社アップルップル マークアップエンジニア。2014年高知大学理学部卒業。学生時代にHTML5のCanvas要素を使ってゲームを作っていたことでWeb全般に興味をもつ。アップルップル入社後はa-blog cmsを便利に使うための機能の実装や、HTML5の技術を使ったデジタルサイネージの実装を行う。趣味は英語。読むことも話すことも好き。

エントリーリスト

カテゴリーリスト

タグクラウド