整理していこうというプランです。異なるケースがありました。機械的に構文エラーを修正すると、適用されていなかったスタイルが適用されるようになり、思わぬ所でデザイン崩れが発生する可能性もありました。構文エラーの種類によってはブラウザ側で許容し適用してくれていた箇所もあり、これもまた当初のデザインと異なる可能性が否定できません。一括置換しただけではスタイル定義重複などの煩雑な構成が解決されないことからも、このプランは見送りとなりました。手動で全部一度に書き換える。エンジニアとデザイナは死ぬ。問題があるから両方全部直したい!というよくあるプランですが、一度に複数のことをやろうとすると大抵破綻します。他の開発案件も当然ありますし、作業量が膨大になることからこのプランも見送りとなりました。123ファイル・47294行があり、ユーザの属性ごとに出し分けするコンテンツも多く存在する為、一度に行うのは困難だと判断しました。混在することを許容し、各サービス単位で徐々に移行する。最終的には無難なプランでの導入となりました。分かるようにしています。リポジトリから無くすのが最終目標になります。導入に際して以下を実施しました。導入にあたって、デザイナでも簡単に環境構築できる環境が必要です。含め管理するようにしました。使うようにしておくことで、環境差異をできるだけ少なくしています。以下のように記述するとOKです。関してはありませんでした。過去の技術的負債はサービス開発全体に於けるコーディング流儀が統一されていなかったことにも要因がありますので、この問題にも対応しなければなりません。弊社の凄腕フロントエンドエンジニアがスタイルガイド策定準備を進めていてくれたので、このタイミングで社内公開を行いました。社内向けスタイルガイドの為この記事では公開しませんが、概ね以下の著名なスタイルガイドを継承したものになります。株式会社サイバーエージェントしかし、コーディングスタイルガイドを策定したからといって、すべてのコードがスタイルガイドに従ったものになるとは限りません。CIと共に導入した別プロジェクトでは問題なくlint活動が行われていたなどが主な動機です。出力やオプション設定などで総合的に満足いくものが現状ありませんでした。ツールに任せた方が角が立たずオススメです。反映し、自然とスタイルガイドに沿ったコーディングになるようにしています。利用し、自動での修正もサポートしています。修正は面倒ですからね。書き換える際に抜群の効果を発揮します。ついては以前こんな記事を書きました。為に読み込みが行われません。許可してしまうのはセキュリティ上好ましくありません。読み込み可能にしました。実行するようにしました。固まりがちなのが課題でした。非同期実行の為、この懸念がありませんのでこのタイミングで乗り換えました。読み込んで実行が可能です。実行可能にしています。慣れてないデザイナにはとっつきにくいかもしれません。メリットを上手く説明し、納得して使ってもらう普及活動が必要です。新しい環境を導入する際に、最も重要で、最も難しいポイントです。開発環境の説明を行いつつ、社内公開を行いました。いっても「何言ってんだこいつ」となるかなと思ったので、関係者ほぼ全員に事前に承認ラリーを行いました。貰いカッコ良く公開したかったのですが、カッコ良くは行かなかったのが反省点です。環境の配布が完了しました。眺めて振り返ってみたところ、大体1ヶ月程度で導入まで漕ぎ着けることができました。導入しようと決めてからは、あれこれ決めることが多かったのですが、思ったよりすんなり進められた印象です。進めていくことになりますが、CSSに比べ格段に書きやすいので以前より開発が進めやすくなったと実感しています。導入を検討されている方の参考になれば幸いです。SREの侘美(たくみ)です。開発事例公開~こんにちは。サーバーサイドサウナーの川井田(@tamamushi_2)で...2019-07-04開発合宿に行ってきました!@松本メドピアのサーバーサイドサウナーの川井田です。chromeへ移行する時に気をつけることこんにちは。月別アーカイブリンク医師専用サイト「MedPeer」エンジニア採用はこちら!スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。