ホームページ > ウェブフロントエンド > jsチュートリアル > ダッシュボードをスキップする

ダッシュボードをスキップする

王林
リリース: 2024-08-29 14:15:03
オリジナル
1139 人が閲覧しました

データ吐き出しロボットの時代は頭打ちになりつつある。

MC のように入力するのは疲れます。

あなたが私と同じなら、技術スタックを簡素化しようとしているでしょう。

少し時間をとってペットのロボットを許し、個人的なハッカソンを計画してください。マインドフルネスな一日を過ごすと、イライラが和らぎます。

ほとんどのカレンダー アプリは、あなたの 1 日を計画できます。

任務は? Wordpress は高すぎるため、私たちは仲間と競争し、5 ドルの「投資」を拡張しようとしています。

何ができるでしょうか?

お気に入りのフレームワークまたはライブラリを取り出します。 AI アシスタントに注意して、休憩を与えてください。

GPT がどれほど高速であるかを尊重してください。

ToDo アプリをスキップします。パンくずリストは省略します。ナビゲーションをスキップします。

データベースをスキップします。クラウド機能をスキップします。コンテナをスキップします。

禅モードは空白のページから始まります。

プロンプトが必要です。

簡単なコマンド パターンから始めます:

const commands = {
  'manage:posts': {
    'label': 'Go to posts',
    'action': ['navigate', 'https://example.com/posts']
  },
  'post:edit:1': {
    'label': 'Hello world',
    'action': ['navigate', 'https://example.com/posts/1/edit']
  },
}
ログイン後にコピー

そこから、キーバインドを追加します。

const open = false;

useChord(['cmd+k'],() => {
  open = true;
])

useChord(['cmd+k', 'cmd+w'], () => {
  open = false;
})

...
ログイン後にコピー

検索機能が欲しかったので、コンボボックスをブートストラップしました:

<ComboBox :items="commands" onSelected="executeCommand" />
ログイン後にコピー

Skip the dashboard

これで、Tailwind や CSS を大量に記述することなく、任意の関数を実行したり、任意のページに移動したりできるようになりました。

次にフォームに焦点を当てます。

Zod は、強く型付けされたコンテンツを検証します。

Skip the dashboard

フォームを保存するコマンドを追加しました。

const schema = z.object({
  thePost: z.string().min(1),
})

const form = useForm({schema}))

useChord(['cmd+s'], () => {
  form.submit('https://sayless.gg/post/create')
})
ログイン後にコピー

簡単に言うと、私は 3 時間ほど禅モードで、マークダウンを解析するためにプロンプ​​トを微調整しました。

Skip the dashboard

読んでいただきありがとうございます!私のブログ投稿を見つけて頑張ってください

以上がダッシュボードをスキップするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート