- 起床なう posted at 06:30:31
- 朝ご飯なう p.twipple.jp/Mc92D posted at 06:55:09
- 田園都市線が止まってるな posted at 07:15:10
- 田園都市線が運転再開したな posted at 07:45:18
- 風が冷たい posted at 08:10:05
- I'm at 東急 大井町線 中延駅 (OM04) - @tokyu_official in 品川区, 東京都 4sq.com/1ULp4J7 posted at 08:10:19
- I'm at 二子玉川駅 (Futako-tamagawa Sta.) - @tokyu_official in 世田谷区, 東京都 4sq.com/25nUyso posted at 08:40:07
- I'm at すずかけ台駅 (Suzukakedai Sta.)(DT24) - @tokyu_official in 町田市, 東京都 4sq.com/1pKMUbz posted at 09:22:33
- 顧客を訪問 posted at 09:40:06
- I'm at ブロンコビリー 相模原上鶴間店 in 相模原市, 神奈川県 4sq.com/1Purd3H posted at 12:50:32
- 昼ご飯なう p.twipple.jp/SU5YK posted at 13:10:24
- 顧客を離脱 posted at 17:30:21
- I'm at 江田駅 (Eda Sta.)(DT17) - @tokyu_official in 横浜市, 神奈川県 4sq.com/1pLosXv posted at 18:00:32
- I'm at 渋谷駅 (Shibuya Sta.) in 渋谷区, 東京都 4sq.com/1q5snOK posted at 18:30:15
- I'm at 代々木駅 (Yoyogi Sta.) in Shibuya, 東京都 4sq.com/1PuMdaJ posted at 18:40:13
- I'm at JECビル in 渋谷区, 東京都 4sq.com/1MG4a6e posted at 19:00:06
- 来ました。RT 【#TechBuzz】3/25 第22回HTML5+JS勉強会 in 代々木【0から始めるbootstrap 4 〜基礎からモバイルアプリへの応用まで〜/最近のパフォーマンス関連Web標準】 : ATND bit.ly/1RozRWv posted at 19:10:10
- 「ブラウザの Performance API の話」 posted at 19:45:01
- 趣味が Performance API posted at 19:47:24
- パフォーマンス計測用 API 。 posted at 19:52:09
- Performance Timeline 。ウェブページを遅くなる要因を探したり監視するための API 。タイムスタンプを記録して返してくれる。 posted at 19:52:25
- 計測できるもの。Navigation Timing 。Resource Timing 。User Timing 。Frame Timing 。Server Timing 。 posted at 19:54:10
- Navigation Timing 。ページの読込を開始してから表示が完了するまでのタイムスタンプを記録。 posted at 19:56:08
- ブラウザのコンソールで performance.timing とタイプ。 posted at 19:56:56
- Rescuce Timing 。画像や CSS や JS ファイルなどリソースを読込を始めてから完了するまでのタイムスタンプを記録する。 posted at 19:58:17
- performance.getEntriesByType[“resource”] とタイプ。 posted at 19:59:03
- User Timing 。任意のタイミングでタイムスタンプを記録。performance.mark[“…”] しておいて performance.getEntriesByType[“mark”] 。 posted at 20:02:12
- ネットワーク最適化用 API 。 posted at 20:04:33
- ナビゲーションの流れ。開始→アンロード→キャッシュを確認→名前解決→TCP 接続→HTTP リクエスト→HTTP レスポンス→リソース読込→DOM 生成→完了。 posted at 20:08:12
- ウェブページ読込にはパフォーマンスを低下させるいろいろな問題が隠れている。どうやってネットワーク最適化するか。Resource Hints 。Preload 。 posted at 20:09:29
- Resource Hints 。<link rel=“dns-prefetch” href=“……”> 。<link rel=“dns-preconnect” href=“……”> 。 posted at 20:13:09
- <link rel=“prefetch” href=“……” as=“…"> 。<link rel=“pretender ” href=“……”> 。 posted at 20:13:15
- タスク最適化用 API 。 posted at 20:15:27
- どんなタスクを制御できるか。requestIdleCallback 。requestAnimationFrame 。setImmediate 。setTimeout/setInterval 。web workers 。Page visibility 。 posted at 20:15:35
- ブラウザは同時に一つのタスクしか処理できない。JS プログラムの実行がヘビーだと描画処理を送らせてしまう。そこで requestIdleCallback 。何もタスクがないときに JS プログラムを実行させる。 posted at 20:17:42
- Performance API を使おう posted at 20:20:27
- 「0 から始める bootstrap 4 〜基礎からモバイルアプリへの応用まで〜」 posted at 20:25:32
- CSS 、JS のトレンド。CSS プロプロセッサ は Sass 。AltJS は TypeScript 。 posted at 20:33:12
- フレームワークのトレンド。UI のためのもの Bootstrap 。ウェブアプリ作成のためのもの AngularJS 。HTML ハイブリッドアプリのためのもの Cordova 。 posted at 20:35:08
- どの技術を勉強するか。メリットがあるか。将来性・人気があるか。目的に沿っているか。 posted at 20:37:09
- Bootstrap 。Twitter 社の UI 作成フレームワーク。 posted at 20:40:10
- Bootstrap を使う。CSS と JS を読み込む。jQuery 依存。 posted at 20:42:17
- デザインのカスタマイズ。CSS を上書。それより Sass を使う。 posted at 20:48:11
- Bootstrap のレイアウトの特徴。グリッドシステム。ブレークポイント。フレックスボックス。 posted at 20:52:10
- Flexbox 。float に変わる新しいボックスレイアウト方法。 posted at 20:53:16
- Bootstrap や Angular などフレームワークを適切に使おう posted at 21:10:05
- I'm at 代々木駅 (Yoyogi Sta.) in Shibuya, 東京都 4sq.com/1RpN7Yn posted at 22:10:11
- I'm at 五反田駅 (Gotanda Sta.) in 品川区, 東京都 4sq.com/1q5JGPL posted at 22:30:06
- I'm at 都営 浅草線 中延駅 (A-03) in 品川区, 東京都 4sq.com/1Pv3TmC posted at 22:40:13
- 帰宅なう posted at 22:50:25
