Web

Google Tag Manager の データレイヤー の変数名は 'dataLayer' という名前で固定(変更は可能)

結論 標題のとおりです。dataLayer という名前はいわば予約語です。 公式ドキュメント support.google.com dataLayer という名前を変更する方法 変更したい場合には GTM の URL に l(アルファベット半角の「エル」) というパラメータを追加し、その値に対…

material-table を使う際に検索欄やページングカーソル欄に se や fir などのアルファベットが表示される場合の対処法

material-table とは github.com 現象 こういう感じになる現象です。 gyazo.com 結論 fonts.googleapis.com から Material Icons をインポートしましょう。 <head></head> 内に以下を書き加えます*1。 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> 修正結果 上記のインポートの結果、以下のようになりました。 gyazo.</link>…

YouTube のチャット欄を単独の Webページ として表示する際の URL

Web

結論 放送の ID*1 を ID とした場合に、以下の URL でチャット欄単独のページの URL となります。 https://www.youtube.com/live_chat?v=ID *1:URL の パラメータ v の値

Google フォト を一括エクスポートしてからアップロードする際に「画像ファイルの日時」を復活させる方法(移行のときなど)

前提 Google フォト を一括エクスポートすると、たとえば takeout-20210320T042532Z-001.zip のようなファイル名で zip ファイルとしてエクスポートされます。 このとき、アーカイブされている画像や動画のファイルには「画像ファイルの日時」は記録されてお…

webpack 4 では sass-loader のバージョンは v10 に抑える必要がある

結論 以下のリリースノートに書いてあるとおりです。 github.com gyazo.com 具体的にどうするか インストールの際に v10 に抑えるようにしましょう。 $ yarn install --dev 'sass-loader@^10.0.0' npm を用いる場合も同様です。 Dependabot など Dependabot …

「てがきはてなブログ」

Web

「てがきはてなブログ」とは labo.hatenastaff.com 試してみました

Twitter の検索において数字の全角半角は区別されない(ハッシュタグ検索でさえも)

Web

※2020/07/05 現在の内容です 結論 Twitter で検索をする際に、数字の全角と半角は区別されません。ハッシュタグ検索であっても同様です*1。 例 #20周年 でハッシュタグ検索すると #20周年 と #20周年 がヒットします #20周年 でハッシュタグ検索すると #…

はてなブログで独自ドメインを設定したときに、はてなのドメインにリダイレクトされたり HTTPS で証明書エラーが出る場合

Web

※CNAMEで登録する、という条件は満たしているものとします 結論 一度独自ドメイン欄を空っぽにして保存し、その後、入力して保存する。 一度空っぽにして保存する 空っぽにした後に忘れずに「保存」します。 再度入力して保存する 入力した後に忘れずに「保…

Kickstarter でプロジェクトを支援する方法まとめ

Web

※特定のプロジェクトが対象ではなく、一般的な方法のまとめです 0. まずは公式のヘルプ 困ったらまずは公式サイトのヘルプを見ましょう。 1. Kickstarter とは Kickstarter とはクラウドファンディングによる資金調達を行う手段を提供している Webサービス …

Raindrop.io を PRO プランに変更しました

Web

Raindrop.io とは クラウドのブックマークサービスです。ソーシャルブックマークでは(今のところ)ありません。 PRO プランに しばらく無料プランを使っていましたが、有用なサービスであると思いましたので、まずは月額支払いの PRO プランに変更してみま…

Google フォト の一つのアルバムに保存できる最大の枚数は 20,000枚

Web

結論 ヘルプに記述があります。 補足 上限を超える枚数を追加しようとすると、以下のように警告が出て追加できません。

Vue CLI に stylelint を導入する

