はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 画面設計

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 22 / 22件)
 

AIによる爆速開発:画面設計からプログラミングまで自動化!? - Qiita

2024/04/15 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita uizard 爆速開発 プログラミング プロセス

近年、AIの進化によりソフトウェア開発のプロセスが大きく変化しています。これまで手作業で行われてきた画面設計やプログラミング作業も、AIの登場により驚異的なスピードに進化しています。今回は、その中でも私が実際に使っている2つのAIツール、UizardとUI Sketcherについて紹介します。 なお、本記事では医師と患者... 続きを読む

エンジニアが画面設計(Figma)を担当してみた振り返り

2024/01/12 このエントリーをはてなブックマークに追加 133 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma 経緯 フロー エンジニア デザイナー

Thinkings株式会社 では sonarATS の開発にあたり、基本的にはデザイナーがFigmaを作成し、それに基づいてエンジニアが開発するというフローを取っています。 そんな中、先日エンジニアサイドで画面設計を行ってみるという実験的な取り組みをしました。 本記事では画面設計を行うことになった経緯と具体的な取り組み内容... 続きを読む

画像対応ChatGPTで設計図からコードの世界が実現しててやばい - きしだのHatena

2023/09/28 このエントリーをはてなブックマークに追加 638 users Instapaper Pocket Tweet Facebook Share Evernote Clip きしだのHatena 設計図 コード chatgpt やばい

アマチュア驚き屋のきしだです。 ChatGPTが画像入力に対応するよという話があって、来週くらいに使えるようになるかなーと思ったら、もう使えるようになってました。 で、写真から「カレー食べてる男の人です」くらいを言えるイメージで試してたら、なんかふつうに画面設計やクラス図からコードを書いていてびっくりして... 続きを読む

技術に興味がなくて何が悪い? - Qiita

2023/08/14 このエントリーをはてなブックマークに追加 384 users Instapaper Pocket Tweet Facebook Share Evernote Clip コーディング tl;dr 筆者 エンジニア界隈 Qiita

TL;DR 技術に興味がなくても、エンジニアとして生きていくことはできる。 対象読者 自分を技術に興味がない側の人間だと思う方 筆者について Webアプリケーションの開発エンジニア。主な仕事はプログラム詳細設計、画面設計、コーディング。 技術にあまり興味がない。 初めに エンジニア界隈では、以下のような主張がし... 続きを読む

ユーザーが迷わない、直感的に操作できるUIの作り方 | UX TIMES

2022/11/17 このエントリーをはてなブックマークに追加 154 users Instapaper Pocket Tweet Facebook Share Evernote Clip UX TIMES オーガナイザー ナレッジ ユーザー 作り方

こんにちは、デザイナーの小蕎です。UX DAYS TOKYOの読書会で学んだ”心理学や脳科学”の内容を取り入れた「脳科学で習慣化を促すアプリ(以下、習慣化アプリ)」を作ってみようということになりました。 アプリの画面設計をして、オーガナイザーである大本さんからUIを指摘されることで多くのナレッジを得られました。知... 続きを読む

アップル、アプリ開発者に「ユーザー追跡を許可したらお金あげる」禁止 - Engadget 日本版

2021/04/28 このエントリーをはてなブックマークに追加 19 users Instapaper Pocket Tweet Facebook Share Evernote Clip アップル ユーザー追跡 禁止 Engadget 日本版 ATT

アップルは27日に配信開始したiOS 14.5にアプリトラッキング透明性(ATT)、すなわち「アプリが異なるWebやアプリをまたいでユーザーを追跡する際には、ユーザーの明示的な許可を得なければならない」仕組みを導入しました。同時にヒューマン・インターフェース・ガイドライン(アプリと人とのやり取りや画面設計に関す... 続きを読む

複雑な乗換体験を直感的に! 乗換案内アプリのデザイン - Yahoo! JAPAN Tech Blog

2019/05/21 このエントリーをはてなブックマークに追加 314 users Instapaper Pocket Tweet Facebook Share Evernote Clip 乗換案内アプリ Yahoo 事例 電車 ルート検索

デザイン特集2本目の記事です。 Yahoo!乗換案内アプリでデザインを担当している関豪志(せきたけし)です。乗換案内アプリを担当して約6年になりました。この記事では画面設計をする上で心がけたこと、工夫したことを事例とともに紹介します。 Yahoo!乗換案内アプリとは? 行きたい場所へのルート検索はもちろん、電車の... 続きを読む

draw.io で書いた画面設計書いてみたらストレスフリーになった 〜 続・gitbookで設計書を作成したら最高だった話 - フォトシンス エンジニアブログ

2018/06/28 このエントリーをはてなブックマークに追加 113 users Instapaper Pocket Tweet Facebook Share Evernote Clip GitBook フォトシンス draw.io 試行錯誤 設計書

こんにちは フォトシンスでソフトウェア開発のマネージャーをやっている @ishturky です。 今日のエントリーは、以前書いた 「gitbookで設計書を作成したら最高だった話」の続きです。 akerun.hateblo.jp こんなコメントいただいております。 はい。これはとても悩ましいですね。僕自身もとても悩んでまさに試行錯誤して... 続きを読む

隠れた課題を見つけ出す「構造化シナリオ」を使った画面設計とは | Pinto!

2018/06/13 このエントリーをはてなブックマークに追加 36 users Instapaper Pocket Tweet Facebook Share Evernote Clip イケ 設計 深い理由 いいとこ取り Pinto

いくつもの画面設計を重ねていくと、このような状況に陥ることはありませんか? 「この部分の設計は、昔作ったあのサイトと同じ感じに」 「他社さんが作ったここイケてる!この部分をまねしよう」 というように、どこか他のサイトの「まねごと」だったり、過去に作ったサイトの「いいとこ取り」をしていたり。私自身、(深い理由もないまま)部分的に他のサイトのまねをして、画面設計をしていたこともあったと思います。 どう... 続きを読む

[GDC 2018]ひと目でゲームの面白さが分かる画面設計の秘訣は,ポスター制作にあり? 良い画面設計のための,シンプルな方針 - 4Gamer.net

2018/03/21 このエントリーをはてなブックマークに追加 112 users Instapaper Pocket Tweet Facebook Share Evernote Clip ひと目 徳岡正肇 秘訣 非ゲーマー ゲーマー向け

[GDC 2018]ひと目でゲームの面白さが分かる画面設計の秘訣は,ポスター制作にあり? 良い画面設計のための,シンプルな方針 ライター:徳岡正肇 ゲーマー以外もコンピューターゲームをプレイする(プレイし続ける)ようになって,久しい。だがかつては「カジュアルゲーム」と呼ばれていた時代から,非ゲーマーに訴求するゲームを作るためには,ゲーマー向けのゲームを作るのとは異なるノウハウが必要になることが認識... 続きを読む

jagrid - Excel方眼紙をWeb上に再現! MOONGIFT

2014/05/10 このエントリーをはてなブックマークに追加 146 users Instapaper Pocket Tweet Facebook Share Evernote Clip MOONGIFT jagrid Excel方眼紙 断定 再現

これは凄いかも知れない…。 最近のCSSフレームワークは幅を12分割した上でデスクトップ、タブレット、スマートフォンに適応させるスタイルになっています。しかしこれでは緻密な画面設計を求められる日本の業務システムにはマッチしません。 日本の業務システムと言えばExcel方眼紙がデフォルトです(断定)。そのUIに慣れ親しんだ人のためのグリッドレイアウトフレームワークがjagridです。 jagridの... 続きを読む

ニュース - キヤノンソフトがWebアプリ開発ツール「WebPerformer」の新版、画面設計を容易に:ITpro

2014/01/29 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip ITpro マウス操作 ドラッグ&ドロップ 既存ユーザー 設計

キヤノンソフトウェアは2014年1月29日、Webアプリケーション開発ツールの新版「Web Performer V1.4.0」を発表した。新版には、画面レイアウトの設計をドラッグ&ドロップのマウス操作で実施できる「GUIエディタ」を搭載。旧版よりも画面設計を容易にした。旧版までは、表形式で各項目の位置などを指定する必要があった。「画面設計機能の改善は、既存ユーザーからの要望が最も多かったところ。そ... 続きを読む

スマートフォンは実生活のためのリモコンである : could

2013/11/18 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip could TechCrunch リモコン 最初 瞬間

モバイル スマートフォンは実生活のためのリモコンである 利用者にとってスマートフォンの体験は、アプリから始まっているのではなく、スマートフォンを持った瞬間から始まっています。アプリの画面設計でも、アプリを開く前のことを考えなくては、何を最初に見せるべきなのかも見え難くなります。 Techcrunch で、「Great Mobile Apps Are Remote Controls For Real... 続きを読む

iOSのデザインをするときに利用しているツールいろいろ | ナナメウエblog

2013/02/07 このエントリーをはてなブックマークに追加 219 users Instapaper Pocket Tweet Facebook Share Evernote Clip iOS 若輩 ナナメウエBlog suzukisan_ 鈴木

こんにちは、いつかiOSのデザインのみで食べていきたい鈴木(@suzukisan__)です。 まだまだ若輩ですがiOSのデザイン環境について紹介させて頂きます。 画面設計 iPhone Idea Sheet あまり紙でやることはないのですが、使う場合はこちらのiPhone Idea Sheetです。 うちではむしろエンジニアさんのほうが使っています。 三階ラボ | iPhone Idea Shee... 続きを読む

小野和俊のブログ:UX/UIデザインガイドライン

2012/04/13 このエントリーをはてなブックマークに追加 758 users Instapaper Pocket Tweet Facebook Share Evernote Clip アプレッソ 小野和俊 プログラマー 指針 各社

このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 世の中にはすでにUX/UIデザインガイドラインとして各社の推奨する指針をまとめたものが公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものに... 続きを読む

アップル、8インチ級の iPad を開発中 (WSJ) - Engadget

2012/02/14 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip Engadget WSJ うわさ サプライヤ筋 証言

3月の第一週にも発表されるらしい、という iPad 3 (仮)とはまた別に、アップルがより小さな画面の iPad を開発しているとのうわさを Wall Street Journal が伝えています。アップルと取引がある複数のサプライヤ筋によれば、アップルは8インチ前後の画面を備えたタブレットデバイスの画面設計を示し、供給先の選定を進めているとのこと。 また同じサプライヤ筋の証言では、8インチ iP... 続きを読む

アップル、8インチ級の iPad を開発中 (WSJ) -- Engadget Japanese

2012/02/14 このエントリーをはてなブックマークに追加 84 users Instapaper Pocket Tweet Facebook Share Evernote Clip WSJ うわさ サプライヤ筋 アップル 証言

3月の第一週にも発表されるらしい、という iPad 3 (仮)とはまた別に、アップルがより小さな画面の iPad を開発しているとのうわさを Wall Street Journal が伝えています。アップルと取引がある複数のサプライヤ筋によれば、アップルは8インチ前後の画面を備えたタブレットデバイスの画面設計を示し、供給先の選定を進めているとのこと。 また同じサプライヤ筋の証言では、8インチ iP... 続きを読む

ニコ生専用のエンコーダーついに登場!‐ニコニコインフォ

2012/02/09 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip エンコーダー NLE インフォ インターフェイス Tweet

ニコ生専用のエンコーダーついに登場! 2012年02月09日 Tweet 本日、生主待望の『Niconico Live Encoder』を配布開始しました。 Niconico Live Encoder(ニコニコ・ライブ・エンコーダー[略称:NLE])は日本語のインターフェイス(画面設計)で分りやすく、 そして誰でも簡単かつ高画質に配信できるニコニコ生放送専用の配信エンコーダーです。 Splitme... 続きを読む

WEBディレクタなら参考にしたい手書きの画面設計書|designaholic -Creative Column-

2011/02/18 このエントリーをはてなブックマークに追加 1060 users Instapaper Pocket Tweet Facebook Share Evernote Clip ワイヤーフレーム designaholic 実物 手書き 参考

様々なアプリケーションを試し、試行錯誤しながらWEBサイトの画面設計を行ってますが、ぜひとも参考にしたい手書きのワイヤーフレームを紹介します。 まずはPCサイトですが、実物とあわせてどうぞ。   Five Years of Firefox     Five Years of Firefox 続きを読む

画面設計とか外部設計とか、もうやめようよ - masayangの日記(ピスト通勤他

2009/01/29 このエントリーをはてなブックマークに追加 281 users Instapaper Pocket Tweet Facebook Share Evernote Clip masayang ピスト通勤 外部設計 日記

昨日は特徴(Feature)、粗筋(Story)、脚本(Scenario)でちょいと言及した「Feature, Story, Scenarioがごっちゃになりかけている」プロジェクトの人達とお話しする機会があった。よくよく見ると、FeatureとFunctionとがごっちゃになっていた。つまり、要件分析の段階で実装のことを考えていたのである。なぜ、そうなったのだろう?画面から要件分析をすると、こう... 続きを読む

ウェブの画面設計に使えるまとめ - DesignWalker

2008/05/30 このエントリーをはてなブックマークに追加 1103 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブ 善し悪し 矛盾 デザイナー 規模

構築するウェブサイトの規模が大きくなればなるほど、画面設計はとても大切なものになりますね。 要素の抜けや、動作的な矛盾が無いかを確認したり、デザイナーはその設計書を元にデザインをおこすので、設計書の善し悪しが、最終的にそのサイトの善し悪しに直結するのではないでしょうか? 今回は、画面設計の際に使えそうなサイトをいくつかピックアップしてみました。 PowerPoint Prototyping Too... 続きを読む

ECサイトの画面設計--男と女、買い物の行動パターンはどう違う?:マーケティング - CNET Japan

2008/03/28 このエントリーをはてなブックマークに追加 626 users Instapaper Pocket Tweet Facebook Share Evernote Clip マーケティング CNET Japan EC 行動パターン 構築

便利さ、手軽さから、オンラインショッピングは今や私たちの生活の中に深く浸透しています。そして「売れるオンラインショップ」を目指して、各Eコマース(EC)サイトが凌ぎを削っています。ECサイトの構築にあたって、まずはそのショップのターゲットを設定し、それぞれの攻略方法を考えることが大切です。攻略方法を考えるには、ターゲットユーザーのサイト内行動を知る必要があります。 ここで1つの疑問が浮かびます。は... 続きを読む

 
(1 - 22 / 22件)