新着記事

ブログにダークモードとライトモードを切り替えるボタンを付けました【UI向上】

どうも、本業エンジニアです。ブログに付きがちなボタンと言えば「スクロールトップ」「ライト/ダーク切り替え」とかですよね、このブログにはもともとスクロールトップボタンが付いているので、今回はライト/ダークモードの切り替えボタンを実装してみました。 そういえばもともとダーク基調だった このブログは背景画像に図書館、色合いは黒に白文字なので、ベースがダークモードになっています。なので、ライトモードを実装すればオッケーということになります。 ライトモードの配色について 鉄板ではありますが、背景が白基調、文字を黒基調でいこうと思います。あとは左下あたりに切り替えボタンを実装すればOKですね。 切り替えボタンを押すと、ダークモード用のスタイルクラスとライトモード用のスタイルクラスを切り替えるイメージとしました。 ちなみに今回は一切自分でコーディングはしません。Claude Codeにお願いするかアンチグラビティにお願いするかですが、今回はアンチグラビティにしました。コードを自分でいじる気がないなら別にこっちでいいはずや、エディタすら開くつもりはないんや。 ボタンのイメ
やまぐろ

ブログにいいねボタンを実装してみた

どうも、本業エンジニアです。今回はこのブログに「いいねボタン」を実装してみました。細かいコードはAIに聞けばすぐ出てくると思うので、主に構成とか仕組みについて紹介していこうと思います。 なお、外部のいいねボタンサービス（LikeBtn、Lyket）を利用しない方針でやっています。また、無料で実装&運用できる方法を選択しています。 完成イメージ 以下のようないいね機能が出来上がります。 押すといいね数が繰り上がるボタン↓ 記事上にいいね数を表示↓ ざっくり処理フロー 以下のフローで実装しています。恐らく登場人物はなんとなくこれで分かるかと思います。 構成について 今回は以下の構成でやっていきます。 * Cloudflare Workers（いいね数の管理に利用、無料で使えます） * Ghostの独自テーマ（いいねボタンの表示、いいね数の更新連携） コードが必要な部分も上記のみになるので、比較的少ないコード量で実装が可能です。 ざっくり手順 以下のステップでやっていくといいと思います。 * Cloudfl
やまぐろ

エンジニアのブログ投稿フローを公開してみる

どうも、本業エンジニアです。本日は本業と全く関係がない、当ブログの投稿フローについて話していきたいと思います。 ざっくりイメージ とりあえず全体像が分かったほうがいいかなあと思って、Geminiにイメージを作成してもらいました。 基本的にはローカル環境内で作業が完結するような構成にしている感じですね。 投稿フローの解説 では要素をひとつずつ解説していこうと思います。 文章執筆・編集 執筆は主にObsidianで行っています。Markdownベースのノート作成アプリですね。ローカルファイルを扱うのでとても軽いのが良いところです。また、md形式はAIとの嚙み合わせが非常によく、誤字チェックや構成なんかも簡単に実施することができます。 また、エクスプローラーでのファイル操作が容易なので、整理整頓はかなりしやすい印象です。 筆者もちょっと前にカテゴリ毎にディレクトリ作成して振り分けするツールを作成して整理したりしました。ローカルにファイルがある、というのはこういうところでもメリットになりますね。 なお、このブログの記事にはアフィリエイトリンクが貼っ
やまぐろ

単体試験のコードは、本番コードより難しいぞ！という話

どうも、本職エンジニアです。最近仕事で久しぶりに開発工程をやっているので、この工程回りの話をしていきたいと思います。 まず開発工程はざっくり「製造」「単体試験」に区分されることが多いです。また、結合試験以降の工程は「試験工程」とまとめられることが多いですね。ということで今回は製造及び単体試験についてのお話がメインとなります。 製造はそこまで躓くことはない。はず！ まず製造工程から話していきます。規模感にもよりますが、一般的なプロジェクトはプロジェクト規定みたいなものを作るチームがあり、ある程度コードのひな型を用意してくれたりします。（筆者もこういうチームだったり） なので、コーディングの難易度という視点ではそこまで難しくならないことが多いです。ネックになるのはクライアント側のコーディングだと思っていますが、これも慣れてしまえばそこまで苦になることはないでしょう。最近はAIも利用できたりするので、習得までのスピード感はいままでよりは早くなりますしね。 バックエンドに関しては経験者が集まりがちです。何だかんだ日本だとJavaが多い気がしますね。だいたいのPJでは技術要
やまぐろ

