タグ ローディング
人気順 10 users 50 users 100 users 500 users 1000 usersPriorityを制するものはローディングを制す
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... 続きを読む