IB-Note

サイトを見ているとたまに見かける読了率メーター。記事をどのあたりまで読んだかが視覚的にわかりやすくて良いですよね。 そんな読了率メーターが簡単に導入できたら良いなぁ…ということでコピペで…

以前作成したe-typing風タイピングゲームのローマ字版に続き、英語版も作ってみました。シフト操作ありで、英数字に加えて各種記号にも対応した本格モデルです。 今回も以前と同様、本家e-…

機械学習について勉強していたところ、誤差逆伝播法を使った機械学習についてわかりやすく解説されているサイトがあり、そちらを参考にコードをいじりながらいろいろと実験していました。 解説されて…

前記事のニュースティッカーに続き、今回はJavaScriptでe-typingの腕試し風タイピングゲームを作りました。タイピングに青春の一部を捧げた私が贈る、本格派タイピングゲームです。 …

Webサイトで時々見かける、最新情報を流すテロップのようなアレ。つい最近調べて知ったのですが、<strong class="marker-y"> ティッカー</strong> というそうです。新着情報がパッと目に入るので良いですよね～ これはぜひブログにもつ…

JavaScriptで複数パターンの置換をまとめてやりたいと思っていたとき、なかなかしっくりくる方法がありませんでした。自分でいろいろ試してみた結果、お気に入りの方法を見つけたのでご紹介します…

タイトルの通り、スムーススクロールをJavaScriptだけで実装してみました。スムーススクロールというのは、ページ内リンクを押したときになめらかに移動する仕様のことです。 jQuery…

Webサイトでよく見かける、スクロールするとヘッダーがヌルッと出てくるあの仕様。 手軽に実現できないかどうか考え、JavaScriptのみで実装する方法を考えたのでご紹介します。2タイプ…

記事の項目を一目で確認できる目次。手動で作るのは大変ですが、ありがたいことに様々な自動生成目次のスクリプトが公開されており、目次生成の手間を省くことができます。 私もしばらく他の方が作っ…

ときどき、Webサイトでスライドショーのようなものを見かけると思います。あれはカルーセルと呼ばれていて、「回転木馬」という意味があります。メリーゴーランドみたいにぐるぐる回っている様子から名づ…

サイト高速化に欠かせないリソースの遅延読み込み。 今まではあちこちでネイティブLazyloadを使っていたんですが、ふとしたきっかけから新しい方式に切り替えることにしました。こちらのほう…

先日、MathJaxの導入方法について記事を書きました。本記事ではそちらの内容に追加して、MathJaxの読み込みに関してご紹介したいと思います。 MathJaxの読み込み問題 MathJ…

サイトを訪れたときに時々表示されるCookie使用同意のポップアップ。よくあるタイプのものを独自に作成してみました。 最小限のHTML/CSS, JavaScriptだけで構成しており、…

JavaScriptでクリックされた要素を連動させる方法についてご紹介します。