Priorityを制するものはローディングを制す

2023/09/27 6 users Priority

2023/09/26 We Are JavaScripters! @42nd 続きを読む

東京ガスのログイン時のローディングがとんでもない見せ方をしていた→仕様でもミスでもなくChromeの拡張機能が悪さをしていた

2023/02/07 126 users 東京ガス Chrome ミス 拡張機能 仕様

こびと @kobitoCode 「えっなにこれ！？何が起きてるの！？えっ！？えっ！？」と感じている間に5秒経ち、「人はロードに2秒かかったら離脱します」という固定概念をぶち壊せる可能性を感じた twitter.com/ckazu/status/1… 2023-02-06 16:00:47 続きを読む

「ゲームのロード」のために“主人公をわざと転ばせる”PS1ゲームの工夫が話題を集める。意外なかたちで紐解かれる真実 - AUTOMATON

2022/10/17 504 users AUTOMATON つきもの 一例 RPG プレイヤー

ゲームが動作するうえでは、データを読み出すローディングがつきもの。開発者は、ロード時間をなるべく短くしたり、プレイヤーに感じさせづらくしたりと、さまざまな工夫を施しているようで、そうした工夫の一例がSNS上で注目を集めている。 TwitterユーザーMIYAKE氏は10月17日、PS1向けに1998年に発売されたRPG『どきど... 続きを読む

ないに越したことはない、けど避けられない!?　家庭用ゲーム機の「NOW LOADING」の始まりからローディングの歴史を振り返ってみた | 電ファミニコゲーマー – ゲームの面白い記事読んでみな

2021/12/27 12 users Now Loading 電ファミニコゲーマー 据置型 ロード

ないに越したことはない、けど避けられない!?　家庭用ゲーム機の「NOW LOADING」の始まりからローディングの歴史を振り返ってみた 今回のテーマは「ローディング（ロード）」だ。現在の家庭用ビデオゲーム機では、ゲーム機の起動時、ゲーム開始前、さらにはゲーム中と、もはや据置型・携帯型を問わず、ローディングがつ... 続きを読む

待機状態のUIについて整理してみる(デザイン編)

2021/05/05 141 users Introduction 待機状態 デザイン編 既存 概要

Introduction 概要 待機状態 UI のデザインについての記事です。 待機状態 UI というのは、ローディングや情報の処理待ち時に用いられる UI のことです。 ここで待機状態の UI と読んでいる理由は、各デザインシステムやガイドラインなどで言い方が違うため。 この記事ではデザインガイドラインや既存のデザインシステム... 続きを読む

グーグルが発表した新ウェブ技術「Portals」とは--「Google Chrome」向けのウェブナビゲーションシステム - ZDNet Japan

2019/05/20 326 users Portals Portal 新風 ウェブページ iframe

Googleは米国時間5月7日、年次開発者会議「Google I/O 2019」で、ウェブページのローディングやナビゲーションに新風を吹き込む「Portals」と呼ばれる新たなテクノロジーを発表した。 GoogleによるとPortalsは<portal>という新たなHTMLタグを使って動作するという。このタグの動作は、従来からある<iframe>タグとよく似... 続きを読む

簡単で便利なのが揃ってる！CSSで実装されたローディング・スピナーのアニメーションのまとめ | コリス

2019/01/17 66 users コリス class ローディングアニメーション CSS まとめ

シンプルなローディングのアニメーションから、複雑で楽しいローディングのアニメーションまで、CSSで実装されたローディングアニメーションを紹介します。 ほとんどが外部ファイルとclassを加えるだけの簡単実装で、いざという...記事の続きを読む 続きを読む

Vue + Vue Router + Vuex + Laravel チュートリアル（全16回）を書きました。 - Qiita

2019/01/14 629 users Qiita CSRF Laravel Vuex Vue

学べること Vue.js と Laravel を組み合わせる ルーティングライブラリ Vue Router を取り入れる 状態管理ライブラリ Vuex を取り入れる タブやローディングを作る Vue.js + Laravel の構成でクッキー認証と CSRF 対策を行う SPA でエラー処理を行う こんな人に読んでほしい Vue や Laravel について、 入門書を読んだあ... 続きを読む

次世代 Web カンファレンス 2019 アウトラインメモ | Web Scratch

2019/01/13 56 users アウトラインメモ Web scratch 次世代 http

次世代 Web カンファレンス - connpassに参加してきたのでメモ。 パフォーマンス 登壇者 @1000ch likr @sisidovski 記録 ローディング周り 1000ch: WebKitのレンダリングの様子の動画を見たのが興味を持ったきっかけ 1000ch: HTTP/2になってきてローディングの通信を気にすることは減った? sisidovski: 同時接続数は気に... 続きを読む

React におけるローディングの状態管理について - freee Developers Blog

