TOMMY(a.k.a. Jpsern, Jps.) Hexo https://jpsern.com/ All rights reserved 2026, TOMMY(a.k.a. Jpsern, Jps.) Jpsernのサイト Jpsern.com 2026-04-10T16:00:12.000Z TOMMY(a.k.a. Jpsern, Jps.)

最近、 Keychron B1 Pro という外付けキーボードを買いました。今日はそんな話をしていこうと思います。

製品

今回買ったのはこちらです。

Keychron B1 Proワイヤレスキーボード。ウルトラスリム，ワイヤレス2.4 GHz、Bluetooth 5.2または有線モード。ZMKをサポートする。Mac、windows、linuxで動作します。最大3台まで接続できます。
Keychron B1 Pro ウルトラスリムワイヤレスキーボード（JIS版） – Keychron Japan

動機

最近は仕事もプライベートもほぼ MacBook を使っています。Windows と比べてとくに Mac への大きな不満はないのですが、唯一ちょっと不便だなと感じているのがキーボードのキーマップで、このへんを自分好みにできないものかと思っていました。

まあリマップだけであれば特に外付けキーボードを買う必要はないんですが、パソコン本体のキーボードを汚さなくて済むことであったり、キーマップがキーボード本体に保存できれば複数の端末で使いまわせたりなど他にもメリットが大きいので、今回 Amazon のセールで買いました。

ちなみに近景
箱

使用準備

尊師スタイル

ということでキーマップを設定していくその前に、そもそもキーボード本体をどう配置するかという問題があります。

自分の場合はトラックパッドは普通にノートPCのものをそのまま使いたかったので、いわゆる尊師スタイルを目指すことにしました。

尊師スタイル

尊師スタイルもいろいろ種類があるらしいですが、とりあえず自分がやろうとしているのはいちばんベーシックな尊師スタイルです。

キーボードブリッジを用意

ノートPCの上に外部キーボードを直接のせると、当然ながら元のキーボードへ干渉してしまいます。なので、まずはキーボードブリッジを買いました。

干渉を防げればなんでもよかったのでとりあえず Amazon で安かったやつを買いました。
Amazon.co.jp: All Bright キーボードカバー キーボードブリッジ ノートパソコン ノートPC 外部キーボード 設置 尊師スタイル : パソコン・周辺機器

今回買ったキーボードは75%でかつ薄型の軽いもので、キーボードブリッジがなくてもいけそうな気はしなくもなかったですが、まあなんとなく気にはなるので使ったほうが間違いないだろうというのもあります。

ちなみに僕も以前はあまり興味がなくて知らなかったのですが、外部キーボードによく書いてある「%」はテンキーなんかも含めたすべてのキーが揃った標準的な配列を100%として、そのうちどの程度までをキーボード上に残すかを表しているようです。

図にするとこんなかんじです。

キーボードのパーセント

ケースも買う

会社に持っていくので、持ち運び用のケースも買いました。ケース自体にそこまで堅牢なものは求めていないので、最低限のやつを買いました。これで十分でしょう。

Amazon.co.jp: Amerbtech キーボードケース ロジクール/Apple/Lenovo/Keychron/Buffalo/Anker/エレコム/マイクロソフト対応12インチワイヤレスBluetooth キーボードカバー 保護スリップ 防水 防塵 軽量 コンパクトネオプレン製 ジッパー付き 携帯便利（黒色） : 楽器・音響機器

使用してみる

使用風景

とりあえずベーシックな尊師スタイルが完成しました。
使用風景

キーボードの大きさは普段つかっている MacBook Air と同じくらいなのでそこまで違和感はないです。ちなみに公称値によるとフル充電で1200時間使えるらしいので、そんなに頻繁に充電することはなさそうです。

ただ、使っているうちにキーボードの位置がズレてきちゃうのが少し不便です。キーボードだけの位置でズレる場合もあれば、キーボードブリッジ側がズレてくる場合もあり、滑り止め対策はもう少し検討しないとだめそうです。まあキーボードブリッジは1000円未満の安物なのでしょうがないとは思ってます。

打鍵

キーボードといえば打鍵感は大事ですね。
今回買ったやつは薄型ということもあってノートパソコンのキーボードに近いかんじです。シザースイッチらしいです。

打鍵感はちょうどいまつかっている MacBook のキーボードと使用感は似ています。薄型といえどしっかり押した感覚はあり気持ち良いです。ただ、この Keychron B1 Pro のほうが静かですね。静音性は明らかに違っていると感じます。

キーマップ設定

普段は Bluetooth 接続で使用するのですが、キーマップ設定時は有線接続が必要のようです。まあしょうがないですね。有線接続中は充電にもなるのでちょうどいいと思うことにします。

そんなキーマップ設定画面はこんなかんじです。

キーマップ設定画面

で、肝心のキーマップですが、何をどうしようかは決めかねています。アプリへのショートカットを設定することもできるらしいです。まあこれからぼちぼち考えていこうと思います。

感想

ということでまだまだこれからどうしようというところではありますが、新しい玩具を手に入れて気分でなかなかテンションは上がってます。会社にも持っていく予定なので、これで仕事もより捗るといいなあと思っていたりいなかったりします。

ではまた

]]> https://jpsern.com/keychron-b1-pro/ 2026-04-10T16:00:12.000Z

最近、 Keychron B1 Pro という外付けキーボードを買いました。今日はそんな話をしていこうと思います。

]]> Keychron B1 Pro を買いました 2026-04-10T16:00:12.000Z TOMMY(a.k.a. Jpsern, Jps.)

サムネは Nano Banana で作りました。便利ですね。

概要

以前の日記 で書いたとおり、自分は ChatGPT の Plus プランを契約しています。当時は米ドルでの支払いのみ対応していたのですが、ちょっと前から日本円でも払えるようになったらしく、今日はその切り替えをやってみようという日記になります。

経緯

年明けごろから ChatGPT の有料プランを日本円で支払えるようになっていたようです。
ChatGPTが日本円・税込表示に変更。Proは数千円値下げも、既存契約は解約→再契約が必要｜携帯総合研究所

実際に料金ページを見ると、以前は $20 だった Plus プランが、現在は 3,000円 表記になっています。
ChatGPT のプラン | 無料版、Plus、Pro、Business、Enterprise

plus

自分はずっとドル払いのままなので、請求画面は下記のようになります。日本円払いのほうが安くなりそうだったため、今回は支払い通貨を切り替えようとした次第です。為替次第ではありますが、現状だと月500〜600円ほど差が出ます。まあまあデカい。

課金

手順

ドル払いから円払いへは直接変更できないようなので、以下の流れで処理する必要があります。

  1. 現在のドル払いを解約する手続きをする
  2. 解約されるのを待つ
  3. 円払いで再契約する

ドル払いの解約

「設定」→「アカウント」→「管理する」→「サブスクリプションをキャンセルする」を順にクリックします。
アカウント

「Plusを1か月間無料で使用できます」と表示された場合は、これを選ぶと継続期間が延びます。自分のケースでは、2026年4月15日までは有料、2026年4月16日〜2026年5月15日は無料という扱いになりました。

アカウント2

解約されるのを待つ

前項でサブスクリプションのキャンセルを実行した場合は、あとはドル払いの契約終了を待つだけです。自分は1か月無料延長を選んだため、2026年5月15日までドル払いが継続します。

ただしこの無料延長はキャンセル完了ではないため、5月15日までに同じ手順であらためてキャンセルが必要です。実行しないと有料契約に戻り、さらに1か月延長されます。

アカウント4

円払いで契約

ドル払いの契約が切れたら、すぐに円払いで再契約する予定です。なお、キャンセル時に1か月無料延長を選ばなかった場合は、下記のように再契約時に1か月無料が案内されるケースもあるようです。(条件はよくわかりませんが一人1回までは無料オファーが受けられるのかなという印象です)

アカウント3

感想

最初は「自動で円払いに変わってくれればいいのになあ」と思いました。ただ、為替次第では円払いのほうが高くなる可能性もあるので、自動変更だとトラブルになる懸念があります。そう考えると支払い通貨をユーザー側で選べる仕様のほうが自然なのかなと思いました。

]]> https://jpsern.com/openai-payment-to-yen/ 2026-04-03T15:45:03.000Z

サムネは Nano Banana で作りました。便利ですね。

]]> ChatGPTの料金を日本円払いに変更する 2026-04-03T15:45:03.000Z TOMMY(a.k.a. Jpsern, Jps.)

というわけで気がつけば今年も4月になりました。
私の天敵、ヒノキ花粉 の季節です。

4月といえば

過去の4月日記を振り返ってみましたが、だいたい似たようなこと書いてましたw

基本このへんのどれかですね。

  • 花粉症到来
  • 新社会人、新生活など。だいたい電車が混むって愚痴までがセット
  • プロ野球開幕
  • 春アニメ

というわけで今年も例年どおりの内容で触れていきたいと思います。

花粉症

今年も安定のアレルギー性鼻炎です。やっぱり自分はスギ花粉よりヒノキ花粉のアレルギー症状が強いようで、ちょうど今の時期は毎日薬を飲んでどうにかしのいでいます。

ただ、出社時は帰りのタイミングで薬の効果が切れてきて鼻水祭りなのでどうしたもんかなと思ってます。はよ終わってほしいです。

ちょっと例年と違う試みとして、R-1 が花粉症に効くということで先月くらいから毎日 R-1 を飲むようにしてます。

まだ効果はなんともいえないですが、こういうのは往々にして長期的に続けないと目に見える効果は出てこないと思うのでしばらくは続けてみたいと思います。

ちなみに自分がよく飲んでるのはこのタイプです
商品ラインナップ｜明治プロビオヨーグルトR-1｜株式会社 明治 - Meiji Co., Ltd.

R-1

新社会人など

世の中の出社回帰による影響か、単に初日だからなのかは不明ですが4月初日は主要な路線があちこち遅延していたようです。例年こんなかんじだった気がするのでおそらく後者でしょう。

ちなみにウチの会社は出社とリモートを併用するスタイルで、打ち合わせ等がなければある程度はリモートする日を選択が可能なので4月1日は危険を予測してリモートワークしてました。ハイブリッド勤務万歳

プロ野球

今年もプロ野球が開幕しました。
ベイスターズは2025年オフに多数の主力選手がチームを離れてしまい、正直今シーズンはかなり厳しいと思ってます。さらにそんな状態でチームを任される相川新監督もさすがに1年目で勝手がわからない部分も多いでしょうし、今年はAクラスも難しいのではという気がします。

現在の状況もあまり芳しくないですが、ベイはわりと毎年開幕はそんなに良くはない印象なのでなんとか夏に向けてじわじわ調子を上げていきつつ前半戦を借金1桁以内で折り返してくれれば上々かなと思います。

順位表

春アニメ

とりあえず気になるやつのメモがわりに記載しつつ、見るのはあとでまとめてになるかもしれません。

あかね噺

本誌は好きでちょくちょく読んでます。落語は有名な演目(まんじゅうこわいなど)をちょろっと知ってるぐらいで正直あまり明るくないですが、落語に詳しくなくても楽しめるのは良い作品なんじゃないかと思ってます。アニメでどのようになるのか楽しみです。

ところで主題歌は桑田佳祐さんなのを初めて知りました。

黄泉のツガイ

今期一番楽しみなやつです。原作は読んでますがまあとにかく展開が早い。鋼の錬金術師もそうでしたが、荒川先生の作品は基本的に中弛みしないのですごく読み応えがあります。あまり内容には深くは触れませんが、アニメの続きを見たくて原作を買う人は多数出てくるんじゃないでしょうか。とにかく期待しかない。

LIAR GAME

昨今のリバイバルブームというか、まさかこのタイミングでこいつがアニメ化されるとは思わなかったです。1クール？だと思うんですがどこまでアニメ化するのか気になってます。

原作の最終回はいろいろと賛否ありましたが、アニメではどうするのか。とりあえず視聴は確定です。

いまのところ今期はあまり見るものがないですが、とつぜん予定もしてなかったものを視聴しはじめる場合もあります。そのときは何か書きますw

]]> https://jpsern.com/april-2026/ 2026-04-01T16:15:07.000Z

というわけで気がつけば今年も4月になりました。
私の天敵、ヒノキ花粉 の季節です。

]]> 4月ですよ 2026-04-01T16:15:07.000Z TOMMY(a.k.a. Jpsern, Jps.)

ここ半年くらい Codex を使ってこのサイトの改修などをやっています。今日はその感想とか思うところを書いてみようかと思います。

Codex とは

OpenAI が開発したコーディングエージェントです。公式ヘルプによると以下のとおりです。

Codex とは？

Codex は、コードの作成・レビュー・リリースをより速く行えるよう支援する AI コーディングエージェントです。ローカルのツールで一緒に作業することも、クラウド上で完了する作業を任せることもできます。
ChatGPT プランで Codex を使う | OpenAI Help Center