ヨッシーとフカシギの図鑑をプレイしてみた

たまたま目に入ったのでプレイしてみました。 筆者にとってはスーパーファミコンのヨッシーアイランド以来、実に30年くらいぶりのヨッシーがメインのゲームとなりました。ヨッシーアイランドは当時結構やりこんだのを覚えていますね。あの頃は一個のゲームを半年くらいプレイできましたが、今はもって一か月くらいですね。どうしてこうなってしまったんでしょうね。 ゲーム紹介 ヨッシーアイランドとはちょっと毛色が違い、各ステージ内のいろんな植物、動物などを調べて図鑑を埋めていくのがこのゲームのメインコンテンツです。ヨッシーアイランドでは各ステージがあって、ステージをクリアしたら次のステージがあって、各ステージの最後にボスがいるみたいな感じでしたよね。マリオもドンキーコングもだいたい似たような構成だったと思います。 ただ、今作は収集の部分にフォーカスがあたったゆるーいゲームになっているので、ステージ内でゲームオーバーになることはないですし、ダメージを受けても奈落に落ちてもすぐ復帰できます。ボスはいるものの基本的には負けない作りになっているので、クリアできなくて「詰み」みたいなことは起こりません。
やまぐろ

【悲報】ワイ氏、ぎっくり首

寝違えました。もう一週間以上痛みが引かないのでそろそろやばいと思いつつ、じょじょに痛みが和らいでいる実感もあるので、どうにも病院に行く気もおきない。そんな感じの状態です。 正しい寝方について調べてみた いまだに寝るときも首が痛むので、とりあえず寝方から変えてみようと思い調べてみることに。そうしたら、どうやら筆者は「枕の使い方」がそもそもおかしいことが判明しました。 正しい寝方 参考にまずは正しい寝方を紹介します。ちなみに画像はGeminiが作ってくれました。もう画像内の日本語とかフォントも違和感ないクオリティですね。すごいぞ。 で、画像を見たら分かるんですが、「枕は頭を乗っけるだけじゃなく、首も乗っける」のが正解らしいです。筆者はここから既に違っているんですよね。これまでは首を乗っけたらちょっと首が上がって良くないんじゃないかって思ってました。残念！ 正しくない寝方 次に正しくない枕の使い方です。これも同じようにGeminiが作ってくれました。ちゃんと同じテイストで作ってくれてえらいですね。 筆者はこの画像でいうところの首の隙間が開く、という状
やまぐろ

SOXAI RING 2を2週間ほど使ってみたので感想

GW明けくらいに衝動買いしたSOXAI RING 2を2週間ほど運用してみたので、感想とかを述べていこうかと思います。 SOXAI RING 2ってなんぞや SOXAI RING 2（ソクサイリング2）は、指に装着するだけで健康管理ができる日本発の超小型スマートリングです。このカテゴリの競合製品として有名な商品に「Oura Ring」シリーズがあり、こちらはフィンランド発のアイテムとなっています。どちらも一長一短があるので、まずはそこの比較から紹介していきます。 SOXAI RINGとOura Ringの比較 以下にそれぞれの特徴をまとめてみました。 ざっくりいうと * SOXAI RINGは低コスト ＆ 発展途上 * Oura Ringは高コスト ＆ 高機能 というイメージです！ 項目 SOXAI RING Oura Ring 開発国 日本 フィンランド 月額費用 完全無料（アプリの全機能が追加料金なし） 有料サブスクあり（月額約$6.99 / 無料版は機能が大幅制限） 主なメリット ・ランニングコストが一切かから
やまぐろ

小説

奇面館の殺人(綾辻行人)感想

