「いいサービスなんだけどデザインがなぁ」そんなときはユーザースタイルシートやユーザースクリプト!でもそんなに楽ではないのです。ユーザースタイルシートStylusなどの拡張機能では、Webページに自らのCSSを適用させることが可能です。そんなに楽ではないのです。カオスCSSとの戦いただ単純に、「これを消したい」とか「これの色を変えたい」とかなら簡単です。「ダークモードにしたい」とか「場所を移動させたい」とかいうようなスケールの大きいことをしようとすると大変です。他人のWebページです。「なにこのCSS、全くわからん」や「なにこのCSS、わかるけど周りくどっ」や「あっちで設定してそっちで上書きしてこっちで!importantしてる...」や「JavaScriptでCSSいじるんじゃねーよぉぉぉ!!!」などなど、とてもめんどくさいです。}生き残るstyle属性。}自ら設定したCSSすら消え去る。俺...センスないな頑張ってカスタマイズできたとします。(私の場合)そこに待ち受けるのは他の何でもない、自らのデザインセンスのなさ。ダークモードでも文字色をどうすればいいか...。whiteは白すぎ、greyは暗すぎ...。ユーザースクリプトHTMLの書き換えやユーザーによるイベントの処理などのもっと複雑なことをするとします。その場合、Tampermonkeyなどの拡張機能を用いることで、Webページ読み込み時に自らのJavaScriptを実行させることが可能です。これもそんなに楽ではないのです。WebページのCSSとの戦いユーザースクリプトでHTMLを用いたリッチなポップアップを表示させるとします。}のようなCSSがあったらどうでしょうか。この例はありえないとは思いますが、文字色を変える・フォントサイズを変える・フォントを変えるなどなど、予想外のCSSがあることなんていくらでもありえます。この戦いに勝つのは大変です。DOMの内部へは外部からスタイルを定義することはできなくなり、逆に内部で定義したスタイルは外部へは漏れ出ません。initial;をする必要があります。面倒ですが、これが最善だと思います。(過激)AjaxなどでWebページが動的に書き換えられるタイプのページでは、Tampermonkeyなどの拡張機能ではイベントが発火せずユーザースクリプトが実行されない場合があります。拡張機能を自作することでどうにかすることもできなくはないですが...。おわりになぜこんな記事を書いたのか。ここで挙げた『楽ではない』は、Webページを作る人が、丁寧に作れば起きないことなのです。「カスタマイズ性を持たせろ」というわけではありません。「仮に他人があとからカスタマイズするとしても問題が起こらないような設計でどうかお願い致します」という意味です。嘆くことなくカスタマイズできるWebページはどんなものでしょうか。同じidを使い回さないCSSいじるときにつらい思いをするはめにid、classは意味のある文字列にするコメントがなくとも意味ある名が付けられていたらわかります正しい優しいマークアップを心がけるそもそもHTMLをカスタマイズしなければならないような状況は相当アレです見出しはh1〜h6タグでお願いしますいつだか一切使われていないページを見かけて唖然としましたa[href="javascript:void(0);"]をなるべく使わないinput[type="button"]使いましょうよbuttonタグなら中にHTMLを書けますaタグにクリックイベントがあるとか予想してないからinputなどの説明文にはlabelを貼るそうすることで、その説明文をクリックすると対応したinputにフォーカスが移ります優しい。grid;使うの楽しいですよJavaScriptでは、クリックイベントを発火するクリックイベントやめて(切実)どうなっているのか追えないから!CSSをいじるのは控えるほんとにJavaScriptじゃなきゃだめ?必要な場合のみpreventDefault()するYouTubeでShift矢印を用いたテキストの範囲選択ができなくて発狂しそういろいろ挙げました。どれも、Webページを『作る』ときにも大事になってくる要素かと思われます。自分たちが作りやすく管理しやすい形式が、他の人にとってカスタマイズしやすい形式なのです。情報化が進んだ現代、すべてのデータを機械にも読めるようなページを作ってみたくはありませんか?(宗教的勧誘)私は作ってみたいです。日時はtimeタグ使いたいですし、tableにはcaptionつけたいですし、本文から参照されるすべてのものにはfigureつけたいですし、見出しはsectionでセクショニングした上でh1で書きたいですし、連絡先はaddressに書きたいです。ありとあらゆる情報に可読性の高いデータを紐づけたいです。...でも、いつもキリがなくて書いているうちに破綻するんですよね。私のポートフォリオ作成までの道のりは長い...。Qrunch.netサーバー提供フィードバックを送信する。