静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能

2023/09/11 250 users SPA 静的サイトジェネレータ アニメーション astro

静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever.... 続きを読む

Web フロントエンドの実装において本来の機能を損なってはいけない

2022/12/25 211 users 実装 フロントエンド 本来 web 機能

2022.12.24 昨今の Web フロントエンドの開発においては、React や Vue.js などを利用した SPA を採用することが多くなりました。従来の MPA と比較して、リンククリック時やフォーム送信時にページリロードを挟まないので、高速な画面遷移を実現できるため、快適な操作を実現できます。 一方、データの取得・ルーティン... 続きを読む

Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io

2022/04/21 226 users SPA jxck.io ミッシングピース 改善 MPA

Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく、 MPA すら改善する可能性のある API だ。 この API の目的と... 続きを読む

【M5paper】天気情報ボードを作る（画面遷移なし）【UIFlow】｜kenta｜note

2021/05/08 271 users draw.io グラフ ラベル M5Paper 当初

CoreInkで作った、天気予報グラフのようなものを M5paperで作ろうと思います。 今回も本体を90度回転して使用します 下にグラフ、上に現在の天気など その他のスペースにいろいろ機能追加する予定。 今回は画面遷移なしで一つの情報のみをまず作ります デザイン Ｘ軸のラベルを置くの大変だった。 当初、draw.ioで書いて... 続きを読む

新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High

2019/06/09 739 users SPA 範疇 フレームワーク ToDoアプリ TodoMVC

よく新しいフレームワークを学ぶにはTodoアプリを作ってみるのがよい、と言われる。実際、Todoアプリを様々なフレームワークで作ってみたサンプルをまとめたサイトもあったりする。 ところが、実際に業務で作るようなアプリケーションはTodoアプリの範疇を超えている。とくにSPAにもなると、画面遷移やWebAPI連携、大規... 続きを読む

画面遷移がすごいサイトのまとめ | バシャログ。

2018/02/21 155 users バシャログ チャットグループ チェケラ tvk まとめ

TVKで再放送されているあぶデカにハマっているgamiです。あの時代の関内・馬車道あたり物騒すぎるでしょ…。 さて、以前にも紹介しました、気になるデザインを共有するDesignClipという社内のチャットグループより、画面遷移がシームレスでこいつぁすげえや！となったものを幾つか紹介できればと思います。チェケラ！ 佐久間徹設計事務所 デザインはすごくシンプルで動きもいいと印象によく残ります。 下位ペ... 続きを読む

「line://msg/text/～ 」からのLINEメッセージ送信の仕様が危険なので注意 | LINEの仕組み

2015/08/27 476 users MSG text 意図 中身 文章

LINEにて、「line://msg/text/」で始まるURLが拡散されています。このURLは、「指定された文章を送信するためのURL」で、「LINEで送る」ボタンの中身として利用されているURLなのですが、このURLから送信に至るまでの画面遷移で、送信内容の確認画面が無い仕様のため、自分が何を送信するのかを確認できないまま送信してしまい、意図と反した投稿を行ってしまう危険性があります。 何を送... 続きを読む

VASILYデザイナーチームがデザインインスピレーションを受けたアプリまとめ（2015年2月） | 株式会社VASILY(ヴァシリー)

2015/03/04 124 users iQON ヴァシリー アニメーション 良いアウトプット チーム

VASILYデザイナーチームが2月にデザインインスピレーションを受けたアプリをご紹介VASILYでは、より良いアウトプットをするためにもデザインインプットの時間を週1回設けています。画面遷移であったり、ちょっとしたアニメーションなど優れたUIをチームで共有し、実際にiQONのUIやUXという部分に反映しようと日々、試行錯誤しております。 今回はその中で、VASILYデザイナーチームが2月にデザイン... 続きを読む

UI Tiles·Webサイト全体の画面遷移設計に使えるデザイン集 MOONGIFT

