Google Tag Managerの設定の備忘録
概要 よくGoogle Tag Managerの設定方法を忘れるので備忘録です。 GAキャンペーンパラメータ Cookie書き込み <script> var params = loc...
0
3
Comment0
25 search resultsShowing 1~20 results
Stocked
You need to log-in
(小ネタ)Nextjsでreact-simplemde-editorを利用する
概要 Nextjsでマークダウンエディタを作成するため、react-simplemde-editorを利用したところ、SSRでは正しく動作しなかったため、CSRで動作させた際のメモです。 日時 ...
13
3
Comment0
Google Analytics4(GA4)のBigqueryでの集計
概要 社内システムの計測にGoogle Analytics 4(GA4)を利用することになった。 GA4では有料プラン(360)でなくても、BigQueryにデータを出力可能であるため、早速、B...
6
3
Comment0
[小ネタ]NextjsのSSRでMaterial-UIとStyledComponentsを適用する際にハマった事象について
概要 NextjsでMaterial-UIとStyledComponentsを適用しようとしたところ、リロード時に一瞬Material-UIの表示がされる事象が発生した件について。 修正内容 _...
0
0
Comment0
[小ネタ]styled-componentsをTypeScriptで利用する
概要 styled-componentsをTypeScriptで利用する場合の記載方法について。 シンプルな書き方 親が特定のreact componentでないときは、下記のようにシンプルに記...
0
0
Comment0
[小ネタ]Next.jsの全体設定について
概要 Next.jsで全体のCSS設定をしたいというご質問を頂いたので、_document.js(tsx) と_app.js(tsx) について。 この2つはpages/ディレクトリに設置し、R...
4
2
Comment0
(小ネタ)TypeScriptで型定義ファイルが無いモジュールの読み込み方法
はじめに ml5を利用しようとしたところ、型定義が無く、エラーが発生したため、型定義が無い時のモジュールの読み込み方法について調べました。 ＊なお、ml5の型定義は現在draft版を作成中。 h...
1
0
Comment0
Backlogの通知をWebhookを利用してSlackに通知する
概要 会社のBacklogがSlack連携を利用できなかったので、WebhookとGoogle Cloud Functionsを利用して、Slackへ通知する仕組みを作成した。 流れ Slack...
3
1
Comment0
Wordpressの一部にReactを組み込む方法
概要 Wordpressで作成していた社内ポータルサイトで、ページ一覧を既存のプラグインでは希望のデザインが実現できなかったため、Wordpress Rest APIとReactで実現した。 実...
20
17
Comment0
(小ネタ)Wordpressのドメイン変更でサイトIDを変更する方法
概要 サイト移転等でWordpressのドメインを変更する際の手順について。 mysqlの設定変更 サイトIDは管理画面から変更可能であるが、ドメインを変更した場合、サイトに接続できなくなるため...
0
0
Comment0
2020年版 GoogleCloudにWordpressをインストールする手順
1.概要 GoogleCloudのCentOS 8にWordpressをインストールし、インターネットに公開するための手順。 作業日時 -2020年2月18日 環境 ソフトウェア バージョン C...
0
0
Comment0
User Agent Client Hintsに関する調査
1. 概要 2020年1月14日にGoogleが「Chrome」でUser Agent文字列の利用を段階的に縮小していく計画を発表しました。 User Agentが固定化されるため、従来行ってき...
11
8
Comment0
GoogleAppsScriptでGmailの内容をSpreadsheetにコピーする
1. 概要 GoogleAppsScriptを用いて、Gmailで受信した定型メールの内容をGoogle Spreadsheetに転記する。 定期的に受信する定型メールをGoogle Sprea...
1
1
Comment0
第2回 2020年版 ReactのMaterial UI V4の使い方について
１．概要 ReactのMaterial UI V4の使い方について、基本的な利用方法について学習する。 Material UIを利用して、画面がデザインできるようになることを目標とする。 参考：...
58
63
Comment2
第7回 2020年版 React+Firebaseで画像のアップロード（その２）
1. 概要 前回の記事でFirebaseの環境を構築が完了しましたが、今回は実際に画像をアップロードするプログラムを開発します。 2. 前提条件 作業日時 2020/3/20 環境 MacBoo...
23
20
Comment0
第6回 2020年版 React+Firebaseで画像のアップロード（その１）
1. 概要 ReactでFirebaseを利用して、画像ファイルをアップロードする方法について説明します。 FirebaseのCloud Storageに画像をアップロード可能とし、その後、Cl...
13
8
Comment1
第5回 2020年版 ReactのRechartsで新型コロナウイルス感染症対策サイトのデータを可視化する
1. 概要 2020年3月4日に公開された新型コロナウイルス感染症対策サイトは、Vue＋Nuxt.jsで構築されており、プログラムはGithubで公開され、データもオープンデータカタログとして公...
12
9
Comment1
第4回 2020年版 既存のウェブサイトに React を追加する
1. 概要 Reactを大規模に利用することが難しい場合、少しだけReactを取り入れてみて、徐々に適用範囲を広げていくのが良いです。 Reactでは既存のページに部分的に利用することが可能であ...
23
23
Comment3
第3回 2020年版 React+Firebaseでアプリを作成する
1. 概要 ReactでFirebaseを利用するための方法について。 2. 前提条件 作業日時 2020/2/28 ソフトウェアのバージョン ソフトウェア バージョン react 16.13....
13
10
Comment0
第1回 2020年版 Node.js+Reactのインストール
1．概要 MacbookにNode.jsとReactをインストールし、アプリを開発するための環境を構築するための手順について。 2．前提条件 事前作業 MacのOSを最新にする Xcodeのコマ...
17
16
Comment0
25 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles