Vercel、生成AIへのプロンプトでWebアプリのUIを自動生成してくれる「v0」をベータ公開。Freeプランも提供

2023/10/17 176 users Vercel プロンプト 生成AI Freeプラン 言語

Vercel、生成AIへのプロンプトでWebアプリのUIを自動生成してくれる「v0」をベータ公開。Freeプランも提供 Next.jsの開発元として知られるVerelは、生成AIに対して自然言語のプロンプトを与えることでWebアプリケーションのユーザーインターフェイスを自動生成してくれるサービス「v0」のベータ公開を発表しました。 v0... 続きを読む

世界のベスト3に選ばれた製品が、行政や銀行の支援を受けられなかった理由とは

2023/09/22 79 users 行政 銀行 支援 製品 理由

世界で評価された製品が受けた国内での逆風世界で最も革新的な電子楽器を表彰するアワード「MIDI Innovation Award」（ミディ イノベーションアワード）で、ファイナリストの3製品に選ばれた日本生まれの電子楽器「インスタコード」は、楽器に挫折した人でも弾ける画期的なユーザーインターフェイスが評判になり、ネット... 続きを読む

Vercel、自然言語からUIを生成するサービス「v0」を実験的に公開。Tailwind CSSとShadcn UIをベースに

2023/09/19 69 users Vercel プロンプト 生成AI Tailwind CSS

Next.jsの開発元として知られるVerelは、生成AIに対して自然言語のプロンプトを与えることでWebのユーザーインターフェイスを自動生成してくれるサービス「v0」をプライベートアルファ版として公開しました。 v0のWebサイト。プロンプト入力欄が中央にあり、下には過去の作例が並んでいる v0 by Vercel LabsGenerate UI ... 続きを読む

ユーザー操作の一括無効化で役立つ！ HTMLのinert属性の紹介 - ICS MEDIA

2023/04/06 119 users ICS MEDIA HTML ユーザーインタラクション 紹介

HTMLやCSSには、ユーザーインタラクション（ユーザー操作）を無効化するための方法がいくつか存在します。たとえば、マウスやタッチ操作を無効化したいときはCSSでpointer-events: noneを要素に指定するなど、制御したいユーザー操作によってさまざまです。 カルーセルやモーダルなユーザーインターフェイス（UI）では、... 続きを読む

「Angular」「React」「Vue」の3大フレームワークに集約　ICSの代表が教える「フロントエンド技術」のトレンド - ログミーTech

2021/01/26 399 users ICS React angular Vue キャッチ

「キャッチアップしておきたいウェブ制作の最前線」というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。前半はフロントエンド技術のトレンドについて。 スピーカー自己紹介、『JavaScript コードレシピ... 続きを読む

div要素の見た目は矩形だけじゃない！UI要素をさまざまな形状のデザインに拡張するスタイルシート -augmented-ui | コリス

2019/09/18 149 users コリス 矩形 class div要素 CSS

Webページやアプリに、サイバーパンクにインスパイアされたユーザーインターフェイスを簡単に実装できるCSSを紹介します。 下記の要素はdiv要素が一つだけ。角を斜めにカットしたり、辺に窪みを加えたり、ボーダーを美しくしたり、augmented-uiのCSSで用意されているclassを与えると、サイバーパンクにインスパイアされ... 続きを読む

Apple、新フレームワーク「Swift UI」発表。簡潔なコードとドラッグ＆ドロップでUIを構築、デバイスでの即時プレビュー。WWDC19 － Publickey

2019/06/04 50 users Publickey UIKit Objective-C 従来

米Appleは6月3日（日本時間6月4日未明）にカリフォルニア州サンノゼで開催したイベント「WWDC19」にて、Swift言語を用いて効率的にユーザーインターフェイスを定義できるUIフレームワーク「Swift UI」を発表しました。 例えば、こうしたよくあるUIを従来のObjective-CとUIKitで記述すると、多くのコードが必要です。 こ... 続きを読む

「Google Cloud Scheduler」リリース。スケーラブルなcronサービスとしてジョブの予約や定期実行、自動リトライなど可能に － Publickey

2018/11/08 198 users cron Publickey コマンドライン 関数 API

GoogleはGoogle Cloud Platformの新機能として、クラウド上で時間指定や定期スケジュール指定などによるジョブや関数の起動するcronのような機能を提供する「Cloud Scheduler」をリリースしました。 Cloud SchedulerはWebのユーザーインターフェイスやコマンドライン、APIを通じてcronと同様に複数の時、日、週、月、年... 続きを読む

最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ | コリス

2018/06/27 405 users コリス インターフェイス アシスタント UXデザイン アイデア

ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。 そんな便利なスマホアプリのユーザーインターフェイスに注目し、最近のUXデザインにおけるクリエイティブなすごいコンセプトを紹介します。 15 Cr... 続きを読む