2018/12/05 69 users React ダイアログ コンポーネント 開閉 要件

エンジニアの @_tohashi です。freee developers adevent calender 5 日目をやっていきます。 React などを使用した UI コンポーネントの実装、特に状態をどこで管理するかというのは実装者やアプリケーションの要件によって分かれがちなポイントであると思っていて、例としてはフォームの入力値、ダイアログの開閉、ス... 続きを読む

EC2でnetconsoleを使ってカーネルメッセージを取得する - のぴぴのメモ

2018/07/01 22 users ifconfig パッケージインストール クライアント メモ

1.はじめに 2.前提 3.netconsole serverを一時的に立てて取得 3.1 netconsole serverの準備 (1) security group設定 (2) ncatのパッケージインストール (3) ifconfigでネット設定を確認 (4)サーバ起動(フォアグランド実行) 3.2 netconsole client実行 (1)クライアントのネット設定を確認 (2)netconsoleのローディング 4.... 続きを読む

AMP Roadshow Tokyoで、AMPやりたい気持ちが高まった 前編 ｜ Developers.IO

2018/04/27 22 users AMP Developers.IO コンバージョンレート

4/27に開催された AMP Roadshow Tokyo に行ってきました。なお、本日の資料は公開されないそうです。 AMPって、レスポンシブサイトとして、丸っと対応できるぐらいになってたんですね！！ はじめに 世の中の状況と、巷でいわれる数値 75%の人が、3Gで閲覧している ローディングが 1秒 遅れると、コンバージョンレートが 7% 落ちる ローディングに 3秒 以上かかると、53% 離脱... 続きを読む

"Protopie"を使って簡単に動的なプロトタイプを作ろう　Part1.スクロールに応じて動くナビゲーションバーとローディング | Nagisaのすゝめ

2018/01/18 11 users Framer インタラクション 川畑 wp-content

Protopieで色々作ってみましたので紹介します https://blog.nagisa-inc.jp/wp-content/uploads/2018/01/render.mp4 こんにちわ、Nagisaのデザイナーリーダーの川畑です。 最近 Framer や InvisionSTUDIO を筆頭にインタラクション・アニメーションデザインのツールが続々登場して賑わっていますね。 弊社でも各デザイ... 続きを読む

キーワードプランナー（AdWords）にログインできない件 - 主婦、時々フリーランス

2018/01/15 11 users AdWords 出だし 目次 時々フリーランス 主婦

2018 - 01 - 15 キーワードプランナー（AdWords）にログインできない件 キーワードプランナーを試してみることにしたのですが、そもそもの出だしで躓いてしまったので記録しておきたいと思います。 [目次] キーワードプランナーとは？ キーワードプランナーの使い方 キーワードプランナーにログインしてみよう ずっとローディング（読込中）のまま繋がらない・・ アカウント設定が終了していないと... 続きを読む

CSSの裏技20選を一挙紹介！【必見！コツをつかんで効率的にWebサイトをデザインする】｜SeleQt【セレキュト】

2017/06/12 91 users SCSS SeleQt less セレキュト レンダリング

フロント・エンドの開発はセレクター選択と最小コードによる迅速なローディングとレンダリングにおいて、ますます効率性に特化しています。 LessやSCSSといったプレ・プロセッサは仕事をする上で役立ちますが、自然なやり方で最小かつ手早くCSSを記述する方法は数多くあります。 このガイドは20ProCSSをカバーしており、レイアウト全体でスタイルの流れを標準化し、効率的なだけでなく多くの共通した問題も解... 続きを読む

ローディングのアニメーションの次の段階、インターフェイスプレビューに対応するための軽量スタイルシート | コリス

2017/05/29 28 users コリス Facebook フレーズ Slack アニメーション

Webページやスマホアプリを読み込む際に、ローディングのアニメーションを表示するのをよく見かけます。しかし、最近ではFacebookやSlackなどでインターフェイスプレビューとして、表示される予定のコンテンツをプレース ...記事の続きを読む 続きを読む

CSSとテキストで実装するローディングアニメーションのサンプルコード | NxWorld

2017/04/17 45 users NxWorld プレフィックス サンプル サンプルコード 変更

CSSとテキストで実装したローディングアニメーションのサンプルです。サイズ・カラー・フォントといった見栄えについてはもちろん、アニメーションタイプやスピードを調整したい場合もすべてCSSで変更できるようになっていますし、表示させるテキストもHTMLを書き換えるだけで変更可能なので、手っ取り早くローディングを用意したいときなどに便利です。 ※プレフィックスは必要に応じて追記してください。 ここ... 続きを読む

地味にすごい！マウスカーソルを置いたところに必ず誰かが指をさしている画像が表示されるインタラクティブサイト : カラパイア

2016/01/30 14 users インタラクティブサイト マウスカーソル カラパイア 矢印 画像

