Tarailife

2025年に買って良かったもの・後悔したもの

Mon, 12 Jan 2026 00:00:00 GMT

はじめに

新年になったので2025年に買ったものの中で良かったもの・後悔したものをレビューしていく。個人的な主観に基づく評価になるがもし購入される方がいれば参考までに。

買って良かったもの

Technics - EAH-AZ100（ワイヤレスイヤホン）

まず2025年のベストバイ。パナソニックの音響機器ブランドTechnicsから発売されたワイヤレスイヤホン「EAH-AZ100」。もともと使っていたワイヤレスイヤホンが壊れ買い替えのため訪れたe-イヤホンで3時間くらい視聴して聴き比べ購入した製品。

イヤホンに関しては音の好みもあると思うが、視聴して一発で気に入ったレベルでとにかく音がいい。ノイキャンに関しては洗濯機の近くや駅のホームに電車が来た際のレベルは聞こえるので完全に外のノイズをシャットアウトできるわけではないが、それ以下の音に関してはかなり抑えられるので普通に使用する分には満足行くと思う。

接続に関しては満員電車等でも問題なし。唯一気になるのは高音質接続をONにしてPCとかに接続してハイレゾで聞こうとすると一部屋離れてドアを隔てると若干接続が怪しくなったりする。

買って後悔したもの

HyperX SoloCast

ある程度音質の良いマイクが欲しくなり購入。後悔と書いたもののものが特別悪いわけではなかった。値段の割に音質も悪くない。では何が後悔した理由かというと、かなり音を拾うのでキーボードの打鍵音からマウスの移動時の音まで拾う。特にFPSなんかしてるとトントンコツコツカタカタ音が入る。他社のソフト（SteelSeries GG）のノイズ抑制機能で減らすことは出来たが最初からショックマウント付きのマイクを買ったほうが満足できたかなと後悔。

PageSpeed Insightsでパフォーマンスが「NO_LCP」エラーで計測できない現象の対処

Mon, 30 Jun 2025 00:00:00 GMT

現象

GoogleのPageSpeed Insightsで「NO_LCP」というエラーが出てしまいPC環境のデータが上手く計測できない事象に遭遇し、改善のために色々と試した為備忘録としてここに残しておく。

なおPC側の計測は上記エラーで計測失敗しているがスマホ側の計測は問題なく成功している。

対処法

色々と調べてみると、どうもCSSの不透明度が影響しているらしく

該当しそうなコンテンツのopacity: 0をopacity: 0.01に変更すると治る……という情報がいくつか出てくる。

ほんとかよ……と思いながらもとりあえず試してみる。

LCP（Largest Contentful Paint）は通常ビューポートに含まれるコンテンツのうち最も大きい画像もしくはテキストブロック等が当てはまる。

あ、ビューポートは画面に現在表示されている箇所で、LCPにおいてはページを開いた直後に表示されている領域。

このブログだとLCPは明らかにバナー画像で、各コンポーネントに設定しているコンポーネント読み込み時のフェードインアニメーションのために不透明度を設定しているがここにも適応されている。

半信半疑で0.01に変更してみると……。

結果

治った

まじかよ

Astroで作った静的ブログにCloudflare D1を利用してサーバレスでコメント機能を実装する！

Sun, 29 Jun 2025 00:00:00 GMT

astroで作った静的ブログにコメント機能をつけたい！！！！！！！

当ブログはAstroで作成した静的サイトである。githubのリポジトリにあるmd資産を元に静的なhtmlを生成しているのでサイトの動きはサクサクでとてもよい。が、静的サイトなので当然コメント機能などの動的機能は存在しない。実装するには外部のコメントサービスを利用するか、自分で実装するしかない。

「Astro コメント機能」などと検索すればいくつか参考になりそうなサービスは出てくるものの、githubのDiscussion機能を利用したGiscus（コメントにgithubログインが必要で一般的ではない）や広告の表示されるものなどがメイン。実装が簡単であるのは大きいが、コメントを残すためにgithubログインが必要だとただでさえ低いコメントされる可能性が更に低くなることが容易に想像できたのでGiscusは無し。広告も表示したくない。

