v0.7→v1.xへのupgradeを自動化したTweetはじめにこんにちは、エンジニアの佐野です。upgradeすることになりました。メジャーバージョンが上がるので変更点がかなり多いです。いう膨大な量になります......これは手作業でやりたくない......ということで、できる限り自動化してみました。最終的には、正規表現でカバーしきれない部分以外は自動化できてとても楽だったので紹介します。CSSのユーティリティを提供してくれます。いうのがキャッチコピーのようです。っぽい見た目にならないというのも嬉しい点です。いうプロジェクトで、CSSフレームワークの満足度調査がされていました。高い数値になっています。使ってみてはいかがでしょうか。upgradeについて。guideが準備されており、かなり丁寧に記載されています。一部class名の変更カラーパレットの定義変更あたりでしょうか。作業量が多くなってしまうので手作業でやりたくない......↓そうだ、自動化しようというのがモチベーションでした。いう構成だったので、bladeファイル(Laravel)scssファイルvueファイルと3種類のファイルで置換を行う必要がありました。考えた末に、sedコマンドで置換を行うことに決定。実行すればclass名が置換されます。いう感じにfindコマンドで対象ファイルを選択して実行してください。カスタマイズしないで使っている環境向けに記載してあるので、カラーパレット定義など変更している際は、合わせて変更してください。条件を書いたあたりが肝です。みたいなclass名が生成されてしまいます......置換先で、class名後部にてマッチした文字を後方参照して、再度配置すれば構文エラーも発生しません。タグの下線が消えてしまう変更などは正規表現だとカバーできませんでした。このあたりは手作業で修正しています。おわりにUNIX/Linuxコマンドを利用することで、かなり楽をしてupgrade作業を終えることができました。UNIX/Linuxコマンド最高!!GitHubにて変更量をみてみたらこんな感じでしたこの量は手作業ではやりたくない......できる限り自動化していきたい心持ちです。v0.7→v1.xへのupgradeを自動化したTweet関連記事2019-11-06リードデザイナーとリードエンジニアが語る越境。採用広報担当の大木です。...2019-03-12エンジニア向けインターンシップを実施しましたこんにちは。エンジニアの富田です。Designを探す企画デザインレビューをする戸惑いから得たもの。「デザイン」ではなく「デザイナーのしごと」をレビューする。第15回【Webデザインテクニックについてゆるく話す】参加レポート月別アーカイブリンクスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。