Hatena Blog Tags
はてなブログ トップ
Vercel
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Vercel

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
エンジニアの思い立ったが吉日•2日前

v0に革命的「デザインモード」が登場！コード編集不要でUI調整を劇的に効率化する新機能の全貌

はじめに デザインモードとは何か？ 従来のv0との革命的な違い プロンプトベースからビジュアル編集へ クレジット消費の革命 リアルタイムプレビューの実現 デザインモードの具体的な機能 要素の直接選択と編集 Tailwind CSSとshadcn/uiとの完全統合 レスポンシブデザインの自動調整 デザインモードがもたらすメリット 開発効率の劇的な向上 デザイナーとエンジニアの協業促進 クリエイティブなプロセスの解放 実際の使用感と活用事例 プロトタイピングの革新 非エンジニア向けの可能性 企業での活用シナリオ 現在の制限と今後の展望 現在の技術的制限 今後の発展可能性 まとめ：デザインの未来を変…

#デザインモード#Vercel#UIデザイン#プロトタイピング#デザインツール

関連ブログ

ノーコード ラボ•2ヶ月前

Bolt.newで作成したNext.jsアプリにClerkを用いて認証機能を実装する方法

こんにちは！今回は、「Clerk」を使ってBolt.newのプロジェクトに認証機能を実装する方法をご紹介します。 Clerkは認証・ユーザー管理プラットフォームで、サインインやサインアップフォームを簡単に実装できるUIコンポーネントを提供しています。ユーザー管理機能も備えており、ユーザーに関する機能全般を簡単に実装することができます。 本記事では、Bolt.newで生成したプロジェクトにClerkのサインインUIコンポーネントを実装する方法を紹介します。コードの修正はGitHub、デプロイにはVercelを使用するので、ClerkだけでなくGitHubとVercelについて知りたい方もぜひご参…

#clerk#ユーザー管理#認証機能#bolt.new#Vercel
ムキムキマッチョマン•6ヶ月前

VercelとNeonの相性が良すぎてクイックにDB付きのサービスが作れてしまいそうな話

こんにちは。ムキムキマッチョマンになりたい人です。心も体もムキムキマッチョマン。 フロントエンド領域でのムキムキマッチョマン目指して頑張っています。 この記事は技術記事の皮を被った、IT知識トレーニングの記録です。 はじめに とあるWebサービスを作りたい！となって今作っています。多分リリースしなさそうだけど。 現在の勤め先が東京・中野のちょっと株式会社という会社でして、実はここが国内唯一のVercelのパートナー企業なんですね。 というわけでチラホラその恩恵に与るものの、実際問題として中の人の知識量とオレの知識量の差がデカすぎることに気づきましてVercelを触ろうと思ったわけです。 Ver…

#neon
kokh log•6ヶ月前

はてなブログをVercelネームサーバーのサブドメインにしてGoogleAdSense申請した

このはてブロもやっと記事数が30超えたので、GoogleAdSenseの申請をしてみました。 3日くらいして審査が始まり、「有用性の低いコンテンツ」という理由でリジェクトされてしまいました😢 この際打てる対策は全部打っとこうと思い、ついでに独自ドメイン設定することに。 まだ再申請の結果は出ていないのですが、そのときの備忘録だけ残しておきます。 ※ 独自ドメインは推奨というだけで、しなくてもはてブロなら通過できるみたいです 前提 ムームードメインで独自ドメイン取得済 ネームサーバーはVercelを利用している（既に設定済なのでここでは触れません。詳細はこちら） はてなブログはProプラン契約済 …

#GoogleAdSence　はてなブログ#Vercel
kokh log•10ヶ月前

Vercel CLIから環境変数を設定する

Vercel のdashboardを経由せずに、Vercel CLIから環境変数を設定することができます。 使い方 Vercel CLIはインストールされている前提で進めます。 クラウドへ環境変数を設定 $ vercel env add ${KEY} ここから対話形式で値とセットする環境を選択することができます。 vercel env add [environment] で特定の環境に設定することもできますが、複数選択ができないので基本的には上記の形でしか使うことはなさそうだと思いました。 確認 vercel env ls で今設定されている環境変数を確認できます。 $ vercel env …

#Vercel
kokh log•10ヶ月前

Notion日報の更新を簡単にする

背景 2024年1月にNotionCalendarが登場したことがきっかけで、すべてのタスク管理をNotionに一元化しました。 ただ、Notionはかなり高性能であるがゆえ、シンプルなテキストエディタに比べとっさのメモをとるときに腰の重さを課題に感じていました。 ページを開かずとも気軽にメモがとれるようにしたかったので、Notion API を利用してどこからでもメモを追加できるようなエントリーポイントを作りました。 今回やりたいこと 今日の日報ページ（データベース上で作成日が最新のページ）にメモを追加するエントリーポイントを作る Notionで毎日AM3:00に今日の日報ページを作成するよ…

#Vercel#Productivity#日報作業撲滅#生産性とは
好きなことを書かせて•1年前

Flask AppをXreaからVercelへ移行した

以降のきっかけ Xreaサーバーでの実情 Vercelでは まずは新サイトを作る 旧サイトからリダイレクト Search Console analyticsはどうなるの？ まとめ 以降のきっかけ Pythonを触っていたので、FlaskでApp、サイトを作っていました。 JavaScriptでもなくnextでもないので、Vercelはまったく検討していませんでしたが、テンプレートの中にPythonのFlaskがあることを知ったので、レンタルサーバーから移行しようとなりました。 その備忘録です。 Xreaサーバーでの実情 レンタルサーバーXreaではcgiでpythonを実行させていました。 ま…

#Flask#Vercel#移行
ソフトウェア開発者のための OSS、まとめてみました！•1年前

Heroku、Netlify、Vercel などに代わる自己ホスト可能なOSS「Coolify」

概要 Web アプリやスマートフォンアプリ、ブラウザゲームなどを個人開発した後、デプロイ先はどこにしていますでしょうか？ 私はよく Google（GCP）を使っていたり、Next.js で Web ページなどを作成しているので Netlify などにあげ、基本的に利用料が無料になるようにしています。 個人開発となるとなるべく金額を抑えたいので、できるだけ無料のサービス、もしくは仕方がない場合は金額が低く収まるようにデプロイ先を決めたりしています。 最近では Heroku の無料枠がなくなったことで、デプロイ先をどこにしようか迷っている方も多くいるのではないでしょうか？ そんな中、自己ホスト可能…

#OSS#Coolfy#自己ホスティング#デプロイ#ホスティング#自己サーバー#Heroku#Netlify#Vercel
かもメモ•1年前

Next.js SSG したサイトを別ドメインから参照させててハマった

あるプロジェクトで Page routing の Next.js を SSG で作成したサイトを Vercel でホスティングしたものを CloudFront と Lambda@Edge を使って別ドメインの URL からサイトを表示させるようにしていた。 図で書くとこんな感じ CloudFront を使った別ドメイン (b.com/foo) からサイトを見たときだけページ内リンク (next/link) で遷移時にアプリがクラッシュしてしまう問題が発生した。 すっごくレアケースだと思うけど記録としてメモしておく 環境 Next 13.5.4 React 18.2.0 TypeScript 5…

#Next.js#CORS#TypeScript#JavaScript#Vercel