マガジンのカバー画像

お仕事メモ

4
僕のお仕事関連のメモ
運営しているクリエイター

記事一覧

Nuxtで制作したページにSNSウィジェットを埋め込む

Nuxtで制作したページにSNSウィジェットを埋め込む

今日は、Nuxt.jsを使って制作したWebページにFacebook,Twitter,LINEのシェアボタンを埋め込む方法についてメモを残しておきたいと思います。

それぞれ公式サイトで提供されているhtmlのコードをそのまま使うこともできるのですが、ここでは、公式サイトのscriptを利用して、よりNuxtに適した形で自分でカスタマイズもできる方法について書きたいと思います。

ディレクトリ構成

もっとみる
【Nuxt.js】テーブル要素のコンポーネント化

【Nuxt.js】テーブル要素のコンポーネント化

既存のWebページも、Atomic Design(コンポーネント思考を使ったデザインシステム)で捉え直して、環境を新しくしていきましょうみたいな取り組みが社内であって、
それに基づいて、Nuxtでコンポーネントを再設計しようとしていたときに、悲しいコードを散見したのでちょっとメモを残しておこうと思います。

私の会社では、利用規約とか、キャンペーン詳細とか、大事なことをまとめる時に、テーブル(表)

もっとみる
意味のあるリサーチを実行するための考え方

意味のあるリサーチを実行するための考え方

『競合調査などのリサーチをお願いされることがよくあるけど、正直、いまいちリサーチの意義が分からないよ。』『調べた情報を整理したり加工したりするのが上手くできないよ。』という人に向けて、リサーチの考え方についてやわらかく説明したいと思います。

僕の働いている会社では、調べ物に時間だけが掛かってただ情報を集めただけのものに留まっている様子を良く見るので、とても勿体無いなと思っており、こういうふうにリ

もっとみる
意味のあるA/Bテストを実行するための設計についての考え方

意味のあるA/Bテストを実行するための設計についての考え方

ランディングページ (LP) の改善運用を担当することがあるけど、正直、統計とか有意差とかよくわからないよという人に向けて、A/Bテストで必要なサンプルサイズの設計方法の考え方についてやわらかく説明したいと思います。
#1 . はじめに・ A/Bテストとは、異なる複数のページを均等に表示させて、一定期間の集計データをもとに「どのパターンがもっとも効果が高いのか」を判定するためのテストです(※1)。

もっとみる