※GIFアニメ：iPhoneで見る人は画像クリックで表示 このタイトルでわかっていただけたかどうかは不安なのだが、サイトを開いてローディングを待ち、「please move your cursor」という表示が出たら、細い枠線の中の好きな場所にマウスカーソルを置いてみよう。するとどうだろう。そのマウスカーソルの矢印が指示したちょうどジャストポイントに誰かの指が表示されてくるのだ。 まあとにかくやっ... 続きを読む

JavaScript - AJAX通信をするときはタイムアウト処理を必ず入れてほしい（切実） - Qiita

2015/07/04 182 users Qiita ICS 鹿野 切実 Ajax通信

こんにちは、ICSの鹿野です。 AJAX通信をするとき、きちんとタイムアウト処理を入れていますか？ スマートフォンやタブレットでWebサイトを閲覧しているとき、地下に入ったりして通信ができなくなるというケースは頻繁に起こります。そんなとき、きちんとAJAX通信のタイムアウト処理をしていないと、場合によってはいつまで経ってもローディングが終わらず、ユーザーが離脱してしまうということが起こります。質の... 続きを読む

CSSとテキストで作るローディングアニメーション・「Animated Type Loader」 - かちびと.net

2015/03/05 21 users ローディングアニメーション CSS keyframes 装飾

Animated Type Loader Animated Type Loaderはテキストで作られたローディングを実装する為のCSSです。keyframesと:nth-of-typeを使ってspanでラップしたテキストを順番に表示させる、というシンプルなもの。テキストのみなのでマークアップやテキストの変更、CSSによる装飾など、管理が楽で良いですね。探せばゴロゴロとチュートリアルや紹介記事が出る... 続きを読む

PreloadJSで「悩ませないローディング」の作り方―CreateJS勉強会/蔵下発表資料 – ICS LAB

2015/02/17 119 users ICS LAB CreateJS勉強会 CreateJS

こんにちは、ICS蔵下です。 先日行われたCreateJS勉強会 (第5回)にてPreloadJSで「悩ませないローディング」の作り方というテーマでライトニングトークさせていただきました。時間の関係でお伝えできなかった部分も含め本記事でまとめました。みなさまのローディング作りのご参考になれば幸いです。 PreloadJSとは? PreloadJSとは、CreateJSのライブラリモジュールの一つで... 続きを読む

[触る・動く・気持ちいい、RamotionによるUI/UXアニメーション] 他 海外のWebデザイン情報 | WEBデザインすーぷ

2015/02/15 45 users 反動 意味合い GIFアニメーション 目次 シュ

動きのあるUIのサンプルをgifアニメーションで見ることができます。画面を下に引っ張る動きからの反動でプログレスサークルが生まれる動きや、検索窓のぽこん、くるくるからしゅるんの流れが気持ち良いです。このような動きのあるUIにはローディングの為の時間を感じさせない意味合いもあります。目次 RamotionによるUI/UXアニメーション HTML5＆CSS3 WEBサイトのデザイン（25の新しい例) ... 続きを読む

Pythonでローディングのぐるぐるを表示する - CAMPHOR- Tech Blog

2014/12/21 56 users npm CAMPHOR Python morishin127

この記事はCAMPHOR- Advent Calendar 2014の21日目の記事です。 こんにちは、@morishin127です。 今日はPythonで処理中のぐるぐるを表示する方法を紹介します。 これです。 npmこの記事はCAMPHOR- Advent Calendar 2014の21日目の記事です。 こんにちは、@morishin127です。 今日はPythonで処理中のぐるぐるを表示す... 続きを読む

JavaScriptとCSSは不要！SVGの気持ちいいアニメーションで作られた超軽量のかわいいローディング -SVG Loaders | コリス

2014/12/10 129 users コリス SVG Step SVGファイル CSS

JavaScriptもCSSも画像も使用せず、SVGで実装された軽快で気持ちいいアニメーションで動くローディングのアイコンを紹介します。 ページに実装する時もJavaScript/CSSは必要ありません。簡単なHTMLでOK！ デモページ SVG Loadersの使い方 使い方は、簡単！ Step 1: SVGファイルをダウンロード 下記ページの右サイドの「Downlaod ZIP」から、SVGフ... 続きを読む

声に出して読みたい Android のライブラリ - その1 - Qiita

2014/09/12 76 users Qiita Square picasso ライブラリ 加工

声に出して読みたいObjective-Cのライブラリ8種(2014.7) に触発されて書いてみます。 今回は Square 社製ライブラリを見ていきます。 Picasso https://github.com/square/picasso/ 安心と信頼の Square 社製のライブラリです。画像のローディングとキャッシュについて面倒を見てくれますが、画像の加工についても扱っています。 Contex... 続きを読む