また、コメントが投稿されるたびにデプロイを行いサイトをビルドし直してコメントを静的なサイトとして取り込む案も検討したが、どうせならリアルタイムでコメント更新されてほしいのでこの案も見送る。

ということでつい最近提供されはじめたらしいCloudflare D1をDBとして用いて自前のコメント機能を実装していくことに。 ~~果たして実装完了まで漕ぎ着ける事はできるのか……。~~　実装完了しました。

構成

資産：Githubリポジトリで管理

デプロイ：Cloudflare Pages

DB：Cloudflare D1

フレームワーク：Astro

Astroテンプレート：huwari

手順

すでにAstroブログの初期設定は完了している前提です。

Cloudeflare Adapteのインストール

AstroでSSRを利用するためには各デプロイ先サービスのアダプターが必要なため、今回はCloudeflare Adapteをインストール。

pnpm astro add cloudflare

yでインストール

pnpm astro add cloudflare
✔ Resolving packages...

  Astro will run the following command:
  If you skip this step, you can always run it yourself later

 ╭───────────────────────────────────────╮
 │ pnpm add @astrojs/cloudflare@^12.6.0  │
 ╰───────────────────────────────────────╯

? Continue? » (Y/n)

インストール完了するとastro.config.mjsに下記のように追記される。

  adapter: cloudflare(),

Wranglerのインストール

Cloudflareを操作するために利用するCLIツールのWranglerのインストールを行う。Cloudflareの開発サーバの起動（Astro previewは使えなくなるので開発環境でビルドしてその内容をpreviewの代用として見る必要がある）やデータベースの作成、デプロイ等もranglerコマンドから可能（Github管理なので自動でデプロイされる為今回は使用しないが）。

pnpm install wrangler

インストールできたらバージョン確認コマンドを打ってみる。

pnpm wrangler --version

 ⛅️ wrangler 4.22.0
───────────────────

Drizzle ORMのインストール

データベースを操作するためにDrizzle ORMに関係するパッケージのインストールを行う。

pnpm install drizzle-orm better-sqlite3

下記でインストールするdrizzle-kitは定義したスキーマファイルを利用してテーブルを作成/更新するために必要なマイグレーションファイルを作成するためのツール。

pnpm install -D drizzle-kit

Cloudflare D1のデータベース設定

下記コマンドでデータベースを作成。

pnpm wrangler d1 create tarailife-post-comments

{
  "d1_databases": [
    {
      "binding": "DB",
      "database_name": "tarailife-post-comments",
      "database_id": "2df89c19-da66-4200-96a5-2ed03756185e"
    }
  ]
}

初実行時はブラウザが起動し認証画面が表示される。

認証を終えるとデータベースが作成されていることが確認できる。

wrangler.tomlをプロジェクトルートに作成

[[d1_databases]]
binding = "DB" # i.e. available in your Worker on env.DB
database_name = "tarailife-post-comments"
database_id = "2df89c19-da66-4200-96a5-2ed03756185e"

Drizzleによる設定

データベースのテーブルを作成する際に利用するsql文を作成するためにsrcフォルダの中にdbフォルダを作成しテーブルのスキーマ情報を記述したschema.tsファイルを作成。

今回は下記のような必要最低限のテーブルを取り敢えず作成。

import { text, integer, sqliteTable } from "drizzle-orm/sqlite-core";

export const comments = sqliteTable("comments", {
  id: integer("id", { mode: "number" }).primaryKey({ autoIncrement: true }),
  author: text("author"),
  content: text("content"),
  post_slug: text("post_slug"),
  post_date: text("post_date"),
});

プロジェクトルートにdrizzle.config.tsの作成

import { defineConfig } from "drizzle-kit";

export default defineConfig({
  schema: "./src/db/schema.ts",
  out: "./drizzle",
  driver: "d1-http", 
  dialect: "sqlite",
});

下記コマンドでマイグレーションファイルを生成。

pnpm drizzle-kit generate

コマンドを実行するとプロジェクトルートにdrizzleフォルダが作成される。

テーブルの生成（.sqlファイルのファイル名は適宜上の手順で生成されたものに変更）。

pnpm wrangler d1 execute tarailife-post-comments --file=./drizzle/0000_useful_skreet.sql

