1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

#UI #UX #Twitter #脳内メイカー #みたいな #興味 #関心 #大文字 #小文字 #Web #サービス #whotwi @yumainaura

Last updated at Posted at 2018-12-26

#Webエンジニアの人がTwitterで教えてくれた‥!

image.png

#これだ!

image.png

#分析中

image.png

#1分経過

image.png

URL

ja. 取ると?

https://ja.whotwi.com/ にリダイレクトされる

どの仕組みだろう

ブラウザの言語を見ている?もしくは日本語版だけ?

Google Speed Insights にかける

image.png

速度は遅いっぽい

体感そんなに気にならなかったけど?

Googleはあくまで目安

image.png

#他の結果

image.png

#オフスクリーン画像の遅延読み込みとは

気になる。
ヘルプは英語版だけ?
あとで調べてみたい。

オフスクリーン画像の遅延読み込み
1.98 s
オフスクリーンの非表示の画像は、クリティカルなリソースをすべて読み込んだ後に遅れて読み込むようにして、インタラクティブになるまでの時間を短縮することをご検討ください。Learn more.

image.png

#まだまだロード中。

待ち時間はドキワク勉強タイムにしよう。

image.png

なにも編集せず、下へ下へと、Qiitaをフロー形式で書いていくストックのテスト。

#なぜみんな、そんなに編集したがるのか?

編集度の高さが莫大なコストであることに気付いているのだろうか?

#決してバックスペースキーも、上キーもvimのKもJも押さない世界の夢を見る

すべてがフロートして下に流れてゆく

そんなサービスアプリケーションの夢を見る

#キーボードのバックスペースを削り取ってしまえば良い

MacBookを物理で改造する必要性が出てきそうだ

#まだまだローディング中

手記はここで途切れている

#結果は?

夕方確認

#もちろん

非同期処理のはず。

それなら放置でOK。

非同期じゃなかったら死ぬ。

インポートの長いサービス、処理の長いサービスは当たり前だけど非同期で作ろう。

#ブラウザには「くるくるアイコン」を表示しよう

どうやら止まった様子?

image.png

#どん!

image.png

#他のタブが動線になっているのがにくい

image.png

#アイキャッチ‥なんだっけ‥ファビコンが横に連なってパーセンテージになっているデザインがやばい‥!!!!

image.png

#グラフィカルなやつってどこよ?

下の方にあった。

image.png

#ちょっと下すぎない?

一番グラフィカルな奴はこれでしょ!!

#@inodevさんありがとう!!!

Vim Rails の記事が人気みたいです!

image.png

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

Twitter

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?