#nawoto

誕生日🎂🎉

Sun, 24 May 2026 00:00:00 GMT

おめでとう、自分！！
🎉 🎉 🎉

いつのまにか年齢を重ねることに喜びや不安を感じることも少なくなったけど、誰かに「おめでとう」と言ってもらえるのは嬉しいです。

誕生日の記事は、近況やウィッシュリストを掲載したりと毎年、大枠で書くことは変わらないので、追記するスタイルにしてみる。あとで見返したりもするのも楽しそうなので。

Wish List を公開してます 😄
https://amzn.to/happy_birthday_nawoto

自分は Wish List が面倒になってきているので、こんな風にお祝いしています。

https://nawo.to/2022/05/20/wishlist-isnot-offen-used

2026-05-24

今年も無事に年齢を重ねました。🎂

https://www.instagram.com/p/DYr4JCESOo2/

あいかわらず娘ズの育児が中心の 1 年だったと思う。😊

下の子も幼児に突入したので、家の中がとても賑やか(大変)なんだが、二人とも元気にしているので良き良き。👧👧

この一年は、約 3 年所属した東急を離れる決断をしたのが、個人的には一番の大きな変化かなー。😌

https://nawo.to/2026/05/21/last-day-at-work/

そして、転職しようとしたときに声かけてくれたり、相談や協力してくれた懐かしい仲間に感謝🙇‍♂️ その過程で久しぶりに会えたり、一緒に飲んだりして嬉しかったな！🍻

7月からは新しい環境になるので、この一年は、まぁ自分のペースで健やかに過ごしていこうと思う。🌱

さてさて、次の nawoto の新作まで首を長くしてご期待ください😁

2025-05-24

ふふふ、51 才になりました🎂

久しぶりに記事を更新しているのだけど、ここ 2 年は色々ありましたなー(主にプライベート) だいぶ家が賑やか(大変)になってきて、しばらくは外に飲みに行ける感じではないので、浅草のナヲトの家まで飲みに行くよーという人お待ちしております！

直近のできごとはこんな感じ

2024-07-19

https://nawo.to/2024/07/19/new-family/

今回も育休を 4 ヶ月ほど取ってみた。現時点で、育児における体力の削り値はエラいことになっている😅

2024-11-16

https://nawo.to/2024/11/16/new-home/

2024-05-24

書き忘れた😓

2023-05-24

さてさて 49 才になりました 😄

去年の誕生日のときに「もう少し先のことを考えられるといいねー」と書いてたけど、いろいろなご縁があって 6 月から新しい会社にジョインすることになりました。

娘はすくすく元気に育っていて、毎日イヤイヤ言ってたり、楽しそうに保育園に通ったりしてる。

(平田のおじさんと元気に遊んでいる様子)

https://www.instagram.com/p/CsvdrEpPuCK/

それに比例して、親の体力はゴリゴリ削られているのが最近の悩み🙂

一年先のことは分からないなーっと改めて思ったりもしたが、それは昔から一度も分かったことはないので、自分なりには総じて通常運転で過ごせていると思う。

変化を楽しむ余裕はあんまり無いけれど、活動範囲は徐々に広げていきたいので「久しぶりに美味しいものでも食べようぜ！！」みたいなメンションはお待ちしております🎂

2022-05-24

48 才になってもた 😅 (🐯 * 4 周目)
もうすぐ 50 才かぁと思うわなくもないけど、なるべく通常運転を心掛けている。

この一年は、娘が生まれて親をまたやれることになったり、今どきな長期の育休をはじめて取得したりした。(感謝感謝 🌻)

自分のライフスタイルも大きく変わって、日々寝不足だったり、仕事にうまく集中できずにパフォーマンス出せないなぁーと悩んだりしている。でも、今のこの期間は一過性のものだと割り切りつつ、なんとか適応しようと頑張っている最中かな。

来年ぐらいまでに少し落ち着いたら、もう少し先のこととか考えられているといいなぁ。

プレゼントもらった

ありがとうございます！

https://nawo.to/2022/06/09/thx-hbd-gifts/

2012-05-24

以前にアジャイルサムライ横浜道場でお祝いしてもらった動画を見つけたので貼っておこう 😄

https://www.youtube.com/watch?v=nDBxZ7ZbtlA

最終出社

Thu, 21 May 2026 01:00:00 GMT

今日が最終出社日だった。🙂

https://www.instagram.com/p/DYl_cMmyQGC/

(正確には 6 月末で退社。)

約3年間お世話になった東急株式会社 URBAN HACKS を退職した。

https://10q89s.jp/

この 3 年間は、そもそもマネジメントとは? というものに一番向きあった時期だったかもしれない。

横断系のミッションが多かったので、職能もさまざまな、色んな人に助けてもらいました。本当にありがとうございました。🙇 またどこかで会った際には、一緒に美味しいお酒など飲めるといいな。😊

7月から新しい会社なので、少しの間はのんびり休もうと思います。

転職祝いは募集しております！

https://www.amazon.co.jp/registry/wishlist/146H0BJUHET6T/ref=cm_sw_r_tw_ws_gm4Lrb0XE9WCB

Emacs で Emoji を日本語で探す

Mon, 18 May 2026 15:00:00 GMT

Emacs ではこのサイトの文章を書いたりして、絵文字(Emoji)を使う場面が多い。 Slack でリアクションを探すときは「おじき」→ 🙇‍♂️ みたいに日本語で検索しているので、Emacs でも同じようにしたくて、Claude に相談しながら作った。

emojify からビルトインへ

これまで emojify を使っていたが、Emacs 29 からビルトインで Emoji サポートが入ったので外した。