ディープ・ラーニングを使った「誤字脱字を指摘する機能」を搭載しました | 文賢 ヘルプサイト

2018/04/18 58 users 類語 誤字 プレ ヘルプサイト おん

このたび、「類語・言い換え」表現の追加およびUI（ユーザーインターフェイス）の一部アップデートを行いました。いつも文賢をご利用いただき、誠にありがとうございます。 このたび、ディープ・ラーニングを使った「誤字脱字を指摘する機能」を搭載しました。 ※以下、「校閲支援」画面にある「誤字脱字チェック」をオンにすることで機能します。 新しく追加された「誤字・脱字チェック」は、 2017年12月12日のプレ... 続きを読む

仮想通貨の採掘を秘密裏に行うツールをバンドルした「oCam」を窓の杜で収録中止 - 窓の杜

2018/03/12 150 users 正太郎 杜ライブラリ 占有 採掘 マイニング

ニュース 仮想通貨の採掘を秘密裏に行うツールをバンドルした「oCam」を窓の杜で収録中止 ユーザーインターフェイスを一切表示せずマイニングを実行し、CPUパワーを占有 長谷川 正太郎 2018年3月12日 16:06 「oCam」 　窓の杜ライブラリに収録していた動画キャプチャーソフト「oCam」をインストールすると、仮想通貨を採掘（マイニング）するツール「BRTSvc」も併せてインストールされま... 続きを読む

これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ | コリス

2018/03/06 740 users コリス レイアウト ライセンス スマホアプリ テクニック

Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを... 続きを読む

『スター・ウォーズ／最後のジェダイ』に登場する情報端末は、あらゆる画面デザインに「意味」があった｜WIRED.jp

2018/02/25 58 users ジェダイ WIRED.jp ストーリー スター・ウォーズ 最後

SHARE INSIGHT 2018.02.25 SUN 16:00 『スター・ウォーズ／最後のジェダイ』に登場する情報端末は、あらゆる画面デザインに「意味」があった 『スター・ウォーズ／最後のジェダイ』の世界には、わたしたちが知っているような「太陽系的」な情報端末は登場しない。代わりに使われているのが、アナログっぽいシンプルなユーザーインターフェイス。そこには実は、ストーリーに密接に関係する細か... 続きを読む

交通アプリやダッシュボードのUIなど、著名UXデザイナーが作成したAdobe XD用の5つのUIキットを無償公開 #AdobeXD | Adobe Creative Station

2018/01/25 56 users ユーザーエクスペリエンス AdobeXd UXデザイナー

交通アプリやダッシュボードのUIなど、著名UXデザイナーが作成したAdobe XD用の5つのUIキットを無償公開 #AdobeXD BY Keisuke Todoroki 2018.01.25 公開 優れたUI（ユーザーインターフェイス）は、効果的なUX（ユーザーエクスペリエンス）構築における重要な要素の一つです。UXデザイナーは、よく考えてデザインされたUIが持つ力を過小評価してはいけません。U... 続きを読む

Web制作者がチェックしておきたい、気持ちいいインタラクションやUIを実装できるJavaScriptのまとめ | コリス

2017/11/14 339 users コリス 不思 素晴らしいアイデア 気持ちいいインタラクション

Webサイトやブログに、気持ちいいインタラクションやユーザーインターフェイスを実装できるJavaScriptを紹介します。実用的なものから、あまり見かけない新鮮なものまで、素晴らしいアイデアがいっぱいです！ まずは、不思 ...記事の続きを読む 続きを読む

ユーザーインターフェイスにおける明示的アクション／暗黙的アクションの違いと設計の考え方 – usagimaru – Medium

2017/08/14 175 users iOS usagimaru medium パラダイム 設計

Application Designer / Interface Developer, focused on macOS and iOS. http://qiita.com/usagimaru 明示的アクション／暗黙的アクションについてずっと言語化できていなかったので、このたび記事にまとめてみました。馴染みのあるMac OSそしてiOSを例に、画面上のオブジェクトを操作するための二つのパラダイムに... 続きを読む

モバイルアプリにおける５つのアニメーションの活用法 | UX MILK

2017/05/22 69 users モバイルアプリ ユーザビリティ アニメーション モーション

この記事はNick Babichからの翻訳転載です。配信元または著者の許可を得て配信しています。 Bringing Mobile Apps to Life Through Motion (2017/3/11) 10年前、ユーザーインターフェイスでアニメーションやモーションを使うことは、ユーザーのことを考慮するのではなく、むしろユーザビリティの低下につながりました。なぜなら、ピカピカする派手なWeb... 続きを読む

Microsoftから新しいデザイン言語、Fluent Design System――Material DesignのMS版 | TechCrunch Japan

2017/05/11 186 users Material Design Microsoft テヘ