2014/12/28 282 users コマース MOONGIFT 遷移 フローチャート ピックアップ

Webサイトを開発する際に使われるのが画面遷移を表現するフローチャートです。例えばコマースであればトップページから商品一覧、カテゴリ一覧や商品のピックアップなどの遷移が考えられます。 深くなってしまう場所がないか確認したり、ユーザ動線が正しく描けているかどうか確認するのに便利です。UI Tilesはそんなフローチャートを作成するのに便利なデザイン集です。 UI Tilesの使い方 UI Tiles... 続きを読む

画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | Reflection | UIデザイン会社Standard Incのブログ

2014/11/19 913 users Reflection UI Flows ツール 疑問 あなた

クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか？ この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くの... 続きを読む

60分で始めるiOSアプリのUI自動テスト - 株式会社CFlatの明後日スタイルのブログ

2014/01/06 255 users iOSアプリ 株式会社CFlat UI自動テスト iOS 画面

2014-01-06 60分で始めるiOSアプリのUI自動テスト iOS iPhoneアプリ Objective-c Test iOSのアプリケーションではモデル周りのテストと同じぐらいUI周りのテストが重要な気がするのですが、画面のテストってちょっと面倒ですよね。その上Xcode標準のテストフレームワークでは画面遷移などのテストができません。そこで、統合テスト用のテストフレームワークを使う必要が... 続きを読む

【iPhoneアプリ開発者必見！】画面遷移をイメージしやすくなるアプリ【POP】｜CA Beat デザイナーのブログ

2012/12/26 127 users POP デザイナー CA Beat ウオモリ アプリ

CA Beat デザイナーのブログ ブログの説明を入力します。 ブログ画像一覧を見る 記事一覧 クリスマスにぴった･･･ » 【iPhoneアプリ開発者必見！】画面遷移をイメージしやすくなるアプリ【POP】 2012-12-26 10:59:06NEW ! テーマ：ブログ こんにちは。 CA Beatデザイナーのウオモリです。 年末ですね。クリスマスも終わって、 もうすぐ正月。。。 このまとまった... 続きを読む

jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ | webOpixel

2012/02/03 718 users jQuery webOpixel hmtl btn メモ

jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 リンク（href）を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場... 続きを読む

flashを使わないでギャラリーサイトや写真ブログを制作する際のデザインが参考になりそうなサイト集めました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/01/23 460 users グリッド Flash JavaScript Web制作 参考

今回は写真をメインにしたダイナミックなサイトや、グリットをうまく使った見やすく整理されたサイトをファッション関係・フォトグラファー・デザイン制作会社を中心に30サイト集めました。 クオリティー高い写真を使用しているので見た目のデザインがかっこいいことは言うまでもないのですが、それだけでなく、HTML5やJavascriptを駆使したFlashのようなユニークな画面遷移の動きのサイトも多く見ている人... 続きを読む

スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」:phpspot開発日誌

2010/03/31 295 users Ajax jQueryプラグイン phpspot開発日誌

スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 2010年03月31日- AjaxScroll ? Ajax Scroll jQuery Plugin | blogfreakz.com スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 「MSN Image Search」は画面遷移なしに画... 続きを読む

わたしが知らないスゴ本は、きっとあなたが読んでいる: 画面仕様書を「作らない」リスク

2005/12/09 120 users スゴ本 リスク わたし プロトタイプ あなた

IT Pro の開発ドキュメントの最適化で笑わせていただいた。これ書いた人は画面仕様で酷い目に遭ったことがないんだろう。笑った箇所は次の通り。 画面仕様書をプロトタイプ・アプリケーションで代用する方法がある。Webシステムの場合は，HTMLの作り方を工夫すればプロトタイプで実際の入力手順や画面遷移も確認できるようになる。エンドユーザーにとっても，ドキュメントよりは実際の画面で確認した方が分かりやす... 続きを読む