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... 続きを読む

ユーザー操作の一括無効化で役立つ！ 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を与えると、サイバーパンクにインスパイアされ... 続きを読む

「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... 続きを読む

仮想通貨の採掘を秘密裏に行うツールをバンドルした「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 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを... 続きを読む

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を例に、画面上のオブジェクトを操作するための二つのパラダイムに... 続きを読む

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... 続きを読む

Adobe、「Adobe Reader」後継の「Adobe Acrobat Reader DC」を公開 - 窓の杜

2015/04/07 167 users 後継 Adobe Adobe Reader 一新 無償

ニュース Adobe、「Adobe Reader」後継の「Adobe Acrobat Reader DC」を公開 ユーザーインターフェイスを一新、タッチ操作でも使いやすく （2015/4/7 19:13） 「Adobe Acrobat Reader DC」v2015.007.20033 米Adobeは7日、無償のPDFリーダー「Adobe Reader」の後継となる「Adobe Acrobat R... 続きを読む

DX7を完全に再現するフリーのVSTプラグイン、DEXEDで遊ぼう : 藤本健の“DTMステーション”

2014/12/02 221 users VSTインストゥルメント フリーウェア DTMステーション

半年ほど前にリリースされて大きな話題になったYAMAHAのDX7を再現するVSTインストゥルメントの音源、DEXED(ディクシード)。オープンソースのフリーウェアとして登場したこともあって、使ってみた、という人も少なくないと思います。私も気になりつつ、しっかり試していなかったのですが、改めてチェックしてみたところ、ユーザーインターフェイスが大幅に変わり、よりカッコよく、使いやすくなっていました。 ... 続きを読む

優れたWebサービスを作るために知っておきたい、UIを構成する5つの基礎的な要素 | Tokyo Otaku Mode Blog

2014/11/14 202 users Tokyo Otaku Mode Blog 要素 ひと言

悩み多きディレクターの皆様。 こんにちは。Tokyo Otaku Mode （以下TOM）ディレクターの青芝です。 Webサービスを考えるうえで、誰もが一度は頭を悩ませる UI （User Interface）。 User Interface（ユーザーインターフェイス）とは、ユーザーがWebサービスを利用するうえで直接操作する画面のことを指しますが、ひと言で「UI」と言っても、そこには文字や画像の... 続きを読む

【第3回】とんでもなく悪いUIには、だいたい僕が関わってる。｜川上量生の胸のうち｜川上量生｜cakes（ケイクス）

2014/02/05 337 users 改悪 ケイクス cakes ドワンゴ会長 川上量生さん

頻繁にユーザーインターフェイスを変更するニコニコ動画。「改悪」と言われる多くの変更に関わってきたというドワンゴ会長・川上量生さんが、「スペースをとっておいて何に使おうとしたのか忘れた」「めんどうくさくて企画自体を中止してしまった」など、衝撃の事実を告白します。しかし、よくよく聞いていると、そこにはニコニコ動画独自の運営方針がつらぬかれているようです。 まずは「ごめんなさい」と言いたい 川上量生（以... 続きを読む

Google、Android用のUIテスト自動化フレームワーク「Espresso」公開 － Publickey

2013/10/22 405 users Espresso テクノロジープレビュー Android

アプリケーションの画面に対してボタンを押したり入力を行い、正しい結果や答えが返ってくるか？ ユーザーインターフェイスを含むテストコードの開発は一般に手間がかかり面倒であり、テスト用のライブラリやフレームワークが欠かせません。 Googleは、Android用のUIテスト自動化のためのフレームワーク「Espresso」をテクノロジープレビューとして公開しました。 Espresso - android... 続きを読む

［速報］グーグル、エレガントなUIの部品化「Web Components」への取り組みを表明。Google I/O 2013 － Publickey

2013/05/15 111 users Publickey カスタムタグ サンフランシスコ CSS

