v0（ブイゼロ）の使い方を徹底解説！始め方や料金、プロンプトも紹介
テキストだけでサイトやアプリを構築できるv0（ブイゼロ）と呼ばれるAIツールが、SNSを中心に話題となっています。 v0では、テキストだけで（ノーコードで）、サイトの見た目（UI：ユーザーインターフェース）やゲーム・アプリを作成できます。 とはいえ、「v0が話題なのは知っているが、どうやって使えばいいのかわからない」と疑問をもっている方は多いでしょう。 そこで本記事では、v0の始め方や使い方を徹底解説しています。また、実際に作成したプロダクトや、v0を使うコツも紹介しているため、ぜひ参考にしてみてください。 この記事を読むことで、v0の使い方がわかり、デザイナー以外の方でもクオリティの高いプロダクトを作れるようになるでしょう。 ｜監修者 SHIFT AI代表 木内翔大 （株）SHIFT AI 代表取締役 / GMO他複数社AI顧問 / 生成AI活用普及協会理事 / Microsoft C
【AWS】 代表的なクラウドデザインパターン紹介
はじめに AWSの豊富なサービス群を活用することで、高可用性かつ高スケール性を実現するシステムを構築することが可能です。 しかし、クラウドサービスの特性を最大限に活かすためには、適切なデザインパターンを理解し、実践することが重要です。そこで今回は、AWSを利用して「高可用性」かつ「高スケール性」を実現するための代表的なクラウドデザインパターンを紹介します。 1. EC2インスタンスを利用した動的コンテンツの配信 動的コンテンツとは？ 動的コンテンツとは、ユーザーのリクエストに応じて生成されるコンテンツのことを指します。たとえば、ユーザーのログイン状況や入力内容に基づいて異なるページを表示するようなケースです。 AWSサービスの簡単な解説 Amazon EC2 (Elastic Compute Cloud): スケーラブルなコンピューティングリソースを提供するサービスです。必要に応じて、イン
WEBデザイン制作の作業に役立ちそうなAIツールを列挙してみた
WEBデザイン制作のなかでよく耳にするのが「作業時間」の問題。 制作会社に就職したら、仕事量が多くて残業が多くなりがち。 フリーランスや副業でデザインをしている方は、時間がかかるせいで時給換算したときに安くなりがち。 とのことです。 そこで今回は、全WEBデザイナーさんに見ていただきたい、あなたの作業効率をアップさせるのに役立ちそうなAIツールを18個まとめました。 今回ご紹介するのは 画像の編集・加工に役立つAIツール WEBサイトの制作に役立つAIツール プレゼンテーション資料作成に役立つAIツール リサーチに役立つAIツール タスク管理や生産性向上に役立つAIツール の5種類。 それぞれの特徴はこんな感じです。 ※表は右にスクロールできます→ ツール名 画像の編集 加工 WEBサイト 制作 プレゼンテーション 資料作成 リサーチ タスク管理 生産性向上 Canva ◎ – – – –
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る - Qiita
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作るMarkdownVisualStudioCodeDraw.ioMarpvega TL;DR Visual Studio Code上で、Markdownから、こんな感じのデッキを生成できるようにします。 使用したファイル類は、GitHub tomo-makes/marp-styles にまとめました。 きっかけ 叩き台となる資料がなく、急ぎプレゼンをする機会があり、Marpで作成した 内輪では使っていたが、多くの目に触れるのは初めてで、もう少しデザインを調整したいと思った 今後も使いまわせるものを、スニペット、およびサンプルテーマ化しておこうと思い立った ついでにいろいろな図表の生成とデッキへの入れ方、必要そうな配色、素材のリンクをまとめておきたい Marpとは Marp: Markdown
使うだけで時短になるWeb、デザイン制作の新ツール・フリー素材50選
「日頃の作業をどうにか楽にしたい、できることならだれかやってほしい」と思ってしまうほど自分にあまい筆者が、制作時間の短縮や効率化アップにつかえる新ツールやデザイン素材をまとめました。 すべて手作業だと時間のかかるCSSスタイリングや、スキルも必要な手描きイラストを用意したり、「このツール、早く知りたかった」と思った素材やツールが揃っています。 日頃のワークフローに活用して、デザイン制作の新ルールを一緒に見つけてみませんか。 コンテンツ目次Web便利ツールデザインツールFigma・アイコンツールユニーク・面白ツール Web便利ツール The good colors – Full spectrum – OKLCH 注目の色「OKLCH色空間」によるカラーパレット作成ができるツール。一般的なLCHとOKLCH色の比較の通り、より「いい感じの色合い」で、明度と彩度のトーンがあった美しい配色を生成し
Adobeと競合するデザインツール「Affinity」のクリエイティブスイートが6カ月の無料試用期間を設けると発表、試用後に購入義務はなく過去に試用したことがあってもOK
Adobe製品の代替として評価されるデザインツール「Affinity」を開発するSerifが、Affinity Photo・Affinity Designer・Affinity Publisherの3本をまとめたクリエイティブスイート「Affinity V2ユニバーサルライセンス」を6カ月無料で試用できるようにすると発表しました。 Affinity 無料トライアル | 今なら 6 か月間有効、購入義務なし https://affinity.serif.com/ja-jp/trial/ Try Affinity Designer, Photo and Publisher free for six months https://affinity.serif.com/en-us/press/newsroom/try-affinity-designer-photo-and-publisher-fr
UIデザインに最適！ シンプルなデザインで使いやすく、商用でも無料で利用できるSVGのアイコン素材 -Lucide
無料で使えるSVGアイコンはたくさんありますが、使い勝手がよいシンプルなデザインで、バリエーションも豊富となるとなかなか見つかりません。 WebサイトやスマホアプリのUIでよく使うアイコンが1,470種類、カラー・サイズ・ストロークの変更もサポートしているSVGアイコン素材を紹介します。 Lucide Lucide -GitHub LucideはFeather IconsのForkで、Featherに対する不満が高まったことによりコミュニティ運営で始まったプロジェクトです。FeatherにはたくさんのIssuesやPRが未解決で放置されており、これらの対応はされていません。 Lucideのアイコンは、元のシンプルなデザイン言語に忠実なまま、可能な限りアイコンセットを拡張しています。ライセンスはISC Licenseで、個人でも商用プロジェクトでも無料で利用できます。
突撃！ 隣のキーボード M3 2024 - エムスリーテックブログ
こんにちは。AI・機械学習チームの氏家（@mowmow1259）です。 エムスリー福岡オフィスの一人目のエンジニアとして福岡で働いています。 さて、突然ですがみなさんはキーボードにこだわりがありますか？ キーボードはタイピングを日常的に行う我々にとって大切な商売道具であり、その使用感は日々の生産性を大きく左右します。 そのような理屈を抜きにしても、自分好みにキーボード環境をカスタマイズしていくのは単純にオタク心をくすぐられますよね。 近年では自作キーボードなどカスタマイズ性の高いキーボードも多く販売されており、つい最近行われた天下一キーボードわいわい会は大変な盛り上がりを見せていたようです*1。 tenkey.connpass.com エムスリーでもキーボードにこだわりがある方は多く、キーボードについてもそのギークさを遺憾無く発揮しています。 2019年の記事で一度弊社エンジニアのこだわり
これはかなりいい！ Helveticaに似たオープンソースの無料フォント -Overused Grotesk（異世界のHelvetica）
さまざまなデザインに広く使用されているHelveticaのもっとも際だった特徴を模倣した、異世界のHelveticaを目指してデザインされたオープンソースの無料フォント「Overused Grotesk」を紹介します。 8種類のウェイトに可変フォントも揃っており、Webフォントとしても利用できます。最終的にはキリル文字など多言語にも対応する予定です。 上: Overused Grotesk、下: Helvetica Overused Groteskは異世界のHelveticaとして、Helveticaのもっとも際だった特徴を模倣してデザインされたフォントです。ライセンスはSIL Open Font License 1.1で、個人でも商用プロジェクトでも無料で利用できます。
Figmaのデザイン制作が楽になる時短プラグイン30選
ブラウザ上で簡単にデザインができるFigmaですが、人気の理由のひとつがプラグインを活用すれば自分好みにカスタマイズできる点でしょう。 たとえば、「できるだけ効率よく作業時間を短縮したい」というクリエイターの願いを叶えるAI機能を生かしたプラグインや、統一感のあるWebサイトに欠かせないデザインシステム作成プラグインなど用途によってさまざまです。 しかし、いざ探してみると、どこから見つけていいのか迷ってしまうほど膨大な数が公開されています。 そこでこの記事では、デザインをつくるときに役立つFigmaプラグインに絞り、リスト形式でご紹介します。 しかも、どれも無料。気になるアイテムはどんどん試してみましょう。きっとこれまで以上楽にデザインを作成できますよ。 このリストはこんな人におすすめ デザインのアクセントになる「あしらい」をさくっと作りたい どのプラグインを使えばよいか迷っている まわり
媒体ごとのQRコードによる集客の計測 | 広告デザイン：エムズクラフト
QRコードパラメータを使った計測集客を考える際に計測したデータを次に生かすことが必要不可欠です。しかし、DMやチラシなどの紙媒体や、看板などオフラインメディアの計測は出来ないとお考えの方も多いのではないでしょうか。 ホームページにアクセスしてもらうのが目的のQRコードですが、QRコードで読み込むURLに計測用のパラメータをつけることで、グーグルアナリティクスの参照元で計測することが出来ます。 QRコード用のパラメータの条件を考えるGoogleアナリティクスで流入経路を判別するためには、URLの末尾にカスタムパラメータという文字列を追記します。 例として特定日時のダイレクトメールからのアクセスを計測する場合は、 ☆リンク先のURL ： https://mz-craft.net/ ※メディアにあわせた各ページURLでももちろんかまいません。 ☆計測したい施策：ダイレクトメールからのアクセスを計
できるクリエイターへの近道、話題の最新Webツール・デザイン素材50選
Webサイトやデザイン制作で、やたらと時間がかかってしまうとお困りのクリエイターの方へ。 この記事では、SNSなどでいま話題の最新ツールやフリー素材を50個まとめており、制作時間を短縮したいというひとに選ばれています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。
情報を分かりやすく伝えるインフォグラフィックの作り方を学べるデザイン書 -インフォグラフィック制作ガイド
※本ページは、アフィリエイト広告を利用しています。 情報を解りやすく伝えたい、そんなときに活躍するのがインフォグラフィックです。インフォグラフィックとは情報の関係を視覚的に表現したもので、電車の路線図などもイングラフィックの一つです。 路線図には、駅と駅の関係、駅と路線の関係、路線と路線の関係、現在地と目的地の関係といった情報の関係がグラフィカルに表現されています。インフォグラフィックの実践的な作り方、情報を解りやすく伝えるためのデザインテクニックもしっかり学べる解説書を紹介します。 著書はビジュアルシンキングの運営者でもある櫻田 潤氏、本書は情報を解りやすく視覚的に伝えるための基本知識と制作方法を実践的な手順に沿ってまとめたインフォグラフィック制作の解説書です。 同著者による「たのしいインフォグラフィック入門（Amazon）」は入門書として基本知識がメインでしたが、本書ではインフォグラフ
洋裁CAD
洋裁CADは趣味洋裁用に開発されたフリーのアパレルCAD、パラメトリック設計方式の2D/3D-CADです。 こちらからダウンロードできます。 従来のアパレルCADにはない、優れた機能を備えています。 寸法、デザインを簡単に変更 一度書いた型紙は、後から数値を変えるだけで。簡単にサイズやデザインを変えることが出来ます。 下の図は、ワンピースの裾を数値を変更してフイッシュテールに変更しています。 パターンのライブラリー化 原型や衿、袖、人体寸法などを個別ファイル、ライブラリー化し、必要に応じて読み込み調整することが可能です。 読み込んだファイルは差し替えできるため、人体寸法を差し替えて別の人のサイズに替えたり、原型を差し替えて女性体型を男性体形にする変更が簡単に出来ます。 下の図では人体寸法を女性サイズから男性サイズ、原型を女性から男性、袖を半袖から長袖に入れ替えています。 ３つの出力機能 型
商用でも完全に無料ですごい！ デザインやイラストでかなり使える有料レベルの高品質なテクスチャ素材 -ResourceBoy
個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
美しいUIを作るために デザイナーが意識している ちょっとした考え方
【簡単なのにすごい! Photoshop 1分講座】 複雑な髪の毛の切り抜きも簡単にここまできれいにできる！
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
デジタル庁デザインシステムβ版
ABWとは？（基礎編）～フリーアドレスとは何が違うのか～ | 資料・コンテンツ | ITOKI