著者が前々から「館シリーズは十作で終わり」と語っているので、これが最終作の一つ前の作品となる。そんな九作目は前作「びっくり館～」、前々作「暗黒館～」ではあまり出番がなかった本作の探偵役である小説家鹿谷が久しぶりの活躍を見せることとなった。 作品紹介 やはり、このキャラクタが登場するしないで作品の印象がだいぶ変わるように思う。建築家・中村青司が各地に建てた奇妙な館、その館に魅了され数々の怪事件に関わってきたこの人なしでは「館シリーズ」は語れない。 見方によっては、シリーズのファンに一番近いのが、この男なのだから。さて、とりあえず内容紹介を見てみよう。例のごとく、Googleブックスから拝借。 奇面館主人・影山逸史が主催する奇妙な集い。招待された客人たちは全員、館に伝わる“鍵の掛かる仮面”で顔を隠さねばならないのだ。季節外れの大雪で館が孤立する中、“奇面の間”で勃発する血みどろの惨劇。発見された死体からは何故か、頭部と両手の指が消えていた!大人気「館」シリーズ、待望の最新作。 https://books.google.co.jp/books/about/奇面館の
やまぐろ

蜃気楼の殺人(折原一)感想

作品紹介 叙述トリックを駆使した大どんでん返しのイメージが強く人によっては苦手に感じるであろう折原一の作品の中で、比較的作品に入りやすく書かれているのが、この「蜃気楼の殺人」だと思う。 あらすじについてはGoogleブックスの情報をそのまま載っけておきます。 銀婚式を迎えた野々村夫妻は、新婚旅行の想い出を辿るように、能登半島へと旅立った。だが夫は殺され、妻は行方をくらました。両親の足跡を追いかける娘の万里子は、25年前の二人が、もう一組の男女と接触していたことを知る。過去と現在とが錯綜する折原マジック。万里子が到達した、驚愕の真相とは。 https://books.google.co.jp/books/about/蜃気楼の殺人.html?id=uLV4AAAACAAJ&redir_esc=y 感想(少しネタバレあり） 私は「倒錯のロンド」など著者のらしさが全開に出ている作品をいくつか読んでいるが、この「蜃気楼の殺人」は良くあるトラベル・ミステリーに著者らしさを詰め込んだ作品という印象を受けた。 どのへんが折原一らしいかというと、トラベル･ミステリー
やまぐろ

暗黒館の殺人(綾辻行人)感想

作品紹介 綾辻行人による長編シリーズ作品、通称「館シリーズ」の第七作目。シリーズで最もボリュームのある作品となっており、文庫本で購入するとなんと4冊に上る。 そんなわけでちょっと手を取りづらい部分もあるが、そんな一見冗長なページ数でも読者を退屈させないのが綾辻行人だ。私も読めるときに1日1冊づつ読み進めたけれど、全然面白く読むことができた。まあでもね、ちょっと重いっすねやっぱり。 あらすじについてはwikiをそのまま載っけておきます。 熊本県の山深くに、外界から隔絶された湖の小島に建つ浦登家の人々が住まう漆黒の館、暗黒館。大学生、中也は当主の息子・玄児に招かれる。そこで「ダリアの日」と呼ばれる奇妙な宴に参加するが、そこから殺人事件が続発していく。謎を追っていくうち、ダリアの宴の真実、恐るべき浦登家の秘密が明かされる…。 https://ja.m.wikipedia.org/wiki/暗黒館の殺人 感想(少しネタバレあり） 本音を言ってしまえば、私はミステリにせよ他のジャンルにせよ、500Pくらいに収めて欲しいと思っている。それは一度本を開いたら、そ
やまぐろ

黒猫館の殺人(綾辻行人)感想

