今回はサイトの共通化をしていこうと思います。共通化はインクルードと言ったりもしますね。 サイトの共通化とは？ innerHTMLとinsertAdjacentHTML innerHTML insertAdjacentHTML 実践編 - 実際に使うコード まとめ サイトの共通化とは？ サイトのヘッダーや…

唐突に「素因数分解」がしたいと思ったのでプログラムで作ってみようと思います。 少しググってみると何やらいろんな関数が使われていて難しそうでした。 ですが今回はif文とfor文だけで素因数分解をしていこうと思います。（良いか悪いかは別として） 早速…

初心者がHTMLやCSSを勉強してタグの意味やある程度のCSSの書き方がわかるようになったら1からサイトを作りたいと思うはずです（多分）。 ですが、いざサイトを1から作ろうとすると分からないことが多いと思います。今回は本などには載っていなかったりするの…

今回はparticles.jsというJavaScriptライブラリの紹介をしていきたいと思います。このようなJavaScriptライブラリを紹介するシリーズを数回やっていこうと思うので気になる人は待っておいてください！今回のparticles.jsはページの背景に雪を降らせたり、幾…

はてなブログの初期のトップページって一番最近書いた記事の全文が表示されてると思います。 ですがこれだとせっかくブログを訪れてくれた人が記事の一覧を見ることができずにやりづらいですよね。 なので今回ははてなブログのトップページを一覧表示にした…

今回はWebサービスを開発している途中に作ったHTMLのinput、range要素を使って文字のサイズを変更するものを紹介していきたいと思います。一旦デモをどうぞ。ここの文字のサイズが変わります。 10 $('#slider').on('input', function () { let val = $(this)…

要素を別を場所移すとは？ コード コードの説明 div 移動させる先の要素名 移動させる要素名 元の要素を非表示に タイトルを非表示 あとは調整！ 要素を別を場所移すとは？ サイドバーの要素を記事内に設置するとは、例えば、ブログのトップページを作ったと…

無料プランでも記事の一覧表示を おまけ 無料プランでも記事の一覧表示を どういう意味かというと、あるページにアクセスされたら、そのページは表示せずに、他のページに飛ばすというものです。リダイレクト的なね。 はてなブログでは無料プランだと、ブロ…