タグ 画面遷移
新着順 10 users 50 users 100 users 500 users 1000 users画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | Reflection | UIデザイン会社Standard Incのブログ
クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか? この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くの... 続きを読む
新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High
よく新しいフレームワークを学ぶにはTodoアプリを作ってみるのがよい、と言われる。実際、Todoアプリを様々なフレームワークで作ってみたサンプルをまとめたサイトもあったりする。 ところが、実際に業務で作るようなアプリケーションはTodoアプリの範疇を超えている。とくにSPAにもなると、画面遷移やWebAPI連携、大規... 続きを読む
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ | webOpixel
jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 リンク(href)を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場... 続きを読む
「line://msg/text/~ 」からのLINEメッセージ送信の仕様が危険なので注意 | LINEの仕組み
LINEにて、「line://msg/text/」で始まるURLが拡散されています。このURLは、「指定された文章を送信するためのURL」で、「LINEで送る」ボタンの中身として利用されているURLなのですが、このURLから送信に至るまでの画面遷移で、送信内容の確認画面が無い仕様のため、自分が何を送信するのかを確認できないまま送信してしまい、意図と反した投稿を行ってしまう危険性があります。 何を送... 続きを読む
flashを使わないでギャラリーサイトや写真ブログを制作する際のデザインが参考になりそうなサイト集めました | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
今回は写真をメインにしたダイナミックなサイトや、グリットをうまく使った見やすく整理されたサイトをファッション関係・フォトグラファー・デザイン制作会社を中心に30サイト集めました。 クオリティー高い写真を使用しているので見た目のデザインがかっこいいことは言うまでもないのですが、それだけでなく、HTML5やJavascriptを駆使したFlashのようなユニークな画面遷移の動きのサイトも多く見ている人... 続きを読む
スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」:phpspot開発日誌
スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 2010年03月31日- AjaxScroll ? Ajax Scroll jQuery Plugin | blogfreakz.com スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 「MSN Image Search」は画面遷移なしに画... 続きを読む
UI Tiles·Webサイト全体の画面遷移設計に使えるデザイン集 MOONGIFT
Webサイトを開発する際に使われるのが画面遷移を表現するフローチャートです。例えばコマースであればトップページから商品一覧、カテゴリ一覧や商品のピックアップなどの遷移が考えられます。 深くなってしまう場所がないか確認したり、ユーザ動線が正しく描けているかどうか確認するのに便利です。UI Tilesはそんなフローチャートを作成するのに便利なデザイン集です。 UI Tilesの使い方 UI Tiles... 続きを読む
【M5paper】天気情報ボードを作る(画面遷移なし)【UIFlow】|kenta|note
CoreInkで作った、天気予報グラフのようなものを M5paperで作ろうと思います。 今回も本体を90度回転して使用します 下にグラフ、上に現在の天気など その他のスペースにいろいろ機能追加する予定。 今回は画面遷移なしで一つの情報のみをまず作ります デザイン X軸のラベルを置くの大変だった。 当初、draw.ioで書いて... 続きを読む
60分で始めるiOSアプリのUI自動テスト - 株式会社CFlatの明後日スタイルのブログ
2014-01-06 60分で始めるiOSアプリのUI自動テスト iOS iPhoneアプリ Objective-c Test iOSのアプリケーションではモデル周りのテストと同じぐらいUI周りのテストが重要な気がするのですが、画面のテストってちょっと面倒ですよね。その上Xcode標準のテストフレームワークでは画面遷移などのテストができません。そこで、統合テスト用のテストフレームワークを使う必要が... 続きを読む
静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能
静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever.... 続きを読む
Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io
Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく、 MPA すら改善する可能性のある API だ。 この API の目的と... 続きを読む
Web フロントエンドの実装において本来の機能を損なってはいけない
2022.12.24 昨今の Web フロントエンドの開発においては、React や Vue.js などを利用した SPA を採用することが多くなりました。従来の MPA と比較して、リンククリック時やフォーム送信時にページリロードを挟まないので、高速な画面遷移を実現できるため、快適な操作を実現できます。 一方、データの取得・ルーティン... 続きを読む
画面遷移がすごいサイトのまとめ | バシャログ。
TVKで再放送されているあぶデカにハマっているgamiです。あの時代の関内・馬車道あたり物騒すぎるでしょ…。 さて、以前にも紹介しました、気になるデザインを共有するDesignClipという社内のチャットグループより、画面遷移がシームレスでこいつぁすげえや!となったものを幾つか紹介できればと思います。チェケラ! 佐久間徹設計事務所 デザインはすごくシンプルで動きもいいと印象によく残ります。 下位ペ... 続きを読む
【iPhoneアプリ開発者必見!】画面遷移をイメージしやすくなるアプリ【POP】|CA Beat デザイナーのブログ
CA Beat デザイナーのブログ ブログの説明を入力します。 ブログ画像一覧を見る 記事一覧 クリスマスにぴった・・・ » 【iPhoneアプリ開発者必見!】画面遷移をイメージしやすくなるアプリ【POP】 2012-12-26 10:59:06NEW ! テーマ:ブログ こんにちは。 CA Beatデザイナーのウオモリです。 年末ですね。クリスマスも終わって、 もうすぐ正月。。。 このまとまった... 続きを読む
VASILYデザイナーチームがデザインインスピレーションを受けたアプリまとめ(2015年2月) | 株式会社VASILY(ヴァシリー)
VASILYデザイナーチームが2月にデザインインスピレーションを受けたアプリをご紹介VASILYでは、より良いアウトプットをするためにもデザインインプットの時間を週1回設けています。画面遷移であったり、ちょっとしたアニメーションなど優れたUIをチームで共有し、実際にiQONのUIやUXという部分に反映しようと日々、試行錯誤しております。 今回はその中で、VASILYデザイナーチームが2月にデザイン... 続きを読む
わたしが知らないスゴ本は、きっとあなたが読んでいる: 画面仕様書を「作らない」リスク
IT Pro の開発ドキュメントの最適化で笑わせていただいた。これ書いた人は画面仕様で酷い目に遭ったことがないんだろう。笑った箇所は次の通り。 画面仕様書をプロトタイプ・アプリケーションで代用する方法がある。Webシステムの場合は,HTMLの作り方を工夫すればプロトタイプで実際の入力手順や画面遷移も確認できるようになる。エンドユーザーにとっても,ドキュメントよりは実際の画面で確認した方が分かりやす... 続きを読む
iPhoneアプリの画面遷移をイメージしやすくするペーパープロトタイピング用アプリ「POP」 | sense of medium
Some rights reserved by Rosenfeld Media ウェブサイトやアプリを設計する際に多くの方は紙とペンを使い、スケッチをしながら画面繊維などを考えるといいます。これは「ペーパー・プロトタイピング」とよばれる開発手法。プロトタイプを作ることで、どのようにユーザーに使ってもらうのかをイメージしながら開発が行なっていくことができるというもの。 僕がエディターとして関わってい... 続きを読む
サイト構造や画面遷移を分かりやすく見せる、サイトマップ・フローチャートを作成する要素がすべて揃った無料素材 -UX Flow | コリス
Webサイトやスマホアプリのサイトマップ・フローチャートを簡単に作成できるSketch用の無料素材を紹介します。 ラインやアローをはじめ、アイコン、ラベル、パネルなど、サイトマップ・フローチャートを作成するための要素がす ...記事の続きを読む 続きを読む
Ajax で画面遷移なしの Amazon 検索 : NDO::Weblog
Ajax で画面遷移なしの Amazon 検索 [ XML ] 近頃話題の Ajax (Asynchronous JavaScript + XML)。JavaScript の XMLHttpRequest を使って XML 文書その他を取得して、それを Dynamic HTML で描写するという、既存の技術のあわせ技。Google Maps や GMail、Google Suggest なんかで日... 続きを読む
<a>か<button>か - hitode909の日記
2017 - 12 - 07 <a>か<button>か クリックできるものがあって, <a> にするか <button> にするか,という話をしていて,いろんな観点があるなと思ったのでメモ. 単なる画面遷移なら <a> 単にformを送信したいときは, <input type="submit"> や <button> <button> はdisabled属性を使って無効状態にできるので,押せない... 続きを読む
RailsでDeviseを使ったときのログイン周りの画面遷移 - PILOG
2014-07-02 RailsでDeviseを使ったときのログイン周りの画面遷移 Rails Devise Deviseを使ってユーザー認証機能を作ったときに、もうちょっとよくするための方法メモ。Deviseは普通の実装するとログイン後は/にリダイレクトされる。それを別のURLにする方法はここに書いた。 Deviseでログイン後のURLを変える方法 - PILOG では、ログインに必要なページの... 続きを読む
Web2.0的でない企業にはWeb2.0サービスはできない DESIGN IT! w-LOVE
なんだかすごく当たり前のことをいうようですが、Web2.0的でない企業にはWeb2.0サービスはできません。 トラックバック、Ajaxによる画面遷移のないUI、RSS(フィードやリーダー)、他サイトとのシンジケーション、ユーザーへの信頼、集合知の活用、などなど。どれ1つとってもマスプロダクトな世界でビジネスを展開してきた企業にはなかなか馴染まないみたいです。 自分たちがそれまで蓄えてきた常識をかな... 続きを読む
[iOS 7] 簡単にできる画面遷移のカスタマイズ - iOS 開発ブログ Natsu's note
iOS 7から、画面遷移のアニメーションをカスタマイズできるようになりました。実装はシンプルで本当に簡単です。しかし、やたらと長い(しかもイマイチ統一感のない)プロトコルをたくさん使わなくてはならないため、何となく二の足を踏んでいる方も多いのではないでしょうか。 今回は、画面遷移のカスタマイズの基本中の基本を紹介します。 関連プロトコル 画面遷移の実装には多くのプロトコルを使用します。その中で、最... 続きを読む
Rails 4.0 に入る予定の turbolinks について調べた - willnet.in
Rails 4.0 のデフォルト Gemfile に入るらしい、pjax っぽいことをして画面遷移を高速化する gem turbolinks について軽く調べてみました。 Introducing Turbolinks: github.com/rails/turbolin…. This will ship as default-on in Rails 4.0 Gemfile. PRESS TURBO... 続きを読む
米マイクロソフト、ノンプログラミングでWindows Metro Styleのアプリを作れる開発ツール「Project Siena」β版公開 - Publickey
プログラマではないビジネスの専門家やコンサルタントなどのためにプログラミング不要でいわゆるWindowsのMetro Styleアプリケーションが開発できるツール「Project Siena」を米マイクロソフトがベータ版として公開しました。 Project Sienaは、アプリの画面を定義し、画面遷移を定義し、表示データと関連づけるなどの操作で手軽にアプリケーションが作れると説明されています。説明... 続きを読む