中はとてもスッキリしました。内容を格納させる処理を作成します。:こんな感じでしょうか。内容を格納する、といった流れになります。内容を表示させるような記述を追記します。:ではこちらの実行結果を見て見ます。内容が表示されるようになりました!あれ・・・そういえば・・・ふと気づいたことがあります。描画に直接関わってはいないデータだな・・・と。同じようなものが二つあるのもややこしいので。:行き当たりばったりな感じがめちゃめちゃ出てますね〜〜(苦笑)カテゴリボタンを動的に表示させてみるでは、今回最後に、カテゴリボタンの動的表示に挑戦してみます。カテゴリたちを格納する箱を用意します。内で行なっている各スタイルのカテゴリを取得する箇所に、カテゴリ配列を作る処理を追加します。する、といった具合です。:次にHTML側を以下のように変えます。1個新しいカテゴリで定義を作ります。#006;}それでは、実行結果を見て見ましょう。以下のようになりました。新しく追加した「link」のカテゴリが増えて、絞り込みも問題なくできているようですね!しめここまで来たら、もう普通に使えちゃそうな感じですね!でも、まだまだ問題はあります。複数のCSSを使っている場合はどうすれば良いの?とか、どうやっても解決できない問題とか・・・。次回は、実際に使いやすくするために、ディレクトリ構成とか読み込ませるCSSの設定とかについて考えてみようと思います。しても、水素カーはもっと普及してくれないのでしょうか?吐き出されるのは水、という環境にとてもやさしい夢の車なのですが・・・。圧力がかかってたりするのかなぁ・・・とか、色々と業界の闇を想像して楽しんでる今日この頃です。便利JavaScriptfujihara2019.05.17はてブバシャログ。Web制作スタッフによるブログです。「現場で使えるテクニック」をモットーに、Web制作全般についてお届けします。