作品紹介 綾辻行人による長編シリーズ作品、通称「館シリーズ」の第六作目が本作「黒猫館の殺人」だ。記念すべき第一作目の「十角館の殺人」が1987年9月刊行となっており、本作は1991年9月刊行なので、この時点で4年続いているシリーズとなる。冷静に考えると一年に1.5冊のペースで出ているのか。すげえ。長編シリーズなんだよなあ。。 あらすじについてはwikiをそのまま載っけておきます。 1990年6月、稀譚社の編集者である江南孝明のもとに一通の郵便物が届く。差出人は鮎田冬馬。内容は「鹿谷先生とお会いし、お話をお聞きしたい」というものだった。鮎田から電話がかかり、話を聞くと2月に滞在していたホテルが大火災に会い、その影響で記憶喪失になっているという。現在は自身が書いたと思われる手記に書かれた名前しか知らない。鮎田は去年の9月まで「黒猫館」という家の管理人をしていたらしい。そしてその黒猫館を設計したのが中村青司だと聞き、江南は胸騒ぎを感じた。彼が設計した建物は数々の悲惨な事件が起こり、自身も数多くの友人を失ったり、事件に巻き込まれたりしたからである。 江南は友人で推理作家の
やまぐろ

プリズム(貫井徳郎)感想