導入した当時は Codex は ChatGPT の有料プランに含まれる形でユーザーへ提供されていました。そのため自分は月$20の Plus プランを契約して今日に至ります。

導入のきっかけ

そろそろ何かしらAIに課金してみようとは思っていました。周りでは Claude に課金しているケースが多かったので、じゃあ自分は ChatGPT に課金してみるかー、ぐらいの軽いノリです。

感想

第一印象

正直どういうツールかわからなかったので、ひとまずはブラウザ上の Codex を使ってみました。ここでは Playwright によるこのサイトのテストコードを書かせてみました。

GitHub と連携してリポジトリを見ながら提案してくれるのは非常によかったですし、AIはリポジトリやアプリをぶっ壊すというような話を当時よく聞いていてこれも同様のイメージで使い始めてみましたが、思ったより余計なことはしないなーという印象でした。

CLI 版を使う

ブラウザ上の Codex を使ったのは本当に最初だけで、以降はほぼCLIツールである Codex CLI を使っていました。

codex-cli

特に何と比べてどうということはないですが、VSCode の統合ターミナル上で AI に指示出しながら作業できるほうがやっぱり楽です。

最初につまずいたポイント

Codex に限らないですが、結局依頼のスコープを広く取りすぎると期待した効果は得られにくいことです。もっと雑に頼んでもどうにかしてくれるかなーと思っていましたが、さすがに望みすぎでした。(たとえば「この画面をいい感じに直して」のような投げ方だとだめでした。まあそりゃそうすね)

ということで、基本はタスクを小さく切りつつ、イメージを具体的に伝えるのは必要ですね。

普段の使いどころ

小さいタスクを依頼する

自分はこのサイトについてそのうちやろうと思っていたことをちょくちょく GitHub の Issue を切っておくようにしています。見た目を変えるとか、小さいバグの修正とかそういうのが多いです。

ほとんどはゴールが具体的に定まっており、Issue に書いておいた内容をそのまま依頼するとほぼ期待どおりの結果を出してくれてました。

あとはトラブル原因の切り分けで使うこともしばしばあります。再現手順の整理、関連しそうなコードの探索、修正案の比較あたりは特に相性がいいと感じました。

逆に、要件が固まっていない大きな実装を丸ごと任せるのには向かないです。不具合であれば現在わかっている情報をそのまま与えつつ、一気に答えを出してもらうよりは現時点で考えられる原因を3点挙げてほしい、あるいはどこから調査していくとよいかポイントを挙げてほしい、というぐらいのほうがちょうどよさそうな印象です。

リファクタリング

以前に自分で書いたコードのリファクタなんかも効果が高く感じました。ただ、雑にリファクタをお願いするよりはパフォーマンスなのか、可読性なのか、など何を改善したいのかを添えて指示をするとだいたい期待どおりに動いてくれました。

あとは「見落としがちな観点がないか」を確認する際にもよいです。基本的なテストシナリオは自分で考えるものではありますが、その際に他にどういうところを気にすると良いかなどを壁打ちするのはAIが力を発揮するシチュエーションかと思います。(例えば境界値、例外系、命名の一貫性とか、そういういろんな観点を出してもらうのには適していると思います)

テストコードなんかが既にあると AI へのリファクタリング依頼も安心してできるので、先にテストコードを用意させるとよさそうです。

実例

一番恩恵にあずかることができたのは、このサイトの Font Awesome のバージョンアップでした。これほんとに助かりました。

自分が指示したのは主に下記のあたりです

  1. Font Awesome を 6 にアップデート
  2. FA4依存のクラスと擬似要素を新しいCSSに合わせて調整
  3. CDNは使わずローカルCSSを使う(Font Awesome 本体はさすがに自分でダウンロード)
  4. min.css は重いのでCSSをサブセット化
  5. FOIT回避のため font-display: swap を追加
  6. h3アイコンの変更(FA6だとちょっとデザイン変わってサイトに合わなくなっていた)

これだけでほぼ現在の状態が完成しました。これはほんと Codex 様々でした。こういった明確な「これ」という以外にはないゴールがあるものはAIとの認識のズレも生じにくく、対応も期待通りにしてくれることが多い印象です。

基本的に、実現したいものがはっきりしている場合にAIによるコーディングは非常に便利だと感じます。実現したいものがあるけど、コードでどう書けばよいかわからない、という場合などもAIが活躍しやすいと感じます。

これからの使い方

Issue消化

引き続きこのサイトの細かい Issue をいろいろやってもらおうとおもいます。今までと変わらないですね。

まだいろいろ直したいところはあるので、もうしばらくはお世話になるとおもいます。

Skills への移行

依頼テンプレートをもう少し固めつつ、最終的には Skills に落としこめるといいかなと考えてます。今のところ Codex の挙動は安定してて、特に細かい設定をしなくてもわりと期待どおりの動きをしてくれてはいますが、より回答のぶれをなくしていきたいなという狙いです。

Agent Skills – Codex | OpenAI Developers

Codex に限りませんが、今のところ毎回のやり取りで「うまくいった指示」をメモして再利用を図っています。が、これをもっと仕組み化していきたいです。ツールの性能だけでなく、使う側の設計も問われますね。

まとめ

いまのところ非常に便利な Codex ですが、まだ試行錯誤の段階は出てないかなという印象です。とはいえ少なくとも「ひとりで詰まって時間を溶かす」場面は確実に減ったのでこれからも様子をみながら使っていこうと思います。

余談

OpenAI への毎月の支払いで否が応でも円安の現実を知ります

課金

]]> https://jpsern.com/use-openai-codex/ 2026-03-20T01:56:16.000Z

ここ半年くらい Codex を使ってこのサイトの改修などをやっています。今日はその感想とか思うところを書いてみようかと思います。

]]> OpenAI Codex を使ってみた 2026-03-20T01:56:16.000Z TOMMY(a.k.a. Jpsern, Jps.)

ということで2019年に開設したこのサイトも2月で気がつけば丸7年経っていました。とくにキリのいい数字というわけではないですが、ギャンブラー的には7という数字は縁起が良いのでこれを機にいろいろ振り返ってみようかと思います。

7周年を迎えて

そもそも初代のサイトは2004年開設で、ホームページ歴としてはもう20周年超えてたりします。前身から現サイトまでの歴史は別の記事で振り返っているので、興味のある方は下記リンクをご覧ください。
自サイト制作の歴史を振り返る | Jpsern.com

で、このサイトはというと開設は2019年2月3日でした。いつの間にそんなに経っていたんだという気持ちでいっぱいです。(ぶっちゃけ、いつのまにかヌルっと7周年経っていた)

正直、今も昔もやってることは大して変わっていないですが、能動的に思い出せば何かしらあるだろうということで今日はやっていこうと思います。

数字を振り返る

前提

2016年まではFC2ブログを使っていて、このサイトはそのインポート分も含まれています。
FC2ブログを移行しました | Jpsern.com

ちょうど2017, 2018 は投稿が0で2019年分の記事からは完全にいまのサイトが初出です。

年ごとの投稿数の推移

FC2ブログ時代

年投稿数
200815
200929
201022
20115
201213
201318
20144
20151
20161
20170
20180

現行サイト以降

年投稿数
201913
20208
202116
202213
202314
202417
202510
20264

全体推移

2014年くらいから目に見えて投稿頻度落ちてますね。

グラフ1

グラフ2

総記事数

  • 203件
    • そのうち109件はFC2ブログ時代の記事
    • 本サイト移行後の記事は94件

平均投稿数

  • 10.7件/年
    • 近年はほぼこのペースです

最多投稿年

  • 2009年
    • 29件
    • 今じゃ考えられないです。昔のほうが明らかに筆マメですね＼(^o^)／

最も読まれた記事 TOP10

Google Analytics だとGA4以降のデータしかないので7年分とまではいきませんが参考まで。(久しぶりにアナリティクスみました)

順位記事
1位iPhone版ドラクエをやりました(その2)
2位Amazon ポイントが使えなかった話
3位iPhone版ドラクエをやりました
4位FINAL FANTASY III (3D REMAKE)感想
5位NetlifyからCloudflare Pagesに引っ越しました
6位Yarnの個人的メモ
7位ブログ向け markdownlint 設定例
8位アニメ ライジングインパクト 感想
9位ローカル用Amazon Linux 2環境
10位僕らの夢がいま時空を超える

ゲームの感想が強すぎるΣ（ﾟдﾟlll）

具体的なPV数までは記載していませんが、 上位5つがずば抜けてアクセス多いです。
もしかしてウチはゲーム感想ブログとしてやっていくのがいいんでしょうか(困惑)

WEBサイト的な変更点など

プラットフォーム変遷

最初は Netlify でホスティングしていましたが、あとから Cloudflare Pages に乗り換えました。

そのときの詳しい話は下記にていろいろ書きましたので興味があればご覧ください。(ウチの記事の中ではまあまあ長文です)
NetlifyからCloudflare Pagesに引っ越しました | Jpsern.com

現在も Cloudflare Pages で引き続き稼働中です。いまのところとくに無料プランで不自由もないので当面はここにお世話になるとおもいます。

メインデザインの変遷

せっかくなのでキャプチャ撮って比較してみました。(古いほうは Netlify に古いプレビューが残っていましたのでそれを使いました)

開設当初

昔はこんなかんじでした。

before

当初はぜんぜん気になってなかったですが、今みなおすと全体的にめっちゃ薄い(　ﾟдﾟ)
道理で Lighthouse にアクセシビリティが悪いって怒られるわけです＼(^o^)／ 当時はピンときてませんでしたがこうしてみると薄すぎですね。

Lighthouse 云々やってた当時のブログはこちら。以外と節目節目でちゃんと書いてたようですw
Lighthouseのスコア上げについて | Jpsern.com

現在

レイアウトなどはそのままなんですが、色などがけっこう変わりましたw

after

全体的な色合いとかは今のほうがいいですね。前述の Lighthouse の件も含めてじわじわ変わってはいってました。フォントもファミコンっぽいやつにしたり、日本語は Noto Sans JP にしたりしてます。あと実は地味に記事のコンテンツ幅が60px増えてます。

ちなみに Hexo のベーステーマ自体はずっと変わってません。いつか自作テーマをつくろうと当初は思っていましたが、フォークしたテーマをさんざん魔改造して自分の好みに最適化されつつあるのでもうこれでいいかなとおもってますw

Music ページの変遷

昔は <audio> タグを使って mp3 を埋め込んでましたが、オーディオファイルを Soundcloud にも置くようにしたので、ついでに Soundcloud の埋め込みプレイヤーを使うように変更しました。

audio タグ

これはこれでシンプルでいいんですが、ブラウザによって見た目が変わるのが玉に瑕。あとダウンロードできてしまうという点もいまいち。

audioタグ

soundcloud

前述の問題はクリアしつつリッチなプレイヤーになりました。ちなみにサムネは拾い物のフリー素材や、AIでつくった画像で設定しています。(僕にこんな絵が描けるはずもない＼(^o^)／)

Soundcloud

コメントシステムの変遷

最初は disqus を入れてました。いまは utterances を使っています

disqus

disqus

utterances

utterances

理由

このへん でも触れていますが、Disqus は基本重たかったのが一番ネックでした。なので軽量なコメントシステムを探してみたところ utterances の評判が悪くなかったし、半技術ブログでもある弊サイトなら GitHub でログインなら使いやすいだろうということで現在に至っています。

とはいえ そもそもコメントなんてめったにない のでいらないっちゃいらないかもしれません＼(^o^)／

印象に残っている記事など

バズった記事

先ほど紹介したランキング外ではありますが、実は一時的に強烈に伸びた記事があります。

それがこちらです。
Kindle Paperwhite を買い替えました | Jpsern.com

サーチコンソールによると、どうやら Google Discover に載ったらしいです。

Discover は Google 検索の一部で、ウェブとアプリのアクティビティに基づいて、ユーザーの興味や関心に関連するコンテンツを表示する機能です。
Google Discover の概要、掲載、表示方法 | Google 検索セントラル

Discover とは要はスマホ版の Google Chrome で Google を開いたときに表示されるおすすめ記事のことです。要は Google 砲ってやつです。数日で Discover からは消えてしまったようですが、これに載っている間だけ桁違いに Google からの流入が多かったです。

当時は Kindle Paperwhite の新機種が出てから日も浅く、そこについての記事を書いたのがよかったのかもしれません。

Discover に載ったのはこれだけですが当時はけっこうびっくりしてました。

思わぬ反響があった記事

さっきのランキングにも入ってますが、ウチの記事の中でもやたらSEOが強い記事があります。

それがこの記事です。
NetlifyからCloudflare Pagesに引っ越しました | Jpsern.com

cloudflare pages netlify で検索すると未だにけっこうな上位に表示されます。

Google検索結果

