JS 状態管理ライブラリ探索記 – Introduction - to-R Media

2021/03/15 13 users Introduction

これから何回かに分けて、Redux に代表される JS の状態管理ライブラリをいくつか見ていきます。 早速本題に入りたいところですが、その前になぜいくつもライブラリを知っていた方がいいのか、当たり前のように思うことをあえて考えてみる必要があります。 なぜなら、状態管理ライブラリがたくさんあるために、次のよう... 続きを読む

【2020年最新】GSAPの「ScrollTrigger」を使って爆速でスクロールアニメを実装する - to-R Media

2020/07/03 11 users 爆速 2020年最新

みなさん、JavaScriptでスクロール量（位置）に応じてなんらかのアニメーションを実行したいとき、どのように書きますか？ 例えば、jQueryを使ってスクロールイベントによるアニメーションを作るには、以下のように書いたりするでしょう。ブラウザへの負荷対策でlodashのthrottle 、debounceを使ったりしてもいいでしょ... 続きを読む

Docker でフロントエンドとAPIを開発してみた - to-R Media

2020/04/21 17 users JSON Docker View API 面倒

フロントエンドと API の両方を開発することがたまにあるのですが、悩むのは開発環境をどうするか？です。Ruby on Rails などは、バックエンドとフロントエンドの両方の面倒を見てくれるのですが、巨大すぎてメンテナンスが大変です。 バックエンドは API のみで、View はもはや JSON の提供だけです。フロントエンド開... 続きを読む

Gatsby と Netlify で Jamstack 構成のブログサイトを作ろう - to-R Media

2020/01/31 5 users GATSBY JamStack Netlify ブログサイト

Jamstack は Web 開発のアーキテクチャです。この記事では Jamstack についてご紹介し、Jamstack 構成のシンプルなブログサイトを作ります。 Jamstack とは Jamstack は Netlify の 創業者 Matt Biilmann 氏が名付けたアーキテクチャです。Jamstack とは一体なんでしょうか。Jamstack の公式サイト jamstack.org では、J... 続きを読む

今どきのスムーズスクロール(2019年版) - to-R Media

2019/03/15 175 users スムーズスクロール jQuery しょうが お世辞 今どき

ページ内リンクをスムーズスクロールで行いたい場合はどのようにすればよいでのしょうか？ jQueryを利用すれば簡単に対応できますが、非jQueryの案件ですと悩みものです。 筆者は12年前にjQuery非依存のスムーズスクロールのJavaScriptライブラリ「smoothScroll.js」をリリースしていますがお世辞にも今の時代に利用する... 続きを読む