GA4 イベントタグの「詳細設定」に「e コマースデータを送信」が実装されました。 - GA4 Quick.com
Google推奨のeコマースの変数については、こちらをご参照ください。 e コマース（GA4）デベロッパー ガイド https://developers.google.com/tag-manager/ecommerce-ga4?hl=ja 1. view_item GTMイベント設定 まずは、view_itemについて、見てみます。 変数とパラメータの設定が必要だった時は、view_itemのイベントタグの設定は上記にようになっていました。 現在の設定方法では、Google推奨のeコマースの変数を使っていれば、変数の設定が不要となります。また、イベントタグに「イベント パラメータ」を記述する必要もありません。「e コマースデータを送信」にチェックを入れて、データソースは「Data Layer」を選択します。 イベント view_item のトリガー トリガーのタイプは、「カスタム イベント
【CSS】borderを使って、三角形作るのはやめませんか？ - Qiita
はじめに みなさんは、CSSで三角形をつくる時どのように作っていますか？ borderを使って作っていませんか？ この記事では、CSSで三角形をつくるベストプラクティスを紹介します。 今までの三角形の作り方 See the Pen CSS Masking - Fade out UI by でぐぅー | Qiita (@sp_degu) on CodePen. 今までは、三角形を↑このようにborderを駆使して作成していました。 どうしてこうなるかは、省略しますが、本来のプロパティとは違う使い方でうつくしくないですよね！ この方法のいけてないポイントは以下の通りです。 1. 指定の大きさの三角形をつくるのに、border-widthを使うところ 本来、border-widthは、要素の境界の幅を指定するプロパティで、要素の大きさを指定するプロパティではありません。 理想は、widht と
1行もコードを書かずに画像生成AIツール作ってみた - Qiita
以下のXを見て、早速「Create」を試してみたので、実際に使った所感をまとめます AIがリアルタイムでWebページを作ってくれる神サイト ㅤ 会話だけで、理想のUIを実現することが可能 ㅤ 使い方・活用法をツリーにまとめます！ ㅤ ブックマーク保存をおすすめします↓ pic.twitter.com/J1cJkUkyO8 — すぐる | ChatGPTガチ勢 𝕏 (@SuguruKun_ai) March 25, 2024 一言で言うとヤバいです... 詳細は以下のサイトでも解説しています Createとは Create 公式サイト Createは、1行のコードを書かなくても自然言語を使って、高度なAIを搭載したアプリやツールが作成できる生成AI搭載のノーコードツールです。 エンジニアでなくともChatGPT APIやStable Diffusion APIを組み込んだアプリが簡単に作れ
【エンジニア向け】生産性を上げるチートシートまとめ - Qiita
はじめに 今回はエンジニア向けのチートシートをまとめていきます。 チートシートを利用することで、 作業効率が上がる 大枠を掴める 学習になる といった恩恵が得られます。 ただし、毎回コードを書くたびに「チートシート集でカンニングすればええや」と思うのではなく、「チートシートを使う中で徐々に体で覚えていく」ことが重要です。 最終的にはチートシートは見ずに「自分の使える技術」として定着させるための道具だと思って使ってください。 この記事の対象者 エンジニア初心者 作業効率を上げたい人 コードを書くテクニックを知り合い人 VsCodeチートシート ChatGPTに関するチートシート プロンプト集がまとめられています。 Markdown記法 チートシート Markdownもエンジニアは必ず使うといっても過言ではないものなので、早めに習得することをおすすめします。 Qiita公式が出しているというこ
【Vue.js】Vueの基本文法をまとめてみた - Qiita
Vueまとめパート1 こちらの記事は、Adnan Babakan 氏によりDev.to上で公開された『 Vue cheat sheet 1 』の邦訳版です（原著者から許可を得た上での公開です） 元記事：Vue cheat sheet 1 原著をベースに説明の足りない部分は適宜、追記していく予定です。 （追記・改変の許可は得ています。） Dev.toコミュニティのみなさん、こんにちは！ 私はVue.jsが大好きで書くのを楽しんでいます。この記事ではVue.jsのほぼすべての基本的な概念（公式Webサイトに基づく）を取り上げています。目次から必要なセクションに簡単にアクセスできます。 このパートではVueコンポーネントについては説明していません。 いくつかのコードサンプルは公式ウェブサイトから引用しています。Vue.jsで確認できます。1 {{ }} - 展開（Interpolation） 展
WordPressファイルを管理画面とSFTP両方で編集するための権限設定
WordPress の構成ファイルを管理画面から編集したり、複数のユーザーがSFTPなどでファイルやディレクトリをアップロードしていると「変更を保存するには事前にこのファイルを書き込み可能にする必要があります」や「アップロードに失敗しました Permission denied. Please contact your web hosting service provider for assistance.」などのエラーが発生することがよくあります。そこで今回は、管理画面や複数のユーザーで WordPress の構成ファイルを編集しても、これらのエラーが発生しない権限の設定方法をまとめてみました。 WordPress で権限周りのエラーが発生する原因これは WordPress に限った話ではありませんが、一般的にSFTPでファイルをアップロードすると、そのファイルはアップロードしたユーザーの
SourceTreeのユーザー設定の手動削除 - 滴了庵日録
GitHubのパスワード変更したらSourceTree(Windows版)でプッシュが失敗するようになりました。[ツール] > [オプション] > [認証]でパスワード設定し直してもダメ。手動でユーザー設定全部削除してやり直したら復旧しました。 エラー master:masterremote: Invalid username or password.fatal: Authentication failed for 'https://github.com/+++/++++++.git/' ユーザー設定の手動削除 SourceTreeを閉じる C:\Users\ユーザ名\AppData\Local\Atlassian\SourceTree\ にある下記のファイルを削除 bookmarks.xml opentabs.xml userhosts C:\Users\ユーザ名\AppData\Loc
AUTOMATIC1111をGoogle Colabで使用する方法 ｜ Stable Diffusion高機能Web UIの活用法 | Murasan Lab
今回はGoogleのクラウドコンピューティングサービス、Google ColabratoryでStable DiffusionのWeb UIであるAUTOMATIC1111を使って画像生成する方法を解説します。 自宅にゲーミングPCなど、高性能なグラフィックボードを搭載したPCを持っていない方でも利用することができます。 2023年4月現在、Google Colabratoryの無料版ではStable Diffusionが使用できなくなりました。無料版で使用した場合、アカウント停止などの措置が取られる可能性がありますのでご注意ください。 （有料版のGoogle Colaboratory Proでは引き続き使用できるようです） 前回のローカル環境同様、Pythonのプログラミングを一切必要とせず画像を生成することができますので、ぜひ活用してみてください。 ローカル環境でAUTOMATIC11
Javascript でURLのパラメータを取得する方法 | WWWクリエイターズ
URLの「パラメータ（クエリ文字列）」とは？ URLパラメータ、クエリ文字列とも呼ばれますが、例えば、 「http://www.example.com?lib=jquery&ver=3」 における「?lib=jquery&ver=3」の部分を指します。 Javascript（jQuery）でURLのパラメータ（クエリ文字列）を取得する方法 jQueryと書きましたが、Javascriptに、クエリ文字列を取得する方法がすでに用意されています。location オブジェクトの「.search」プロパティにクエリ文字列（パラメータ）の値が格納されています。 // URLパラメータ文字列を取得する var param = location.search alert(param) // 「?lib=jquery&ver=3」が出力 極めてシンプルな変数ですので、jQueryに同じ機能の関数は存在し
Googleアナリティクス4（GA4）のDebugView完全ガイド！実用シーン、設定方法、活用ポイントを詳しく解説 | Databeat Marketing Magazine
Googleアナリティクス4（GA4）の「DebugView」とは？ 引用：Googleアナリティクス DebugViewは、デバッグモードが有効になっている特定のデバイスから流入するイベント、パラメーター、およびユーザープロパティを分離できるリアルタイムレポートです。 簡単にいうと、DebugViewでは「リアルタイムでWebサイト上のユーザー行動を把握できる」ということです。 デバッグモードを使用しない場合、GA4はイベントをまとめてバッチ処理し、ネットワーク経由でバンドルとして送信します。 一方、デバッグモードが実行されている場合、テストを実行するとすぐにデータが送信されるため、ほとんど誤差のないリアルタイムレポートが可能となります。 GA4の「DebugView」を使用することで実現できる3つのこと GA4の「DebugView」を使用することで実現できる3つのことは下記の通りです
サーバー用GTMコンテナの初期導入方法まとめ | アユダンテ株式会社
サーバーサイドで動作するサーバー（Server）用コンテナは、コンテナ作成だけでは利用できず、追加でGCP（Google Cloud Plartform）など別の場所での設定等が必要です。 そこで本記事では、コンテナ作成から作成後に行うべき設定作業などについてまとめました。 なお、サーバー用コンテナの概要については、下記の記事をご参考ください。 GTMにサーバーサイドで動作するサーバー用コンテナが登場 サーバー用コンテナ作成→GCPとのプロビジョニング→カスタムドメイン設定→トランスポートURL設定など。 サーバー用コンテナの初期設定は、大まかに4つのステップに分かれます。 最初のコンテナ作成と最後のウェブ用コンテナでのトランスポートURL設定はGTMでの権限があればどなたでもできますが、2つ目のステップのGCPとのプロビジョニング（接続設定）では請求先アカウントが必要になるため決裁権（支
HTMLメールはどうやって作成するの？基本と特徴を徹底解説！【保存版】
“標準的なHTMLメール”は存在しない 世の中には「標準的なHTMLメール」という規格が存在しません。例えば、マイクロソフトが提供する『Outlook』のサポートチームは『Microsoft Word』を用いてHTMLメールを作成することを推奨していますが（※）、『Microsoft Word』で作成されたHTMLメールは、GmailやiOS、サンダーバードなど別のメールクライアントでは正しく機能しないこともあります。その逆もまた然りです。HTMLメールはこういった複雑な受信環境を前提のもとに作成する必要があります。 ※この理由として「長年ユーザーにはそうしてもらっているし、セキュリティ上の観点からそうしている」という回答がサポートチームから得られたケースもあるようです。 HTMLメールを受け取る環境の組み合わせは100万以上存在する スマートフォンが浸透したことにより、あらゆる環境でHT
Google Tag Managerのサーバーサイド タグ設定でGA4タグを管理してみた | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 前回のエントリでは、Google アナリティクス（GA4）のタグ管理をGoogle Tag Managerでやってみました。 Google アナリティクスのタグをGoogle タグマネージャーで設定してみた | DevelopersIO 今回は、Google Tag Managerのサーバーサイド タグ設定でGA4タグを管理してみました。 Google Tag Managerのサーバーサイド タグ設定とは？ Google Tag Managerにおいて、タグを使用したWebサイトからのデータ送信はコンテナを使用して行われます。 コンテナを整理する - タグ マネージャー ヘルプ コンテナにはWebサイト上で動作するウェブコンテナと、サーバー側で動作するサーバーコンテナの2種類があります。 ウェブコンテナのみを使う構成の場合は、Webサイト
グーグルが開発した画像圧縮ツールSquoosh。フロント開発向けにNode.jsで扱う方法まとめ - ICS MEDIA
グーグルが開発した画像圧縮ツールSquoosh。フロント開発向けにNode.jsで扱う方法まとめ 『Squooshスクーシュ』というGoogleが開発した画像圧縮ウェブアプリがあります。ブラウザで変換結果を見ながら圧縮設定ができるので、画像圧縮の難しい知識を持たない方でも使いやすいことが特徴です。圧縮だけでなく、WebPなどの各種フォーマットへの変換・リサイズといったこともできる便利ツールです。 このSquooshをNode.jsで扱える『libSquoosh』が存在します。libSquooshは大量の画像を一括で圧縮、WebPへの変換、リサイズなどの処理をこれ1つで完結できるのがポイントです。昨今のウェブはページの読み込み時間が重視される傾向があります。画像のファイルサイズは読み込み時間に大きく影響するため、画像圧縮は重要なテクニックです。libSquooshをwebpack・Viteと
Sign-in form best practices | Articles | web.dev
Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
名入れカレンダー印刷【2024年版】 | 挨拶状ドットコム カレンダーラボ
Windows 11 右クリックメニューを以前の旧仕様に戻す設定方法
【みさら（味更）】｜お取り寄せグルメ通販
https://codepen.io/kuranopen/pen/NWqKeQK
https://codepen.io/ma_suwa/pen/oNXxQxZ