直接的な反響やメッセージなどをもらったことはありませんが、GAのアクセスやサーチコンソールでの流入数値もずっと高く、けっこういろんな人が見てくれているんじゃないかと思っています。どこかの誰かの役に立ってるならうれしいですね。

総括とこのサイトの今後など

正直、7年も続けてた感覚ないですw
WEB媒体である必要はないかもですが、けっこう「あのときどうしてたっけ」ってことが過去のブログでわかることもしばしばあるので、どうにか今後も続けていこうとは思います。

継続は力なりとは言いますが、フィールドデータも最初はアクセス数足りなすぎて見れなかったのがいつのまにか見れるようにもなりましたし、どれかの記事が誰かに触れる回数が地道に増えていった結果なのかなと考えています。違うかもしれませんが。

フィールドデータ

あと職業柄、サイト運営的な実験ができるものを個人で持っておくことはわりと大事かなとも感じてます。(あまり詳しくは書けませんが、このサイトで実はいろいろなことを試していたりもします。)そういう意味でも意味はありますね。

ということで、SNS自体そんなにマメに更新するほうではないですが、X(Twitter)とこのブログの2つぐらいはそこそこやっていければと思います。

おわりに

拙いブログですがこれまで読んでくださった方々ありがとうございます。
7周年でこんなことをやってしまったので、10周年のときはどうしたものかちょっと困ってはいます＼(^o^)／

そんなかんじで今後もよろしくお願いします。

]]> https://jpsern.com/anv-7/ 2026-02-19T15:05:32.000Z

ということで2019年に開設したこのサイトも2月で気がつけば丸7年経っていました。とくにキリのいい数字というわけではないですが、ギャンブラー的には7という数字は縁起が良いのでこれを機にいろいろ振り返ってみようかと思います。

]]> JPSERN.COM 7周年 ですってよ 2026-02-19T15:05:32.000Z TOMMY(a.k.a. Jpsern, Jps.)

愛用中の iPhone SE のバッテリーがそろそろ限界だったので交換してもらいました。今日はそんな話です。

バッテリーの劣化

iPhone SE への機種変 から3年2ヶ月ほど経ちました。その間バッテリー交換は一切せず、モバイルバッテリーを常備しながらどうにか使ってきましたが、家を出てから会社に着くころにはもうバッテリーが30%近いという有様になってました。

iPhoneのバッテリー状態を確認したところこんなかんじでした。
劣化状態

一般的には 80% を切ったらもう寿命と言われているのでちょうどいい頃合いだったようです。むしろ丸3年以上使えたのでよく保ってくれたほうかもしれません。

ということでこのたびバッテリー交換をすることにした次第です。

修理予約

自分の iPhone は地元のドコモショップで買ったんですが、そこでは修理はできないらしいのでアップルの正規サービスプロバイダを探して修理してもらうことにしました。(Apple Store は近所にないので)

最寄りだと町田のカメラのキタムラが一番近いんですが、直近だと2週間先まで予約が埋まっていて無理ゲーだったので、次に近い青葉台のカメラのキタムラを予約しました。どんだけ修理が相次いでいるんだと思いますた(　ﾟдﾟ)

とくに土日は予約がすぐ埋まる傾向にあるようなので、有休に余裕がある場合は有休を使って平日に予約するほうが無難そうです。

交換

というわけでカメラのキタムラに行って交換してもらいました。
修理依頼のお客さんが入れ替わり立ち替わり来ている様子でけっこう混んでましたが、ほぼ予約の時間どおりに案内してもらえました。

受付と診断が20分ほどで、その初期診断時にけっこう内部の汚れや埃が目立っていたと言われ、せっかくなので有料で清掃もやってもらうことにしました。

スマホ除菌サービスのご案内｜【Apple正規サービスプロバイダ】iPhone修理｜横浜・青葉台東急スクエア店｜カメラのキタムラ

あとは交換と清掃で1時間かかると言われたので、その間はひとまず適当に時間を潰してました。が、スマホが手元にないので今回は Kindle を持っていって、そこらへんの椅子でずっと本を読んでました。バッテリー交換はまあまあ時間かかるので本などは持っていくといいですよ。

終了

1時間経ってスマホを受け取ったら修理料金を払って終了。新品とはいえ、バッテリーの残量は30%弱だったので持参したモバイルバッテリーでしばらくは充電してました。

あと、バッテリー交換作業時にディスプレイの保護フィルムは剥がされてしまうので、こちらも予め用意しておいた新しい保護フィルムを貼りました。

交換後のバッテリー状態は以下のとおりです。無事100%に戻りました。
復旧

バッテリー交換時にあるとよいもの

これまで出てきたものをまとめます。

  • スマホ以外の暇つぶしアイテム
    • 交換の待ち時間が1時間あるので本などあるとよい
  • 画面保護フィルム
    • 修理時に剥がされるので必要なら新しいものを用意しておく
  • モバイルバッテリー
    • 新品のバッテリーは充電はされてないので

総括

ということで無事バッテリー交換が終わりました。
これであと1年はまだ iPhone SE を使いつづけることができそうです。

]]> https://jpsern.com/battery-replace/ 2026-02-15T16:10:02.000Z

愛用中の iPhone SE のバッテリーがそろそろ限界だったので交換してもらいました。今日はそんな話です。

]]> iPhone SE のバッテリーを交換しました 2026-02-15T16:10:02.000Z TOMMY(a.k.a. Jpsern, Jps.)

1月18日にクロノ・トリガー30周年を記念するオーケストラコンサートである「クロノ・トリガー Orchestra Concert 時を超える旋律」に行ってきました。今日はその感想を書いていこうと思います。

イベント概要

クロノ・トリガー Orchestra Concert 時を超える旋律 公式サイト

あの冒険が、音楽とともに再び時を超える───

30周年を迎えた『クロノ・トリガー』。
時を超えて多くの人々に愛され続ける冒険が、壮大なフルオーケストラの旋律とゲームの名場面とともに蘇ります。
音楽と映像が織りなすあの頃の感動を、ぜひコンサート会場でご体感ください。
クロノ・トリガー Orchestra Concert 時を超える旋律 | SQUARE ENIX

ちなみに僕のクロノ・トリガー遍歴的な話はこちら。
僕らの夢がいま時空を超える | Jpsern.com

会場

今回の会場は 東京国際フォーラム・ホールA です。
ここに来たのは SURFACE の解散ライブ「Last Attraction」以来なのでなんと15年ぶりでした。

東京国際フォーラム
東京国際フォーラム2

ホールAはキャパが5012席もあり、けっこうな規模です。
ホールA | 東京国際フォーラム

オーケストラ編成は目算の限りですが50~60人ほどでした。ほぼフルオーケストラだったかとおもいます。贅沢ですわ。

物販

売り切れ続出

タオルぐらい買おうかと思っていたんですが自分が行ったときにはどの商品も全部売り切れでした＼(^o^)／

一緒に行った友人の話だと開場前先行物販によってチケットを持っていない人にも解放していたらしく、そのためかグッズの捌け具合がかなり進んでしまったようです。パンフレットも売り切れてました。

開場前先行物販について

