  |
はてなキーワード: トップページとは
今ホットエントリーに出てる
「キムチがないとご飯が食べられないのに」……がん寄与度1位に「衝撃」＝韓国 | wowKorea（ワウコリ
と言う記事
https://b.hatena.ne.jp/entry/s/www.wowkorea.jp/news/read/512500.html
CLAUDE.md や rules / skills みたいな形で、重要なコーディングルールはあらかじめかなり固めておく。
たとえば repository 層や Entity 層は具体的にどう書くのか、テストケースはどういう書き方をして、どういう観点で項目を洗い出すのか、みたいな AI への指示は最初から用意しておく。
あと、linter や ArchUnit、dependency-cruiser みたいなアーキテクチャ制約も、自分なりの定石を持っておく。
割と過剰なレベルでガチガチに固める感じで、アーキテクチャルールも「◯◯は XXX に依存できない」みたいなブラックリスト式じゃなくて、「◯◯は XXX だけに依存できる」みたいなホワイトリスト式の方が良いと思っている。
ts 前提だと eslint や tsconfig は一番厳しい水準に設定する、流石にきつい部分でてきたらそこだけ緩める、という運用
おすすめなのは、何かしらの小規模案件や個人開発アプリを1つオーバーエンジニアリング上等でガチガチ構成で作っておく。
そこで出てきた linter 設定やプロンプト設定を、別案件に横展開する感じ。
正直、ガチガチすぎると MVP とかレベルだとコード量は増えるけど、メンテする前提の案件ならバイブコーディング時代だと普通にペイすると感じている。
アイディアを思いついたら、AI と壁打ちしながら仕様を洗い出していく。
手書きでドメイン図を書いて、それを写メ撮って画像認識で仕様整理、みたいなのも割とアリだと思っている。
どういう画面があって、どういう入力項目や表示項目が存在するか、バックエンドはどういうエンドポイントが必要か、この辺りは最初に一通り洗い出しておく。
それに加えて、ユーザーが初めてトップページを開いてから登録・ログインして実際にサービスを一通り使うまで、みたいな流れをそのまま Playwright のシナリオテストに落とせそうな形で何パターンか仕様書にしておく。
フロントエンドで、DDD における集約みたいな概念がそのまま当てはまらない領域についても、設計時点で洗い出せているなら Entity 的なものやドメインサービス的なロジック用のレイヤを作って、ドメインオブジェクトとして実装していく。
最初に作った基本設計をベースに、◯◯Entity、XXEntity、△△Entity……を作るためのプランとチェックリスト形式の TODO を 1つの md ファイルに吐き出してもらう。
フェーズごとにフォーマッタ、linter、アーキテクチャルールなど一括実行したコマンド実行させて失敗してたら成功するまで修正繰り返させる。
ある程度わかりやすい単位で AI に依頼する感じで、出来上がったコードをレビューする前提なので、実装プランの md 自体はよほど分かりやすいツッコミどころがない限り細かくレビューしない。
mdのフォーマットは skills 側で事前に用意しておく。
フロントエンド用、バックエンド用の両方でドメイン層のファイルを作る。
当然、足りないロジックは後から絶対に出てくるけど、最初から完璧は目指さない。
TODO 一覧の中から自分の認知負荷が許す単位で「チェックリストのここからここまで実装して」と指示を出し、実装が終わったら TODO 項目のチェック状態を更新してもらう、mdファイルもコミットに含める。
コミット前にはlint ルールを無効化していないか、意図通りの実装になっているかは git diff の差分で必ず確認する。
git worktree を使うことが多い。
よくやるのはフロントエンドの画面モック作成とバックエンド実装の2並列で行う。
実装プランを考えてもらうときは「◯◯画面を実装プラン考えて」くらいの単位で依頼する。
実装プランの md ファイルを作るときのプロンプトには、基本設計の〇〇画面の項目一覧をベースに、◯◯のアイテムコンポーネント、リストコンポーネント、◯◯のボタンコンポーネント、Information コンポーネント、外部通信用の ◯◯Gateway を実装する、◯◯コンポーネントは既に ◯◯ 機能で実装してあるからそれを使って、◯◯は処理が膨らみそうだからドメインサービスで実装して、みたいな感じで頭の中のふんわりしたイメージを伝える。
バックエンドも同様で、◯◯のエンドポイントを作って、Gateway がこれこれ必要だから実装して、これはインターフェースと実装分けてね、Entityへの変換処理は関数分けて、◯◯の処理は Usecase 層で、◯◯の処理はドメイン層で、Usecase が膨らみそうだから ◯◯ の処理は独立したクラスにして、あ、似たようなのが ◯◯ 機能にあるからそれを参考にして、くらいの粒度で指示を出す。
フロントエンドの実装を待っている間に、バックエンドのプランを考えたり、タスク粒度を調整したり、リファクタリングプランを考えたりする、またバックエンドのAI待ち時間はフロントエンドのことをする。
フロントエンドオンリーの実装とかで作業が競合するリスクあるときは並列作業しない。
チェックリスト更新が終わるごとに差分を確認して、問題なければコミットメッセージを提案してもらってコミットする。
細切れにするコストよりも、レビューする人間の認知不可が許すレベルであればある程度まとまった単位でレビューして実装速度を優先する派。
テストは、ある程度実装が進んでリファクタリングが辛くなってきたタイミングで作ることが多い。
カバレッジやミューテーションテストなど、定量的にテストを評価できる仕組みは導入する。
バックエンド側のテスト実装は正直かなり楽で、行数や認知的複雑度を厳しく制限して単一責務の原則を守って実装しておけば、AI がかなり高精度なテストを出してくれる。
これもテストファイル実装プランを作ってもらって「ここからここまでのテスト20ファイルを実装してね」をレビュー挟んで繰り返す感じ、例えばミューテーションテストのkill率100%ならそんなに詳しくは見ない。
フロントエンドはテストの定量指標での評価が難しいので、そこはその分レビューを頑張るしかない。
自分はこんな感じでやっている。
感覚としては、優秀だけどシステムのアーキテクチャ全体の責務を負ったことはない経験不足の2年目やSESの部下を扱うEMに近いのかなぁ。
周りの話を聞いていると、もっともっと AI に自律的にいろいろやらせているようにも聞こえる。
これでも 1日1人で数万行レベルはコードを書けてるので、AIない時代に比べると数ヶ月分の成果を1日とかで出してることになるが、もっと本気出せるのかなぁ。
「全機能分プラン作ってね！そこから良い感じの粒度でコミットも自分でやってね！」みたいな指示を良い感じに出せたとしても、指示がでかすぎると、脆弱性盛々になったり、lint エラーループでパニクって linter オフにし始めたり、テスト通すためにエラー握りつぶして assertTrue(true) し始めたりする。
それは流石に許容できないレベルじゃない？が紛れ込むリスクが上がりすぎるんじゃないかなぁ。と思ってるんだがどうだろうか。。。
あとツールはあんま入れてないねkiroとかspec-kitとか、ガチガチ細切れで仕様書作るメリットもあんま感じなかった。
mcpもserenaくらいしかいれてないや、トークン節約してレートリミットの猶予伸ばした方が結局開発早くなるかなって。
いろいろ入れた方がいいんだろうか。
完全にオレオレでこんな感じでやっているんだけど、みんなspec駆動開発というものをどんな感じで、具体的にどうやっているのかが知りたい。
発端は昨年末に行われたガイドラインの改定で、内容としては成人向け描写の修正をいまより厳重にするように！的なことだった。
ユーザーのほとんどはそういった性的なコンテンツを投稿する場所として使用していたので、そんな人達からしたらもはや使い道がないのでアカウント削除の流れが起きていた。
また性的なコンテンツに強い規制を設ける割に、自身が導入している広告はえげつない性癖のエロ広告というおまいう状態で尚更に反感を買った。
自分も利用しているが、基本的に成人向けではない単なる落書きを投稿しているので今回の件はあまり不利益になるようなものではなかった。あんまりな内容だとは思うけど。
えらい反感を買ったので(当たり前)内部でガイドラインを修正検討するみたいな流れになってるらしく、続報まち状態なんだけど時すでに遅しってかんじだ……。
個人的には確かに広告がどうしようもないくらいひどいが好きなところがたくさんあり、みんないなくなんないでくれ～運営は今まで通りの内容に戻してくれ～(広告はどうにかしたほうがいいです)と思っている。
以下は個人的にポイピクの好きなところ
・制作過程や落書きなどを気軽に投稿できる！というのを売りとしているので投稿ハードルが低い
・リアクション機能(スタンプみたいなのが1日1投稿につき最大10個送れる)
→閲覧した都度いいねを押せるようなしくみ。いいね1回切りなの送りたりねぇよ派なので嬉しい
・ユーザーに応援絵文字が送れる(Wavebox的なやつ。一言コメントを送ることができる設定もある)
・投稿をピン固定できる
・ヘッダーが最新投稿画像になる(特定の画像に固定設定ももちろんできる)
・投稿の公開範囲を決められる(パスワードやR18のワンクッション・Xフォロワー限定など)
・↑だけど管理者だけ画像を保存できるしくみになっているので、サルベージできて画像ストレージ的役割が果たせる
良いサービスなので、いい方向へ進んでいくことを祈っている。
こんな内容。
お探しのページは見つかりませんでしたこのページは現在ご覧いただけません。目的のページはどこかへ移動してしまったか、あるいは消されてしまったようです。
以下の可能性も考えられるだろう
でも、もしかすると。
これは終わりではなくて、新たな始まりなのかもしれない。
どうか、トップページへ戻ってみてほしい。そこはあらゆる物語が煌めく始まりの場所。きっと、あなたの心に響く物語が見つかるはずだ。
さあ、新たな物語を探す旅へ、もう一度出発しよう。
なーにが「以下の可能性も考えられるだろう」じゃ。カッコつけんな。以下の可能性しかないだろ。
「どうか、トップページへ戻ってみてほしい。」←絶対戻りたくない
・Youtube 何かしらんけど「要約して」って言ったらしてくれた、どうやってんのかは知らん
・増田 長い文とか読めないので「圧縮して」と頼むと読める量になる
他、試してみたら追記する
・Youtubeの動画に高評価する これで30秒くらいかかった、ロボットを見守る気分
・アニメトップページに言って「サイトを操作してブルーレイ情報を調べてまとめて」と言ったら、リンクをクリックして1〜7巻のページをクリックして情報を集めていた（スクロールもしてた） これで5分くらい？
たとえば簡単だけど膨大で面倒な作業とかがあれば寝てるうちにお願いしておけば便利かもしれんが
まあ、まだまだだね、将来性は感じる
それより、「◯◯ってどこだと思う？」って聞いたら「たぶんここじゃね？」って印つけて欲しいよな
あ、今「広告全部消して」って指示しようと思って広告あるサイトに行ったら自動で消したわ
アドブロック標準装備なのか
今でも、トラバではなく新規の記事なら「タイトル内 @dorawii」を入れ続けてくれてるようにも見えるけど。
トップページからの除去でよければ、前に書いた「タイトル内 @dorawii」の判定 anond:20250912204933 に、「全体内 BEGIN PGP」の判定を加えればいけるかな。署名もない場合はJavaScriptを使わないと無理だね。
h1 + #intro + #body div.section:has(a.tw-share-button[href*="dorawii%40"]), h1 + #intro + #body div.section:has(a.keyword[href$="/BEGIN"] + a.keyword[href$="/PGP"]){ display: none; }
最近、ヤフーニュースに、ページ下に行くとページが伸びるUIが実装されたのに気づいた。
次のページ、次のページ・・・と自動的に表示されるが、ボトムにあるページ番号ボタンの選択状態はそのままだから、
次のページへ行こうとボタンを押すと前のページに戻ってしまう。
変なUIだなーと思った。
そして最近匿名ダイヤリーのトップページにも似たような無限スクロールのUIが実装されているのに気づいた。
これはページボトムにある「人気エントリ」「注目エントリ」を見ようと思っても無限スクロールが発動して画面外に押し出されてしまうという不便さがある。
同じく、変なUIだなーと思った。