;; before
(use-package emojify
  :hook (text-mode . emojify-mode)
  :bind ("C-c e" . emojify-insert-emoji)
  :custom (emojify-display-style 'unicode))

M-x emoji-insert や M-x emoji-search が使えるようになっていて、C-x 8 e プレフィックスからもアクセスできる。フォント設定はそのまま。

(set-fontset-font t 'emoji "Apple Color Emoji")

やっぱり日本語で検索したい

しばらくこの設定で暮らしていたんだけど、emojify やビルトインの emoji-search は Unicode の英語名を使っているので日本語では検索できない。

既存のパッケージも調べたが、日本語で Emoji を検索できる Emacs パッケージは見当たらなかった。

(helm-emojiだとできそうではあったが)

macOS の絵文字ピッカーを使う

macOS の絵文字ピッカー（文字ビュワー、Ctrl+Cmd+Space）は日本語検索に対応しているので、osascript で macOS を操作すれば、Emacs から呼び出せる。

(defun my/emoji-insert-macos ()
  (interactive)
  (shell-command
   "osascript -e 'tell application \"System Events\" to keystroke space using {control down, command down}'"))

(global-set-key (kbd "C-c e") #'my/emoji-insert-macos)

C-c e を押すと macOS の絵文字ピッカーが開き、日本語で検索して選ぶと Emacs バッファに直接挿入される。実装は数行で済んで、思ったよりシンプルだった。

初回は「アクセシビリティ」の権限を求められるので許可しておく。

やっと日本語で Emoji を検索できるようになって、かなり便利になった。😊

髪切った

Mon, 18 May 2026 01:00:00 GMT

散髪した。✂️

https://nawo.to/2025/10/15/haircut-log-with-pro-wrestler/

今回もいつもの美容室で切った。前回は書いてないだけで、たぶん2ヶ月ぶりだと思う。

いつも通り、近所のおばあちゃん達がたくさん通っている店なんだけど、毎回「髪洗うから一回立つよー」とか「暑いからちゃんと水取ってよー」とかとにかく店内に会話が多い。さすが地元密着のお店。😊

カットを担当してくれる兄ちゃんとも「三社祭いきました？」とか「年々しょぼくなりますよねー」とかとか話したり。

で、ちょっと気づいたんだけど、前からこの店で感じている違和感の正体が一つ分かったかもしれない。ふつう(今まで行っていた美容室)とかだと、基本はカットを担当してくれる人としか話さないんだけど、ここは店長のおっちゃんも普通に話しかけてくる。😊 「あ、伸びたねー」「それリーボック」とか。髪あらって目隠しされているときに言われたから、「あ、僕ですか!?」と返事した。😂

もちろん、店内中がこんな感じで、お客さんもお客さん同士や僕をカットしてくれているお兄ちゃんにも話しかけていたりととにかく賑やか。

近いは正義だし、居心地も良いのでしばらくはここに通う。

三社祭

Sun, 17 May 2026 01:00:00 GMT

浅草の初夏のイベントである三社祭があった。🏮

https://asakusajinja.jp/sanjamatsuri/

今年も家の近くから浅草寺にいたるまで、お神輿や出囃子、法被姿の人で賑わっていた。初夏のイベントといっても、気温は 29 度なので、ほぼ夏ですな。☀️

https://www.instagram.com/p/DYl_HlzyK_2/

あと、散策している最中に馬に出くわすのも毎回ビックリする。🐴

今年は、子供神輿にデビューしようとしたが、地域 Newbie には参加方法も含めて難易度が高くて挫折。地域参加難しい。😂

それと、これは去年の話だけど、ランチに行くお店の大将が三社祭のあとも不在で、息子さんが切り盛りしていた。他のお客さんに「大将は？」と聞かれて、「あー、オヤジはまだ祭り終わってないっすよ。檀家さんのところを順にまだ飲んでますよ」と。🍺

これぞ三社祭って感じで笑った。😂

なんだかんだで、たくさんの人出で大変だけど、賑やかで晴れやかな気持ちになる。

また、来年！🙌

Astro v6 に上げた

Tue, 12 May 2026 15:00:00 GMT

このサイトで使っている Astro が v6 にメジャーアップデートしたので対応した。

https://astro.build/

Dependabot が PR を上げてくれていたんだけど、CI が落ちてたのでちゃんと対応することに。

Astro v6 について

公式のマイグレーションガイドはこちら。

https://docs.astro.build/en/guides/upgrade-to/v6/

主な変更点

Content Layer API がデフォルトに

これが一番の変更点。これまでの type: 'content' でコレクションを定義する方式（Legacy Content Collections）が廃止され、glob ローダーを使う新しい Content Layer API への移行が必須になった。

Zod v4 同梱

Astro v6 には Zod v4 が同梱されている。Zod v3 にあった z.function().returns() などの API が削除されており、@astrojs/rss の古いバージョンはここで詰まっていた。

エントリの API 変更

v5	v6
`entry.slug`	`entry.id`
`entry.render()`	`render(entry)`（import が必要）

このサイトでの主な修正

コンテンツコレクションの定義を Content Layer API（glob ローダー）へ移行
entry.slug → entry.id に変更
entry.render() → render(entry) に変更（import 方法も変わった）
slug 生成ユーティリティで .md 拡張子を除去するよう修正

ま、Claude にお任せなんだが

実作業はほぼ Claude Code にお任せ。「ブランチ切って試してみて」と言ったら、npx @astrojs/upgrade を実行してビルドを確認して、エラーを修正して、コミットまでやってくれた。

自分でやることといえば、動作確認と「これどういう意味？」って聞くくらい。便利な時代になったもんだ。🤖

細かいところを Claude に聞きながら進めたら、特に詰まることもなくサクッと終わった。ありがたい。🙏

何か不具合があれば、コメントで教えてください。🙇

My new MacBook Air M5

Sun, 10 May 2026 03:00:00 GMT

久しぶりに個人 PC を買い替えた！🎉

今回は MacBook Air M5 にした。 MacBook Pro をずっと使っていたから Air にするのは正直ちょっと抵抗があったんだけど😅、端末の値上がりと、がっつりした開発作業をする機会も減ったので今回は MacBook Air で十分とした。

そして、老眼がきているので 15 インチを選んだ。大きい画面は正義。👀

…それでも、一昔前の MacBook Pro と大差ない金額になるんだから、円安の影響ってほんとにきつい😓

セットアップ

前のマシンがお亡くなりになったのもあって、今回はまっさらの状態でセットアップ。届く前に dotfiles をちゃんと整理しておいたので、サクッと終わった。🙌

https://nawo.to/2026/05/08/dotfiles-revival/

準備って大切ね。楽しく使っていこう 🌱

dotfiles を久々に管理しはじめた

Fri, 08 May 2026 00:00:00 GMT

新しいマシン💻を購入したので、届く前にセットアップについて思いを馳せる。🤔

「あー、最近、設定ファイルやインストールしているアプリをちゃんと管理していないから移行めんどいかも😅」

普段よく使っている CLI 環境はこのあたり。

fish shell — メインシェル。シンプルに使っているつもりだが、割といろいろ育ってきてる
GNU Emacs — メインエディタとして最近復帰。一から育て直しているので無くすと面倒
Ghostty — 最近メインで使ってるターミナル
alternative CLI tools — その他の CLI tools 群

https://fishshell.com

https://www.gnu.org/software/emacs/

https://ghostty.org

これらをひとまとめにして GitHub で管理することにした。

GNU Stow で整理

ツールは GNU Stow を使うことにした。ディレクトリ構成を整えれば stow と叩くだけでシンボリックリンクを張ってくれるシンプルなやつ。

stow .

https://www.gnu.org/software/stow/

GNU Stow を実際に試すのは新マシンが到着してからなので、少しドキドキ😅

SETUP.md

設定ファイルの管理だけじゃなくて、新しいマシンでそれ以外の alternative CLI tools やアプリも何をインストールすればいいんだっけとなりがちなので、SETUP.md にまとめて記載することにした。これと Brewfile を Claude Code に食わせればある程度セットアップは自動化できるはず👍

整理したのがこちら。

https://github.com/nawoto/dotfiles

まだ育ててる途中だけど、新しいマシンが到着したときに楽できるほどには整理できたんじゃないかな?🤗

髪切った(なぜか隣にプロレスラー)

Wed, 15 Oct 2025 00:00:00 GMT

散髪した。✂️

しばらくバタバタしてたので、ほぼ3ヶ月ぶりだった😢

https://nawo.to/2025/07/20/haircut-log/

今回は、前回のお店とは変えて、これまた近所の某プロレスラーが昔から通っている美容室にしてみた。 (気になる人がいれば、ドラゴン散歩 in 浅草) とかで調べると見つかると思う🐲

入店すると某レスラーのコーナーとかあって、個人的に楽しめた。少し控室で待ってから席に通されたんだけど、「あれ、隣りで髪切ってるのは… 🙈選手じゃね?」という感じで、アニマル浜口ジム出身の他の選手も通っているみたい。

ヒールの選手でも、当たり前だけど店長さんと敬語で話してた！👏

肝心のカットだけど、早くて安いけど割と満足。ヘッドスパもしたけど、ちゃんとしてて良かった。

美容室なので顔剃りはないけど、他の選手もいそうなのでエンタメ性で次もこっちの店にしようかなー。🤔

Kids Age++

Fri, 15 Aug 2025 00:00:00 GMT

子供たちの誕生日が7〜8月に集中しているので、一段落したタイミングでログを残しておこう。

今年も無事にバージョンアップできて良かった😊
（全員が健康に1つ年齢を重ねることができました🎉）

一番下の子は、何を祝われているのか分かっていないけど、みんなに「おめでとう🎉」と言ってもらえてニコニコと嬉しそうだった😄

どんどん活発になっていくので大変だけど、成長は喜ばしいことですな。
次の一年も健やかに、楽しい一年になることを願っています。

一席二鶏に行ってきた🐔🍗

Tue, 12 Aug 2025 00:00:00 GMT

懐しのサムゲタンを食べに、伊藤ちゃんと高江洲さんと一緒に一席二鶏さんに行ってきた。

https://issekinityou.com/

一席二鶏は、元々は鳥一代の社長さんだった人が新しくオープンしたお店らしい。鳥一代はアジャイルコミュニティで馴染みのお店だったが、売却されたそうな。

鳥一代は永和のときやエス・エム・エスのときに本店や支店をよく利用していたので、ここのサムゲタンは思い出の味だったりする。イベントのあとの懇親会でも良くつかってたなー。

料理はどれも美味しく、今回のお店だと特に旬のお野菜が美味しかったなー😄
サムゲタンは、昔と変わらずに美味しかったです🐔

外での飲み会も久々なので、色んな話ができて楽しかったなー。 (奥さん、ありがとう💐)

https://bsky.app/profile/nawo.to/post/3lw7ngtnrcs2r

今回は、社長さんが「この店も新しいアジャイルの聖地にしたい！」というのを切っ掛けに伊藤ちゃんが企画してくれた。本当にありがとう。

今度は家族でも行きたいなー。ランチもやっているので、土日なら行けるかも。

髪切った(いつもと違うところで)

Sun, 20 Jul 2025 00:00:00 GMT

散髪した。

今までは自転車で10分ぐらいの美容室(前の家の近所) に通っていたんだけど、担当の美容師さんが土日のみの勤務になって、土日が家のことで潰れてしまうので、担当以外の人に切ってもらっていた。

それなら、平日にシュっと行ける近くの理容室にしようかと思って、いつもと違うところで切ってみた。なんか、それ相応の大人になって近所の理容室で髪を切るという実績も解除してみたかった。

わりと評価が高く、古くからやっている家族経営のところがあったので、そこで切ってみた。いやー、高齢の人だったけど、腕は確かだったw

あちこちマッサージされたり、顔も剃ってもらったり、ヘッドスパはアーユルヴェーダだしで、色々とお腹いっぱい☺️

ただ、電話でしか予約できないのがなー。

次回もここにしようかと考え中。

アジャイルサムライ10周年ちょっとが経ちました

Sat, 12 Jul 2025 00:00:00 GMT

書籍「アジャイルサムライ」が 2011 年に出版されてから、気がつけば出版 10 周年を迎え、さらに“ちょっと”の時間が経ちました。
とても多くの人に読んでもらって、とても嬉しく思っています。みなさん、本当にありがとうございます！🙏

実は、10 周年にあたっての感謝やふりかえりを「アジャイルサムライという本が出版されて10年ちょっと経った話」というのを 2023年2月に開催された HAKODATE Developer Conference Vol.8 で発表させてもらってました。

https://speakerdeck.com/nawoto/agile-samurai-ja-10th-anniversary-plus-x

この話自体は、2021 年の Agile Japan 2021 で話したことのリミックス版だったりします。
今回、文章では書いたことがなかったので、改めてちょっと書いてみようと思います。

講演で何を伝えたかったの?🤔

こんな話をしました。

はじめての人向けにざっくり分かるアジャイルな開発の話
実践するうえで感じる不安や立ち塞がる障壁
どう立ち向かうのか?

まぁ、こう書くと僕がよくする話ですな😅
実践するうえで感じる不安や障壁については、「実はアジャイルサムライが出版されたときの読者の声」と同じなんだったという自分なりの気付けをベースに、どう乗りこえたのかを話してみた。

出版当時は、アジャイルという言葉自体がまだ浸透しきっていない時代だったので、ネガティブな反応も色々ありました。

こんなやり方では、上司の理解が得られない
お客様を巻きこむのが大変
契約どうすんだよ
追加の要望がたくさん出て、リリース遅れそう
優秀なメンバーでないとできないなー

しかし、全国各地のアジャイルサムライ道場(当時、読書会が道場と名乗って開催されてました)が、そこで仲間を見つけ、少しずつ不安を払拭して現場でちょっとでもアジャイルな開発っぽいことをやろうとチャレンジを繰り返していきました。
こうしたボトムアップ的なコミュニティ活動が大きな力になったと思います。

みんなで集まって開催できたイベントは、今でも僕の中でエモさでは断トツなイベントです😄
(自分の発表も一番気持ちが乗ってたと思う)

http://nawo.to/backtrace/2012/03/26/1332726969/

脱線しましたが、アジャイルな開発は今では多くの人に受け入れられるようになりました。
変化の激しい時代だからこそ、「柔軟に、素早く、みんなで価値を届ける」という考え方が、多くの人に響いたのだと思います。

一方で、現場の人の頑張りとそれを支えたコミュニティ活動も今の広がりの一端にはなったと確信しています。

講演でも伝えたのですが、実際にやるのは現場の皆さんであり、学ぶ環境も 10 年でとても良くなりました。
実践することで学べることがたくさんあります。ちょっとぐらいの失敗はふつうに仕事をしてても起きます😏
また、現場を良くしていく活動を止める人はいませんし、それをやるかは現場の人次第です。
そのときにこの本がちょっとした切っ掛けになれば幸いです。

10周年ありがとう

まずは、これまで「アジャイルサムライ」を読んでくださった皆さん、
一緒に現場で悩み、学び、成長してきた仲間たち、
そして出版やイベントを支えてくださったすべての方々に、心から感謝します。

この本をきっかけに、たくさんの出会いや学びがありました。
今でこそ、アジャイル開発の入門書の代表作となりましたが、イベントや勉強会、現場での実践を通じて、「アジャイルって楽しい」「現場を良くしたい」という想いを共有できたことの結果だと思っています。
そして、その現場に立会えたことは何よりの財産です。

おわりに

気がつけば、10周年とちょっとかー😆 早いもんだなー
これからもアジャイルな現場づくりを、みなさんと一緒に楽しんでいけたら嬉しいです。
また、何周年かのタイミングで何かできたらいいな。

改めて、ありがとうございました！

^z

行間や余白の話をちょっとだけ。

表紙の話

講演資料の表紙は発表したいテーマやそのときの心情を表わしている題材をモチーフにしてたりします。このときは、節目になる発表だったこともあり、マスターピースとまでは言わないまでも「ちょっと代表作かも」と思えるものにしたくて、これを題材にしました。

函館のみなさん

子供がまだ1才ぐらいだったこともあって、家族で函館にお邪魔しにいきました。
実は、前泊したこともあって滞在費の支払いで問題が発生してしまったのですが、運営スタッフのみなさんがカンパしてくれました…
申し訳ない気持ちもありつつ、本当に感謝しています。

あと、そのときに子供が空港入口で見た大きな雪だるまのことは、今でも「すごく大きかった」「楽しかった」と言っています。😃

Scrum Boot Camp The Book Begins

Sat, 12 Jul 2025 00:00:00 GMT

https://nawo.to/texts/agile-samurai-ja-10th-anniversary-plus-x/

「アジャイルサムライ」が出版されてから数年が経った話を書いたので、次は Scrum Boot Camp The Book の始まりの話についても書こうという気持ちが湧いてきたので、まずはページだけ作った😅

元ネタは、この本の執筆背景や想いについて、2020年7月に開催された Developers Summit 2020 Summer での発表。

ここで、この本の執筆背景や想いについて話しました。

https://speakerdeck.com/nawoto/scrum-boot-camp-the-book-begins

今回、文章では書いたことがなかったので、改めてちょっと書いてみようと思います。

🚧あとで書く

Migrating from Hatena.........Done🤔

Thu, 10 Jul 2025 00:00:00 GMT

その昔、「ヲトナ.backtrace」という Web 日記をはてなダイアリーで書いていた。

永和という会社に入社するタイミングで、ほぼ同時期に入社するメンバーみんなが、はてなダイアリーで良い記事をたくさん書いていたので、自分もアカウントぐらい持ってないとヤバいかもっと、急いで作ったのは良い思い出😄

そこから、アジャイルな開発をしたくてコミュニティ活動を頑張ったり、そのおかげで書籍を執筆できたり、各地にお呼ばれしたり、色んなイベントを開催したりといった記録を書き残していた。

そんな、はてなダイアリーもサービスが終了して、自動的にはてなブログに移行された。 web 日記ぽさがなくなったりで、移行されたタイミングでなんとなく放置してしまった。

https://nawoto.hatenadiary.org/

けれど、自分がガムシャラに頑張ってた大切な時期の記録であったりするので、このサイトで過去ログとして見れた方がいいかなという気になった。

過去ログということで、昔のタイトルの一部である backtrace がニュアンスとしても良さそうなので、logs, texts とは分けて backtrace で見れるようにしてみた。

ひとまず、なんとか移行できたと思うので、公開してみる。

https://nawo.to/backtrace

移行までの道程

思ったより記事数が多かったので、基本はスクリプトを作成して一括変換。

https://github.com/nawoto/nawo.to/tree/main/scripts/hatena-migration

久々にはてなにログインして、過去記事をエクスポートした
エクスポートしたファイルを Markdown 形式に変換するスクリプトを作成
変換がうまくいかない要素(SpeakerDeck・Slideshare のリンク、ハッシュタグ)を修正するスクリプを作成
記事数に対応するために一覧ページを改修。ついでにトップ画面に導線とか追加
はてなに置いてある画像ファイルを移行
著書などの Amazon への導線をこのサイトの実装にあう形式に置換

ほぼほぼスクリプで対応したけど、ちょっとだけ手作業は発生してした。

使い捨てのスクリプトを頑張るのはイヤだった😅

最後に

完全に移行できたわけではないので、少し制限はあるが仕方がない。

http://nawo.to/backtrace/2025/07/10/welcome-back-to-backtrace/

あの頃を懐かしみながら読むには、ちょうどいい感じだと思う。
気が向いたら、楽しんで読んでみてください😄

生成AIとサイトデザインやってみた！その感想😆

Mon, 07 Jul 2025 15:00:00 GMT

最近、自分のサイトをちょこちょこ直してます。
Cursor(with 生成AI)の力をちょいちょい借りながら。

https://nawo.to/2025/06/17/migrate-to-astro-by-ai/

機能追加をしているときにトップ画面の修正をすることになったので、ついでにトップ画面の UI を変えようとした。

「どんな感じがいいかなー」と悩みはじめたので、ここでも生成 AI 使うかなーっと ChatGPT に相談を始めた。

デザインを考えているときに、誰かに「これどう思う？」って聞きたいタイミングってちょいちょいある。でも、まわりにデザインの話できる人がいつもいるわけではないので、そういうときに、ChatGPTは デザインの壁打ち 相手としては良さそうに思えた。

ちょっと聞いてみたら、めっちゃ返してくる

「この配置うるさくない？」とか
「戻るリンクって左がいい？右がいい？」とか聞くと
普通にめっちゃ真面目に返してくる。

ChatGPT : “左寄せが目線の観点からも自然です” とかちゃんと理論的に言ってくる

画像まで出せるのね

いくつかデザイン案を相談してまとめようとしてたんだけど、うまく伝わっているか分からなかったので困っていると

nawoto : 「イメージでみたいかも」

ChatGPT : 「XXX案をイメージで出力しましょうか?」

nawoto : 「え!? そんなのできるの? ちょっとお願いします！」

だいぶ待って、画像が出力された。

「おお…来た！」と思って見てみると──

んー、チャットに貼ったスクショになんか関係のない線を引いただけやん…

あんまり、デザイン案をきちんと反映するみたいな画像は作れなさそう。結局、テキストベースで頑張ってデザイン案をまとめた。

まとめ

こういうデザインにしようかなとある程度イメージがあるときは、その評価を聞くことができるので、そこはかなり助かった。でも、何度もスクショを貼らないと伝わらないのはわりと面倒。たぶん、ChatGPT 以外だとこういうのが得意な生成AIあるんだろうな。

けれど、一人で悩むよりも、相談相手がいるとサクサク進むな〜って実感した。

おまけ : お前、そこに時間つかってたのか

上で書いた画像生成なんだけど、時間がかかったわりには大したものが出てこなかったなーっと思ったんだけど、あとでよくよく画像を見てみると

めっちゃ笑った😆 なんやねん、よく見ると別人って。

生成AIすごいな…その画像をつくるのに時間かけてたのね

後藤革命も終わってしまった…😭

Sat, 28 Jun 2025 15:00:00 GMT

我らの後藤洋央紀が負けただと…

https://ja.wikipedia.org/wiki/%E5%BE%8C%E8%97%A4%E6%B4%8B%E5%A4%AE%E7%B4%80

予想より早く後藤革命が終わってしまった。G1 Climaxまでは防衛すると思っていたので、予想が外れてしまった。

http://nawo.to/2025/06/25/gundam-ended/

(6/25 に次に終わるのは後藤革命と書いたけどさ、早いだろw)

これで10年続いた後藤革命が終わってしまうのかなー。6月に新技「後藤革命」を出してきたので、もう少し防衛できるかなーと淡い期待が消しとんでしまった。

さすがにこの展開はちょっと微妙だなー。ベルトを奪取したザック戦と合わせて、3回もザックと防衛戦って😓

たしかにタイトル戦線に絡める選手が少ないとはいえ、何度もザック戦をやらされて、ずっと勝つのは無理ゲーだと思う。今年の後半からは、G1 Climaxで若手の誰かが勝って、若手で防衛戦をやっていくとは思っていたが、ここでザックかー。ま、現時点でベルトに絡める選手が全然いないのは理解するけど。

(ザック選手もとても良い選手で好きです)

あと、試合自体がCSで独占配信のためサブスクで観れないのは、さすがに酷い。後藤革命を見届けるために加入していたのに😢

もうベルトを巻いた姿は見れないと思うが、せめて柴田勝頼との防衛戦は見たかったなー。IWGPチャンピオンになった後藤の姿を一度でも見ることができたことを喜ぶべきなのか😢

これからはボルチン・オレッグの時代だ 🦍！

奥浅草のお昼ごはん - 金太郎寿司

Thu, 26 Jun 2025 23:56:51 GMT

基本リモートワークなので、ほぼランチは近所のどこかに食べにいく🍚

出社していた頃はランチに行く店が豊富なエリアに勤務していることが多かったので、お昼休みはとても楽しみな時間だった。リモートワーク中心になって、その楽しみは半減してしまったのだが、引越ししてきたエリアは飲食店がとても豊富！

普段行っている店のログを残しておこう。

お店情報

店名: 金太郎寿司馬道店
営業時間: 11:00-14:00, 17:00-22:00
価格帯: 1000-2000円
テイクアウト: 対応

https://maps.google.com/?q=金太郎寿司+馬道店

ログ

お昼に「今日は寿司にするかー」という気分の日がどうしてもあるので、お昼にランチ寿司をやっているお店を探していたんだけど、ようやく見つけた🍣

上ランチ寿司 1 人前で 1500 円、1.5 人前でも 2000 円程度だったので、よくある町のお寿司屋のランチ価格。観光地価格じゃなくて助かる。

https://www.instagram.com/p/DLZa7NuPMxF/

今日初めて行ったけど、お店は 100 年ぐらいやっている老舗の支店なので、味もちゃんとしてて満足。席数も多そうなので、ランチ難民にはなりにくそう。

とはいえ、お客さんはよく来ている繁盛店。気がつけば、カウンターは満席だった。

小泉純一郎元総理の写真があって、「さすが老舗」と笑ってしまった。元プロ野球選手が贔屓にしているって何かで見たけど、今日行ったら普通にカウンターで食べてらした。

次もいくのか🤔?

1.5 人前を食べたけど、ネタは 1 人前と変わらなかったので 1 人前でいいかも。あんまり食べすぎると午後がしんどいので。あと、上バラちらしとかも食べてみたい。

ここはリピート決定😏

Switch 2 が我が家にやってきた📺🎮

Wed, 25 Jun 2025 22:03:28 GMT

抽選に申し込んでいた Nintendo Switch 2 が、第3次抽選で当選しました🎉

https://www.nintendo.com/jp/switch2/index.html

子供がマリオパーティーオデッセイを楽しんでいて、キャラに自分の顔がカメラで表示されるのを「オー!!」と興味深そうにしていたので、無事に当選して良かった。

誕生日に欲しいとか言われたら大変だったし😅

https://www.nintendo.com/jp/games/switch2/a7hla/index.html

まだ、マリオパーティーは発売前なので、実際に楽しむのは少し先だけど良かった良かった😄

軽く触ってみた感じは、こんな感じ

画面が大きい、ちょっと重くなったか🤔
旧作がサクサク動くぞ!
Joycon のマグネット着脱は神👼。Switch のときからつけてくれよー

これからじっくり遊ぶのが楽しみだ！

開封の儀

https://www.instagram.com/p/DLSZzhZvpy7/

ガンダムも終わってしもた…🎬

Tue, 24 Jun 2025 17:57:57 GMT

毎週、とても楽しみに観てた Gundom GQuuuuuuX もとうとう終わってしまった😓

https://www.gundam.info/feature/gquuuuuux/

最終回もかなり見応えがあった😏

映画からテレビ本編をリアルタイムで視聴するなんて、いつぶりだろう🤔

それくらい毎週楽しみにしていたし、最終回まで一気に駆け抜けた感じだった。毎回、元ネタやオマージュ（悪ノリ？）がこれでもかと詰め込まれていて、いろいろと「やり過ぎだろw」と思いながら目が離せずに観てたけど、カラーっぽい(前身のガイ◯ックスぽい?)感じでとても良かった。

曲も良かった。オープニングもエンディングも良かったが、「BEYOND THE TIME」、「めぐりあい宇宙」とか😄

12話しかなかったけど、逆に展開が早くてテンポも良く、最後まで飽きずに夢中で観てしまった。

カラーらしいデザインと、映像としての圧倒的なかっこよさで描かれるモビルスーツ戦が見れただけで大満足。

これは何回も見直したい作品だなー！

https://www.youtube.com/watch?v=PvWIy8ABEOs

個人的にはサイコガンダムのシーンが良かったな。デザインも良いし、フィギュア出たら欲しいな(なぜかこれまでもサイコガンダムのフィギュアは買いがち)。

https://www.gundam.info/feature/gquuuuuux/mecha/29/

残念ながら、来週から観れないし、ちゃんとラストまで描き切ったので続編も無さそうだな😓

これで NBA もガンダムも終わってしまったし、何を楽しみに過そうか…

https://nawo.to/2025/06/23/nba-2024-25-season-ended/

継続して楽しんでいるのが仮面ライダーと後藤革命(新日本プロレス)だけになってしまった。後藤革命も G1 Climax 後までだろうしな…

「後藤革命を最後まで見届けろ」とガンダムが言っている

NBA 2024-25 シーズンが終わってしまった🏀🏆

Mon, 23 Jun 2025 00:00:00 GMT

NBA 2024-25シーズンが終わってしまった。ファイナルも GAME 7 までもつれるという熱い展開だったが、オクラホマシティサンダーが1979年以来2回目の優勝(かな?) で今シーズンが幕を閉じた。ウェストブルックや KD のときにはできなかった優勝はスゴイなー。優勝おめ🎉

https://nba.com/thunder

ファイナルの結果

オクラホマシティサンダー 4 - 3 インディアナペイサーズ

GAME 1: サンダー 108 - 102 ペイサーズ
GAME 2: ペイサーズ 115 - 110 サンダー
GAME 3: サンダー 112 - 98 ペイサーズ
GAME 4: ペイサーズ 105 - 103 サンダー
GAME 5: サンダー 118 - 111 ペイサーズ
GAME 6: ペイサーズ 109 - 107 サンダー
GAME 7: サンダー 116 - 108 ペイサーズ

Finals MVP: シャイ・ギルジアス・アレクサンダー

個人の感想

サンダーがレギュラーシーズンから最有力であったけど、ペイサーズがめちゃくちゃ勢いにのっていて、どっちが勝つか最後まで分からなく良かった。

ペイザーズもめっちゃ良かった。 (ハリバートンの怪我は残念だけど😓)

ここからはトレードあたりのニュースを楽しみに来シーズンも待とう。

レイカーズはどうなるんだろうなー🤔 まだまだ、レブロン👑、ドンチッチ、八村君が揃って活躍してほしいが😅

おわりに

このシーズンも楽しい時間をありがとう。にわかファンではあるが、来シーズンも楽しみにしています！

GatsbyからAstroへの移行を(ほぼ)AIにやってもらった🎉

Tue, 17 Jun 2025 07:29:48 GMT

数年ごとに訪れるサイト作り直したい欲が、今年もやってきました！そうしたい理由なんて、いくらでもでてくる

Gatsby が思ったより難しい
Typescript 化が中途半端で終わってるしなー
今も Gatsby が SSG の定番なんだっけ?
さくっと記事を準備するスクリプトつくんないとなー
うんぬんかんぬん

ということで、再構築しようと思いたち、調べると Astro が良さそうな気になってきた。

https://astro.build/

あとは、Astro を学習して、移行する方法を調べて… だと、一生やらないので、ここは「AI の出番では!?」ということで Cursor（AI搭載のコードエディタ。VSCodeをベースにしたIDEで、コードの生成や修正をAIと一緒に行える）の練習も兼ねて、ほぼほぼ AI に実装させてみた。

https://cursor.sh

所感というなの備忘録

Cursor は VSCode のフォークなんで、そんなに違和感なく使えた
- AquaSKK と相性は悪かったのでそこは我慢して使った
なんとなくしか知らないフレームワークだったけど、提案されるコードは解説してもらいながら進められた
既存の Gatsby の実装があるので、「Gatsby 版の実装を参考にして」という感じで割とサクサク進んだ気がする
- Guiscus とか Webmentions とかも無事に移行
- SEO とかは Astro の機能で再構築してくれたり、いいねボタンは他サービスを提案して進めたりもできた
デザイン(CSS)周りのデバックはちょっと面倒だった
- ここは人で作業しても一緒な感じがする
とは言え、ちょいちょいミスをするので、「この新人め!!」という気持ちで指摘して進めた(Astro なにも分からんが)

開発風景はこんな感じ

Cursor 「次は記事の表示の実装に進もうと思います」

nawoto 「よろしく」

Cursor 「できました！」

nawoto 「エラーでてるやん」

Cursor 「は!? 修正した」x 3

Cursor 「一度、デバックコードを入れてみます」

nawoto 「どのファイルを修正したの? それって Gatsby 版の方じゃない?」

Cursor 「は!? そうでした。これでどうですか?」

nawoto 「パチパチ」

Cursor 「リクエストが上限になったので課金…」

という感じで、編集するファイルを間違えたり、古いバージョンの情報を教えてきたり、完全に信用はできないけど、だいたいの移行は無事にできたみたい。当たり前だけど、僕が実装するより圧倒的に早い。コミットメッセージが気にくわないとか色々あるけど、個人で開発する分には十分過ぎる。

今回の移行で、もう少し色々とやってみたい気になったので、もうちょっと Cursor と一緒にやっていこう！

エラーもまだ出てるし

(こういうのを見るとサイト作る仕事とか無くなるのは理解できる… 😅)

引越しをした

Sat, 16 Nov 2024 00:00:00 GMT

https://www.instagram.com/p/BX0DZMwAT5E/

浅草周辺が気にいっているので、上野寄りだった前の家から観音裏と呼ばれるあたりに引越しをしました。台東区内ので引越しだけど

引越しした理由は、子供が大きくなってきたり、二人目が誕生したのでさすがに家が手狭になったのが一番の理由。それと、育児とか家事にかける負担が増えてきたので、家事導線とかとか良くした。

あと、ランチに行けるお店が大幅に増えたので QoL は爆あがりした！

お近くに遊びに来るひとがいれば、ぜひ我が家にお立ちよりくださいな 😄

家族が増えた🎂

Fri, 19 Jul 2024 00:00:00 GMT

4人家族になりました👶

Suzuri で T シャツつくってみた

Thu, 23 Jun 2022 00:00:00 GMT

Agile #Keccon 2019 でオリジナルグッズを作ったのが楽しかったので、また何かつくってみようとSuzuri を久しぶりに触っている。

自分がデザインしたものといえばスライドぐらいなのでそれをベースに、こんなのを作ってみた。

SPRINT #99 スタンダード T シャツ

https://suzuri.jp/nawoto/10211151/t-shirt/s/ash

To be Continued...花スタンダード T シャツ

https://suzuri.jp/nawoto/10223209/t-shirt/s/white

To be Continued...海スタンダード T シャツ

https://suzuri.jp/nawoto/10212379/t-shirt/s/white

実物が気になるので自分の夏用 T シャツで買ってみる。(地産地消！！)
他に買う人はいないなーと思いつつ、気になったら手に取ってみてください ☺️

あと、Suzuri は oembed に対応してたので、サイトの方の設定も少し修正した。
プロフィールに並んでいるアイコンに Suzuri を追加しようとしたけど、ロゴは改変禁止だったので適当なアイコンにしてみた。 (使っているサービスのロゴは、Fontawesome にあるといいなー)

Webmention をサポートしてみた

Thu, 09 Jun 2022 03:15:26 GMT

書いている文章にリアクションが来ると嬉しいので、あとで見返しやすいように Webmention をサポートしてみた。

https://indieweb.org/Webmention

思ったより実装に時間がかかったので、ひとまず Like だけ表示できるようにした。

Trackback が懐かしい世代なので面白い仕組みだとは思うが、もう少しシュっとサポートできると良さそう。。。
あと、Webmention の表示をくわえたので、ページの下部が煩雑になってきた 😓 おいおい整理しよう。

参考にしたサイト

コメント欄はいらない！Webmention を使ってブログにツイッターでの反応を表示する
Getting started with Webmentions in Gatsby
How to Use Webmentions with Gatsby.js – A Beginner's Guide
Embracing the IndieWeb ← 本当はこんなデザインにしたかった
Webmention.io
Bridgy

2026/03/06 updated

仕組みの整理

現在の構成はシンプルで、2つのサービスに乗っかっている。npm パッケージは使わず、自前の fetch で実装している。

Webmention.io — Webmention の受け取り窓口。<link rel="webmention"> タグを <head> に埋め込むだけで、他サイトからの言及を収集してくれる
brid.gy — Twitter や Mastodon などの SNS のリアクション（いいね・リポスト）を Webmention に変換して Webmention.io に送ってくれる橋渡し役

受け取り口の設定

<head> に1行追加するだけ。

<link rel="webmention" href="https://webmention.io/nawo.to/webmention" />

表示の実装

Webmention.io の API を fetch して、いいね（like-of）だけ絞り込んで表示している。

const res = await fetch(`https://webmention.io/api/mentions.jf2?target=${encodeURIComponent(url)}`);
const data = await res.json();
const likes = data.children.filter((m) => m['wm-property'] === 'like-of');

Twitter は取得不可に

2023年4月の Twitter API 有料化に伴い、brid.gy 経由での Twitter リアクションの取得ができなくなった。/mentions で表示しているのは以前に取得済みのぶんのみ。今後はおそらく Bluesky からの mention しか表示されないと思う。

mentions ページに集約

最初は各記事の下に Webmention を表示していたが、その後 /mentions としてサイト全体の受信一覧ページを作った。記事ごとの表示はいいね（like-of）のみ残してある。

プレゼントありがとう

Thu, 09 Jun 2022 00:00:00 GMT

今年もたくさんの誕生日プレゼントをいただきました。
贈っていただいた皆さん、ありがとうございます！！

特に大量のオムツを贈っていただき、助かりました。
ちょうど娘がお腹の風邪を罹っていたので、オムツを贅沢に利用して危機を乗りきれました(感謝感謝) 😄

https://www.instagram.com/p/CeTUQLrvxHz/

Scrum Boot Camp The Book が台湾で出版された

Tue, 31 May 2022 07:25:43 GMT

Scrum Boot Camp The Book が台湾でも出版された！！ (実際に出版されたのは 3 月)
献本してもらった繁体字版の実物が届いたので記念。めでたい 🎉🎉🎉

https://www.instagram.com/p/CeNpYJKvkQE/

自分たちの本が海外で翻訳されるという貴重な経験と実績解除ができて、正直とても嬉しい。

海外で生まれた開発手法について日本語で書いた本が海外で翻訳？ 🤔 っと思ったけど、同じアジア圏なので読みやすさ・親しみやすさみたいなのがあるのかなー。自画自賛だけど、この本はかなり読みやすい。

(サイトを見ると、日本の技術書をよく翻訳している出版社みたい)
http://books.gotop.com.tw/v_ACL061400

ここ数年は東南アジアに旅行に行けてないので、また台湾にも行きたいなー。書店で実際に並んでいるのを見れるといいなぁ。たぶん書店でニヤニヤしてそうだけど 😄

Scrum Bootcamp The Book は日本語でも読めるので、興味のある人はぜひ 😆

[book:scrum-bootcamp]

Wish List あまり使わなくなった

Fri, 20 May 2022 00:00:00 GMT

誕生日が近いので、Amazon の Wish List をひさびさに触っている。

https://amzn.to/happy_birthday_nawoto

お祝いで何かを送ってもらえるとやっぱり嬉しいので公開しているのだけれど、自分では贈り物で Wish List を使うことが少なくなってきている。
原因は、贈りたい人の Wish List を探すのが面倒 😅
最近は人と会う機会が減っていたり、SNS に触れる時間を減らしているので、お誕生日のポストを見逃していることが多い。

Wish List の代替として利用しているのが、Amazon ギフト券(email タイプ)。贈りたい人はだいたいメールアドレスを知っている親しい人だったりするので、基本はこれで代替できている。自分が考える利点はこんな感じ。

Wish List を探さなくていい
送る金額で遊べる (年齢にちなんだ数字とか)
手軽に送れる
自分の近況や写真なども送れる
受けとってもらえたか分かる
返信があったりする

たぶん、年賀状とかの感覚(送ってないけど)と近しい。あと、会社のメールアドレスにも送れるので一緒に仕事をしている同僚にもシュっとお祝いできるので便利。

Font Awesome を使おう

Wed, 11 May 2022 00:00:00 GMT

自分の SNS アカウントへのリンクは、アイコンのみで良さそうなので Font Awesome を導入した。 (個人的にはタイポグラフィなサイトが好みなので、文字多めな傾向はある。)

必要な Package をインストール

このサイトは、Gatsby で作っているので、React で利用するのとほぼ一緒な感じで設定した。

$ npm i --save @fortawesome/fontawesome-svg-core
$ npm i --save @fortawesome/react-fontawesome

次に必要な icon の方もインストール。 Twitter のアイコンなどを含んでいる 'brands' と Feed アイコンをいったアイコンも使いたいので 'solid' の方をインストール。

$ npm i --save @fortawesome/free-solid-svg-icons
$ npm i --save @fortawesome/free-brands-svg-icons

実際に使ってみる

使いたい箇所のコンポーネントをゴニョゴニョ修正。 Font Awesome で使いたいアイコンを探して、表記を camel case に読みかえて import する。

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faSquareRss } from '@fortawesome/free-solid-svg-icons';
import {
  faTwitter,
  faGithub,
  faSpeakerDeck,
  faInstagram,
} from '@fortawesome/free-brands-svg-icons';

あとは使いたい箇所で、以下のようにアイコンを呼びだせば表示された。

<a href="https://twitter.com/nawoto">
  <FontAwesomeIcon icon={faTwitter} />
</a>

スタイルを読みこんでおく

リロード時などに Font Awesome のアイコンの表示が崩れないように事前に Style を読みこんでおくために、gatsby-broeser.js に以下を追記。

// CSS style for Font Awesome
import '@fortawesome/fontawesome-svg-core/styles.css';

無事にアイコンが表示できたはず 🎉

2025年追記: 現在のアイコン実装

2025年にGatsbyからAstroに移行した際、アイコン実装も見直しました。

https://nawo.to/2025/06/17/migrate-to-astro-by-ai/

現在の実装

Font Awesome → Simple Icons + カスタムSVG

Simple Icons: 主要ブランド（X, GitHub, Instagram等）
カスタムSVG: マイナーなブランド（Suzuri, SpeakerDeck等）
Font Awesome: 使用していない

https://simpleicons.org/

変更理由

バンドルサイズ削減: Font Awesomeは重い
パフォーマンス向上: SVGは軽量
依存関係簡素化: 必要なアイコンのみ実装

現在の実装例

// src/data/icons.ts
import { siX } from 'simple-icons';

export const iconData = {
  // Simple Icons使用
  x: {
    viewBox: '0 0 24 24',
    path: siX.path,
  },
  // カスタムSVG
  suzuri: {
    viewBox: '0 0 640 512',
    path: 'M211.8 0c7.8 0 14.3 5.7 16.7 13.2...',
  },
};

使用例

<!-- src/components/Icon.astro -->
<Icon name="x" class="w-6 h-6" />
<Icon name="suzuri" class="w-6 h-6" />

より効率的で軽量な実装になりました！

サイトのお手入れ 🌱🚿

Wed, 27 Apr 2022 00:00:00 GMT

もう少し世の中によくあるサイトみたいにしようと nawo.to に少しづつ手を入れている。
ブログサイトとかに良くありそうなものだと、だいたいこんな感じだと思う。

シェアボタン
いいねボタン
コメント機能
OGP 画像

Gatsbyだと plugin が豊富にあるので利用していく。あと、先人たちがだいたい何かしらやってくれているので、調べながら実装。

シェアボタン

最近はスマホでサイトを閲覧して、そのまま OS・ブラウザの機能でシェアすることが(自分には)ほとんどなので、シェアボタンの必要性があるかは少し悩んだ。けれど、書いた文章にシェアボタンとかがあるとなんとなくそれっぽいサイトに見えるよな〜という理由で設置してみた 😄
シェア先は、Twitter ぐらいしか見てないので Twitter と昔ながらのはてブぐらいがあれば十分な気がする。

設置は、シュっと react-share を使って実装できた。

https://github.com/nygardk/react-share

いいねボタン

Gatsby で作ったような静的サイトでも「いいねボタン」って設置できるのかな〜っと調べてみたら、いろいろあるみたい。

どちらも一定数の PV までなら無料で使えるので、React まわりのドキュメントが記載されてた Lyket を使ってみた。

コメント機能

静的サイトでもコメント機能をつけられた 🎉
Disqus が有名だけど、utterancesが良さそう！コメントをどうやって保存するんだろうっと思ったら、Github の Issue を使うのか。スゴイ 😲

React のコンポーネントもあったけど、数行程度のコード量なので自前で持つことにした。参考にしたのはここら辺。

ボタンの配置とかとか

↑ な感じでポチポチと必要な要素を配置しながら、いろんなサイトを参考にしてみた。最近だと、シェアとかいいね！とかは記事のタイトル部分に配置してたりするサイトが増えた気がする。(特に記事を投稿する系のサービス) たしかに、タイトルと概要だけ読んでシュっとボタンを押して拡散する方がサービスの観点では良さそうだけど、個人サイトなんで一応、文章を読んで「これは良さそう！！」と思って押してもらった方が嬉しいので、ひとまずページ下部にボタンやコメント類を配置するオールドスタイルな感じにしてみた 😄

Open Graph Image をつけた

シェアボタンをつけたので、OGP 画像も設定。
画像にどんなフォントでテキストを入れるかで一番悩んでしまった。 Graffiti っぽいフォントにしたかったので、Molleを使った。他にも Google Fonts だとここら辺がいい感じ。(そのうちスライドなんかで使おう)

画像は、Pablo あたりとを使うと良さげなのが作れそうだけど、シュっと自前で用意。
サイズを 1024x512 で作成して、解像度を 96x96 にしてみた。

設定の仕方は、ここら辺を参考にさせてもらった。

https://juliangaramendy.dev/blog/custom-open-graph-images-in-gatsby-blog

あとは Twitter と Facebook あたりでちゃんと表示されているかを確認。

まだまだお手入れの道は続く

ひとまず、ふつうのサイトっぽい機能は実装できたけど、まだまだ手を入れたいところは次々と出てくる。ひとまず忘れないようにメモして、あとでちまちまやっていこう。

~~OGP 画像つけたい。Twitter にシェアするときに残念な気持ちになる~~
- つけた
GA4 をいれる
Google Search Console に登録する
Font Awesome でアイコンをつけたい
🍔 ハンバーガーメニューつけたい。大したメニューのコンテンツないけどなんとなく
IndieWebify したい。IndieWebify.Me

保育園に行きはじめた

Fri, 22 Apr 2022 00:00:00 GMT

娘の 2 週間のならし保育もなんとか済んで、今週から本格的に保育園に行きはじめた。
人見知りも全くない様子で、いつもスンとした表情で泣くこともなく預けることができるので大変助かる 😊 ならし保育中は掴まり立ちなどは披露してなかったらしく、今週になって保育士さんに「はじめて掴まり立ちしました！！」と言われたけど、「あ、家ではモゴモゴ(あ、するのは知ってましたよ)」と歯切れの悪い返事をしてしまった。娘も緊張してたのかね。

一方で親の方は、子供がならし保育中にもらってきた風邪をもらったり、生活リズムが朝早くにシフトしたりで自分の身体の方がまだ全然適応できていない感じ 😅
3 月〜4 月は、いろいろと環境が変わって自分も子供も大変だなーって感じだけど、自然と慣れていくと思うので焦らずやっていこう。

と、思っていたら保育園の方で新型コロナの陽性者が出たので、今日からしばらく自宅保育になるとの連絡が来た 😢
そういうのがあると少しは想定していたけど、穏やかな春はまだまだ遠いなぁ〜。 (uncontrollable な事象なのでまぁ仕方がない)

読み返したい文章も書けるように

Wed, 06 Apr 2022 00:00:00 GMT

日記のようなフローなコンテンツは、気軽に書ける反面、どうしても走り書きのメモのようになってしまうので、あまり読み返したりするようなちゃんとした文章にはなっていない 😅

ネタによっては、あとで「自分はどう考えて、どういう言語化した」と読み返したいときもあるので、日記的な文章とは別にまとまった内容の文章を分けて書けるようにしてみた。あと、たまに依頼されて文章を書く機会があるので、日頃からまとまった文章を書いていないと筆がどうにも遅い。。。なので、書く練習も兼ねて、たまにはまとまった文章も書いていこうと思う。

ネタはどんなのが良いかの〜🤔

まずは実装してみよう

ネタは追々考えるとして、Gatsby でも Markdown で書いたファイルの置き場所を分けて、別の URL で表示することができた。まだ、記事の一覧はちゃんと作ってないけど、日記のような文章を LOG というカテゴリに書いて、まとまった文章の方を TEXTS にのせるようにしてみた。

ただ、URL をどうするかは悩んでいる 🤔 LOG の方はいつごろ書いたが分かりやすい and ファイルをディレクトリ毎に分けときたいので YYYY/MM/DD/slug にして、まとまった文章の方を texts/slug にしてみた。どうかなーという気持ちはあるのだけれど、良いのが思いつかない。。。

参考にしたサイト

追記

URL などの構造はそのままに Gatsby から Astro に移行した🚀

http://nawo.to/2025/06/17/migrate-to-astro-by-ai/

Hello World!!

Fri, 01 Apr 2022 00:00:00 GMT

雑多な文章を書きたいなっと思ったので、放置していた自分のサイトをGatsbyで作り直してみた。以前に、Hugo を使ってみたけど、自分のスキルだと細かい部分まで手をいれられなかったで Gatsby を使ってみた。いろいろと触れてちょっとづつ手を加えていけそうな感じが気にいっている。 (思ったよりコードを書く必要があったけど…😅)

ひとまず雑多な文章を貼るぐらいはできるようになったので、日々のなにげない文章とかはココに置いていこう。ちょうど、今は亡きはてダから自動で移行されたはてなブログも放置してたので。

備忘録

やったことをメモ。コマンドとか細かい手順は、Gatsby サイト あたりをググればでるので割愛。

gatsby-starter-blog を設定する。→ 最初は他の Starter とかゼロから作ろうとしてみたけど、結局これが一通りのことをシンプルに実装してて、手がいれやすい感じ
Web 日記的なものは日付つきの URL が好みなので Markdown の置き場所を YYYY/MM/DD/なんとかかんとか に変更(単に content/blog/YYYY/MM/DD に mv しただけ)
Tailwind CSSに変更。→ Starter が提供している CSS をガッと消して設定。Using Gatsby with Tailwind CSS: A tutorial with examples が参考になった
チマチマとレイアウトと CSS を書く。→ Almost Brutalism 風なのを目指してみた 😅 こういうやつ
Markdown で書いた記事の見た目を省エネで整えるのに @tailwindcss/typographyを設定。→ この記事を参考
Favicon を設定 → シュっと favicon.io で Text から作成した。フォントを Google Fonts から選べるので、おすすめフォントを見つつデラゴシックで作成。

文章を書くつもりが、ひさびさのサイト作りの方が楽しくなっている感じはする 😄

#nawoto

誕生日🎂🎉

2026-05-24

2025-05-24

2024-05-24

2023-05-24

2022-05-24

プレゼントもらった

2012-05-24

最終出社

Emacs で Emoji を日本語で探す

emojify からビルトインへ

やっぱり日本語で検索したい

macOS の絵文字ピッカーを使う

髪切った

三社祭

Astro v6 に上げた

Astro v6 について

主な変更点

このサイトでの主な修正

ま、Claude にお任せなんだが

My new MacBook Air M5

セットアップ

dotfiles を久々に管理しはじめた

GNU Stow で整理

SETUP.md

髪切った(なぜか隣にプロレスラー)

Kids Age++

一席二鶏に行ってきた🐔🍗

髪切った(いつもと違うところで)

アジャイルサムライ10周年ちょっとが経ちました

講演で何を伝えたかったの?🤔

10周年ありがとう

おわりに

^z

表紙の話

函館のみなさん

Scrum Boot Camp The Book Begins

Migrating from Hatena.........Done🤔

移行までの道程

最後に

生成AIとサイトデザインやってみた！その感想😆

ちょっと聞いてみたら、めっちゃ返してくる

画像まで出せるのね

まとめ

おまけ : お前、そこに時間つかってたのか

後藤革命も終わってしまった…😭

奥浅草のお昼ごはん - 金太郎寿司

お店情報

ログ

次もいくのか🤔?

Switch 2 が我が家にやってきた📺🎮

開封の儀

ガンダムも終わってしもた…🎬

NBA 2024-25 シーズンが終わってしまった🏀🏆

ファイナルの結果

個人の感想

おわりに

GatsbyからAstroへの移行を(ほぼ)AIにやってもらった🎉

所感というなの備忘録

引越しをした

家族が増えた🎂

Suzuri で T シャツつくってみた

SPRINT #99 スタンダード T シャツ

To be Continued...花 スタンダード T シャツ

To be Continued...海 スタンダード T シャツ

Webmention をサポートしてみた

参考にしたサイト

2026/03/06 updated

仕組みの整理

受け取り口の設定

表示の実装

Twitter は取得不可に

mentions ページに集約

プレゼントありがとう

Scrum Boot Camp The Book が台湾で出版された

Wish List あまり使わなくなった

Font Awesome を使おう

必要な Package をインストール

実際に使ってみる

To be Continued...花スタンダード T シャツ

To be Continued...海スタンダード T シャツ