正直、グッズ販売はチケット持っている人だけを対象にしてほしかったものです。そうはいってもグッズ売れないと死活でもあると思うので難しいところなのかもしれません。今回はそこが残念でした(´･ω･`)

パンフレット再販が決定

これは朗報。

2026/03/08 追記

発売はちょい延期になったものの無事パンフレットを入手しました。

パンフレット

感想

全体的な感想

最高でした。

本当に行ってよかった・・・

クロノ・トリガーのリアルタイム世代にはたまらんかったです。基本的にどの曲もオリジナルヴァージョンの良さを活かしたアレンジですばらしかったですし、しかも公演中は舞台上のスクリーンにゲームのプレイ映像(それもSFC版)が流れていて、これがまたいい味を出していました。

一番聴きたかった「魔王決戦」と「世界変革の時」は鳥肌ものの迫力でした。クロノ・トリガーの曲はどれもオリジナルヴァージョンがオーケストラっぽいアレンジだからなのか、とにかくどの曲も違和感はまったくなかったです。

終盤はパーティーメンバー別れのシーン(とくにルッカとロボ)に合わせて生演奏で「エピローグ ～親しき仲間へ～」でしたが、周りから多くの啜り泣きの音が聞こえてきてました。こんなん泣くに決まってますやん。

セットリスト

前述でパンフレットを入手できたのでセットリストを改めて記載します。

Part 1

  1. 予感/クロノ・トリガー
  2. 朝の日ざし/やすらぎの日々
  3. ガルディア王国千年祭/不思議な出来事
  4. 樹海の神秘/風の憧憬
  5. 戦い/ファンファーレ1
  6. ガルディア城〜勇気と誇り〜/カエルのテーマ
  7. 王国裁判/隠された事実/危機一髪
  8. 16号廃墟/ロボのテーマ
  9. 世界最期の日/ラヴォスのテーマ

Part 2

  1. 時の最果て/愉快なスペッキオ/ファンファーレ3
  2. 原始の山/エイラのテーマ
  3. 魔王城/錯乱の旋律/魔王決戦
  4. 時の回廊/ジール宮殿
  5. サラのテーマ
  6. 夜の底にて
  7. 決意/シルバード〜時を渡る翼〜
  8. 世界変革の時/ラストバトル
  9. エピローグ〜親しき仲間へ〜
  10. 遥かなる時の彼方へ

Encore

  • クロノ・トリガーメドレー
    1. クロノ・トリガー
    2. エピローグ〜親しき仲間へ〜(もしかしたらクロノとマールのほうだったかも)
    3. ファンファーレ１
    4. カエルのテーマ
    5. ロボのテーマ
    6. サラのテーマ
    7. クロノ・トリガー

Orchestra&Conductor

  • 指揮
    • ニコラス・バック
  • オーケストラ
    • 東京フィルハーモニー交響楽団

蛇足

欲を言えば下記の曲もオーケストラアレンジで聴いてみたかったです。また何年後かに公演があれば次も行きたいです。

  • マノリア修道院
  • ティラン城
  • ボス・バトル2
  • 星の祝祭

というかクロノ・トリガーの劇中曲は冗談抜きに名曲しかないので可能であれば全曲聴きたいですが尺の都合とかもありますし厳しいかな。

余談

コンサートの余韻も冷めやらぬうちにオーケストラアレンジのサントラがほしくなりました。我ながら単純です。

CDのほうは軒並み売り切れだったのこともあってひとまずはこちらの配信版を購入しました。

ただ、このサントラだとコンサートで聴いた曲の半分以下のボリュームということもあって物足りないのが正直なところです。10曲じゃ足りないっす。魔王決戦は入れてほしかったなぁ。

やっぱりこっちも買おうかな

とりあえずこのコンサート行ったらまたクロノ・トリガーがやりたくなりましたw

]]> https://jpsern.com/chrono-trigger-orchestra-concert/ 2026-01-19T17:41:20.000Z

1月18日にクロノ・トリガー30周年を記念するオーケストラコンサートである「クロノ・トリガー Orchestra Concert 時を超える旋律」に行ってきました。今日はその感想を書いていこうと思います。

]]> クロノ・トリガー Orchestra Concert 時を超える旋律 感想 2026-03-08T06:33:34.000Z TOMMY(a.k.a. Jpsern, Jps.)

あけましておめでとうございます。本年もよろしくお願いいたします。

去年

去年も一応書いてました。興味のある方は下記からどうぞ。

今年の抱負

運動

年末の日記にも書きましたがわりと順調なので継続していきたいとおもいます。

また、昔なにかでもらったミニアームバーが見つかったので、在宅ワーク時の筋トレに加えはじめました。筋肥大を目指しているわけではないのでそこまで追い込んだ回数はしていませんが運動不足解消にはちょうど良いので無理のない範囲で続けていこうと思います。

ちなみにミニアームバーとはこんなやつです。トレーニングのメニューにもよりますが主に前腕と胸に効くらしいです。(下記とまったく同じものではないですがだいたいイメージは一緒です)

ミニアームバー

勉強

主に仕事についてですが、いろいろやらなきゃいけないことが多いので少しづつやっていきたいです。

今やってる仕事はWEBアプリ開発・保守まわりなんですが、ここ数年ぐらいはAWSメインのインフラ業務が多いです。そのためか、あまり最近のアプリ側の実装方法なんかを追いきれていないし、アプリ側のレビューをやる機会もあるのでインプットを少しは進めないとまずそうです。

そもそも最近はAIを使った開発が多くなりつつありますが、新規開発はともかく現行の既存アプリ保守なんかはAIにやらせてハイおしまいというわけにもいかないし、AIに指示を出したり、AIが作った成果物の確認をするにしても人間に知見がまだまだ必要なのかと思っています。

AIはまだ自分がつくったものに責任を持つことができないので、じゃあどうするかというとやはり責任は人間が持つことになります。その際、AIが作った成果物の内容を把握できないまま責任を持つことはできないので結局のところまだ関心を完全に切り離すことはできないと自分は考えています。

この話すると長くなりそうなのでこのへんにしますが、まあ今年はちょっと勉強もぼちぼちやろうと思います。

副業

会社が副業OKになったので何かしてみようかと考えています。(このブログに広告は貼ってますが雀の涙未満の収益なのでノーカンです)

いまのところは起業はまったく考えていないですが、まずは何かしてみようというかなりふわっとしたイメージです。まだ何も決まってないし、そもそも何をしようかなという段階なので、今年はある程度方向性を決めて試験的なアプローチが何かできれば御の字ぐらいです。

その他

歳のせいか毎年どこかしら身体に異常をきたしている気がするので、一番は無病息災かなというのが正直なところです。

ではまた来年の抱負日記でお会いしましょう。

]]> https://jpsern.com/happy-new-year-2026/ 2026-01-02T08:07:42.000Z

あけましておめでとうございます。本年もよろしくお願いいたします。

]]> 2026年になりました 2026-01-02T08:07:42.000Z TOMMY(a.k.a. Jpsern, Jps.)

今年も大した出来事はなかったなりに適当に振り返っていきたいとおもいます。

昨年

上記の記事をごらんください。(大したことは書いてません)

今年の抱負

2025年になりました | Jpsern.com

  • 運動
  • 保険の見直し
  • 自宅サーバーをたてる

今年はこの3つが抱負でした。ひとまずそれぞれについてどうなったかを書いてみることにします。

運動

三日坊主の私にしてはいまもそこそこに継続中です

運動不足を解消したい(その2) | Jpsern.com

ただ、10月の半ばごろから膝に痛みが出たため、一部の足トレはストップしています。現在は整形外科に通いつつ膝の痛みも落ち着いてきたので様子を見ながらおっかなびっくり再開しつつあります。あまり激しい運動は痛みがぶり返す傾向にありますが、歩いたり階段を多少登ったりする分には問題ないのでひとまずしばらくこの生活になる見込みです。

それとは別に去年末ごろからはじめた握力トレーニングが今も一応は続いていて、当初は冗談抜きに女性平均並みの握力だったんですが多少筋力がついてきたのか持っていたハンドグリップでは負荷が物足りなくなってきたので半年ほど前にもうひとつ負荷の高いやつを買いました。在宅勤務の合間に適当にやってるだけでそこまで強烈に追い込んでいるわけではありませんが継続は力なのかもしれません。

この歳でも筋力って上がるもんだなと人体の不思議を感じてます。いま持ってるやつもだいぶ慣れてきたので、そろそろまた新しいハンドグリップ買おうかと思います。このかんじだとたぶん握力は上がってるはずなので今度どこかで計りなおしてみたい。

保険の見直し

これは現在も見直し中です。見直しというか別の保険を増やすという選択肢もあるようので、そこも含めて自分の生活スタイルにあわせてどうするか検討中です。ほけんの窓口が近所にあるので行ってみようかとも考えています。

自宅サーバーを立てる

ウチにあったノートPCを1台サーバー化するつもりだったんですが、正直 NAS ぐらいしか使い道もなかったので実用面を考えたらちゃんとした NAS 専用機を買ったほうがいいなと思い、結局サーバーは立てていません。勉強目的にしてもいいんですが Linux をいじるだけならある程度は仮想環境で事足りてしまうということもあって今に至ります。

というわけで自宅サーバーについてはいったん白紙にして、来年は別のことをしようとおもっています。

今年の出来事など

個人的に気になったことを振り返ってみます

猛暑

今年も本当に暑かったですね。いろんなところで言われていますが、秋がぜんぜんなかった印象です。春夏秋冬ではなく春夏夏冬とは言い得て妙だとおもいます。あとここ何年か？は空梅雨気味なのも気になります。異常気象がもはや当たり前になってきててやがて四季まで狂ってくるのかもしれません。

万博

正直、まったく興味がなかったのでよくわかっていません＼(^o^)／ (すみません)

今年は万博があったなーという薄い認識です。そもそも人の多いところがあまり好きではないので、よほど何か目当てがない限りはそういうところに出かけていくことがないです。今回も入場までに何時間も並ぶことが常態化していたようですし、ましてや前述の猛暑も手伝って現地に行ったお客さんは大丈夫だったんだろうかと思ってました。ちなみにとある友人は期間中に2回万博に行ったらしいです。ﾊﾟﾈｪ(　ﾟдﾟ)

備蓄米

去年からさらに価格高騰が続いている米ですが、5月から備蓄米の放出が始まってから一時的とはいえ値下がりしてました。要するに足元見ていた中間業者がいたんでしょうね。

とはいえ下がったのは一時的で、観測範囲内では結局また価格が上がってきているように思えます。2kgで3000円以上しますし。

そもそもJAの概算金自体が上がったので、もう大きく値下がりすることはなさそうです。

ちなみにウチはとある農家から直接買っていたのですが、この概算金の影響もあって以前より高くなりました。農家の方々も生活かかってますし、そもそも今までが安すぎたのかもしれません。

プロ野球

順位表 - プロ野球 - スポーツナビ より
プロ野球順位表

今シーズンのベイスターズは本格的にリーグ優勝目標と銘打っていたものの終わってみれば2位。今年は阪神が本当に強かったですが、それとは別に交流戦あたりから8月にかけて奮わなかったこともありやや悔いが残るシーズンでした。

今年は番長の辞任を皮切りに多くの主力選手や助っ人外人がチームを離れることになったため、正直来年はAクラスも怪しいのではという予感がしています。どうなるかはわかりませんが引き続き応援していこうと思います。

怪我

運動のところで少し書いたんですが、10月ごろから膝の痛みが出て一時は歩くのも億劫になってました。日課のスクワットが原因なのかと思って反射的に控えていましたが、病院の先生からは「痛みを感じない動きであればむしろ止めないほうがよい」と言われており、とくに階段の登りでは何も問題はなかったため会社8Fまでの階段移動は継続していました。となるとスクワットとはまた別の原因が？とも思いましたがなんともいえないです。

気になるのは前腿がずいぶん張っていると言われたことです。前腿が張って筋肉が固まると膝の曲げ伸ばし時に膝まで引っ張られて負担になるそうです。昔からあぐらとかも苦手でしたしこれが一番説得力ありました。スクワットを継続したことで余計に腿の筋肉が固まってしまったのかもしれません。

ということで毎日のストレッチに前腿のメニューを追加しました。通院の効果なのかストレッチの効果なのかはわかりませんが現在はだいぶよくなってきていて、元の足トレも様子を見ながら再開してみようというところです。とはいえ治ったと思ってからもしばらくは予防も兼ねてリハビリテーションに通う予定です。

漫画

ついでに今年気に入った漫画のうちおすすめの作品も書いてみます。

妹は知っている

職場では、無表情でつまらないと思われている冴えないサラリーマン、三木貴一郎。飲み会でも浮いていて全く楽しくなさそう。 でも、妹の私だけは知っている。お兄ちゃんが本当は「世界で一番面白い」ってことを――。 『俺はあざといを許さない』の雁木万里が贈る、なんかハマる兄妹コメディ。

三木兄妹のキャラが兄も妹もとにかく良いです。大きな事件なんかはなく淡々と日常を描写するわりと平和なコメディです。基本的には1話完結形式なんですが時系列はちゃんと存在していて、ところどころに撒かれた伏線で徐々にいろんな人間関係がつながってくるのがまた面白いです。読後感も非常に良く、日常ものが好きな人にはけっこうおすすめの漫画です。

ちなみにこの作者である雁木万里先生ですが、自分は「4000倍の男」のイメージが強かったので今作の作風にはびっくりしました。(なお代表作と言われている「俺はあざといを許せない」は自分は未読です)

シルバーマウンテン

天狗に攫われ、〈仙境〉に行ったという童子。
その口から語られるは、信じ難い世界の実在──
希う者達は、〈武〉の極致へと駆け登る。

強き者は、その頂を目指す──藤田和日郎が送る、仙境幻想譚!!

昔から大好きな藤田和日郎先生の新作です。前作「双亡亭壊すべし」以来4年ぶりの新作らしいです。既に藤田節が随所に炸裂してて非常に読み応えがあります。今までの藤田先生の作品が好きだった人には間違いなく刺さると思います。

今回ちょっと面白いのが物語の導入が平田篤胤の仙境異聞を元にしていて、寅吉は実は現代からタイムスリップ？していたということや、仙境異聞の劇中劇として各章の話が展開されていることです。

Wikipedia によるとこうあります。

ジャンルは異世界転移もので、江戸時代の国学者の平田篤胤の著書『仙境異聞』をベースとした枠物語となっている。

ただ、寅吉(銀兵衛) が江戸で平田篤胤に仙境(螺界)の話を語っているということは結局現代には戻れていないってことなんですかね。兵頭がいないところを見るに、銀嶺の頂上までは行って兵頭だけ現代に戻してもらった説はありそうです。

で、いまのところ 現代 → 螺界 → 江戸? という時系列っぽいですかね。それとも螺界と江戸の間にもういくつか物語の転換点が入ってくるかは謎です。

とはいえ始まってから半年そこそこなので物語の核心に触れていくのはまだまだ先になるとは思いますが、このへんの謎がどう明かされていくのか楽しみです。相変わらず風呂敷広げまくってるなぁとは思いますが、そこは信頼と実績の藤田和日郎先生なのではちゃんとまとめてくれると思っています。

総括

2025年もあっという間でした。
いろいろ思うところあって来年はもしかするといろんな動きがあるかもしれません。(ないかもしれませんが)

ではまた来年の振り返りでお会いしましょう。良いお年を。

]]> https://jpsern.com/goodbye-2025/ 2025-12-29T16:45:30.000Z

今年も大した出来事はなかったなりに適当に振り返っていきたいとおもいます。

]]> さよなら2025年 2025-12-29T16:45:30.000Z TOMMY(a.k.a. Jpsern, Jps.)

最近流行りの Nano Banana Pro を使ってみたので、勢いでなんか書いてみます。

Nano Banana Pro とは

公式

Nano Banana Pro - Gemini の AI 画像生成＆写真編集ツール

クリエイティブなアイデアを楽しく実用的に具現化。高精度のカメラと照明機能を使って写真を編集したり、複数の画像を組み合わせてモックアップを作成したり、文字が鮮明なポスターをデザインしたり、Gemini を活用して簡単に図を作成したりできます。作成後、各プラットフォームに合わせてサイズを調整できます。Gemini アプリで Nano Banana Pro を今すぐお試しください。Google AI Plus、Pro、Ultra のユーザーは、最大限の利用権限が付与されます。

Geminiの回答

Gemini さんにもうちょっと初心者向けの簡単な説明を書いてクレメンスとお願いしました。
要は指示すればプロっぽい画像をつくってくれるそうです。

Nano Banana Pro（ナノバナナプロ）は、Googleが開発した最新のAI画像生成・編集モデルのことです。正式名称は 「Gemini 3 Pro Image」 といいます。

🍌 初心者向けの簡単な説明
Nano Banana Proは、あなたが言葉で指示するだけで、高品質な画像を簡単に作ったり、編集したりできる、とても賢いクラウドベースのツールだとイメージしてください。

🌟 何がすごいのか？
高画質（2K・4K）でリアル：これまでのAIよりも、より精細でプロの現場でも使えるような美しい高解像度の画像を作れます。

文字が正確：AIが作った画像は文字が崩れがちでしたが、Nano Banana Proは日本語を含む多言語の文字を、ロゴやポスターのようにきれいで正確に画像の中に描くのが得意です。

賢く情報を視覚化：Google検索の知識とも連携しているので、「〇〇の植物の育て方のインフォグラフィックを作って」といった指示で、現実の情報に基づいた図やグラフ（インフォグラフィック）なども作れます。

編集が自由自在：画像の特定の部分を言葉で指定して変更したり、カメラアングルや照明などの細かい調整を言葉の指示だけで行ったりできます。

一貫したキャラクター：漫画やストーリーボードなど、複数の画像で同じ人物やキャラクターの見た目を保ちながら生成するのが得意です。

つまり、デザイナーや専門的なソフトの知識がなくても、頭の中のアイデアや必要な情報を、言葉一つでプロレベルのビジュアルにできるツールです。

お試し

まずこの記事のメインビジュアルを作ってもらいました。指示は適当です。

ブログ記事のメインビジュアルの画像を作ってください。

- テーマ: nano banana pro を使ってみた感想, 便利さ
- 雰囲気: シンプル, ポップ, ピクセルアート, 技術記事の図解のように
- アスペクト比: 1:1.91

その結果が冒頭のメインビジュアルです。Nano Banana Pro の機能とはちょっと乖離している気がしないでもないですが概ね注文どおりです。

システム構成図を書かせてみた

せっかくなのでもうちょっと実用的なものをやらせてみることにします。
今回はこのサイトで使っている技術スタックを説明するためのシステム構成図を書かせてみることにしました。

プロンプト相談

とはいってもどう指示を与えればいいかわからなかったので、それも Gemini に聞いてみました。(どこのAIでもいいですが、Nano Banana Pro のことなら同じ Google の AI である Gemini が適任なのかなという勝手なイメージで Gemini にしました)

そしたらこんな回答が返ってきました。なるほど？

プロンプトに含めるべき4つの必須情報
Nano Banana Proに正確な図を描かせるためには、曖昧な指示（「いい感じのサーバー構成図」など）を避け、設計図を渡すようなつもりで以下の情報を与えます。

  • 役割の定義 (Role): プロのシステムアーキテクトとして振る舞わせる。
  • 構成要素 (Components): 図に登場させるアイコンや箱をすべてリストアップする。
  • 接続関係 (Connections): 何と何が繋がっているか、矢印の向きを言葉にする。
  • 視覚スタイル (Visual Style): 「AWS風」「ホワイトボード風」「フラットデザイン」など指定する。

プロンプト実例

AIで壁打ちしつつ最終的に下記の内容で指示を出しました。前項にない項目が増えてるやんとは思いましたが、AIはよく嘘もつくのでまあしょうがないと思うことにしました。

# Role

あなたは熟練したシステムアーキテクトです。以下の要件に基づいて、技術的かつ視覚的にわかりやすい「システム構成図」を作成してください。

# Output Goal

・アスペクト比: 16:9
・背景: 白（クリーンなドキュメントスタイル）
・スタイル: モダンなフラットデザインのアイコンを使用し、矢印でデータの流れを示す。

# Components (構成要素とラベル名)

図には以下の要素を配置し、正確なテキストラベルを付けてください：

1. [Hexo] (アイコン: 静的サイトジェネレータHexo, ラベル: "Hexo")
2. [GitHub] (アイコン: GitHub, ラベル: "GitHub")
3. [GitHub Actions] (アイコン: GitHub Actions, ラベル: "GitHub Actions")
4. [Cloudflare Pages] (アイコン: Cloudflare Pages, ラベル: "Cloudflare Pages")
5. [Users] (アイコン: スマートフォン/PC)


# Connections (接続とフロー)

配置と接続のロジック：

・[Hexo] から [GitHub] へ作業を push する
・[GitHub] は [GitHub Actions] のトリガーを実行する
・[GitHub Actions] は [Cloudflare Pages] へのビルド+デプロイを行う
・[Users] から [Cloudflare Pages] へ矢印が向かう (HTTPSリクエスト)

# Critical Instruction

・各コンポーネントのテキストラベルをスペルミスなく正確に描写してください。
・要素が重ならないように配置し、論理的なフロー（左から右、または上から下）で描いてください。ただし、[Users] は1段改行して、2段目から矢印を向けてください。

成果物

結果、できあがったシステム構成図がこちら。

システム構成図

感想

え、もう draw.io で内職しなくてええやん。すご(　ﾟдﾟ)

無料だと1日3枚しか画像生成できませんが、もうちょっとゴリゴリ使いたいときはスポット課金して使うのもありかなとおもいました。

ただ、これを drawio.png とかで出力するのは調べた限りではできないようです。出来上がったものをちょっと直したい場合も多々あるので drawio で編集できる形式だとより助かるのですが、このへんは Claude とかのほうが優れている点かもしれません。(自分の調べ方が悪かっただけで方法はあるかもですが)

なので、システム構成図に関しては別のツールで作りつつ、整えて清書したいとか、よりリッチにしてほしい、など仕上げの段階で Nano Banana Pro を使うのが現状は良さそうかなと考えています。

おまけ

システム構成図を作ったコンテキスト内で、最後にこんな雑な指示を出してみました。

これをネタにブログの記事を書こうと思います。
良いかんじのポップなメインビジュアル画像を作ってください。
アスペクト比は1:1.91でお願いします。

生成された画像はこちら。

おまけ

まあブログ記事の内容など指定していないので今回の用途と異なったのは仕方ないですが、これが Hexo を使ってブログを作る話であれば完全にこれで足ります。というかあちこちで言われてますが、本当に文字入れがすごい自然になりましたよね。すごい時代になったなぁ。

とりあえず面白いのでしばらくいじって遊んでみようと思います。

]]> https://jpsern.com/use-nano-banana-pro/ 2025-11-28T16:12:40.000Z

最近流行りの Nano Banana Pro を使ってみたので、勢いでなんか書いてみます。

]]> Nano Banana Pro を使ってみた 2025-11-28T16:12:40.000Z TOMMY(a.k.a. Jpsern, Jps.)

またドラクエのリメイク版をプレイしました。今回はドラクエ4のリメイクです。

これまでのドラクエリメイク日記

ドラクエ5をやったので順番的には次は6なんですが、思い出補正的にドラクエ4をやりたくなったので今日はそんな話になります。

ドラクエ4 感想

title

iPhoneアプリ

お値段は2400円でした。 なんでドラクエ5より高くなってるんだ と思ったんですが今みたらドラクエ5も2400円でした。こっちも値上げの波がきてるんですかね。なんて時代だ(　ﾟдﾟ)

ゲームの章立て

初めて章立てとなったドラクエはこれですね。
ファミコン版は全5章で完結ですが、リメイク版には第6章が追加されました。

第6章についてあとでまた書きます。

カジノ

カジノについてはいろいろな感想があります。とりあえず思うまま書きます。

  • 真っ先に 838861 を試しましたが、さすがにこれは使えませんでしたw
    • 昔、ファミコン版ではコイン売り場で838861枚を指定して買うと4ゴールドで買えるというバグ技がありました
    • リメイクにあたってさすがに修正されていたようです。(そりゃそうか)
  • ポーカーのダブルアップは相変わらずどうやっても勝てないパターン(4枚中どれをめくっても勝てない)がありました。 現実なら詐欺です
  • モンスター格闘場は自分が賭けたモンスターに限って急に集中砲火されます。 ドラクエ5のすごろくと似た出来レ感あります

ということでたまに勝てることもありますが基本勝てないです＼(^o^)／

たまに勝ったときの図

トルネコの奥さんの話とか

第3章ではトルネコが武器屋をやってお金を稼ぐイベントがあります。仕入れはトルネコがやって、奥さんのネネに仕入れた武器を渡すと、翌日以降に仕入れ値よりも高い値段で売りきてくれます。

これ、ファミコン版をやってた当時はぜんぜん気になりませんが、今にして思えば彼女のやってることって 完全に転売ヤー なんですよね。

適当に高い武器や防具を買って、トルネコの奥さんに預ければ、どうやったのかはわかりませんが 元値以上で売ってくれます。 すぐそこの武器屋行けばもっと安くで買えるのに お客さんはどうしてこのお店で買ってくれるのかいまだに不思議です。

で、これを繰り返すと第3章で無尽蔵にお金を稼ぐことができます。(ストーリーを進めるだけならそこまでガッツリ稼ぐ必要はないです)
稼いだお金自体は次章以降に引き継げませんが、これを全部武器や防具に変えて預かり所にすべて預けておけば、第5章に引き継げます。ちなみにカジノのコインに変えておいて第5章に引き継ぐというのも可能ですが、第3章だけはコイン単価が異常にインフレ(2章より10倍くらい高かった)しててあまり旨味がないです。

ということで武器防具に変えて預かり所に預けるのが一番いいですね。第5章では預けた武器防具を売っぱらえばすぐにまとまったお金が手に入るのでほぼ金策に困ることはなかったです。船が手に入ったらすぐロザリーヒルなど後半の町へ移動し、金にものを言わせて強力な装備を買いそろえればしばらくはヌルゲーと化します。

ちなみにレイクナバでは破邪の剣が売りにだされるまで粘りました。(これが一番単価が高い)

破邪の剣

6章について

リメイク版の目玉と言ってもいいですね。ファミコン版にはなかった第6章です。

ファミコン版では第5章で(デス)ピサロを倒してクリアでした。

デスピサロ

第6章では条件を満たすとピサロを仲間にすることができます。

ピサロ

そのへんの細かい話はここでは割愛します。
ちなみにピサロはレベルが上がるのがだいぶ遅い代わりに育てればステータス的には全キャラ中ほぼ最強になる上に便利な特技もたくさん覚えてくれるのでやり込み甲斐はあります。

ステータス
特技

レベル上げ

ピサロをレベル99にするため兎にも角にもレベル上げは必須でした。ということでやることは1つ、メタル狩りです。

ファミコン版のドラクエ4では聖水をぶつけるか、ミラーシールドをクリフトあたりに装備させて、メタルキングが使うベギラマのダメージを反射させるのが定石でした。が、リメイク版では調整されてしまいファミコン版ほどの効果はなくなってしまいました。

なお、昔はきぼうのほこらでずっとレベル上げをしていましたが、ゴットサイドのほうがメタルキングの出現率が高いように思えたのでリメイク版ではこっちでレベル上げをしました。

ゴットサイドではたまにメタルキングが3体出現します
メタルキング

なかなか3体とも仕留められることはないですが、わりと2体ぐらいまではいけることもしばしばです。
経験値

で、かんじんのメタルキングの倒し方ですが、前述のとおりせいすいやミラーシールドのような近道はなくなってしまったので、正攻法でいくことになります。

  • アリーナ: キラーピアスで会心のいちげき待ち
  • ピサロ: メタル斬りで地道に削る
  • 誰か: はぐれメタルの剣 + ほしふるうでわ
  • 残った人は通常攻撃(どくばりがあるとよいが、なければせいすいで)

これで地道に殴り続けます。余裕があればほしふるふでわは人数分あるとよいですが、アリーナとピサロはある程度レベルが上がってくるとバフなしでも十分素早さが高くなるので多くても2人分あれば十分かなというのが個人的な見解です。1つしかなければはぐれメタルの剣を使う人に持たせるのが一番効率的です。

総評

これでファミコン版ドラクエのリメイクはひととおり終わりましたが、やっぱりあの時代のゲームは思い出も手伝って楽しいですね。ドラクエ4のFC版では勇者以外のメンバーが自動で正直そこはストレスでしかなかったのでリメイク版の「めいれいさせろ」が使えるドラクエ4は昔よりも楽しかったかもしれません。

さて、次はドラクエ6をやるのか、まだ未定ですがもしやることがあればまた感想を書こうかと思います。

著作権

スマートフォン版 『ドラゴンクエストIV　導かれし者たち』動画・生配信・画像投稿に関するガイドライン | ドラクエ・パラダイス(ドラパラ)ドラゴンクエスト公式サイト | SQUARE ENIX

このページで利用している株式会社スクウェア・エニックスを代表とする共同著作者が権利を所有する画像の転載・配布は禁止いたします。
© 1990,2014 ARMOR PROJECT/BIRD STUDIO/SPIKE CHUNSOFT/SQUARE ENIX All Rights Reserved.
Developed by: ArtePiazza

]]> https://jpsern.com/dq-sp-pt3/ 2025-10-13T13:01:08.000Z

またドラクエのリメイク版をプレイしました。今回はドラクエ4のリメイクです。

]]> iPhone版ドラクエをやりました(その3) 2025-12-25T13:01:08.000Z TOMMY(a.k.a. Jpsern, Jps.)

今日は 頭のわるいやつが考えた頭の良さについての記事 です。
内容は一応まじめ(のはず)ですが記事の品質は推して知るべしなので、ヒマな方はポエムだと思って気軽に読んでください。

この記事について

本稿は6年ほど前に当時いた会社のひとたちで行っていたアウトプット会という何でも勉強会的なイベント向けに書いた記事です。その名前のとおり、とくにテーマの縛りはなく、何かしらのアウトプット、言語化を行い、メンバーのみんなに発表するというものでした。

この会は月1回程度あり、その度に発表者が1人、残りのメンバーは発表に対して質問したり、意見や感想を言ったり、というのが大まかな流れで、基本的には終始和やかな雰囲気で楽しかったです。

当時の同僚にふと声をかけられ、勢いで参加してみたんですが、参加日にいきなり自分が発表担当となったのでその際に発表したのが今日の記事になります。

自分が退職してからも何回かはこのイベントに参加し続けていたんですが、いろいろあってメンバーが散り散りになりました。みんな今も元気かなと思いを馳せつつ、せっかくなので自分の発表記事を公開してみることにしました。

ということで次項からは当時書いた記事の転載になります。
大した内容ではないですが、興味のある方はお付き合いください。

はじめに

「頭がいい」という言葉は、日常でよく耳にします。しかし、いざ考えてみると、その意味は人によって異なります。理解が早い人、説明がうまい人、記憶力が抜群の人など、さまざまなケースがあります。

そこで本記事では、私なりに「頭がいいとは何か」「頭を良くするにはどうすればいいか」を整理してみました。これはあくまで私の持論であり、みなさんのご意見をいただくための叩き台です。

頭がいいとは

私が「頭がいい」と感じた場面を思い返すと、次のような特徴がありました。

  • 人の話や出来事の理解が早い
  • 数字の計算が速い
  • 物事の説明がわかりやすい
  • 思いがけないアイデアを出す
  • 知識が豊富
  • よく覚えている

これらを整理すると、大きく 「思考力」「発想力」「記憶力」 の3つに分類できると考えます。
つまり「頭がいい」とは、このいずれかに優れていることを指す場合が多いのです。

頭を良くするには

結論から言うと、頭を使うこと が頭を良くする一番の方法だと考えます。日頃の人間観察による主観ですが、頭のいい人ほど普段から頭をよく使っているように見受けられます。

そのため、「頭がいいから頭を使う」のではなく、むしろ「頭を使うから頭がよくなる」のではと考えました。

ここで大事なのは、頭のよさには先天的な差はあれども、訓練である程度伸ばせる ということです。人生まだ希望がありますね。

目的別「頭を使う」練習

ということでここからは具体的な訓練の方法論を考えていきたいと思います。目指す頭の良さによって、鍛え方は違いますがここでは3つに分けて考えてみます。

1. 思考力をつけたい

https://www.weblio.jp/content/%E6%80%9D%E8%80%83%E5%8A%9B

思考
出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2019/04/07 23:06 UTC 版)

思考（しこう、英: Thinking）は、考えや思いを巡らせる行動であり、結論を導き出すなど何かしら一定の状態に達しようとする過程において、筋道や方法など模索する精神の活動である。

思考力は名前のとおり「考える力」です。
一般的に頭がいい、で一番連想されるのがこのタイプだと思います。

深く物事を考えられるタイプで、このタイプは 地頭がいい などと言われることもある印象です。人の話を理解するのが早いのも相手の話を聞いて、解釈することに頭を使い続けられた結果ではないかと考えています。

練習のポイントは 考えを止めないこと と考えます。
例えばこんなトレーニングはいかがでしょうか。

  • 家計簿をつけて数字の増減を意識する
  • 買い物で税込み→税抜き価格を計算する
  • 推理小説を読み、犯人を推理してみる
  • パズルやクイズゲームを解く
  • 他人のコードを読み、意図を推測する（同業者に限りますが）

ここにないものでもいい方法はたくさんあると思います。
「頭を動かし続けること」によって負荷をかけることがポイントで、これができるならなんでもよいと思います。筋トレと少し似た考え方です。

2. 発想力をつけたい

https://ja.wikipedia.org/wiki/%E7%99%BA%E6%83%B3

発想
発想（はっそう）（idea、conception）とは、考え、着想、見解、思いつき、概念、想像力、理解のこと。

これはいわゆるアイデアマンを目指したい人が該当すると思います。ある日、ある時突然閃いた！なんて素敵ですよね。

発想力は「新しいアイデアを生む力」です。
鍵は リラックスすること です。有名なひらめきも、散歩中や入浴中などリラックス時に生まれたケースは枚挙に遑がないです。有名な ブレインストーミング などもリラックス状態を作ることに重きが置かれています。

なので私は発想力の鍵は リラックス状態を作り出す ことと考えます。

  • クイズ番組を見て気軽に考える
  • ゲームやなぞなぞで遊ぶ
  • 自分なりの「リラックスルーティン」を持つ

そもそも「誰にでも発想力はある」からあとは自分の発想力を100%発揮できれば成果は出るはず、と前向きに取り組む姿勢が大事です。

3. 記憶力をつけたい

つけたいですね、記憶力。

これは一般的にはいろいろ言われてますが、もっともスタンダードかつ、正解と言える結論はこちらではないでしょうか。

覚える=思い出す

どういう話かというと、人間の記憶は思い出そうとすることで定着する というものですね。
覚えようとするのではなく、思い出そうとすることが大事です。アウトプット重視ということですね。

受験勉強方法の一貫に、いきなり過去問を問いてみる というものがあります。これは本来わからないことを洗い出すことが目的ですが、自分の記憶、知識から思い出そうとする という効果も含まれています。そのため、問題演習を先にやることですでに一度思い出そうとトライしているため、復習の効果が高くなる、というメリットもあると考えます。

また、別の例としては、忘れないようにするために備忘録等に残しておいたものは意外と忘れずに覚えていたりする、なんてことはないでしょうか？ 忘れてしまうのは往往にして記録に残していない(つまり思い出そうとしていない)ものが多いです。 (個人の感想含む)

というわけで、物事を覚えたい方は、まずどうやってアウトプットをするかを決めておくのが定着への近道だと思います。
繰り返しますが 覚える=思い出す です。

さいごに

先天的な頭の良さの差は確かに存在します。
しかし「どうせ自分は頭が悪い」と諦めるより、頭は使えば鍛えられる と考えるほうが建設的です。

まずは「頭がいいとは何か」を考えること自体が、すでに頭を使う練習になるかと考えて今日の記事を書いてみました。本稿が、みなさんの「頭の良さ」におけるプラスになれば幸いです。

この記事は我ながらお世辞にも頭がよさそうな文章には見えないですが、最後までお付き合いいただきありがとうございました。

発表当時に出た意見など

発表中やそのあとに出た意見のメモを残しておきます。

  • 計算だけで思考力が上がるかというとそれだけでは足りない。計算がうまくなるだけで終わる恐れもある。
  • 計算は主に左脳の動きであり、発想やひらめきは右脳の動きである。使う部分が違う。(両方使うのが一番良いか)
  • 問題を解くだけではなく、問題を作ることでより頭を使うのでは。
  • 満足しているときは発想が出にくい。前提として現状に何らかの不満がないとなかなか新しい発想はでてこないかもしれない。
  • 頭の使い方がいいか、頭自体がいいか、この発表は前者についての話と思われる。いわゆるIQが高いのは後者であろう。
  • ジョン・ノイマンという人の話が面白いので興味ある人はググってみよう
  • 一見新しい発想でも、実はそれは既存のアイデアの組み合わせであることも多い。
  • リラックスも大事だが、発想力に大事なのは何より様々な経験をこなして引き出しを増やしていくこと。インプットに時間を使っていくことが必要。
  • 脳内キャッシュを増やしていく。明石家さんまさんが良い手本。常にこう来たらこう返すといういろんな返しを日頃から考えて備えている。
  • 半歩先が一番うける。一歩だと誰もついてこれない。意図的にこれを行うためにはまずは一般的と思われるラインがどこまでかを知る必要がある。いきなり奇抜なことをやろうとしてもダメ。
  • 変わってるということは武器にもできる。既成概念に縛られない。
  • 集中力も必要な要素。頭がいい人は集中もできている。
  • 努力できることも能力である。

公開後の感想

ということで昔書いた記事の再掲でした。
正直、思ったよりちゃんとしてたという感想です(^^;)

再掲にあたり多少は推敲しましたが、ほぼ当時のトーンのままではあります。
お読みいただいた方、ありがとうございました。

]]> https://jpsern.com/thinking-about-smart/ 2025-07-27T15:58:55.000Z

今日は 頭のわるいやつが考えた頭の良さについての記事 です。
内容は一応まじめ(のはず)ですが記事の品質は推して知るべしなので、ヒマな方はポエムだと思って気軽に読んでください。

]]> 頭がいいを頭をつかって考える 2025-07-27T15:58:55.000Z TOMMY(a.k.a. Jpsern, Jps.)

以前の日記 で運動不足についての記事を書きましたが今日はその続きになります。

前回のあらすじ

デスクワーク生活 + 近年のリモートワークによって体重が増えてきたことに危機感を覚えた私はさすがにこのままいくとマズいと思い、少しづつ運動してみることにしたのであった。

という前回の日記はこちら
運動不足を解消したい | Jpsern.com

気がつけばそろそろ1年が経過したので、その後の話に触れてみようと思います。

現状

そこそこ成果は出てます。運動は一部を除き現在も継続中です。下記に簡単にまとめていきたいとおもいます。

継続中

  • 毎晩のストレッチ
  • スクワット
    • 出社時は夜のみ。在宅勤務時は昼と夜の2セット
  • 歩く
    • 出社時は12000歩程度
    • なるべく階段。エレベーター、エスカレーターなし

増えた運動

  • 年明けにオフィスが引越しになり、現在は8Fになったため出社時は階段で8Fまで行くようになった
    • 出勤、お昼、で1Fと8Fを最低でも2往復ほど。けっこういい運動になってます
  • 在宅時に握力の筋トレも始めた
    • もともと女性平均並みの握力の弱さなので少し鍛えてみようというものです。
    • 20kgのハンドグリップがあるのでひとまずこれを使用
    • そこまで高負荷ではないが、回数とセット数でそこそこ疲れる程度にはやる

減った運動

  • 隣駅までの徒歩が不定期化
    • 仕事が多忙で隣駅まで歩くのは時間的に厳しいケースが多く、継続はしているものの頻度はかなり減ってます
    • 一応可能なときは不定期ながら継続していこうと思います

効果

  • 体重自体は2kgちょい減
    • 一番は運動不足の解消と体重増加防止なので目標的にはクリアです。
    • 体重は日によって増減しますが、上振れ下振れの中央値が約2kgは減ったというものです
  • 腸活効果あり？
    • 両親の遺伝もあってもともとあまり便通の良いほうではなかったんですが、それでも前よりは便通がよくなりました。これは嬉しい

参考データ

出社時の歩数等は現在はこんなかんじです。環境に多少の変化はあったもののほぼ運動量的には維持できています。それにしてもこのアプリ、階段を何段上ったかなんてどうやってカウントしているでしょうね。iPhoneのモーションセンサーすごい。

今年

activity

去年

activity

今後について

わりと順調なので今後も継続していきます。副次的効果で体重も少し減りましたが、もとはといえばこれ以上増えないようにできればよかったのでこれで十分です。(ダイエット目的ではないので食事制限は全くしてないです。そもそもそんなに普段たくさん食べてるわけでもないですが)

あとは毎年冬になると末端冷え性に悩まされてるので、手足の運動を続けていくことでこのへんが少し解消されていくと嬉しいなとは思います。

それにしても日記の内容だけみても歳とったなぁと感じます(遠い目)

]]> https://jpsern.com/workout-2/ 2025-06-30T05:31:27.000Z

以前の日記 で運動不足についての記事を書きましたが今日はその続きになります。

]]> 運動不足を解消したい(その2) 2025-06-30T05:31:27.000Z TOMMY(a.k.a. Jpsern, Jps.)

ここ何年か公私で使うパソコンは Mac が多いんですが、そこでちょっと気になっていた件の解決方法がわかったのでメモします。

クォートの自動変換とは

サムネにも記載していますが、こういうことが起こります。

こう入力すると

"aaaaaa"

勝手にクォートが変わります。

“aaaaaa”

今回例に挙げたのはダブルクォートですが、シングルクォートでも同じことが起きます。

これはいったいなにか

スマート引用符 という Mac の機能によるもののようです
Macのテキストエディットで設定を変更する - Apple サポート (日本)

スマート引用符: まっすぐな引用符をカールした引用符に自動的に置き換えます。

先日、仕事でシェルスクリプトを書いたんですがそれがうまく動かず、原因を追ったところこれによってクォートが全部変換されていたことと判明しました。

正直、この自動変換によるメリットを自分はまったく感じないのでオフにします。

スマート引用符をOFFにする

なお、自分の Mac は Sonoma 14.7 です。(面倒で Sequoia には上げてません)
なのでその前提でご覧ください。

やり方は簡単です。

「システム設定」>「キーボード」> テキスト入力の「編集」をクリック
macos1

「スマート引用符とスマートダッシュを使用」のチェックを外せばOKです。
macos2

エディタ側も対応する

今回自分の環境でこれが再現したのは CotEditor というエディタを使った場合のことです。OS側の設定を変えるだけでは不十分で、エディタ側の設定も変更の必要があるようなのでこちらも対応します。

設定 > モード から変更できます。こちらも「スマート引用符」のチェックを外しておきます
coteditor

なお、CotEditor に関しては、上記写真の左側にあるように「一般」「コード」それぞれのモードに個別設定があるので、両方設定が必要です。

参考

この問題は随分昔からあるみたいで、「スマート引用符」って単語で検索かけると今回みたいな話が山ほどヒットします。そのうち今回自分が参考にしたサイトを貼っておきます。

]]> https://jpsern.com/disable-auto-quote/ 2025-04-10T09:59:18.000Z

ここ何年か公私で使うパソコンは Mac が多いんですが、そこでちょっと気になっていた件の解決方法がわかったのでメモします。

]]> Macのクォート自動変換を無効にする 2025-04-10T09:59:18.000Z TOMMY(a.k.a. Jpsern, Jps.)

というわけで気がつけば今年も4月になりました。
私の天敵、ヒノキ花粉 の季節です(白目

4月といえば

2022年に書いた日記 で書きましたが、自分にとっては相変わらずこのへんがメインイベントです。

  • 花粉症到来
  • 新社会人、新生活など。(それによって電車が混むまでがセット)
  • プロ野球開幕
  • 春アニメ

ということでこのへんの話を淡々と触れてみたいとおもいます。

花粉症

自分は物心ついたころからアレルギー性鼻炎だったので、この時期になると鼻がぐずぐずするのはもはや当たり前のものとして享受してきました。おそらく母親の遺伝です。(というのも自分は母親似の体質である部分が多々あり、これもおそらくそのひとつであろうという推定です)

なので、昔はみんなそうなんだと思ってきたんですが、ある日突然「あれ、もしかしてみんながみんなこうではない？」ということに気づきました。だからといってとくに何が変わるわけでもないので、ただただ今後も付き合っていくしかないだけです。

とはいえ、世の中には自分なんかよりも重い花粉症の方がたくさんいるので、自分はまだマシなほうだとは思っています。

なお、自分はスギ、ヒノキ、ブタクサ全部アレルギーがあるらしく、1年通して隙がありません＼(^o^)／むしろスギよりヒノキのほうが症状が重いので今はちょうどしんどい時期です。はよおわってくれ。

新社会人、新生活など

新社会人だけでなく大学生もですかね。毎年毎年、駅の定期券売り場が長蛇の列になっているところをみると、むしろ大学生が増えることによる影響のほうが大きなウェイトを占めてそうな気がしてます。(学割を適用するための学生証確認などがあり、大学生の定期券購入は券売機では対応できないんだと思われます)

とはいえ主に5月連休明けぐらいまでの辛抱ですね。
おそらくですが理由としてはこういうことではないでしょうか。

  • 新社会人はちょうどそのころに配属が決まって散り散りになる
  • 大学生は5月連休明ければ だいたい1限はサボり出す (偏見)

まあ今の会社はリモートと出社のハイブリッドで、かつ出社時の始業は9:30なので僅かにラッシュピークを回避することができています。なので毎日出社の9時始業だった昔に比べたら楽かなとは感じます。まさかこんな時代になるとは。

プロ野球

もう開幕しましたね。去年は自分の応援する横浜DeNAベイスターズは紆余曲折ありましたが最後には日本一になりました。

で、今年は昨年果たせなかったリーグ優勝を目指していくようですが、試合ぶりを見ていると前途多難な印象ではあります。さて今年はどうなるでしょうか、9月か10月はリーグ優勝のビールかけが見れることを祈って今日も応援していこうとおもいます。

順位表

春アニメ

実はここ1年くらいあまりアニメを見てないです。とはいえ別に見るのをやめたというわけではないので、気になるやつはあとでまとめて見ようと思ってます。

ウマ娘　シンデレラグレイ

原作というか漫画版はずっと集めて読んでますが面白いです。あとウマ娘シリーズは基本的にレースについては史実を踏襲しているのでレース結果はやる前からわかってはいるんですが、過程をどう描くかが非常に興味を引くポイントです。

とりあえずアニメ化ということでいったんは見てみようかとおもってます。

九龍ジェネリックロマンス

これも漫画原作ですね。好きな漫画なのでアニメがどうなるのかは楽しみです。ちなみに原作はそろそろ佳境ですがアニメはどこまでやるんでしょうかね。

スライム倒して300年、知らないうちにレベルMAXになってました(2期)

1期がけっこう好きだったので流れで見てみようかと思ってます。そういえば主題歌のぐだふわエブリデーは弐寺にも収録されてましたね。(光の速さで削除されましたが)

小市民シリーズ(２期)

これも1期を見ていたので見てみようかなというものです。ただ、正直自分は古典部シリーズのほうが好きです。なので次は古典部シリーズの第二期をぜひやってほしい。

その他

  • 薬屋のひとりごと
    • 継続視聴中です。原作未読なんですがこれからけっこうな急展開？らしいのでハラハラしてます
  • プリンセス・プリンシパル
    • 5月に映画の第四章が公開なのでそれまでに見返しておこうとおもいます

近況

近頃仕事が多忙です。予定ではそろそろ落ち着いてくるはずなので、ちょっとゆっくりして溜まったアニメでも消化したいです。

ではまた。

]]> https://jpsern.com/april-2025/ 2025-04-05T15:33:06.000Z

というわけで気がつけば今年も4月になりました。
私の天敵、ヒノキ花粉 の季節です(白目

]]> 4月ですよ 2025-04-05T15:33:06.000Z TOMMY(a.k.a. Jpsern, Jps.)

自分はそこそこ Amazon で買い物をします。(主に Kindle 関係が多い)
で、Amazon の期間限定ポイントがまあまあ溜まっていたので使おうとしたら「あれ？」となった話を今日は書いてみます。

Amazon ポイントとは

Amazonポイント - Amazonカスタマーサービス

Amazonポイントは、Amazon.co.jpでの商品購入に利用できるポイントです。各ポイントは、1ポイントにつき1円のレートで商品購入にご利用いただけます。

Amazon で買い物をするとこのポイントが溜まっていきます。自分の場合は漫画を買うことが多いですが、1冊につき3〜8ポイントくらいつくことが多いです。

で、この Amazon ポイントには2種類あります。それがこちら

  • 通常ポイント
  • 期間限定ポイント

前者はとくに問題ないんですが、問題は後者でこちらは有効期限がついています。なので期限が切れる前に使わないと損です。

さきほど漫画1冊につき3〜8ポイントほどポイントが入ると書きましたがこれは通常ポイントの話です。この期間限定ポイントはだいたいそれとは別にボーナス的についてくるケースがほとんどです。

期間つきポイントの場合は下記のように期間限定ポイントと書いてあるのですぐわかるようになっています。

期間限定ポイント

できごと

ポイントの有効期限が迫る

で、今日はこの期間限定ポイントについての話です。
よくみると2/28でけっこうなポイントが期限切れになってしまうので、何かに使わないとなーと思っていました。

ポイント計

おや？

ところが、実際に買い物でポイントを使おうとしたところ、以下のように「Amazonポイント」の欄がグレーアウトしていて選択ができませんでした。

Amazonポイントがグレーアウト

ポイントが使えないケース

Amazonポイントが使えないのはなぜ？対処法や使い方、お得な貯め方を紹介 | クラシル比較

1.利用できない商品に使おうとしている
2.「今すぐ買う」で使おうとしている
3.ポイントの有効期限が切れている
4.Amazonギフト券と併用しようとしている
5.Amazon Payで使おうとしている

ネットで調べると上記以外もいろいろなサイトがヒットしますが、どこもだいたい上記のような内容でした。

しかし、今回は上記のいずれにも該当しないため、ほとほと困り果てていました。もうポイントはもともとなかったものと考えて諦めようかとさえ思っていました。

解決方法

ところが、いろいろ触っているうちにめちゃくちゃ簡単に解決できることがわかりました。
手順は以下のとおりです。

1. 「その他の支払いオプション」を選択する

まず一度 「その他の支払いオプション」を選択します。
すると、「Amazonポイント」のグレーアウトが解除されます。

その他の支払いオプション

2. 「Amazonポイント」を選択

グレーアウトが解除されたので、あとは「Amazonポイント」を選択するだけです。
やったぜ👍

Amazonポイントが選択できる

余談

スマホ版サイトだとふつうにAmazonポイントの選択ができます。

もしかしてバグなんですかね？これ。

とりあえずAmazonポイントが選択できなくて困っている方、これで解決できないか試してみてください。

さよならﾉｼ

]]> https://jpsern.com/amazon-point/ 2025-02-21T01:25:36.000Z

自分はそこそこ Amazon で買い物をします。(主に Kindle 関係が多い)
で、Amazon の期間限定ポイントがまあまあ溜まっていたので使おうとしたら「あれ？」となった話を今日は書いてみます。

]]> Amazon ポイントが使えなかった話 2025-02-21T01:25:36.000Z TOMMY(a.k.a. Jpsern, Jps.)

ブログのメインビジュアルによくありそうなかんじの画像をつくって置いてみました。
というわけで唐突ですが今日はクレジットカードについて語ってみる雑記です。お暇な方は付き合ってやってください。

クレカデビューは遅め

そもそも自分はあまりクレジットカードを使わずに生きてきたタイプの人間です。学生時代はもちろん、社会人になってからもずっとクレジットカードを持たずに生活してきました。

理由としては

  • そもそも必要な場面がなかった
  • 自分の目に見えないところでお金が動く感覚があまり好きではなかった(いっぱい使ってしまいそうとか、そういうのもあります)
  • 流出が怖い

というかんじのものです。まあ最初の理由が一番大きいです。特にアンチクレカというわけではないですが、とりあえず必要になるまでは別に作らなくてもいいかなというスタンスで長らくやってきました。

バーチャルカードデビュー

そんな自分ですが転機がありました。

仕事でAWSのアカウントが必要で、その際に決済がクレジットカード一択でした。(今はどうかわかりませんが当時はそうでした)

んで、どうしたかというと、当時は バンドルカード を使って決済しました。

バンドルカードとは

バンドルカードって？
インストールしてお金をチャージすると、Visaカードとして支払いに使えるアプリです。スマホ1つで行えます。

要は匿名のプリペイド式クレジットカードというかんじです。このカードを使うときは名義が VANDLE USER になります。あとは必要な分だけチャージして使います。

サービスによってはバンドルカードを許可していない場合もあるので万能ではありませんが、これだけでもけっこういろんな場面で重宝しています。特に個人的に一番大きかったのは PayPal とバンドルカードの組みあわせが可能だったことです。

バンドルカードでの直接決済がダメでも、PayPal を経由することによって決済可能だったケースも多く、これによって自分の場合はバンドルカードでほぼ大半のケースをフォローできていました。

物理カードデビュー

バンドルカードの限界

上記のとおり、バンドルカードは基本はネット決済のみに限っており、実店舗での決済には物理カードが必要です。あとなんだかんだまだ使えない店舗も多いです。

さらに最近はクレジットカード決済のみしか認めていない店舗・サービスも増えてきてて、さすがに1つは持っておいたほうがいいかなーと思い、とうとう観念したという流れです。

物理カードの提携会社

とりあえず自分はここで作りました。

正直、そんなにしょっちゅう使うわけではないのでどこのやつでもよかったです。とりあえず年会費無料のやつにしましたw
1枚くらいはプロパーカードを持っていたほうがいいのかもしれませんが、まあどうしても必要になってからでもいいかとおもいこうしました。

現在の運用

基本はバンドルカード + Paypal でフォローしつつ、どうしても物理カードが必要な場合のみ物理カードを使う、という方向で現在はクレジットカードを使っています。半分以上は前者でどうにかなってます。決済時に発生するポイントの類には正直あまり興味がないし、どちらかというとあまり物理カードの番号をばら撒きたくないという思いのほうが強いので、自分はこれでよしとしています。今後も大きな転機がない限りはこのままいくと思います。

強いて言えば、バンドルカードへのチャージが少々面倒ではあるので、そこのあたりをうまくやれんかなーとは思います。今は楽天銀行からチャージするのが比較的楽なのでそれでどうにかしていることが多いです。

総括

というわけで誰得のクレジットカード雑記でした。
ウチは基本的に雑記ブログなのでこういうのもぼちぼち書くことがありますのでひとつご容赦ください。

さよなら。

]]> https://jpsern.com/my-credit-card/ 2025-01-26T11:23:27.000Z

ブログのメインビジュアルによくありそうなかんじの画像をつくって置いてみました。
というわけで唐突ですが今日はクレジットカードについて語ってみる雑記です。お暇な方は付き合ってやってください。

]]> クレジットカード雑記 2025-01-26T11:23:27.000Z TOMMY(a.k.a. Jpsern, Jps.)

あけましておめでとうございます。本年もよろしくお願いいたします。
なんだかんだでこの年始の日記は毎年継続できている(今のところ)ので今年も何か書いてみます。

去年

年末の日記でも書きましたので詳しくは割愛

今年の抱負

運動

前回の日記でも書きましたが、6月くらいから生活内で可能な範囲で運動というか徒歩の数を増やして今のところ継続できているので、今年はプラスαさらに何かやっていきたいですね。

出社日の運動量はかなり上がったのでこれは非常にいいことなんですが、在宅勤務時の運動量が皆無に近いので、今年はこのへんをなんとかしていきたいと思います。仕事終わってから散歩しつつDDRでもしにいきますかね。

保険の見直し

自分も若くないので、そろそろ若い頃に入った保険の保障内容ではいろいろ心許なくなってきました。なので、今年はこのへんも見直していこうかと考えています。そもそも世の中の保険事情をあまりよくわかっていないので、まずはいろいろリサーチして、場合によっては保険会社の乗り換えも視野に入れようかと思います。その場合、保険の免責期間のこともあるので注意しなきゃですね。

このへんにも書いてありますね。(とくにアフラックにこだわっているわけではないです)

自宅サーバーを立てる

このへん でも書いたんですが、不要なノートPCがまだ2台あって、片方はまだハードウェア的には元気なので自宅サーバー化してしまおうかと考えています。どうなるかわかりませんがふと思い出したのでとりあえず書いておきます。

その他

目標とタスクがごっちゃになってる気がしないでもないです。

ということで本年もよろしくお願いいたします🙇

]]> https://jpsern.com/happy-new-year-2025/ 2025-01-06T08:28:22.000Z

あけましておめでとうございます。本年もよろしくお願いいたします。
なんだかんだでこの年始の日記は毎年継続できている(今のところ)ので今年も何か書いてみます。

]]> 2025年になりました 2025-01-06T08:28:22.000Z TOMMY(a.k.a. Jpsern, Jps.)

毎年恒例と見せかけて、実は去年は年末の日記を書き損ねてました。なので今年は2022年以来約2年ぶりに年末っぽい日記でも書いてみようと思います。

一昨年

冒頭に記載したとおり、去年は書き忘れたのでないです＼(^o^)／
とりあえず一昨年の日記へのリンクを貼ります。

今年の抱負

  • 運動
  • 古いパソコンの処分

今年はこの2つを抱負としていましたね。それぞれどうなったか書いてみます。

運動

前半はサボり気味 でしたが、6月ごろからは日常生活内で可能な範囲で運動量を増やすことができました。

詳しくはこのへんをどうぞ。

一応、自分にしては珍しく三日坊主になることもなく現在も続いています。体重も6月から比べて特に増えてはおらず、とりあえず増量が止まっただけでもよかったとしています。(一応1kg弱程度減りました。)

目的はほぼ達成していますが、長年の慢性的な運動不足はすぐには解消できないので今後も継続しようと思います。来年は chocoZAP でもいってみましょうかね。(未定)

パソコンの処分

とりあえず一番古かったPCを1台処分できました。

地元に パソコンドック24 があって、ここがパソコンの処分もやってくれるようなので自分は頼んじゃいました。店舗に直接PCを持っていけばいいので荷造りも不要です。近所にパソコンドック24があるならめっちゃ楽なのでおすすめです。

不要なノートPCがあと2台あるんですが、Linux機にでもしようかとも考えているのでまだ処分はしないつもりです。とりあえず一番処分したかったパソコンは片付いたので一つタスクが片付きました。

今年の出来事など

あんまり覚えてませんが、なんとなく思い出したことだけでも書いてみます。時系列は適当です。

AWS SAA-C03 取得

こちらの資格をとったことをブログ書いてるときに思い出したので書きますw
AWS Certified Solutions Architect - Associate

理由は単に会社のチームの方針で今年は AWS の資格を取ろうということになったので取った、というものです。難易度的にはAWSの資格の中では下から2番目ぐらい？なのでそこまで難関というわけではないですが、範囲がとにかく幅広いので実務でAWSさわっている人でも勉強しないと話にならないという感じでした。

認定証はいろいろ見せられない内容が多いので、とりあえず認証ステータスの画像でも貼ります。

saa-c03

KADOKAWA サイバー攻撃

自分は主にニコニコ動画的なダメージを受けました。

ニコニコ仮時代からの会員としてはこのままニコニコ動画が終わってしまうのはちょっと寂しいと思っていましたが復旧してくれてよかったです。ちなみに僕はいまだにニコニコプレミアム会員ですが、止まっている際中は月額料金だけはしっかり取られていて、サービス再開後に3ヶ月分の料金がまとめて戻ってきました。

米騒動

ウチは昔からこのお米をずっと買ってました。
青天の霹靂 | 青森米本部

ところが、急にスーパーからいろんなお米が店頭から消えてしまい、いったい何事かとびっくりしたものです。

「令和の米騒動」～米不足の理由と背景～ – 五ツ星お米マイスターの活動日誌

原因はいろいろ言われていますが、結局いろんな要因の複合なんでしょうね。

令和5年産のお米は、猛暑の影響による品質低下（等級の低下や歩留まりの減少）や、南海トラフ地震への備え、インバウンド消費の増加、生産調整による減少などが原因として報じられています。しかし、これらの生産や流通の問題以上に、根本的な原因は「米の消費が半分以下に減少し続けている」にあると考えられます。

加えて、米騒動が拡散されたことによってお米を買い占める人が急激に増えたのがスーパーの店頭から消えた直接的な一番の原因でしょうね。お米なんて一度に何十キロと買っても半永久的に品質が保つわけではないですし、ましてやこの米騒動が話題になったのは夏頃で余計に日持ちしないでしょうにそんなに買い込んでどうするんでしょうね。馬鹿なの？

いまは店頭に復活こそしましたが、値段は今でも高いですね。1300円くらいで買えたのが1800円以上します。たぶんもう下がることはなさそうです。

余談ですが、お米が普通に買えなかったときは、こんなやつを買ったりもしていました。

新札

2024年7月3日、新しいお札が発行！ | 政府広報オンライン

というわけで7月に新札が発行されましたね。
正直、いまだにこの感想から変わらないです。

そして新札発行からもう少しで半年になろうかというところですが、世の中の対応状況が鈍すぎます。千円札が野口になったときは自販機等の対応はもっと早かった印象なんですが、今回は未だに使えないところが圧倒的に多いです。まあ各社からしたら対応費用もかかるし簡単な話ではないんでしょうけど不便ですね。

あと打首獄門同好会大先生はやはり期待どおりやってくれました👍
信じてた。

ベイスターズ日本シリーズ優勝

いやー、今年はベイスターズファンとしてはドラマチックなシーズンでした。
後半戦で9連敗したときは完全に終わったと思いましたが、広島がそれ以上に失速したのが本当に事件でした。

広島は一時期は首位にまで立っていただけに広島ファンには辛いシーズンだったのではと思います。2015年のベイスターズを見てきた自分は気持ちはわからんでもないです。

そんな自分の当時のよろこびの声

というわけで来シーズンも引き続き応援していこうと思います。こんどこそリーグ優勝を。

総括

公私でいろいろあったものの、トータルとしては悪くない年だったと思います。強いて言うなら仕事がけっこう忙しくなってきているので、なんとかもうちょっと時間を作れるようにしていきたいなと感じてはいます。

そんなわけで今年もおつかれさまでした。
あと数日ですが良い年末をお過ごしください。

では。

]]> https://jpsern.com/goodbye-2024/ 2024-12-28T01:03:14.000Z

毎年恒例と見せかけて、実は去年は年末の日記を書き損ねてました。なので今年は2022年以来約2年ぶりに年末っぽい日記でも書いてみようと思います。

]]> さよなら2024年 2024-12-28T01:03:14.000Z TOMMY(a.k.a. Jpsern, Jps.)

以前に Playwrightによるテストを導入 しましたが、それを GitHub Actions 上で自動実行するように設定しました。今日はその設定内容などを紹介してみたいと思います。

ディレクトリ構成

まずこのサイトの Hexo プロジェクト、および Playwright 用のディレクトリがどのようになっているか、簡単に構成を記載します。

Hexo Project
  ├── README.md
  ├── _config.yml
  ├── e2e
  │    ├── node_modules
  │    ├── package-lock.json
  │    ├── package.json
  │    ├── playwright-report
  │    ├── playwright.config.ts
  │    ├── test-results
  │    ├── tests
  │    └── tests-examples
  ├── node_modules
  ├── package-lock.json
  ├── package.json
  ├── public
  ├── scaffolds
  ├── sitemap_template.xml
  ├── source
  └── themes

実際はもうちょっと細かいものがいろいろあります。(Dockerfile とか、compose.yml とか)ですが、ここでの説明にあたってはノイズになりそうだったので省略しています。ご了承ください。

要点としては、ウチでは Hexo のプロジェクト内直下ではなく、いったん e2e というディレクトリを作って、Playwright 関係のファイル群はここに格納しています。これはあとで e2e を単体プロジェクトとして切り出せるようにする意図もあります。

なお、これはあくまでウチの場合であって、特にこれがベストプラクティスというわけではないのであくまで参考程度にとどめてください。これを前提に次のワークフローの説明に移っていきたいと思います。

設定ファイル

.github/workflows/e2e.yml

Playwright 実行用のワークフローはこちらです。なお、.github/actions/setup については 以前の日記 に記載していますのでこちらをご覧ください。

name: E2E
on:
  workflow_call:
  workflow_dispatch:

jobs:
  e2e:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4

      - name: Setup Node.js
        uses: ./.github/actions/setup

      - name: Install dependencies
        run: |
          npm install -g hexo-cli
          cd e2e
          npm install
          npx playwright install --with-deps chromium
          cd -

      - name: Setup Hexo theme
        run: |
          git submodule init
          git submodule update

      - name: Start Server
        run: |
          nohup hexo s >/dev/null 2>&1 &
          echo "Waiting for server to start..."
          timeout 30 bash -c 'until curl -s http://localhost:4000 > /dev/null; do sleep 1; done'
          sleep 10

      - name: Exec playwright
        run: |
          cd e2e
          FORCE_COLOR=true npx playwright test --project=chromium --retries=0 --reporter=list

記述内容について

ワークフローの各内容についてポイントをいくつか説明します。

Trigger

on:
  workflow_call:
  workflow_dispatch:

いったんは他のワークフローからの呼び出しと、手動実行のみ対応させています。というのも、正直なところテストを実行したいのは Hexo 自体の大きなバージョンアップ時くらいなので、自動化はまだいいかなということでいったんこれで様子見しています。

Install dependencies

- name: Install dependencies
  run: |
    npm install -g hexo-cli
    cd e2e
    npm install
    npx playwright install --with-deps chromium
    cd -

何をしているかというと、hexo コマンドを使えるようにすることと、E2Eプロジェクト側の依存関係を解決しています。

playwright はひとまず Chrome だけ実行すれば個人的には十分なので chromium をつけて絞っています。

Setup Hexo theme

これは単にウチではテーマを別プロジェクトにしているためです。サブモジュール化しているため、ここでコンテナ上に持ってくるようにしています。なので、プロジェクトにテーマを内包している方には必要のない処理です。

- name: Setup Hexo theme
  run: |
    git submodule init
    git submodule update

Start Server

ここがわりとキモです。

GitHub Actions 上で Hexo のローカルサーバーを立ち上げて何かしている例が意外とないので、ここはわりと参考になるんじゃないかと勝手に思っていますw

- name: Start Server
  run: |
    nohup hexo s >/dev/null 2>&1 &
    echo "Waiting for server to start..."
    timeout 30 bash -c 'until curl -s http://localhost:4000 > /dev/null; do sleep 1; done'
    sleep 10

nohup hexo s >/dev/null 2>&1 & でローカルサーバーを起動しています。通常だとフォアグラウンドで動いてしまうので、nohup **** & でバックグラウンド起動させています。仕様なのか hexo s 実行時の出力は標準エラー出力なのでマージしつつ捨ててます。

ちなみに通常だとこんな出力が出ます。CI上で Ctrl+C もできませんし、面倒なので捨ててるというわけです。

❯ hexo s
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

残りのコードはlocalhostが見れるようになってから playwright を実行できるようにするため、ローカルサーバーの起動確認をしているというものです。とはいえ hexo s は速攻でサーバーが起動するので、最後の sleep 10 だけでも足りるっちゃ足ります。なのでサーバー起動コマンド以外についてはお好みでどうぞ。

Exec playwright

あとは playwright を実行するだけです。オプションについて軽く説明します。

- name: Exec playwright
  run: |
    cd e2e
    FORCE_COLOR=true npx playwright test --project=chromium --retries=0 --reporter=list
  • FORCE_COLOR=true
    • これは CI 上の出力が色分けされてなかったので追加しました。
  • --project=chromium
    • ブラウザを限定しています。ここでは Chrome だけにしたかったのでこうしてます
  • --retries=0
    • デフォルトだと同じテストが3回実行されていたのでこれでリトライを一切やらないようにしました
  • --reporter=list
    • デフォルトだと HTML 形式で結果を出力しますが、それだと CI 上で結果を確認しづらい(HTMLをダウンロードしなければいけないのが煩わしい)ので、出力形式を変更しています
    • 詳しくはこちら

CI上での実行結果は以下のとおりです。

実行結果

感想

このテストによって今度から Hexo のバージョンを上げてもあたふたしないで済むようになれば最高ですね。あとはまだ肝心のテストケースをあまり用意できていないのでこれからもうちょっと増やしていこうとおもいます。ビジュアルリグレッションテストなんかもやってみたいですね。

ではまた。

]]> https://jpsern.com/playwright-on-github-actions/ 2024-12-11T17:06:37.000Z

以前に Playwrightによるテストを導入 しましたが、それを GitHub Actions 上で自動実行するように設定しました。今日はその設定内容などを紹介してみたいと思います。

]]> Playwrightの自動テスト設定 2024-12-11T17:06:37.000Z