Hubpin

発信する場所が増えるたびに、リンクをまとめたページを手で書き足していました。 2026年5月に作った、手書きの HTML です。

7月に、そのページのブログカードだけ古い URL のままになっていることに気づきました。 ブログのアドレスを変えたときに張り替えたつもりで、1枚だけ漏れていた。 気づいたのは2ヶ月後で、その間ずっと古いリンクが載ったままでした。

カードが増えるほど、手で直す場所も増えます。 このサイトは、その1枚を直すために HTML を触らなくて済むようにしたものです。

手書き版は同じドメインで動いていて、1作目のアプリの説明ページや画像も同居していました。 ドメインごと新しいサーバーに向けると、関係のないページまで一緒に引っ越すことになります。

そこで、新しいものは別のアドレスで公開して、 トップページだけをそこへ転送する形にしました。 同居していたページ・画像・メールはそのまま残っています。

見た目は移植せず、組み直しました。 手書き版の CSS は「どのカードをどこに置くか」を名前で書いた固定の表になっていて、 カードの枚数がデータで変わる作りとは両立しません。 そのまま持ち込むと、手で直す場所が HTML から CSS に移るだけでした。

外部へ飛ぶカード、記事の一覧が入るカード、開くと説明が出るカードの3つがあります。 カードの左上にある丸が、その見分けになっています。 塗りつぶしなら外部へ飛び、中が空いていればその場で開きます。

記事の一覧が入るカードは、ブログ・Zenn・GitHub から1日1回まとめて取り込みます。 新しく書いたものは、こちらが何もしなくても載ります。

このサイトは自分1人で使いますが、データの作りは複数人が使う前提にしてあります。 そうすると「他人のカードを書き換えられないこと」を確かめる必要が出てきます。

データベース側に、持ち主でなければ触れない規則を入れました。 規則が効いていることは画面で確かめられます。 他人のカードを書き換えようとすると、エラーにならず「0件変更」で終わります。 自分のカードなら同じ操作で7件変わります。

確かめ方は、書き換えを試すSQLに「期待: 0行（エラーではない）」とコメントを書いて実行し、 結果が想定どおりかを見る形にしました。 はじめから出来ていたわけではありません。 途中で規則の抜けが見つかり、塞いでから、塞がっていることをこの方法で確かめました。

安全のための設定を3つ入れました。同時に、もう1つの設定はあえて入れませんでした。 入れると仕組みが複雑になり、このサイトの売りである「あらかじめ作っておいたページをそのまま配る」やり方と噛み合わなくなるためです。 入れた3つは、どのページでも同じ値を返すだけなので、その配り方と両立します。

入れた設定の1つは「このページを他人のサイトに埋め込ませない」というものでした。 守りたかったのはログイン画面1つです。

その3週間後、この掲載ページ用の画面写真を撮ろうとして、自分がその設定に止められました。 撮影のために自分のページを埋め込もうとして、拒否されたためです。 設定を入れたことより、効いていることが自分で分かったことのほうが収穫でした。

今は自分1人で使っていますが、データの作りは複数人が使う前提で組んであります。

この先やりたいのは、カードをドラッグして並び替えられるようにすることと、 ページごとの画像を自動で作ることです。 完成後の見直しで出た改善も、8本を課題として残してあります。

作りながら決めている部分が多いので、形は変わるかもしれません。