2019年9月18日こんにちは。製造業の会社でWEBディレクターをしています。1年以上かけて担当してきたサービスがいよいよ終盤に差し掛かっています。システムインテグレーターに発注して、製造に半年かかったものを社内メンバーで検証を行っています。来月にはサービスの公開が控えています。自分の指示に漏れがないか、WEBサービスとして期待通りの動きをするか、DBの値は間違っていないかなどを検証してきました。大きな不具合もようやく潰せてきた今、ちょっとデザイン整えようかなと。そもそも予算の関係でデザインは外注できず、WEBデザインを学んだこともない状態で自分がやることになりました。AdobeXDとか使えたらかっこいいですが、Excelのオートシェイプでぺたぺた画面デザイン作っていました。そんなインプットなので、ボタン1つとっても色がばらばらでした。ウェブカツの「Lesson13|CSS設計〜ディレクトリルールまで決めたFLOCSS〜」プロのエンジニアが書いたCSSなら分かりやすいに違いない。どれ、ちょっと開発ツールで見てみよう!..................なんじゃこりゃ〜〜Bootstrap使っているけれど、CSSめちゃくちゃだ。1つのボタンにborder-radiusが3箇所くらいついている!htmlファイルのdivタグの中にstyle書いてあるで.....ボタンの共通のデザインとして、border-radius:3px;をお願いしようとしていますがやめました。プログラムの修正箇所は1箇所ではないでしょう。こちらで検証するときに全画面のボタンを全部見なければいけないです。最低限の修正をお願いするにとどめました。知識がついて怖いこともありますね。読んでいただいてありがとうございました。