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

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

プログラミング言語といえば何を思い浮かべますか？ JavaScript? PHP? Python? Java? C#? たくさんあると思います。 ですがその言語のほとんどが英語とかですよね？今回はすべて日本語で書けるプログラミング言語を試してみたいと思います。 「なでしこ」と…

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

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

サイドバーの固定 サイドバーの固定とはブログを読みすすめてスクロールしていくと、パソコンの場合、サイドバーの最後の要素がずっと固定されたままになっていることです。これは当ブログでも行っています。 こんな感じですね。ずっとスクロールしても最後…

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

アーカイブページから特定の記事を非表示に、 IDの確認方法 コード 完成！ アーカイブページから特定の記事を非表示に、 アーカイブページにある特定の記事を非表示にするのは無料プランを利用スている人には大いに役立ちます。例えば、プライバシーポリシー…

検索したときのハイライトのカスタマイズ ハイライトって？ はてなブログ内で記事を検索したときに、表示された記事内に含まれている検索ワードに蛍光ペンのようにハイライトで印を付けてくれます。そのハイライトの色などが使用しているテーマによってはダ…

4月25日更新：レスポンシブデザインに対応させました！アフィリエイトブログを運営する場合にほぼ必須となるものが、商品リンクを貼るボックス的なものですよね。言葉じゃわからないので、実際のものを。 下の画像は「rinker」というWordPress用の商品リンク…

キーワードリンクとは はてなブログの記事ではキーワードリンクといって記事中にはてなが独自に設定している辞書的なものに含まれるキーワードが登場すると自動的に説明ページへのリンクが行われる機能です。これはそのキーワードを知らない人からすると、便…

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