肥大化したViewをwebpackでスリムにした 経緯から導入、そしてつまずき。 - Qiita
みなさまこんにちは。 ベーシックアドベントカレンダー13日目です。 担当は@tkhrです。6日ぶり2回目となります。 今回はJSやCSS、PHPのコードが直に書かれたせいで肥大化しているViewをスリムにして、管理しやすい形にしようという計画です。 まずはViewにベタ書きのJSコードを引き剥がして、webpackによってモジュール化することで実現します。 before/after before スクショの右側、L159-163の約20行のJSコードです。 スクショの左側、15このファイル全てに記述されていました。 しかも、.ctpからもわかるようにViewファイルです。 after 1行になりました。 JSファイルはこんな感じ。 admin_uril.js 単純計算で300行近い重複コードを削減することができました。 (20行x15ファイル=約300行） なぜこうなるのか 原因は？ この
動画キャプチャで解説！gulp.jsのインストール方法と簡単な使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのはっちゃんです。 自分は髭が濃く、小学生の頃から電動髭剃りで剃っていたほどなのですが、LIGに入ってからは髭キャラとして生かすことができました。濃く産んでくれた親に感謝しています。 話は変わって、LIGのフロントエンドエンジニアによる連載がはじまります！ 今回は「gulp.js編」の第1回。gulpについては、すでに多くの技術書や記事が出回っていますが、今回は連載という形で改めて基礎から応用までをご紹介していきます。 こんなこともできたんだ！という新たな発見もあるかもしれません。 gulpを使う理由 制作をしていて、こういったことを面倒くさいと感じたことはありませんか？ 修正があったときに、同じHTMLのパーツを探して全部修正する Webサービスを利用してCSSやJavaScriptを圧縮する スプライト画像が増えるたびにPhotoshopなどでいちい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