シアトルで開催されたBuildデベロッパー・カンファレンスで今日（米国時間5/12）、Microsoftは Fluent Design を発表した。このデザイン・システムを用いればクロスプラットフォームでユーザーインターフェイスを開発することができる。 いろいろな意味でFluentはGoogleの Material Design System に似ている。この新しいデザイン言語の主たる目的は、デベ... 続きを読む

業務システムのUI構築に採用されるJavaScriptコントロール「Wijmo」。軽量で高性能な製品を提供しつづける舞台裏を開発者に聞く［PR］ － Publickey

2016/08/21 319 users Publickey Wijmo UI構築 モバイル 課題

業務システムのUI構築に採用されるJavaScriptコントロール「Wijmo」。軽量で高性能な製品を提供しつづける舞台裏を開発者に聞く 業務アプリケーションの開発でWebとモバイルへの対応を進めようとするとき、大きな課題の1つとなるのが、Webやモバイルに合わせた優れたユーザーインターフェイスをどう構築するのか、でしょう。 デスクトップアプリケーションとして作り込まれてきた業務アプリケーションの... 続きを読む

React Native用の統合開発環境「Deco IDE」、オープンソースで公開 － Publickey

2016/05/31 140 users Publickey モバイルアプリケーション iOS 特長

「 React 」は、2013年にFacebookがオープンソースとして公開したJavaScriptフレームワーク。仮想DOMなどの手法を用いてユーザーインターフェイスの開発を効率的に行えるのが特長です。 そのReactと同じ書き方のJavaScriptでiOSやAndroidに対応したモバイルアプリケーションを開発できるのが「 React Native 」です。 「 Deco IDE 」は、Re... 続きを読む

本当に動くらしい。DockerクライアントのUIを（本物の）Minecraftにする「Dockercraft」、オープンソースでリリース。DockerCon Europe 2015 － Publickey

2015/11/18 85 users Publickey Minecraft バルセロナ スペイン

本当に動くらしい。DockerクライアントのUIを（本物の）Minecraftにする「Dockercraft」、マイクロソフトがオープンソースでリリース。DockerCon Europe 2015 スペインのバルセロナで開催された「DockerCon Europe 2015」で、DockerクライアントのユーザーインターフェイスをMinecraftにするというソフトウェア「Dockercraft」... 続きを読む

SC-88Pro復刻版がVST/AUで登場だ！Sound Canvas VAがお披露目 : 藤本健の“DTMステーション”

2015/11/07 54 users VST iOS 往年 DTMステーション お披露目

今年1月に登場して大きな話題になったSound Canvas for iOS。往年の名機、SC-88Proそっくりのユーザーインターフェイスを持ち、SC-88ProやSC-55、SC-8820の音色マップをすべて網羅する形で誕生したこの音源は、国内はもちろん、海外でも大ヒットとなりました。そうした中、当初から「VSTやAudioUnitsに対応したプラグイン版が欲しい！」という声は多くありましたが... 続きを読む

ひたすら最新のユーザーインターフェイスを紹介し続ける「UI Movement」*ホームページを作る人のネタ帳

2015/09/03 74 users インスピレーション CSS アイデア ネタ帳 スポンサーリンク

ひたすら最新のユーザーインターフェイスを紹介し続ける「UI Movement」 2015/09/03 ツイート スポンサーリンク ユーザーの新しい体験のためのインスピレーションがぎっしり詰まったサイトのご紹介。 実際に仕様する技術やなんやというのはないのですが、「こういう動きが体験できるといいな」というアイデアの種となるでしょう。 少し前にCSSのボタンだけをひたすら紹介するサイトをご紹介しました... 続きを読む

「Netflix」の“待ち時間を実質的に0にする”ストリーミングの秘密とは？ #ネトフリ : ギズモード・ジャパン

2015/06/08 60 users Netflix ストリーミング ギズモード ネトフリ ストリー

PR , インタビュー , レポート , 動画 , 映画 , 特別企画 「Netflix」の“待ち時間を実質的に0にする”ストリーミングの秘密とは？ #ネトフリ 2015.06.08 11:00 ギズモードがNeflixのカリフォルニア本社に潜入！ CEOインタビューに続く、第2回では、ネトフリのマネージメントチームの3名にインタビュー。ユーザーインターフェイスやレコメンドのアルゴリズム、ストリー... 続きを読む

無料のDAW、Tracktion 4 Freeを使ってみた : 藤本健の“DTMステーション”

2015/05/31 65 users DAW DTMステーション Ability 藤本健 ICON

先日、ICONなどのニュースサイトでも取り上げていたTracktionというDAWのフリー版が登場したという情報。気になっていた人も少なくないと思います。個人的には、Tracktionというソフトは、CubaseやPro Tools、SONAR、Abilityなどの一般的なDAWとだいぶ使い勝手の異なる独特なユーザーインターフェイスであるため、これまであまりいい印象を持っていませんでした。 とはい... 続きを読む