作品紹介 1999年に刊行され、後に「このミステリーがすごい!」や「本格ミステリ・ベスト10」にてランクインしているのが、本作「プリズム」である。 貫井作品の特徴は、読者に驚きを提供してくれるのはもちろんのこと、人間味溢れる登場人物が作り出したストーリーが面白く、そして悲しく……と、とにかく読者に訴えかけてくることにあると私は思う。 本作もその例に漏れず人物が良く描かれており、各人物の感情に惹かれるはずだ。 感想(少しネタバレあり） この作品は4つの章で構成され、各章毎に異なる人物の目線で一つの事件を追っていくのだが、この各章における主人公というべきキャラクタたちの、事件への関わり方が実にいい。率直な印象として、どの人物も自分自身を第一に動いていると私は感じた。 事件が解決しようがしまいが関係ない、自分の知りたかったことだけ知ることができれば、自分の心が軽くなれば、という気持ちを抱えながら事件に向き合っているのである。 そのせいか、各人物たちが推理した結果辿り着いた犯人はなかなか個人的感情が入っているのがうかがえて面白く、実にリアルに見える。私も思わず「実
やまぐろ

時計館の殺人(綾辻行人)感想

作品紹介 綾辻行人の館シリーズの5作目となる本作。 作品の舞台である「時計館」は、その名の通り数多くの高級時計と不思議な時計塔が置かれる奇妙な館だ。ある雑誌のオカルト企画という体で、出版社の人間と学生サークルの数名がこの時計館で過ごすこととなり、事件の幕が開ける。 感想(少しネタバレあり） 正直な所、館シリーズは総じて面白いのだが、シリーズを通して処女作『十角館の殺人』を超える作品はこれまでは無かったと個人的には思っていた。 が、今作は遂に処女作を超えたと思わせる作品であった。館シリーズはこれから「黒猫館～」「暗黒館～」と続くわけだか、5作目までの作品では『時計館の殺人』が一番面白いしと感じたし、良く練られている作品であると思う。 どの作品を評価するかは人によるだろうが、少なくともスケールの大きさではナンバーワンであろう。 600ページ超という著者のこれまでの作品の中でも過去最大のボリュームで語られる事件の顛末は圧巻のクオリティだ。 一度結末を迎えたかに見える事件を覆すのは綾辻氏の常套手段だが、今回のどんでん返しはこれまで以上に爽快であり、その爽快さを
やまぐろ

倒錯のロンド(折原一)感想

作品紹介 めちゃめちゃ長いこと作家をやっており、「叙述トリックの名手」と謳われる折原一の代表作。 このジャンルのプロの傑作である、という点だけで紹介は充分だろう。 感想(少しネタバレあり） 折原一の作品らしい、どこかおどろおどろしくねっとりとした暗い作風は代表作である「倒錯のロンド」も変わらず。 作品にどれだけ熱中できるかを決めるポイントは色々あると思うが、この作品においては、メインの視点となる男の怒りと執念にあるだろう。男が怒る理由はきっと誰にだって理解できるほどシンプルなものであるため、読者が感情移入し易くなっているのもミソだと思う。 そうして読者を引き込んだ先にある最大の見所は、なんと言ってもクライマックス。認識していた事実がことごとく「倒錯」していく衝撃は、思わず思考を停止してしまう程強烈だ。 そこまで分厚い小説ではないので、休日で一気にラストまで読むのが良し！ 倒錯のロンド　完成版 （講談社文庫） [ 折原 一 ] ショップ: 楽天ブックス ¥880 ※価格やショップ情報は楽天のものです 楽天で見る
やまぐろ

ITニュース

2026/6/27 朝のITニュースまとめ

おはようございます！今朝も最新のITニュースから、皆さんが今日知っておくべきポイントを厳選してお届けします。 SNS・プラットフォーム Bluesky、ユーザー4500万人突破の衝撃 分散型SNS「Bluesky」が、ユーザー数4500万人を突破したと発表しました。これは、既存のSNSとは異なる「ATプロトコル」を採用し、ユーザーがデータポータビリティやモデレーションツールを柔軟に利用できる点を強みとしています。 * ここがポイント：分散型SNSの勢いが増しており、中央集権型SNSの代替として選択肢が増えていることを示唆します。ユーザーは自身のデータ管理やサービス選択において、より多くの主導権を握れるようになる可能性があります。 * 参照元：Impress Watch - Bluesky、ユーザー数が4500万人を突破 IT戦略・生成AI メインフレーム離脱失敗の教訓：AI過大評価に注意 既存のメインフレームシステムからの脱却を目指すプロジェクトの7割以上が失敗に終わっているという調査結果が明らかになりました。失敗の主な要因として、「生成AIの過
やまぐろ

2026/6/26 朝のITニュースまとめ

おはようございます！今朝も最新のITニュースから、皆さんが今日知っておくべきポイントを厳選してお届けします。 新製品・市場動向 Apple製品が突如値上げ！MacBook Airも価格改定 AppleがMacやiPadなどの主力製品を一斉に値上げしました。特にMacBook Airは大幅な価格上昇となり、MacBook Air 13インチモデルは18万4800円から22万4800円へと、およそ4万円の値上げとなっています。 * ここがポイント：度重なる円安の進行が価格改定の背景にあるとみられ、消費者の購買意欲や購入タイミングに大きな影響を与える可能性があります。 * ここがポイント：高価格帯製品の価格上昇は、特に新規購入者や学生層にとって大きな負担となり、代替製品への関心が高まる可能性も考えられます。 * 参照元：はてなブックマーク IT - 「Mac」「iPad」突然の一斉値上げ　MacBook Airは18万4800円→22万4800円からに OS・サポート情報 Windows 10、実質無料のサポートが1年延長へ！ 2025年10月で終了
やまぐろ

2026/6/25 朝のITニュースまとめ

おはようございます！今朝も最新のITニュースから、皆さんが今日知っておくべきポイントを厳選してお届けします。 AI技術の深掘り ChatGPTの要「Transformer」のすごさ解明！ 大規模言語モデルChatGPTの核心技術「Transformer」の基本と、なぜこれが現在のAIブームを牽引しているのかを、マンガで分かりやすく解説する記事が注目を集めています。Transformerは、文章の文脈を全体的に捉える「Attention」メカニズムにより、自然言語処理に革命をもたらしました。 * ここがポイント： * 単語間の関係性を効率的に学習する「自己注意機構（Self-Attention）」により、長文でも高い精度で文脈を理解できるようになりました。 * 並列処理が可能な構造のため、大規模なデータセットでの学習効率が飛躍的に向上し、ChatGPTのような高性能AIの開発を可能にしています。 * 参照元：CodeZine - ChatGPTの心臓部『Transformer』って何がすごいの？　#マンガでわかるAIの仕組み 第1話
やまぐろ

2026/6/24 朝のITニュースまとめ

おはようございます！今朝も最新のITニュースから、皆さんが今日知っておくべきポイントを厳選してお届けします。 AI・生産性向上 AIノートの常識を覆す「Open Notebook」の衝撃 GoogleのAIノートツール「NotebookLM」の代替として、オープンソースの「Open Notebook」が登場しました。このツールは、ユーザーがローカル環境でデータを管理し、より自由にカスタマイズできる点が注目されており、プライバシーを重視するユーザーや高度な情報管理を求めるユーザーから期待が寄せられています。 * ここがポイント：GoogleのAIツールに拮抗するオープンソースの登場は、AIツールの選択肢を拡大し、プライバシー意識の高いユーザーに新たな選択肢を提供します。 * ここがポイント：ローカル環境での運用や柔軟なカスタマイズ性により、個々のニーズに合わせた高度な情報管理が可能になり、生産性向上が期待されます。 * 参照元：ライフハッカー・ジャパン - NotebookLMの限界を突破する代替ツール「Open Notebook」が自由すぎた ビジネス・
やまぐろ

2026/6/23 朝のITニュースまとめ

おはようございます！今朝も最新のITニュースから、皆さんが今日知っておくべきポイントを厳選してお届けします。 AIの最新動向 生成AIの品質維持からモデルの限界まで、進化を続けるAI技術の深層に迫ります。 AI文章の「臭み」を消す秘訣！高品質な技術文書生成術 生成AIの普及に伴い、その出力が「AI臭い」と評されるケースが増えています。技術書出版社の代表が、大規模言語モデル（LLM）を使って人間らしい、質の高い技術文書を作成するための具体的なルールやプロンプト設計のノウハウを公開しました。 * ここがポイント： * AIが生成する文章が均質化する中で、読者の心に響くオリジナリティや専門性を保つための実践的なガイドラインが示されており、AI活用の質を高める上で重要です。 * プロンプトエンジニアリングの進化が、単なる情報生成に留まらず、より高度な知的生産活動へのAI活用を可能にする可能性を示唆しています。 * 参照元：テクノエッジ TechnoEdge - 「AI臭い文章を生成させない」ルール集。LLMに“質の高い技術文書”を書かせる
やまぐろ

2026/6/22 朝のITニュースまとめ

おはようございます！今朝も最新のITニュースから、皆さんが今日知っておくべきポイントを厳選してお届けします。 AI・テクノロジー Claudeのコード生成を自在に操る！詳細制御の新手法 Anthropicが、対話型AI「Claude」のコード生成および実行能力をさらに高めるための詳細な制御方法を発表しました。「skills」「hooks」「rules」「subagents」といった新しい技術を駆使し、より複雑なプログラミングタスクへの対応が可能になります。 * ここがポイント： * 大規模言語モデル（LLM）が生成するコードの精度と信頼性を飛躍的に向上させる技術的進歩が見られます。 * 複雑なソフトウェア開発や自動化プロセスにおいて、AIが担える役割がさらに拡大する可能性を示しています。 * 参照元：Claude - Steering Claude Code: skills, hooks, subagents and more ビジネス・社会 AI活用は必須スキルに？ビジネスパーソンの危機感 日本の会社員の6割以上が「
やまぐろ

2026/6/21 朝のITニュースまとめ

おはようございます！今朝も最新のITニュースから、皆さんが今日知っておくべきポイントを厳選してお届けします。 AI・技術トレンド AIに図を描かせるときの課題と解決策 AIを活用した開発現場で、AIに「図」を生成させると、形式は整っていても実用性に欠ける問題が指摘されていました。これに対し、特定のダイアグラムツール（draw.io）の記述形式をAIに生成させることで、正確で使いやすい図を作成する新しいアプローチが紹介されています。 * ここがポイント：AIが生成するコンテンツの実用性を高めるための具体的なプロンプトエンジニアリングのヒントが示されています。AIを単なる生成ツールとしてだけでなく、特定ツールの記述言語を理解させることで、専門的な作業支援にまで応用できる可能性を示しています。 * 参照元：Qiita - 【AI駆動開発】AIに「図を描いて」と頼むと“それっぽいけど使えない図”が出てくる問題を、draw.io生成スキルで倒した ビジネス・サービス動向 DAZN「980円問題」から学ぶべきこと スポーツ配信サービスDAZNが、一部の長期契
やまぐろ

ブログ運用

もっと見る

プログラミング

もっと見る

AI

もっと見る

プロフィール

やまぐろ

やまぐろ

業務アプリケーション開発、エンドユーザ向け機能などの開発に携わっている文系（経営学）卒エンジニア。 ブログでは読書記録を残したり、ガジェットのレビューをしたり、エンジニアっぽくプログラムの話や業界の話をしたりしています。 他にも個人開発者として、自作ツールなどを公開中です。