新着記事

縦書き画像をSNSに投稿できるWEBツールを作った

どうも、やまぐろです。 ひととおり週次タスク(家事)も終わって時間ができたので、なんか作るかーって感じで「縦書き画像ジェネレーター」が誕生しました。↓ https://iris-on-tools.net/vertical-text-generator/ 外観とか 恐らく解説がなくても使えるような感じになっていると思います。SNS投稿ボタンの挙動がちょっとクセありますが、間に説明挟んだので大丈夫なはず。。 なぜ縦書きツールを作ったのか 入口は季節感 なんか季節感あるやつを作りたいなーって思いたち、そういえば七夕が近いなーとなりました。なのでもともとはSNS投稿用の短冊ジェネレータとして構想したものです。5分くらいの構想ですがw そこから縦書きが合うような短歌や詩なども画像化できたらいいなあと思い、テンプレートが増えていった感じです。 なんとなく今後も拡張できそう そもそもツール群として動かしているサイトの一部のコンテンツになるので、一度作ったらあんまりアップデートしない想定ではあるんですが、これについては季節感がスタートなので今後も拡張できる
やまぐろ 4 min ❤️

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

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

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

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

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

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

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

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

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

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

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

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

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 / 無料版は機能が大幅制限) 主なメリット ・ランニングコストが一切かから
やまぐろ 4 min ❤️

ブログ自動投稿の状況を見てみる

ゴールデンウィーク中に実験導入したAIを駆使したブログ記事の自動投稿を検討してみるを2週間ほど運用してみたので、ここいらで自動投稿システムの安定性、記事クオリティの安定性、なんかを見ていこうと思います。なお集計期間は5/3~5/16になります。 自動投稿システムの安定性 まずは自動投稿がどのくらい成功したかを見ていきます。このシステムは大きく分けると * GitLab * Gemini API * Ghost (このブログを置いているAWS) が正常稼働していないと動きません。エラーがあった際はGitLabのパイプラインがエラー終了となり、メール通知が来るようになっているので、この場合は手動で再実行する必要があります。 んで、この期間内にパイプラインがエラー終了したのは2回、割合にして14.3%ほどがエラー終了している状況になります。エラー終了の原因としては2回ともGemini APIから429(Too Many Requests)となっており、一時的なものであるため、安定性を高めたいのであれば429が返ってきた際は10秒ほどスリーブしてから再実行
やまぐろ 3 min ❤️

マネーフォワードの話をしつつ、見解を述べる

ゴールデンウィーク中に世間を賑わせたマネーフォワードの情報漏洩。筆者もいちおうエンジニアの端くれなので、わりとこのニュースについて追ったりしています。今回はこのニュースの概要を見つつ、所見を述べていければと思います。 なにが起こったのか 第一報について 2026年5月1日、マネーフォワードから不正アクセスのお知らせというインシデントの速報が出されました。 『GitHub』への不正アクセス発生に関するお知らせとお詫び(第一報):https://corp.moneyforward.com/news/info/20260501-mf-press-1/ 結構ネット上でも話題となっていたので、たとえゴールデンウィーク中であっても耳にした方は多かったのではないでしょうか。特にマネーフォワードは資産を便利に管理できるアプリです。ここの漏洩ということでユーザーはいつも以上に敏感になる案件なのは間違いありません。 しかも、第一報の時点で 『マネーフォワード ビジネスカード』に関わる370件の「カード保持者名(アルファベット)」および「カード番号の下4桁」 が漏洩した可能性
やまぐろ 5 min ❤️