.wrangler\state\v3\d1\miniflare-D1DatabaseObject\にファイルが3つ作成されているので確認。

drizzle.config.tsを更新（dbCredentialsのurlを先程生成された.sqliteファイルのパスに変更）

import { defineConfig } from "drizzle-kit";

export default defineConfig({
  schema: "./src/db/schema.ts",
  out: "./drizzle",
  driver: "d1-http", 
  dialect: "sqlite",
  dbCredentials: {
    url: ".wrangler\state\v3\d1\miniflare-D1DatabaseObject\a520e4684331132e883183950c13a4f9c830d371f45a1f10dfdf654b438f8857.sqlite",
  },
});

本番環境へテーブル作成（.sqlファイル名は生成されたものに変更）。

pnpm wrangler d1 execute tarailife-post-comments --remote --file=./drizzle/0000_useful_skreet.sql

 ⛅️ wrangler 4.22.0
───────────────────
? ⚠️ This process may take some time, during which your D1 database will be unavailable to serve queries.
  Ok to proceed? » (Y/n)

DB の Binding 設定

Pages にアップしたファイルからデータベースへのアクセスを行うためにD1 database bindingsの設定行う。Workers&Pagesのプロジェクト設定画面を開きバインディングの追加を選択しD1データベースの情報を追加する。

コメント表示用のコンポーネントを作成

AstroではアイランドアーキテクチャでAstroファイル内にReactやSvelteなどの他フレームワークのコンポーネントを使用することができる他ページの一部を動的生成したり出来る。今回はSSRを行うコメント表示用のコンポーネントをSvelteで作成し、それをページ生成用のAstroコンポーネントで読み込むことで各投稿ページにコメント機能を実装する。表示している記事に投稿されているコメントだけ拾ってきたいのでリクエストパラメータでslugを渡しAPIを呼び出す。

src\components\widget\にCommentBox.svelteを新規作成。

<script>
export let slug;
let author = "";
let content = "";
let comments = [];

const loadComments = async () => {
	const res = await fetch(`/api/v1/comments/?slug=${slug}`, {
    method: "GET",
    headers: { "Content-Type": "application/json" },
  });
	comments = await res.json();
};

const submitComment = async () => {
	const res = await fetch("/api/v1/comments/", {
		method: "POST",
		body: JSON.stringify({ post_slug: slug, author: author, content: content }),
		headers: { "Content-Type": "application/json" },
	});
	author = content = "";
	await loadComments();
};