stylelint とは 結論 1. stylelint と stylelint-config-standard をインストールします $ yarn add --dev stylelint stylelint-config-standard 2. stylelint.config.js を作成します 内容は最低限度で以下のようになります。 module.exports = { extends: …

openmediavault で正しいパスワードを入力しているのに Web からログインできないとき

Web

結論 待ちます。 理由 一定の時間、ログイン状態が残るからです。 補足 SSH して再起動してももちろん構いません。

openmediavault で Web の admin パスワードをリセットする方法

Web

結論 openmediavault のサーバに SSH します $ sudo sudo omv-firstaid を実行します 以下の画面で 3 Change control panel administrator password を選んで新しいパスワードを入力します 参考

Scrapboxで [ ] という「文字」を含むリンクは作れない(はず)

Web

やりたいこと リンク記法はたとえば、 [ヤフー! https://www.yahoo.co.jp/] のように書くことができます*1。 ここで、リンクにしたい文字をたとえば [重要] ヤフー! にしたいとします。このとき、 [[重要] ヤフー! https://www.yahoo.co.jp/] と書いても…

nginx のロードバランサ機能の設定を最低限に書く

公式ドキュメント(目次) nginx のロードバランサについての公式ドキュメント(目次)は以下になります。 nginx の設定ファイルのサンプル 最低限の nginx の設定ファイルを書くと以下のようになるかと思います。

YouTube の「チャットのリプレイ」をリロードする方法

Web

YouTubeでシークバーを移動させると「チャットのリプレイ」が同期しないことがあります。 これを解決するための最も簡単な方法はWebページをリロードすることです。しかしながらページ全体のリロードはコストが高いので、より簡単にリロードをする方法を用い…

YouTube の再生ボタンを間違えやすい

Web

停止(一時停止)している動画を再生しようとする際に、いつも「▶|」のボタンを押してしまい「次の動画」に飛ばされてしまいます。おそらく数ヶ月続いていますが、まだ間違えてしまいます。 gyazo.com 冷静に原因を分析すると理由があると思いました*1。 再…

Scrapbox での「ハッシュタグ そのもののページ」の使用方法について

Scrapbox における「ハッシュタグ そのもののページ」は、下にハッシュタグが付与されたページが並ぶことを前提として作られるものであり、無理に本文を書く必要はないと思っています。むしろ本文を書くと、下に並んだページを見るための邪魔になりかねない…

「幻想水滸伝攻略真書」の管理人様を探していたことについてのご報告

約1年半前の 2018/10/09 に以下の記事を書きました。 結論から申しますと、管理人様とご連絡を取ることは現時点ではできておりません。 サイトのホスティングサービスとしてのジオシティーズは予定通りに2019年の3月末で終了しております。しかしながら、サ…

Amazon の ほしい物リスト で送った相手の住所は、非公開になっていてもある程度分かってしまう

Web

結論 下の画像を見て頂ければ分かるかと思います。 つまり 「配送情報」には住所の非公開の設定は適用されません。ましてや外部の配送業者ならばなおさらです*1。 ただし、分かってしまう住所は市区町村や配送センターの位置ぐらいですし、実際に購入しなけ…

Heroku で静的サイトに Basic認証 をかける方法

2020/05/03 追記 どうやら、basic_auth の記述は無視され、単に環境変数に BASIC_AUTH_USERNAME および BASIC_AUTH_PASSWORD が設定されていれば有効になる(設定されていなければ無効になる)ようです(確認中)。 結論(手順) heroku-buildpack-static と…

はてなブログ API 用の gem である "Hatenablog" を使ってみました

"Hatenablog" とは "Hatenablog" とは、はてなブログ API 用の gem です。 github.com 使い方 使い方は、作者の方の記事を読めばほぼ分かるかと思います。 blog.kymmt.com 併せて README を読むとよいでしょう。 github.com 使い方詳細 実際に使ってみました…

英語圏のチャットや掲示板で使われる「uwu (uwus)」とは何なのか

Web

結論 u が「目」を表し、w が「口」を表すことによる「顔文字」です。uwus はその複数形で、言うなれば「wwwww」を「ws」と書くようなものです。 背景 reddit を見ているとたまに出てきます。よく使われるスラングは繰り返し調べることで覚えていける…

SkyWay を使って Quoridorn(コリドーン)を自前で建てる

SkyWay とは こちらのサービスです。WebRTC の部分を賄ってくれるサービスです。 webrtc.ecl.ntt.com Quoridorn(コリドーン)とは こちらの OSS です。TRPG のセッションで用いる Webアプリケーション です。 github.com Quoridorn を自前で建てることを目…

Puppeteer で動作する自動制御版の Chrome に、拡張機能(Vue.js devtools)を導入する方法

結論 launch メソッドの引数として(厳密には「引数であるオブジェクトの args の値として」)、'--disable-extensions-except=/path/to/extension_name' と指定すればよいです*1。 ここで、/path/to/extension_name とは、拡張機能のソースファイル一式が入…

ZEIT (now.sh) にデプロイする際に Node のバージョンを指定するためには package.json に "engines" を書く

Web

結論 標題のとおりになります。以下のようにして Node のバージョンを指定できます。メジャーバージョンを具体的に指定し、マイナーバージョンを x と指定します。 { (省略) "engines": { "node": "10.x" } } 注意点 .node-version は見に行ってくれません…

Puppeteer をクロスブラウザ対応させた Playwright を試す

Puppeteer とは Puppeteer は、Chrome を Node から操作できるライブラリです。要はブラウザ操作の自動化ライブラリです。 github.com Playwright とは Puppeteer をクロスブラウザ対応(Chromium, WebKit and Firefox に対応)させたのが Playwright です*1…

webpack (webpack-cli) を最小限で使ってみる

前提条件 npm や yarn のコマンドが使える必要があります ターミナルの操作が行える必要があります HTML や JavaScript の基礎を知っている必要があります 結論 以下のようにしましょう。

Google Photos の「アルバム」で、写真の表示の順番を「新しい順」にする方法

Web

結論 以下の順番にたどっていって設定します。 1. 右上の「縦の三点リーダー」メニューから、「アルバムを編集」を選択する 私はここでオプションを選択して中を探していじくり回していたのですが、全く見つからず、そもそもそういう機能がないのであると勘…

Powered by はてなブログ