kazzuuのブックマーク - はてなブックマーク

DataStudioのレポートを毎日画像でSlackに通知する - Qiita

こんな感じで通知しています。概要事前準備 Slack APIのトークンを取得しておく BOTユーザーを作ってチャンネルに招待しておくやりたいのはファイルのアップロードなので、こちらの権限を付与したトークンを作ってください Bot Token Scopes chat:write files.write 実装方法 [DataStudio] 通知用のレポートを作る [DataStudio] メール通知サービスを設定 [Gmail] メールを受け取る [GAS] Gmail取得 -> Imgファイルを摘出 -> Slackに画像をPOSTする [GAS] スケジュール設定するこの方法の特徴として、全てGoogleサービスで完結できるため連携がとても楽になります。 DataStudioを画像化する /thubnail エンドポイントもあり、こちらの方法でもいいと思います。実装 1 [Data

kazzuu 2021/08/02

リンク

Safariブラウザバック時のキャッシュ削除 | 株式会社Cruw（クルー）

iOS Safariのブラウザバック時、ページ遷移前のキャッシュが残ってしまい、JS動作などもそのままになってしまう問題が発生しましたので、その対処法をご紹介します。とてもシンプルでJavascriptで以下を追加するだけです。 window.onpageshow = function(event) { if (event.persisted) { window.location.reload(); } };window.onpageshow は、以下の条件ときにイベントが発生します。最初にページを読み込んだとき同じウィンドウまたはタブの中で、他のページからそのページへ移動してきたときモバイル OS で凍結されたページを復元したときブラウザーの進む、戻るボタンを利用してこのページに戻ったとき※ 参考 MDN Web Docs - Window: pageshow イベント event.

kazzuu 2021/06/18

*webデザイン

リンク

照会カレンダーを作る – hkitago software dev

更新2022/8/5: 2022 FIFA WCUPの照会カレンダーもあります 4年に1度のサッカーの祭典が迫って来たところで恒例のカレンダーファイルを作成し共有したいと思います。技術的な要件としては次の3つになります。日本語表記にする DropBox を使って照会カレンダーの形式で共有するスマホの2大 OS とデスクトップでの表示に対応する（技術的な事はどうでも良いのでカレンダーファイルを入手したい方はこちらからどうぞ。）日本語表記にするまず ICS ファイルを作成するのですが、英語やロシア語などの表記を使ったカレンダーファイルは既に幾つか存在しているのでそれを利用します。今回は Fixture が提供しているものを利用しました。一旦カレンダーアプリに読み込んだ後、ファイルメニュー＞書き出す＞書き出すを選び、書き出した ICS ファイルをテキストエディタで開き、日本語に書き換

kazzuu 2021/05/13

リンク

Google reCAPTCHA V3 を任意ページのみに表示する方法 | みらいクリエイターズ

Googleが提供する「reCAPTCHA (v3)」を Contact Form 7 に設定すると、全ページに【reCAPTCHAで保護されています】のロゴ（バッジ）右下に表示されます。その結果、「トップへ戻る」ボタンと「reCAPTCHA」のロゴが重なってしまう場合があります。しかも、全ページにJSファイルが読み込まれてしまうので、ページの表示速度が遅くなるという問題が発生します。今回はその対策として、お問い合わせフォームが設置されているページにだけ「reCAPTCHA (v3)」を読み込ませる方法と、「トップへ戻る」ボタンがロゴが重ならないようにする対策を説明します。必要なページのみ「reCAPTCHA」を読み込ませるまず最初に、お問い合わせフォームが設置されているページのみ「reCAPTCHA」を読み込ませます。お問い合わせページのスラッグが例えば「contact」の場合、

kazzuu 2021/03/23

リンク

【2021年版】slackAPIでメッセージ投稿するボットアプリ作成・設定(スコープ権限を詳細解説) | AutoWorker〜Google Apps Script(GAS)とSikuliで始める業務改善入門

コミュニケーションツール「slack」では、Slack APIを活用したボットなどのSlack Appを作成できます。今回、DMやチャンネルにメッセージ投稿するボットをSlack APIで作成・設定する方法を紹介します。ボット作成で不可欠なスコープ・パーミッションの権限設定周りを解説します。 ※実際にボットで投稿するプログラムの実装部分ではなく、slack apiの設定部分が対象です。 slack APIとはslack APIは、チャットツールで最も有名なSlackで様々な便利機能を提供するアプリを作成することができます。 Slackを使い込む中で、GoogleドライブのアプリやZoomのアプリなどを連携させるケースが多いと思います。実はslackのアプリは自分でも作成することができます。他のアプリからの情報を投稿したり、定期的にメッセージを送信するボットなどがよく作られています。

kazzuu 2020/10/28

Slack

リンク

Googleアナリティクスカスタム指標と計算指標でページの読了率を計測する方法って？ | IT情報メディア「LIVRA」

GTMを使用する事で、ページのスクロール率をイベントトラッキングで簡単に取得できるようになりました。しかし、「50%が何件、75%が何件、その差分が何件だから50%で離脱したユーザーが何％で…って見ていくのはどうにも使いにくい」とお考えの方も多いのではないでしょうか。そこで今回は、カスタム指標と計算指標を使い、「ページ読了率」という新たな指標を作成する方法をご紹介します。これによって、カスタムレポートでLIVRA内の記事の中でよく読まれている記事や途中で読むのをやめてしまっている記事が、割合表記で確認できるようになりました。ページビューや滞在時間とは別に、ページのどこまでスクロールされているかを並べてみることができるので、記事作成者としても大変参考になるレポートとなりますので、今回設定した手順を紹介していきます。スクロール件数をカスタム指標に取り込むまず、イベントで取得しているス

kazzuu 2020/10/21

リンク

[UA] カスタムディメンションとカスタム指標 - アナリティクスヘルプ

この記事では、ユニバーサルアナリティクスのカスタムディメンションとカスタム指標について説明します。Google アナリティクス 4 のカスタムディメンションとカスタム指標については、[GA4] カスタムディメンションとカスタム指標をご覧ください。カスタムディメンションとカスタム指標はアナリティクスアカウントの既定のディメンションと指標とほとんど同じですが、自分で作成するという点で異なり、アナリティクスで自動的にトラッキングされないデータを収集、解析するために使用できます。この記事の内容: 概要カスタムディメンションとカスタム指標を使用すると、アナリティクスデータとアナリティクス以外のデータ（CRM データなど）を結合することができます。例: 登録ユーザーの性別を CRM システムに保存している場合は、そのデータとアナリティクスのデータを結び付ければ、ページビュー数を性

kazzuu 2020/10/15

リンク

[フロントエンド] AndroidのChromeをPCからデバッグする - YoheiM .NET

こんにちは、@yoheiMuneです。スマホ向けWebサービスを開発していたら、Android端末での表示確認やデバッグが大変だった経験が誰しもあるのではないでしょうか？今日はAndroid ChromeをPCからデバッグする方法をブログに書きたいと思います。目次やりたいこと開発したアプリケーションをAndroidのChromeブラウザで表示した場合に、CSSの確認や、ログの確認や、JSの実行などのデバッグ作業を高速に行いたい、というのが今回の目的です。以降のステップを行うと、PCのChromeと同じようにディベロッパーツールからデバッグを行うことができます。手順1：Android端末の開発者モードを有効化する AndroidとPCをUSBで接続してデバッグを行います。そのためAndroidの「開発者向けオプション」をONにする必要があります。基本的には設定アプリ内のビルド番号

kazzuu 2020/10/08

リンク

Y!mobile メール（Y!mobile）

Y!mobile メール（@yahoo.ne.jp）はアプリ、ブラウザ、タブレット、パソコンなどマルチデバイスで利用可能な容量無制限のキャリアメールです。 Y!mobile メールを利用する場合はYahoo！ JAPAN ID が必要となります。対象（料金プラン）シンプル2 S/M/L、シンプルS/M/L、ケータイプランSS、ケータイベーシックプランSS、スマホプラン、スマホベーシックプラン、データプラン、データベーシックプラン、全てのPocket WiFi®プラン申込・料金申込

kazzuu 2020/09/04

リンク

Google 検索セントラルドキュメントの更新履歴・最新情報一覧 | Google for Developers

フィードバックを送信コレクションでコンテンツを整理必要に応じて、コンテンツの保存と分類を行います。最新ドキュメントの更新内容このページには、Google 検索セントラルのドキュメントにおける最近の更新内容のうち、主なものが記載されています。 2024 年 7 月 7 月 19 日メモに関する注記内容: メモのドキュメントに、メモのステータスに関する注記を追加しました。理由: メモは 2024 年 7 月末に終了するためです。 7 月 11 日配送と返品に関するポリシーの優先順位について詳細を追加内容: 組織と販売者のリスティングのドキュメントに、Search Console の配送と返品の設定をオプションとして追加し、優先順位の仕組みを拡張しました。理由: Search Console で配送と返品の設定が新たにサポートされるようになりました。そのため、さまざまな設定を

kazzuu 2020/06/15

SEO
Google

リンク

Javascriptによるコピー機能（クロスブラウザ対応） [無料ホームページ作成クラウドサービス　まめわざ]

久しぶりに技術的な内容です。「ボタンを押してある文字列をコピーさせる」機能は使う機会が多そうですが、Javascriptでサクッと実装することは出来ません。ここではJavascriptを使ったコピー機能の実装方法を解説します。任意の文字列をコピーさせる、というのはセキュリティ的な懸念があるようで、ネイティブな関数では実装されていませんでした。 Flashを使う方法が広く利用されていましたが、Flashをサポートしないブラウザが主流となった今では使用がはばかられます。そんな中、HTML5でClipboard APIが実装されました。 https://developer.mozilla.org/ja/docs/Web/API/ClipboardEvent/clipboardData 今回目指す任意の文字列のコピーに一見すると使えそうですが、「コピーや切り取り時に発動」という仕様で、用途

kazzuu 2020/05/15

リンク

いまこそ、新しい知識を身につけよう！インプレスの人気書籍ムックを全文無料公開 - インプレスブックス

2020年3月31日を持ちまして全文無料公開を終了しました。たくさんご覧いただきありがとうございました。

kazzuu 2020/03/12

リンク

Chrome 80が密かに呼び寄せる地獄～ SameSite属性のデフォルト変更を調べてみた - Qiita

Chrome 79以下や他ブラウザのデフォルト値。 Chrome 80からこの値を設定する場合、Secure属性も必須となる。 Aサイトに対し、Bサイトからどのようなリクエストがあっても、発行したサイトでCookieヘッダーに含める (Cookieを使用する) 図にすると以下のようになります。 Strict 外部サイトからのアクセスではCookieを送らない。 Lax 外部サイトからのアクセスはGETリクエストのときだけCookieを送る。 None 従来通りの動き。【追記】なおChrome 80以降でSecure属性を付けずSameSite=Noneを指定した場合、set-cookie自体が無効になります。セキュリティ上の効果 CSRF対策になります。 CSRF (クロスサイト・リクエスト・フォージェリ) とは、 WEBサイトがユーザー本人の意図した動作であることを検証していないため

kazzuu 2020/02/04

リンク

カスタムディメンションで会員・非会員を判別する方法【5分で設定】｜アクセス解析ツール「AIアナリスト」ブログ

カスタムディメンションってなに？こんにちは、「AIアナリスト」サポート担当の上杉です。今回はGoogleアナリティクスの「カスタムディメンション」についてご説明します。「カスタムディメンション」とは、Googleアナリティクスの「参照元」「メディア」「地域」「キーワード」等、最初から用意している項目ではなく、独自に見られる項目を増やせる機能です。よく使われる例としては会員・非会員の判別ログイン・非ログインの判別 Cookieを利用したABテストの結果判別その中でも最も多いケースは、「会員」「非会員」があるサイトです。両者を判別するために活用されます。（関連記事：「AIが自動でサイト分析！GoogleアナリティクスのAssistant機能の実力は？」）なぜ「会員」「非会員」を分けるのか webサイト上で「会員」と「非会員」では行動が異なります。よくある例としては下記です。

kazzuu 2019/10/04

リンク

これが新常識！レスポンシブな画像切り替え方法まとめ

マツカワ Webサイト制作／コンテンツ企画／Web広告／SEO／マーケティングを経験してきた雑食系Webクリエイター・プロデューサープロフィール / Twitter / Facebook レスポンシブサイトでブラウザ環境に応じて画像を切り替えるには、サイトによって様々な方法で対処されていました。これまでの方法が抱えていたデメリットと現在（これから）の標準となる実装方法、レガシーなブラウザへの対応方法など、レスポンシブな画像切り替えに必要な知識をまとめました。これまでのレスポンシブイメージの問題点レスポンシブサイトの画像切り替えは、CSSで表示・非表示を切り替えたり、JavaScriptでブラウザ環境を判別して画像を出し分けると言った手法が一般的でした。たしかに、これらの方法でも意図したように画像を表示することはできるのですが、理想的な解決策ではありません。具体的には次のような問

kazzuu 2019/08/26

リンク

ワイモバイルにMNPで乗り換える方法を5stepで解説 | みんなでY!mobile

みんな、めんどくさいって思うよね。でも、実際にやってみると、とっても簡単だよ！ワイモバイルへ乗り換えるとかなり節約できるから、絶対にやるべき！ここでは、Y!mobile（ワイモバイル）へ乗り換える方法を紹介します。「乗り換え」とか「MNP」は、すごくめんどくさいって思ってませんか？実際にやってみると、とっても簡単な作業です！簡単な作業で月額料金をめっちゃ節約できるので、すぐにやらないと損です！必要な作業は、以下の①～⑤です。 ※場合によって、①②⑤の作業は不要になる可能性があります。 Y!mobileへの乗り換え（MNP）方法 SIMロックを解除する（*1）MNP予約番号を取得する（*2）Y!mobileに契約を申し込む商品を受取り、回線切替を依頼するAPN設定をする（*3）*1：新規にスマホ端末を購入する場合は不要 *2：新規契約かSoftBankから乗り換え（番号移行）の

kazzuu 2019/08/26

リンク

各メーカーのエアコンの便利な隠しコマンド集｜ガジェット通信 GetNews

kazzuu 2019/08/05

リンク

格安SIM＆格安スマホの料金と最新動向まとめ

ここに来て、ますます注目が集まる格安SIMや格安スマホ。次々と登場する新サービスや端末の情報をまとめて紹介するとともに、主要な人気サービスを比較しやすい料金表をお届け！ 2024年06月09日 15時00分スマホ第492回【格安スマホまとめ】LINEMO、2段階制の新料金「ベストプラン」楽天のeSIM再発行で要SMS認証に LINEMOが新料金プラン「LINEMOベストプラン」を発表。月10GBまででMNO最安とアピール。楽天モバイルはeSIM再発行でSMS認証が必要になったことが明らかに。 2024年06月02日 15時00分スマホ第491回【格安スマホまとめ】FeliCa搭載で話題の「Nothing Phone (2a)」にさらにド派手なスペシャル版 FeliCa搭載が話題の「Nothing Phone (2a)」にスペシャル版が登場。3原色を用いるなど、ド派手なバージョ