Blog
日々の暮らしを楽しみながら、先端テクノロジーが社会に実装され、
実際に役立っていく過程に関心を寄せています。
AI 技術を活用しつつ、個人的に興味のあるテーマについて書いています。
皆さまの新たな気づきやヒントにつながれば幸いです。
-
いにしえのフロントエンド入門 フレームワーク編 第7回 ── 副作用とデータ取得
本物の Spring Boot につないだ。開発用では問い合わせが2回飛び、返事の順番が入れかわると 10/14 のレートが残った。use の Promise を部品の中で作ると3秒で317回。CORS・CSRF・401 も実測で。
useEffect と Suspense の使いどころ。 -
いにしえのフロントエンド入門 フレームワーク編 第6回 ── フォームと入力チェック
React 19 の Actions で送信を付け、画面とサーバーで同じ決まりのチェック。画面は送信0回・約0.02秒。<form action> は「だめ」でも件名を消し、2回押しで申請が2件できた。
送る前と送ったあとを実測で。 -
いにしえのフロントエンド入門 フレームワーク編 第5回 ── 状態と再描画
useState で明細を動かした。1文字で6つの部品が描きなおされ、画面が変わるのは2か所。push しても描かれず、setRows 2回で1行だけ。key を何番目かにすると ✓ がずれ、消した行が残った。
「状態」と「描きなおし」を実測で。 -
いにしえのフロントエンド入門 フレームワーク編 第4回 ── React の最初の一歩
Vite のひな形から申請フォームを React で。画面を部品に分け、props で明細を渡す。JSX の正体、7つのつまずき、保存して 50 ms の HMR、開発用 3.8 MB と本番用 451 KB。
いよいよ React で作りはじめます。 -
いにしえのフロントエンド入門 フレームワーク編 第3回 ── 歴史②：React 以後
Vue・Angular・Svelte・Solid の最新版で同じ明細の表を書いた。厳しい CSP でもずれもエラーもなし。5000 行で1文字、React・Vue は 90 ms 台、シグナルの3つは 10 ms 前後。
作りなおして比べる流派と、シグナルの流派。 -
いにしえのフロントエンド入門 フレームワーク編 第2回 ── 歴史①：jQuery から MVC へ
2010年の3つの答え、Backbone・Knockout・AngularJS で明細の表を書いた。件数のずれは0回、5000 行で1文字 1.6〜16.4 ms と React より速い。けれど厳しい CSP では2つが動かない。
流派のちがいを、実測で比べます。 -
いにしえのフロントエンド入門 フレームワーク編 第1回 ── なぜフレームワークが生まれたか
jQuery の申請フォームに明細の件数を1つ出すと、8つの操作のうち3回、表示が古くなった。全部作りなおせば正しいが、打つたびに欄が消える。React は正しくて速い、そのかわり 226 KB。
新しい連載、全15回の始まりです。 -
いにしえのバックエンド入門 第15回（最終回） ── 動かす、申請のアプリを自分の PC の外へ
Flyway で DB の形をソースに、Docker の像と compose、nginx を前に。接続を使い回さないと 502、仮想スレッドは待つ仕事で 2.7 倍、トランザクションの中では変わらず。止め方と 512 MB の箱。
全15回の最終回、実測でしめくくります。 -
いにしえのバックエンド入門 第14回 ── テスト、直したことを機械に覚えさせる
雛形のテストは1件だけ、直しを3つ戻しても緑。Spring なし・窓口だけ・本物の PostgreSQL・同時に押すテストで 107 件、直しを10か所戻すと10か所とも気づいた。網羅率と PIT。
テストを書いて、わざと壊して実測します。 -
いにしえのバックエンド入門 第13回 ── ログと監視、あとから「何が起きたか」を読めるようにする
ない URL が 500、DEBUG のままでは GET 1件で 5 行、ハッシュまでログに。頼みごとの番号、構造化ログ、Actuator の数と接続の池、DB を止めると 30 秒待って 500。
ログを読みなおして実測します。 -
いにしえのバックエンド入門 第12回 ── ファイル、領収書の写真を名前も中身も信じずに受け取る
スマホ写真は既定の上限で断られ、12 MB には返事も来ない。届いた名前のまま置くと上書きと置き場所の外への書き込み。先頭のバイト、SHA-256 の指紋、番号と権限で返す窓口、DB とディスクのずれまで。
自分の練習用アプリで実測します。 -
いにしえのバックエンド入門 第11回 ── 認証と認可、「だれか」を確かめ「してよいか」を決める
ヘッダーに名前を書くだけで、だれにでもなれた。Spring Security のログインとセッション、bcrypt、役割、そして受付番号を変えるとほかの人の申請が見える IDOR を MyBatis の where で塞ぐ。401・403・404 の使い分けまで。
自分の練習用アプリで実測します。 -
いにしえのバックエンド入門 第10回 ── 状態遷移、承認済みの申請をだれが直せるのか
承認済みの申請の金額が変えられ、打ち間違いの状態が 500 を返しながら DB に入る。状態遷移表、update の where、履歴、画面のボタンと 409、DB の CHECK まで、状態を守る5つの段を。
MyBatis と PostgreSQL で実測します。 -
いにしえのバックエンド入門 第9回 ── トランザクションと同時更新、あとから保存した人が勝つ
2人で同じ申請を直すと、先の変更が黙って消える。150 件同時の「引いて」は 150 件とも OK なのに、予算は 18,000 円しか減らない。SQL の中で引く、for update、版番号、やり直し、デッドロック、長いトランザクションまで。
MyBatis と PostgreSQL で実測します。 -
いにしえのバックエンド入門 第8回 ── DB アクセス、JdbcClient・JPA・MyBatis で同じ一覧を書いて比べる
同じ答えでも SQL は違う。JPA をそのまま使うと 104 本の N+1、save しないのに走る update、open-in-view、MyBatis の ${} で全員分の申請。jar は 24 MB から 55 MB へ。どれを選ぶかの目安まで。
DB のログで実測します。 -
いにしえのバックエンド入門 第7回 ── 例外と返事、「システムエラーが発生しました」から卒業する
ない受付番号も二度押しも 500 だった素の Spring Boot から、ProblemDetail と @RestControllerAdvice で 400 の理由・404・409・問い合わせ番号へ。握りつぶしの「うその成功」と、返してはいけないスタックトレースも。
実測で確かめます。 -
いにしえのバックエンド入門 第6回 ── 入力チェック、何を、どこで、どこまで確かめるか
@Valid の付け忘れで空とマイナスが DB へ、第1回の印では 1280.125 円が黙って丸められ 101 文字は 500。きびしい印、JSON の段階、知らない項目、UTC のアプリが東京の今日を「未来」と断る件、DB の CHECK まで。
実測で確かめます。 -
いにしえのバックエンド入門 第5回 ── Spring Boot に戻る、DI と3層と「Bean は1つ」
Bean は 196 個、自分で書いたのは 8 個。DI なら Spring なしで 0.23 秒、フィールドに置いた申請者は 200 件中 87〜102 件で入れ替わり、第3・4回の失敗は Tomcat と Jackson が引き受け、同じクラスから呼んだ @Transactional は効かない。
実測で確かめます。 -
いにしえのバックエンド入門 第4回 ── 素手で DB と話す、JDBC と SQL インジェクションとトランザクション
JDBC ドライバーだけで PostgreSQL へ。接続1本に 6 往復、閉じ忘れは 97 本で拒否、名前をつなげた SQL で他人の申請が出てプレースホルダーで 0 件、NULL の getLong は 0、1,000 行は 385 → 22 ms、自動コミットで半分だけの申請。
DB のログと Wireshark で実測します。 -
いにしえのバックエンド入門 第3回 ── 素手で HTTP を受ける、ServerSocket とスレッドと JDK の HttpServer
JDK だけで HTTP を1行ずつ読み、Content-Length を文字で書いて返事を切り、黙っている客1人でサーバーを止め、スレッドと仮想スレッドで 50 件を 0.2 秒に。正規表現の JSON は金額を 780 円に。
curl、nc、Wireshark で実測します。 -
いにしえのバックエンド入門 第2回 ── Java の準備、お金と日付と時刻を正しく持つ
double で税抜き 999 円、BigDecimal の作法と丸め方、同じ瞬間でも日付が変わる時刻、timestamp と timestamptz、SimpleDateFormat、null、record、文字とバイト。
jshell と PostgreSQL で実測します。 -
いにしえのバックエンド入門 第1回 ── 全体図、申請1件がサーバーの中で DB に入るまで
新連載。これまで送ってきた申請を、Java で受け取る側を全15回で作ります。
第1回は Spring Boot と PostgreSQL の申請サーバーを動かし、申請1件の旅を実測します。 -
いにしえのネットワーク入門 第12回（最終回） ── つながらない時の切り分け、下の層から1段ずつ
切り分けのはしご、エラーの文面にだまされない、断られたか捨てられたか、TLS の確かめ、だれが返した 5xx か、遅いときの時間の分解。
練習用ネットワークを1か所ずつ壊して実測します。全12回の最終回。 -
いにしえのネットワーク入門 第11回 ── 開発者のネットワーク、localhost・Docker の中と外・プロキシ
localhost は名前、127.0.0.1 と 0.0.0.0、Docker のコンテナと -p、コンテナの中の localhost、会社のプロキシ、開発サーバーのプロキシと CORS。
Docker と練習用ネットワークで、開発者の PC の中を実測します。 -
いにしえのネットワーク入門 第10回 ── HTTP、申請ボタンの中身を1行ずつ読む
リクエストとレスポンスの形、メソッドと冪等、ステータスコード、ETag と 304、クッキー、CORS、圧縮、HTTP/1.1・2・3。
練習用のサーバーで、申請の HTTP を実測します。 -
いにしえのネットワーク入門 第9回 ── DNS、名前から住所を引くインターネットの電話帳
名前の木、リゾルバーがたどる道、TTL とキャッシュ、レコードの種類、hosts と dig の食い違い、DNS が止まったとき。
練習用の3段の DNS サーバーで、名前を引く道のりを実測します。 -
いにしえのネットワーク入門 第8回 ── 第5・6層と TLS、申請に鍵をかける
第5・6層、TLS の3つの約束、鍵の共有、証明書、確かめに失敗する4つの場面、ECH、短くなる証明書の期限。
HTTPS にすると何が見えなくなり、何が残り、どれだけ遅くなるのかを実測します。 -
いにしえのネットワーク入門 第7回 ── UDP とソケット、あいさつしない手紙と、プログラムの窓口
UDP の 8 バイトの見出し、区切り、断片、先頭のつかえ。後半はソケット、受け付け待ちの行列、epoll。
1つ落ちたとき、TCP と UDP で後ろの知らせはどうなるのかを実測します。 -
いにしえのネットワーク入門 第6回 ── TCP、ポート番号、3ウェイハンドシェイク、送り直し、窓と混み具合
ポート番号、3ウェイハンドシェイク、Seq と Ack、送り直し、受け手の窓、混み具合の制御、TIME-WAIT。
小包をわざと落とす「いたずら線」で、TCP の丁寧さを一つずつ確かめます。 -
いにしえのネットワーク入門 第5回 ── ルーター、経路表と TTL、traceroute、そして「家のルーター」の正体
経路表といちばん長く一致する行、TTL と traceroute、ICMP、家のルーターの正体（NAT）、AS と BGP。
わざと道を輪にすると、1回の ping は何回往復して消えるのか。 -
いにしえのネットワーク入門 第4回 ── IP アドレス、32 ビットの住所と「/24」、DHCP、そして IPv6
32 ビットの住所と「/24」、特別な住所、DHCP、IPv4 の枯渇と IPv6。
マスクを /16 と取り違えると何が起きるのか、実際に失敗させて確かめます。 -
いにしえのネットワーク入門 第3回 ── データリンク層、MAC アドレスとスイッチ、「全員に尋ねる」ARP
MAC アドレス、スイッチの学習、ARP、MTU、VLAN、STP。スイッチ1台と PC 3台で確かめます。
ループに全員あてを1つ流すと、毎秒何個に増えるのかも測りました。 -
いにしえのネットワーク入門 第2回 ── 物理層、0 と 1 が電気と光と電波になる
ケーブルの上の 266 バイト、FCS の計算、LAN ケーブル・光ファイバー・Wi-Fi、ハブとスイッチ。
回線を100倍速くすると、1回の申請は何倍速くなるのかを測ります。 -
いにしえのネットワーク入門 第1回 ── 全体図、申請ボタンからサーバーまでを7つの層で見る
新連載。申請ボタンから出た1回の通信を、全12回で層ごとに追いかけます。
第1回は OSI と TCP/IP の地図を作り、本物のパケット14個を記録して、266 バイトをばらしてみます。 -
いにしえのフロントエンド入門 第15回（最終回） ── 仕上げ、道具で点検し、守りを固め、公開し、フレームワークの入口に立つ
15回かけて作った経費精算システムを、HTML の検査と axe-core で点検して直し、CSP や SRI の守りを足します。
公開のしかたを整理し、最後に同じ明細の表を Vue 3 で書いて、フレームワークの入口からのぞきます。 -
いにしえのフロントエンド入門 第14回 ── jQuery、同じ画面を「$」で書き直して並べて比べる
第8〜10回の申請フォームを jQuery 4.0.0 で書き直し、同じ動きになるかを確かめます。
$() の入れ物、$.ajax と fetch の違い、3.7.1 から変わったことを、練習用サーバーで試します。 -
いにしえのフロントエンド入門 第13回 ── 集計と印刷、月ごとに足して棒グラフを手で描き、紙に出す
申請を月ごと・区分ごと・人ごとに足して、SVG の棒グラフを手で描きます。
日付を Date にすると月がずれる罠、割合の端数、印刷用の CSS を、練習用サーバーで確かめます。 -
いにしえのフロントエンド入門 第12回 ── 承認の流れ、ダイアログで確かめてボタン一つで状態を進める
dialog 要素で申請を確かめ、承認・差し戻しを JSON で送ります。
showModal() がしてくれること、JSON の Content-Type、二人の承認者が同時に押したときの 409 と版、履歴の時刻を、練習用サーバーで確かめます。 -
いにしえのフロントエンド入門 第11回 ── ログインと画面の切り替え、「あなたは誰？」をどの画面でも確かめる
ログイン画面を作り、どの画面でも最初にサーバーへ「あなたは誰？」を確かめます。
HttpOnly のクッキー、戻り先の罠、401 と 403、メニューを隠すことと断ることの違いを、練習用サーバーで確かめます。 -
いにしえのフロントエンド入門 第10回 ── JavaScript ④：非同期通信、fetch で画面を切り替えずにサーバーと話す
JavaScript の4回目は非同期通信。fetch で為替レートを取ってドルを換算し、申請を送って申請番号を受け取ります。
404 や 500 をエラーにしない fetch、お金を整数で数える理由、二重送信の防ぎ方まで、練習用サーバーで実際に確かめます。 -
いにしえのフロントエンド入門 第9回 ── JavaScript ③：入力チェック、分かりやすく止めて直し方を伝える
JavaScript の3回目は入力チェック。ブラウザの検査にどこまで任せるかを測り、足りないところを JavaScript で引き取ります。
正規表現、toISOString の日付の罠、直し方を伝えるメッセージ、赤い枠・まとめ・フォーカスまで、実際に操作して確かめます。 -
いにしえのフロントエンド入門 第8回 ── JavaScript ②：DOM とイベント、明細の行を足し、消し、合計をその場で出す
JavaScript の2回目。DOM とイベントで、明細の行を足し・消し・合計をその場で出せるようにします。
イベントの委任、template、textContent と innerHTML の違い、消したあとのフォーカスまで、実際に操作して確かめます。 -
いにしえのフロントエンド入門 第7回 ── JavaScript ①：基本、明細の合計を計算する関数を書く
JavaScript の最初の回。値の種類、変数、関数、くり返しで、明細の合計を出す関数を書きます。
「＋」が文字をつなげる罠や、全角数字・NaN・小数などお金の罠を、実際に実行して確かめます。 -
いにしえのフロントエンド入門 第6回 ── CSS ③：Bootstrap、いにしえの道具箱を中身を知ったうえで使う
申請一覧と申請フォームを Bootstrap 5.3.8 で書き直します。クラスの読み方、手書きの CSS との対応、グリッドと部品。
読み込む順番や Bootstrap 4 の書き方が混ざる落とし穴、ファイルの重さも実際に測ります。 -
いにしえのフロントエンド入門 第5回 ── CSS ②：レイアウトとスマホ、flex と grid で並べて画面の幅に合わせる
申請一覧をスマホでも読めるようにします。meta viewport、flex と grid、表だけの横スクロール、メディアクエリ。
列の数や切り替わる画面の幅を実際に測り、短くて崩れにくいレイアウトの書き方を身に付けます。 -
いにしえのフロントエンド入門 第4回 ── CSS ①：セレクタとボックス、申請一覧に自前の CSS で服を着せる
第2回の申請一覧に、自分で書いた CSS を付けます。セレクタ、カスケードと詳細度、継承、ボックスモデル。
詳細度の勝ち負けや箱の幅を実際に測り、!important に頼らない書き方を身に付けます。 -
いにしえのフロントエンド入門 第3回 ── フォーム：申請フォームを HTML だけで作り、何が送られるかを見る
申請フォームを HTML だけで作ります。label と name、入力の部品、ボタン、ブラウザの入力チェック。
実際に送信して GET の URL と POST の中身を確かめ、「画面の検査は外せる」理由も見ます。 -
いにしえのフロントエンド入門 第2回 ── HTML の骨組み：申請一覧を「意味のあるタグ」で組み立てる
申請一覧の骨組みを HTML だけで組み立てます。header・nav・main・footer、見出し、表、リンクと画像。
div だらけのページと何が違うのか、読み上げソフトや AI からの見え方と、検査ツールで確かめます。 -
いにしえのフロントエンド入門 第1回 ── Web ページが映るまでと、経費精算システムの設計図
AI 任せのバイブコーディングの逆を行き、HTML・CSS・JavaScript を手で書いて経費精算システムを作る全15回の連載が始まります。
第1回は、Web ページが映る仕組み、三つの言語の役割、画面の設計図、道具の準備、そして最初の一枚まで。 -
Docker Desktop 使い方ガイド ── 役割と仕組み、画面の操作、似たアプリとの使い分け
新カテゴリ「ソフトウェア」の一本目。実際の操作画面に①②③の番号を書き込み、Docker Hub からの起動、
ログ・Exec・ファイルの確認、設定、基本の言葉、料金、Rancher Desktop・OrbStack などとの使い分けまで紹介します。 -
Playwright 入門と実践 ── 生まれた背景と仕組み、経費精算ページのテスト、AI との付き合い方
Selenium・Puppeteer から続く誕生の背景と、コンテキスト・自動待機・ロケーターの仕組みを図解。
経費精算ページのテストを実際に書いて動かし、設計段階からの準備、AI にルールを守らせる方法までまとめます。 -
日本酒のはなし ── 米と水と麹がつくる、1300年の物語
世界でも珍しい「並行複発酵」、純米・吟醸・大吟醸の違い、播磨国風土記から灘の下り酒、ユネスコ無形文化遺産までの歴史。
灘・伏見・新潟・西条など酒どころの地図と、雪冷えから熱燗までの楽しみ方も紹介します。 -
和牛のはなし ── 田畑の相棒から、世界の「WAGYU」へ
「和牛」と「国産牛」の違い、4つの品種、黒毛和種の99.9%の祖先となった種牛「田尻号」、A5とBMSの意味、脂がとろける理由。
松阪・神戸・近江・米沢・宮崎・鹿児島など、全国の産地も地図でめぐります。 -
焼き鳥のはなし ── 野鳥の串焼きから、街角の赤ちょうちんへ
野鳥の串焼きから、明治の屋台、戦後の横丁、ブロイラーによる大衆化まで、焼き鳥の歴史を年表で。
鶏の部位図と串の図鑑、塩とタレ、備長炭の焼き台、ご当地やきとりの地図、老舗と名店も紹介します。 -
焼肉のはなし ── 戦後の街角から、日本の「ごちそう」になるまで
肉食禁止の1200年から、1946年の焼肉店の誕生、焼肉のたれと無煙ロースター、一人焼肉まで、焼肉の歴史を年表で。
牛の部位図とホルモン図鑑、ご当地焼肉の地図、老舗と名店、安全でおいしい食べ方も紹介します。 -
天ぷらのはなし ── 南蛮渡来の揚げ物が、江戸の屋台で名物になるまで
南蛮貿易での伝来から、江戸の屋台、天ぷらそばと天丼の誕生まで、天ぷらの歴史を年表とイラストで。
関東と関西の違い、定番のタネ、さくっと揚がるしくみ、東京の老舗の名店も紹介します。 -
遺伝子ってなに？ ── 細胞でも原子でもない、生命の「情報」のしくみ
遺伝子は細胞のようなもの？原子のような粒？ 体から原子までズームする図解で、遺伝子の正体と姿を説明。
タンパク質がつくられるしくみ、影響力が大きい理由、生老病死のうち遺伝子が決めること・決めないことまで。 -
はじめてのお寿司 ── 定番ネタ図鑑と、おいしく食べるためのコツ
マグロの赤身・中トロ・大トロ、サーモン、白身、光り物、貝、ウニ・イクラ。定番ネタを写真で紹介し、
食べる順番、醤油のつけ方、手と箸の使い方、回転寿司のマナーまでイラストで解説します。 -
日本のラーメン、北から南へ ── 歴史とご当地ラーメン15杯を地図でめぐる
中国から伝わった麺が、日本の国民食になるまでの歴史。そして札幌の味噌、喜多方の醤油、博多の豚骨をはじめ、
北海道から鹿児島まで、ご当地ラーメン15杯を日本地図と写真で食べ歩きます。 -
マーベル映画を時系列で観る ── MCU 全38作品のストーリー年表（2026年版）
キャプテン・アメリカ、アイアンマン、ハルク、スパイダーマン、アベンジャーズ。38作を物語の中の時間の順に。
作中の年、サーガとフェーズ、シリーズ別の順番、MCU の外の作品との関係、おすすめの観る順番まで。 -
池袋から秋葉原へ ── 電気街と御茶ノ水・神田・上野をめぐる一日モデルコース（2026年秋）
山手線で20分、丸ノ内線なら御茶ノ水へ11分。聖橋・湯島聖堂・神田明神から電気街、日曜の歩行者天国、
マーチエキュート、2k540、アメ横、不忍池まで。おすすめの店とランチも。 -
n8n 入門と実践 ── 仕組みと使いどころ、Web 開発での活用例、そして UiPath との比較
n8n の歴史と仕組み、ライセンス、主な活用シーン。デプロイ後の受入チェックを実際に自動化し、
RPA の代表 UiPath と比べて、n8n で置き換えられる領域と UiPath に分がある領域を整理。 -
Docker 入門と実践 ── 仕組みの基本から、Java Web システムの開発・デプロイ・保守まで
コンテナと仮想マシンの違い、イメージやボリュームなどの用語、主な活用シーン。
Spring Boot と Vue の顧客向けシステムで、開発環境・DB・本番デプロイ・保守のどこが楽になるかを実例で。 -
池袋から「スタジオツアー東京」へ ── ハリー・ポッターの舞台裏を巡る一日（2026年秋）
西武線で15分、9時の回に入って3〜4時間。チケットと予算、館内の順路と昼食のタイミング、
11月8日までのハロウィーン、帰りの公園と池袋の夕景まで。 -
ローカル環境で大規模モデルを動かす ── CUDA と Metal の違いから、Qwen3.8-27B を LM Studio で動かすまで
CUDA・Metal などの系統、Windows・Mac・Linux の選択肢、「27B」「Q4_K_M」の意味、文章・画像・声・OCR・翻訳の実用モデル。
そして Qwen3.8-27B を LM Studio で動かす手順を、番号つきの画面で。 -
東京ディズニーシー 1日モデルコース ── 25周年とハロウィーンが重なる秋に
入園したらすぐアナとエルサのDPA、午前はファンタジースプリングス、夜はハーバーのショーと花火まで。
タワー・オブ・テラーなどが休止中の10月の最新情報で、チケット・予算・地図つき。 -
東京ディズニーランド 1日モデルコース ── 2026年秋、ハロウィーンの季節に
開園前に並んで、入園したらすぐアプリでDPA。ファンタジーランドからパレード、夜の花火まで。
10月の値上げとプライオリティパス終了後の最新ルールで、チケット・予算・地図つき。 -
奥多摩 日帰りルート ── 奥多摩湖から多摩川を下って酒蔵へ
ホリデー快速おくたまで奥多摩へ。小河内ダムを歩き、白丸ダムの魚道から鳩ノ巣渓谷、
御岳渓谷の遊歩道を下って沢井の澤乃井園まで。地図2枚と時刻つきで。 -
東京ひとめぐり 日帰りルート ── 池袋から皇居・上野・浅草へ
池袋から地下鉄で東京駅へ。二重橋と江戸城の跡の東御苑、上野の不忍池・アメ横・東京国立博物館、
夕暮れの浅草寺と隅田川の夜景まで。地図2枚と時刻つきで。 -
RustDesk 入門マニュアル ── リモートデスクトップに何が要るか、サーバーはいつ要るか
Tailscale のあとに RustDesk は必須か。インストールしてすぐ使えるのか。
中継や自前サーバーが要る場面と、Tailscale と組み合わせてサーバーなしで使う方法まで。 -
Tailscale 入門マニュアル ── ネットワークの基礎から、仕組みと使い方まで
IP・NAT の基礎から、Tailscale がポート開放なしでつながる仕組みを図解。
Windows・Mac・iPhone・Android の導入から、リモートデスクトップ、ファイル送信まで画面つきで。 -
江ノ島・鎌倉 日帰りルート ── モノレールで島へ、江ノ電で大仏へ
大船から懸垂式の湘南モノレールで江の島へ。海沿いを歩いて鎌倉高校前の踏切、
江ノ電で長谷の大仏と長谷寺、最後は鶴岡八幡宮。地図2枚と時刻つきで。 -
Vibe Coding覚書 ── 大きなシステムで、AGENTS.md の外側に置くもの
仕様・ADR・分野別のルール・スキル・フックを、どこに置いてどう回すか。
受発注システムの承認フローを例に、仕様から検証まで。全七章。 -
AGENTS.md覚書 ── AI に渡す「このリポジトリの約束ごと」
何のためのファイルで、どんな場面で効き、どう書くか。このサイトの実例と研究結果、
そして AI が賢くなったら要らなくなるのか。全七章。 -
熱海 1泊2日モデルコース ── 温泉の街から、溶岩の海岸と火山へ
MOA美術館、來宮神社、海辺の散歩、そして温泉宿。
2日目は城ヶ崎海岸の吊り橋と大室山のお鉢めぐり。地図2枚と時刻つきで。 -
箱根 日帰り周遊ルート ── 池袋から、山と湖と温泉を一日で
登山電車、美術館、大涌谷、海賊船、箱根神社、そして温泉。
時刻つきのスケジュールと、動線入りの地図で。 -
Mac アプリ開発 入門ロードマップ ── ゼロからユーティリティを配るまで
Swift の基礎から SwiftUI、メニューバー常駐、権限とサンドボックス、
署名と公証による配布まで。8つのステップを図解つきで。 -
Spigen Classic LS ── AirPods Pro 3 に初代 Mac のマウスを
数あるケースを比べて、いちばん気に入った一つ。
なぜ今 Pro 3 なのかから、質感と使い勝手まで。写真つき。 -
Laya覚書 ── 判定モデルを自分で持つということ
Jev の3日後に出たオープンソース版。経緯は誰が先だったのか、
学習は本当に手軽なのか、ローカルに置くべきか。全六章。 -
Jev覚書 ── 文章を書かないモデルの使いどころ
state と選択肢は自分で決めるのか。Web テストでは何を渡すのか。
株の売買に使えるのか。図つきで整理しました。全六章。 -
ベクトル覚書 ── 言葉を数にするということ
「ベクトル化がよく分からない」という声をいただきました。
図を多めに、そこだけを取り出して。全六章。 -
モデル覚書 ── 得意分野はどこで決まるのか
絵、動画、コード。同じ土台から、なぜ違う特技が生まれるのか。
意図の汲み取りと、バグ検出のしくみまで。全六章。 -
LLM覚書 ── 仕組みから実務まで
次トークン予測、Attention、学習の三段階、幻覚、プロンプト、
MCP とエージェント、仕様表の読み方。全七章。
該当する記事はありません。