import { onMount } from "svelte";
onMount(loadComments);
</script>

  <div class="grid grid-cols-1 gap-8">
  <h3>コメント</h3>
  {#each comments?.body?.comments as comment, i}
    <div class="row-span-2 grid grid-rows-subgrid grid-rows-2 grid-cols-1 gap-2">
      <div>
        <strong>{`${i + 1}: ${comment.author || "no name"}`}</strong>
        <small>{new Date(comment.post_date).toLocaleString()}</small>
      </div>
      <p>{comment.content}</p>
    </div>
  {/each}
  </div>
<div class="grid grid-cols-1 gap-4 mt-8">
    <h3>コメントを書く</h3>
    <form on:submit|preventDefault={submitComment} class="row-span-4 grid grid-rows-subgrid grid-rows-2 grid-cols-1 gap-4 md:w-4/4">
      <input bind:value={author} placeholder="名前" class="bg-[var(--license-block-bg)] rounded-md">
      <textarea bind:value={content} placeholder="コメント内容" required class="h-24 bg-[var(--license-block-bg)] rounded-md field-sizing-content"></textarea>
      <button type="submit" class="btn-regular h-8 text-sm px-3 rounded-lg">投稿</button>
    </form>
</div>

作成したコンポーネントをコメント機能を追加したいページのコンポーネントに設置

当ブログではAstroのブログテンプレートであるFuwariを使用しているためブログの各ポストを生成しているファイルはsrc\pages\posts\[...slug].astroになる。ここは各自でコメント機能を追加したいファイルに置き換えてコンポーネントを設置してほしい。

import CommentBox from "src/components/widget/CommentBox.svelte"; //先ほど作成したコメント表示コンポーネントをインポート

    //コンポーネントを好きな箇所（といってもおそらくページ下部だと思うが）に設置
    <div id="comments-container" class:list={["card-base z-10 px-6 md:px-9 pt-6 pb-4 relative w-full ",{}]}>
        <CommentBox slug={entry.slug} client:load />
    </div>

コンポーネントのpropsentry.slugで渡された値でどの記事に投稿されたコメントなのか判別している。

API用のページを作成

今回はAstroのAPIエンドポイントとして、src\pages\api\v1\comments.tsのような配置でディレクトリを作成しAPIエンドポイント用のAstroファイルを作成している。

export const prerender = false;
import { drizzle } from "drizzle-orm/d1";
import { like } from "drizzle-orm"
import { comments } from "../../../db/schema";
import type { Runtime } from "@astrojs/cloudflare";
import type { D1Database } from "@cloudflare/workers-types";

export async function GET(context: { request: Request; locals: Runtime }) {
	const { request, locals } = context;
	const envDB = locals.runtime.env.DB as D1Database;
	const db = drizzle(envDB);
	const url = new URL(request.url);
	const slug = url.searchParams.get("slug");

let comment = await db.select().from(comments).where(like(comments.post_slug, `${slug}`));

	return new Response(
		JSON.stringify({
			body: {
				comments: comment,
				request: request,
			},
		}),
		{ status: 200 },
	);
}

export async function POST(context: { request: Request; locals: Runtime }) {
	const { request, locals } = context;

	if (!locals.runtime.env.DB) {
		throw new Error("Database connection is missing");
	}
	const envDB = locals.runtime.env.DB as D1Database;
	const db = drizzle(envDB);

	const body = await request.json();
	const comment = {
		author: body.author,
		content: body.content,
		post_slug: body.post_slug,
		post_date: new Date().toISOString(),
	};

	await db.insert(comments).values(comment);

	return new Response(
		JSON.stringify({
			body: { request: request },
		}),
		{ status: 200 },
	);
}

これで手順は終了。下記は構築にあたって参考にさせていただいたサイトになります。

コメント欄実装完了！

これでシンプルだがコメント欄を実装できた。

コメントの返信機能だったりスパム対策のreCAPTCHA導入とか色々と直したいところもあるので今後も少しずつ改善していきたい。

ショートカット一つでディスプレイの解像度・リフレッシュレート・表示サイズを切り替える方法（2025年版）

Sun, 04 May 2025 00:00:00 GMT

はじめに

たまたま自分のブログの記事の内容について知恵袋で質問されている方がいた。自分の書いた記事を読んでくれている人がいるとは……と感動するとともにバッチが動作しなかったということで申し訳無さも覚えた。

というわけで以前書いた記事について、情報が古くなっていたため新しくバッチを作り直した。主な変更点は下記になります。

廃止になるらしいwmicの使用をやめPowerShellのGet-CimInstanceに変更
スケールの変更（setDpi）が動作していなかったので修正

必要なもの

QRes　- コマンドライン上から解像度やリフレッシュレートの変更が可能になるオープンソースソフトウェア
SetDPI - ディスプレイの表示サイズ等を変更できるオープンソースソフトウェア

上記2つを用いて切り替え用のバッチファイルを作成していきます。
……が、過程とかどうでもいいから出来るようになればいい！　という方のために作成後のバッチファイルと上記の2ファイルを同梱したzipを載せておきます。

解凍した後出来たフォルダをC直下に配置し、フォルダ内のdisplay_changer.batをダブルクリックすれば解像度を切り替えられます。

バッチファイル本体であるdisplay_changer.batはどこにおいても大丈夫ですので、デスクトップにおいてダブルクリックで切り替えるのがおすすめ。

(FHDの場合は4K/60Hz/表示倍率200%に、4Kの場合はFHD/144Hz/表示倍率100%へと切り変わるよう設定しています。そのあたりの数値を変えたい場合は、下の説明を読んでバッチファイルの中身を書き換えてください。難しくはないです。）

zipファイルのダウンロードはこちら

処理内容

下記がdisplay_changer.batの中身になります。

@echo off
set HorizontalResolution=
set VerticalResolution=
set QRes_APP_PATH="C:\display_changer\display_changer\QRes.exe"

::PowerShellで横解像度を取得
for /f "delims=" %%A in ('powershell -command "(Get-CimInstance -ClassName Win32_VideoController).CurrentHorizontalResolution"') do (
    set "HorizontalResolution=%%A"
)

::PowerShellで縦解像度を取得
for /f "delims=" %%A in ('powershell -command "(Get-CimInstance -ClassName Win32_VideoController).CurrentVerticalResolution"') do (
    set "VerticalResolution=%%A"
)

set Resolution=%HorizontalResolution%x%VerticalResolution%

if %Resolution%==1920x1080 (
    ::1920x1080の場合
    %QRes_APP_PATH% /X 3840 /Y 2160 /R 60
    ::setDPIのパス スケール ディスプレイID
    C:\display_changer\display_changer\SetDpi.exe 200 1
) else if %Resolution%==3840x2160 (
    ::3840x2160の場合
    %QRes_APP_PATH% /X 1920 /Y 1080 /R 144
    ::setDPIのパス スケール ディスプレイID
    C:\display_changer\display_changer\SetDpi.exe 100 1
)

順を追って説明していきます。まず最初のブロックでは変数の設定を行っています。
もしCドライブ直下以外の箇所に設置する場合は「QRes_APP_PATH」のあとのダブルクオーテーションで囲まれている部分を設置先のexeファイルのパスに書き換えてください。

@echo off
set HorizontalResolution=
set VerticalResolution=
set QRes_APP_PATH="C:\display_changer\display_changer\QRes.exe"

次のブロックでは現在の解像度の取得を行っています。

::PowerShellで横解像度を取得
for /f "delims=" %%A in ('powershell -command "(Get-CimInstance -ClassName Win32_VideoController).CurrentHorizontalResolution"') do (
    set "HorizontalResolution=%%A"
)

::PowerShellで縦解像度を取得
for /f "delims=" %%A in ('powershell -command "(Get-CimInstance -ClassName Win32_VideoController).CurrentVerticalResolution"') do (
    set "VerticalResolution=%%A"
)

取得した解像度を〇〇×□□形式にして変数Resolutionに格納。

set Resolution=%HorizontalResolution%x%VerticalResolution%

ディスプレイサイズが1920×1080の際、括弧内の処理が行われます。ここの数値を変更すれば他のディスプレイサイズにも対応可能。

if %Resolution%==1920x1080 (

QRas.exeに引数として変更後のディスプレイサイズとリフレッシュレートを渡し起動。リフレッシュレートを変更したくない場合は/R 60の部分を消せばOKです。

    "C:\display_changer\QRes.exe" /X 3840 /Y 2160 /R 60

最後です。表示倍率や適用するディスプレイのIDを引数にSetDpi.exeを呼び出します。
スケールは4Kでは200FHD100であれば100で設定しています。好きなように調整してください。マルチディスプレイ環境でメインディスプレイ以外を対象にしたい場合はモニターインデックスを変更してください。モニターインデックスは設定のディスプレイ項目画面にある識別というボタンを押せば確認できます。

    ::setDPIのパス スケール ディスプレイID
    C:\display_changer\display_changer\SetDpi.exe 200 1

おわりに

これで面倒な切り替えもダブルクリック一発でできるようになりました。快適。
~~もし動かないよーとかコードに間違い等指摘あればコメントいただければと思います。~~ コメント欄未実装のためXまたはgmailに連絡貰えれば解決できるかもしれません。

ショートカット一つでディスプレイの解像度・リフレッシュレート・表示サイズを切り替える方法

Mon, 06 Jun 2022 00:00:00 GMT

:::note この記事は旧版になります。最新の記事はこちら https://tarailife.com/posts/fix-change-displayresolution/ :::

はじめに

最近、原神にはまっている。

プレイの際には仮想解像度で4K画質にしてプレイしているのだが、APEX等の4Kが必要ないゲームをやる場合ディスプレイの設定を戻さなくてはならない。逆に原神は144Hzに対応していないので、APEXプレイ後にそのまま原神を起動しようとするといつまでたっても正常に開始できない。

いちいち手動でディスプレイ解像度やリフレッシュレートを変更していたのだが、いいかげん面倒くさくなってきたのでショートカットからFHD/144Hz⇔4K/60Hzの切り替えができるようにしてみた。

必要なもの

QRes　- コマンドライン上から解像度やリフレッシュレートの変更が可能になるオープンソースソフトウェア
SetDPI - ディスプレイの表示サイズ等を変更できるオープンソースソフトウェア

解凍した後フォルダをC直下に配置し、フォルダ内のdisplay_changer.batをダブルクリックすれば解像度を切り替えられます。

バッチファイル本体であるdisplay_changer.batはどこにおいても大丈夫ですので、デスクトップにおいてダブルクリックで切り替えるのがおすすめ。

zipファイルのダウンロードはこちら

処理内容

下記がdisplay_changer.batの中身になります。

echo off

set HorizontalResolution=
set VerticalResolution=
set SetDpi_APP_PATH="C:\display_changer\SetDpi.exe"
set QRes_APP_PATH="C:\display_changer\QRes.exe"
set DISPLAY_ID=1

::Win32_VideoControllerにて解像度取得
for /f "tokens=* delims=" %%@ in ('wmic path Win32_VideoController get CurrentHorizontalResolution  /format:value') do (
    for /f "tokens=2 delims==" %%# in ("%%@") do set "VerticalResolution=%%#"
)
for /f "tokens=* delims=" %%@ in ('wmic path Win32_VideoController get CurrentVerticalResolution /format:value') do (
    for /f "tokens=2 delims==" %%# in ("%%@") do set "HorizontalResolution=%%#"
)

set Resolution=%VerticalResolution%x%HorizontalResolution%

if %Resolution%==1920x1080 (
    
    ::1920x1080の場合
    %QRes_APP_PATH% /X 3840 /Y 2160 /R 60
    set SCALE_VALUE=200
    "%APP_PATH%" %DISPLAY_ID% %SCALE_VALUE%

) else if %Resolution%==3840x2160 (

    ::3840x2160の場合
    %QRes_APP_PATH% /X 1920 /Y 1080 /R 144
    set SCALE_VALUE=100
    "%APP_PATH%" %DISPLAY_ID% %SCALE_VALUE%

)

順を追って説明していきます。まず最初のブロックでは変数の設定を行っています。
もしCドライブ直下以外の箇所に設置する場合は「SetDpi_APP_PATH」「QRes_APP_PATH」のあとのダブルクオーテーションで囲まれている部分を設置先のexeファイルのパスに書き換えてください。

echo off

set HorizontalResolution=
set VerticalResolution=
set SetDpi_APP_PATH="C:\display_changer\SetDpi.exe"
set QRes_APP_PATH="C:\display_changer\QRes.exe"
set DISPLAY_ID=1

次のブロックでは現在の解像度の取得を行っています。

::Win32_VideoControllerにて解像度取得
for /f "tokens=* delims=" %%@ in ('wmic path Win32_VideoController get CurrentHorizontalResolution  /format:value') do (
    for /f "tokens=2 delims==" %%# in ("%%@") do set "VerticalResolution=%%#"
)
for /f "tokens=* delims=" %%@ in ('wmic path Win32_VideoController get CurrentVerticalResolution /format:value') do (
    for /f "tokens=2 delims==" %%# in ("%%@") do set "HorizontalResolution=%%#"
)

取得した解像度を〇〇×□□形式にして変数Resolutionに格納。

set Resolution=%VerticalResolution%x%HorizontalResolution%

ディスプレイサイズが1920×1080の際、括弧内の処理が行われます。ここの数値を変更すれば他のディスプレイサイズにも対応可能。

if %Resolution%==1920x1080 (

    "C:\display_changer\QRes.exe" /X 3840 /Y 2160 /R 60

最後です。表示倍率や適用するディスプレイのIDを引数にSetDpi.exeを呼び出します。
SCALE_VALUEの値には変更後の表示倍率を入れてください。100であれば100%、200であれば200%になります。

    set SCALE_VALUE=２００
    "%SetDpi_APP_PATH%" %DISPLAY_ID% %SCALE_VALUE%

おわりに

これで面倒な切り替えもダブルクリック一発でできるようになりました。快適。
もし動かないよーとかコードに間違い等指摘あればコメントいただければと思います。

Apple WatchでスクリーンショットがONになっているにも関わらず撮れない場合の対処法

Fri, 28 Jan 2022 00:00:00 GMT

はじめに

結論から書こう。

設定 - アクセシビリティから「サイドボタンのクリックの間隔」をデフォルトに戻せ。

先日記事を書くためにApple Watchでスクリーンショットを撮る機会があった。

普段Apple Watchでスクリーンショットなんて撮らないが、付いているボタンは二つだけだし普通に考えてクラウンとサイドボタンの同時押しだろう、と当たりをつけて押してみる。

……撮れない。

何度押しても、撮れない。

<figcaption> 君は呼んでないから </figcaption>

<br> 二十回ほど連打していると、奇跡的に一枚だけスクリーンショットが撮れた。どうやらスクリーンショットの機能が死んでいるわけではないらしい。 <br>

何はともあれGoogle先生ということで「Apple Watch スクショ撮れない」と検索するも出てくるサイトは「スクリーンショット機能をONにしろ」というものばかり。

ONなのに撮れないから困ってるの！！！！！

原因

Apple Watchでスクリーンショットが撮れない原因は「サイドボタンのクリックの間隔」設定にある。

設定 - アクセシビリティ - サイドボタンのクリックの間隔

この項目の設定が「デフォルト」以外になっていると、サイドボタンを再度押すまでの入力受け付け時間が伸び、スクリーンショットの成功率が5%程に低下する。

つまり、サイドボタンを押した後、しばらく時間がたたないとクリックとして認識してくれないのだ。解決。

~~なんでこんな設定変更したし~~

Apple WatchでSoundCloudの曲を再生・お気に入りする方法

Fri, 28 Jan 2022 00:00:00 GMT

:::caution DaftCloudがApp Storeから削除されました。　囧<うあぁああああ――――なんで――――！ :::

はじめに

ランニングをしている時や通勤時にストリーミングで音楽を聴いていると、「あ、この曲いいな、お気に入りしたい」と思うことがある。

Apple Watchをつけていると、ランニング中でもちょっと腕を上げればアーティストを確認したり次の曲にスキップしたりできるし、お気に入り登録もできたりするのが便利。なおApple Musicではラヴ（お気に入り）をするためにはわざわざメニューボタンを押して出てくるメニューリストを下にスクロールしないといけない。再生画面に表示しろ。
初期画面にお気に入りボタンがあるspotifyは神。

さて本題に戻るが、SoundCloudは2015年のアップデートで一度はApple Watchからの操作に対応している。しかしいつのまにかApple Watchからの操作は出来なくなり今後対応されるかも不明。

諦めきれずに検索をかけていると、redditの投稿でサードパーティー製アプリを発見し無事解決したのでSoundCloudの民のために記事にすることにした。

サードパーティー製アプリ「Daft Cloud」

DaftCloud - Wrist App　¥370　posted withアプリーチ

このアプリでできること

再生中の曲のLike（お気に入り）
プレイリストの再生
Streamの再生
お気に入り楽曲の再生
自分のアップロードした楽曲の確認

再生画面をタップするとLikeボタンが出現する。

できないこと

iPhoneのSoundCloudの操作
stationの作成
プレイリストの作成
プレイリストへの追加

このアプリはSoundCloud純正アプリではないので、spotifyやApple MusicのようにiPhoneで起動しているアプリをApple Watchで操作するといったことはできない。あくまでApple Watch上でアプリを起動し操作しなければいけないので注意が必要。

もう一つ注意として、初回にDaft Cloud上からSoundCloudアカウントでログインしDaft Cloudの承認を行う必要がある。その際普通にSoundCloudのメールアドレスでログインしようとするとApple Watchの画面が小さすぎてreCAPTCHAが押せず詰むのでAppleのアカウントからログインするように。（2022.01.29現在）

もしまだSoundCloudアカウントとAppleアカウントを連携していない場合は先にSoundCloudのサイトで連携しておくと吉。もしできなかったり分からなければコメントしていただければ。

おわりに

個人的意見としてはストリーミング各社には再生画面TOPにお気に入り機能のあるApple Watch用Appを早急に作っていただきたい（わがまま）。