業務でNext.js × TypeScript を使う機会があり、useSWRについて調査したため書き残しておきます。 *useSWRとは React Hooksのひとつで、APIでのデータ取得を最適化してくれる機能です。 インストール $ npm install swr...
Read More
React Hooksの基礎
業務でReact(Next.js × TypeScript)を使う機会があったため、メモとして書き残しておきます。 *環境 MacOS react :18.2.0 react-hook-form:7.51.0 typescript:5.3.3 *Next.jsプロ...
Read More
Google Tag Manager を使ってカスタム指標を Google Analytics に飛ばす
Webサイトの分析をする際、PV数といった一般的な指標は Google Analytics で取得することができますが、今回は独自の指標を取得したかったので Google Tag Manager を使って独自で実装した javaScript をWebサイトで動かし、指標を Goo...
Read More
『シニアが使いやすいウェブサイトの基本ルール』を読みました
最近UXに興味があり、アクセシビリティやユーザビリティについて理解を深めたかったので、こちらの書籍を読みました。
Read More
jQueryを使わないでDOM操作するためのメモ
jQuery を使わないで素の JavaScript を使ってDOM操作をしたくなったので、その痕跡を書き残しておきます。
Read More
『続・インターフェースデザインの心理学』を読みました
UXについての理解を深めるためにはユーザーの心理を知る必要があると思い、こちらの書籍を読みました。 人間の脳と身体について、研究で明らかになった100の指針が書かれています。その中で学んだことを簡潔に書き残しておきます。 *目次 1. 人はどうみ...
Read More
『ユーザビリティエンジニアリング原論』を読みました
フロントエンドエンジニアとして働いているのですが、UXの観点で改善をしていきたく、オススメされた下記の書籍を読みました。
Read More
JavaScriptメモ
* Window $(window).width() ---- ウィンドウの横幅を取得 $(window).height() ---- ウィンドウの高さを取得 $(window).scrollTop() ---- スクロールの上端を取得
Read More
『2万回のA/Bテストからわかった 支持されるWebデザイン事例集』を読みました
フロントエンドのエンジニアとして働いているのですが、UI/UX の観点でどのようにサイトの改善をしていくのかを知るために、下記の書籍を読みました。
Read More
超速 Webページ速度改善ガイドを読みました
最近、業務でフロントエンドの開発をすることが多いのですが、表示速度といったパフォーマンスの改善をしたく、以前から気になっていたこの書籍を読みました。簡潔に概要と感想を書き残しておきます。
Read More
バリデーションチェックに便利なVuelidateの使い方
Vueプロジェクトで入力フォームのバリデーションチェックをする際に便利な Vuelidate というライブラリを見つけたので使ってみました。
Read More
UX Potato vol.11に参加してきました
最近エンジニアとしてフロントエンドの開発に携わることが多かったので UX について勉強すべく、こちらの勉強会に参加してきました。 その参加レポートを書き残しておきます。
Read More
誰のためのデザイン?を読みました
私は Web 業界でエンジニアとして働いていますが、最近 UI や UX に強く興味を持つようになったので、デザインについて学ぶべく『誰のためのデザイン?』を読みました。 この書籍では飛行機や自動車、テクノロジーなど身近なものを例にデザインについて具体的に説明されている...
Read More
Gulpを使って画像圧縮+SVGスプライトを生成する
前回は Gulp を使って Scss のコンパイルを自動化しましたが、今回はさらに処理を追加して画像ファイルの圧縮と SVG スプライトの生成も Gulp で自動化したので、その方法を書き残しておきます。
Read More
登録:
投稿 (Atom)