ブログ

Basic Calendarのリファクタリング

以前CodePen上に作ったカレンダーUIのサンプル。HTMLとJSをリファクタリングしてみました。

HTMLはPugと呼ばれるテンプレートエンジンです。改行やスペースで入れ子を表現するので、完結にかけます。Emmetより早いですね。

JSはオブジェクト設計に置き換えてみました。Leihauoliさんのブログ記事で勉強しました。やっている間にVue.jsとかは最初からこういう構成になっているなぁと思いながら進めていました。確かに見通しがとてもよくなりますね。

See the Pen Basic Calendar (Refactored) by Hilo (@hilotacker) on CodePen.

PHPサイト開発のテンプレート2017

20ページくらいまでのサイト開発の際に、私が使用しているテンプレートです。

PHP ウェブサイト開発テンプレートGithubページへ

特徴

  • デザイナー向け(自分)
  • Devtips Starter kitがベース
  • Htmlは共通部分をphpで分割
  • CSSはSCSSを利用
  • タスクランナーはGulp

続きを読む “PHPサイト開発のテンプレート2017”