グーグルはサンフランシスコで開催中のイベント「Google I/O 2013」の基調講演で、Webの新しい技術「Web Components」を用いてユーザーインターフェイスの部品化に取り組んでいることを明らかにしました。 Web Componentsは現在W3Cが策定中の技術で、カスタムタグを定義でき、HTML/CSS/JavaScriptを組み合わせて部品を作ることができます。 グーグルは、特... 続きを読む

オープンソースのWebアプリ開発向けコードエディター「Brackets」Sprint 23が公開 - 窓の杜

2013/04/15 236 users Brackets Bra ライブプレビュー オープンソース

ニュース オープンソースのWebアプリ開発向けコードエディター「Brackets」Sprint 23が公開 ユーザーインターフェイスの改善と“ライブプレビュー”機能の強化 （2013/4/15 17:56） 「Brackets」Sprint 23 米Adobe Systems Incorporatedは12日（現地時間）、オープンソースで開発されているWebアプリ開発向けのコードエディター「Bra... 続きを読む

思わず触りたくなるiOSのUIデザイン - #RyoAnnaBlog

2013/03/24 939 users RyoAnnaBlog iOS 配色 遷移 アニメーション

ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのUIデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。今回はiOSのUIデザインを紹介したい。どれも思わず触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/U... 続きを読む

Photoshopでウェブページのインターフェイスを作成するチュートリアルのまとめ | コリス

2012/12/02 402 users コリス コーポレートサイト インターフェイス ウェブページ

ブログやポートフォリオ、Eコマース、コーポレートサイトなどに、レトロ風、スタイリッシュ、クリーン、スリーク、背景に写真、イラストを使うなど、ウェブページのユーザーインターフェイスをPhotoshopで作成するチュートリアルを紹介します。 Create a One-Page Retro Web Design Layout 1ページで構成されたレトロ風デザインのレイアウト。 Create an Adm... 続きを読む

スマートフォンサイトで好まれるユーザーインターフェイス【リサーチ】 （1/4）：MarkeZine（マーケジン）

2012/05/01 594 users IMJモバイル MarkeZine ユーザビリティ調査 進化

IMJモバイルは、「スマートフォンサイトの情報表示方法に関するユーザビリティ調査」を実施した。調査期間は2012年3月2日～3月3日、有効回答数は826名から得られました。 調査結果概要　スマートフォンの進化により、サイト内での様々なインタラクティブUIを用いた表現方法が見受けられるようになりました。そこで、今回は複数のインタラクティブUI実例を用いたユーザーの操作印象について調査を行いました。　... 続きを読む

VLC 2.0をインストールするとHandBrakeでリッピングできなくなるので元通りリッピングできるようにしてみた | Macの手書き説明書

2012/03/03 319 users Handbrake VLC Mac エラー 手書き説明書

2.0がリリースされユーザーインターフェイスが大幅に変わったVLC。このブログを見ていただいている方は新し物好きが多いと思いますが、僕もたいがい新し物好きなのですぐにインストールしました。そして当分はVLCの新しいインターフェイスに満足してご機嫌に暮していたのですが、HandBrakeを立ち上げてみたらエラーがでてリッピングできなくなっていました。このまま「Attempt Scan Anyway」... 続きを読む

タスクが一目でわかりやすく管理可能なソーシャルタスク管理サービス「ToDous(トゥドゥス)」 - GIGAZINE

2012/03/02 104 users GIGAZINE ToDous トゥドゥス サイボウズ 一目

ダッシュボードにやるべきタスクがわかりやすく表示され、ユーザーインターフェイスは誰でも使いやすく、クラウドサービスなのでモバイルにも対応しているというソーシャルタスク管理サービス「ToDous」がサイボウズからリリースされました。 タスク管理は個人でも会社でも大切なことですが、ソフトが使いづらかったり、使うのが面倒になってしまったりして、うまくいかないケースがあります。その点、この「ToDous」... 続きを読む