フロントエンド研修【ミクシィ22新卒技術研修】

00:00:00 - 00:00:03： 始めていきますどう空1日よろしくお願い 00:00:03 - 00:00:06： しますえっとお風呂ペンと研修これから一 00:00:06 - 00:00:08： 日やっていきます 00:00:08 - 00:00:11： ペット腰を担当します 00:00:11 - 00:00:14： えっ吉川と申します21 00:00:14 - 00:00:16： 一つです 00:00:16 - 00:00:19： でえっと所属がえっと今 lipstar 00:00:19 - 00:00:23： の web チームにえっと初速してい 00:00:24 - 00:00:25： なんでー 00:00:25 - 00:00:29： 1年経ったくらいかな 00:00:31 - 00:00:35： えっと他にも10たさん2人ほどえっと 00:00:35 - 00:00:39： サポートでついていただいてまして 02:54:15 - 02:54:18： えっと o 00:00:41 - 00:00:45： 同じ事業部のフェイさんとえっとを 00:00:45 - 00:00:49： 江幡さんの2人に中退についていただいて 03:06:29 - 03:06:30： います 00:00:50 - 00:00:53： お二人からも軽く自己紹介を 00:00:53 - 00:00:56： をよろしくお願いします 00:00:56 - 00:00:57： 阿部さんから 00:00:57 - 00:01:00： よろしいでしょうか 00:01:00 - 00:01:03： はいえー 00:01:03 - 00:01:06： 本日本店の研修のチューター止めます阿部 00:01:06 - 00:01:10： と申しますよろしくお願いします 00:01:10 - 00:01:12： を開始します 00:01:12 - 00:01:16： おばたさんお願いします 00:01:16 - 00:01:18： はい音色 00:01:18 - 00:01:20： フロントエンド研修のお手伝いをさせて 00:01:20 - 00:01:21： いただくチューターのエヴァとです 00:01:21 - 00:01:25： よろしくお願いします 00:01:25 - 00:01:28： おっと何か今日 00:01:28 - 00:01:31： 進めていく中でえっと何だろう環境構築 00:01:31 - 00:01:33： ちょっとつなっちゃったとか 00:01:33 - 00:01:35： あのー行動を書いててわかんなくなった 00:01:35 - 00:01:37： みたいなところがあれば 00:01:37 - 00:01:39： あのーもうすぐに 00:01:39 - 00:01:42： なんだろスラックのチャンネルにラケて 00:01:42 - 00:01:44： もらえれば 00:01:44 - 00:01:48： えっと3人でサポートしていくので全然も 00:47:29 - 00:47:31： 気軽に 00:01:50 - 00:01:53： ヘルプ投げちゃってください 00:01:54 - 00:01:58： ですけれども始めてきますね 00:01:58 - 00:02:00： えっえっとぉ 00:02:00 - 00:02:03： なんだろうこれからな web の話をし 00:02:03 - 00:02:04： ていくんですけれども 00:02:04 - 00:02:07： あのレフの web って何だろうみたい 00:02:07 - 00:02:09： なところから話を始めていこうかなーって 00:02:09 - 00:02:11： 思ってて 00:02:11 - 00:02:14： あの web の特徴って大きく三つある 00:02:14 - 00:02:18： かなって個人的には思っていて 00:02:18 - 00:02:20： 一つ目が 00:02:20 - 00:02:23： 誰でも情報公開できる 00:02:23 - 00:02:26： っていうポイントがあったりとか 00:02:26 - 00:02:27： トレイと思うんですけれども 00:02:28 - 00:02:32： なんだろう web を公開 00:02:32 - 00:02:35： することってあのなぁ 00:02:35 - 00:02:39： web 文を作る技術さえあればなんか 00:02:39 - 00:02:44： この人だから公開できるとかあの子の人に 00:02:44 - 00:02:46： 公開する権利があるとかそういうものは 00:02:46 - 00:02:50： 特になくてあの誰でも一軸情報公開でき 00:02:51 - 00:02:53： 局長があったりとか 00:02:53 - 00:02:57： あとそういう国会されたウェブページと 00:03:47 - 00:03:49： いうのは 00:02:58 - 00:02:59： リンクっ 00:02:59 - 00:03:03： 良いものでお互いに繋がりあうことが 00:03:03 - 00:03:05： できるようになっています 00:03:06 - 00:03:11： 何だろう例えば自分の作ったページを公開 00:03:11 - 00:03:14： きてそのページを 00:03:14 - 00:03:17： あのーなんだろうこのウェブサイトを 00:03:17 - 00:03:19： ちょっと見てほしいんだよねなったときに 00:03:19 - 00:03:21： 自分のサイトにつのリンクを貼ることで 00:03:21 - 00:03:25： 直接そのあの見てほしいページに飛ばす 00:03:25 - 00:03:27： ことができたりとか 00:03:27 - 00:03:29： あとあの 00:03:29 - 00:03:32： セラックだったりとかでもあの 00:03:32 - 00:03:36： リンク貼るだけでそのページに直接 00:03:36 - 00:03:38： 飛ばせることができたりとか 00:03:38 - 00:03:41： っていうのが一つ二つ目の大きな web 00:03:41 - 00:03:45： の特徴なのかなって思います 00:03:45 - 00:03:47： そういう web web サイトって 00:03:49 - 00:03:51： ブラウザさえあれば 00:03:51 - 00:03:53： すべてのユーザーが情報にアクセスできる 00:03:54 - 00:03:57： っていう特徴があるかなと思います 00:03:57 - 00:04:00： ブラウザって最近もういろんな 00:04:00 - 00:04:02： あの端末に搭載されてて 00:04:02 - 00:04:06： あのパソコンとかタブレットとか 00:04:06 - 00:04:10： あのーもっと言うとゲーム端末とかにも 00:04:10 - 00:04:13： プラウドが搭載されてるのか 00:04:13 - 00:04:17： 本当にいろんな人が条項に web サイト 00:04:17 - 00:04:20： にアクセスすることができるというのが 00:04:20 - 00:04:23： 米軍の特徴なのかなと思います 00:04:23 - 00:04:26： でそういうウェブサイトを 00:04:26 - 00:04:29： の自分たちは作る側なんですけれどもこう 00:04:29 - 00:04:33： いうウェブサイトってそのなんだろう自分 00:04:33 - 00:04:37： 点が web フロントを主に行っている 00:04:37 - 00:04:40： 人だけじゃなくてもあのバックエンドの人 00:04:40 - 00:04:43： だったりとかあのねぇティブアプリ作る人 00:04:43 - 00:04:47： っていうとか色んな人が web にん 00:04:47 - 00:04:49： あのた web 触る事ってあると思うん 02:43:17 - 02:43:21： ですね 00:04:51 - 00:04:55： であのその web サイトを 00:04:55 - 00:04:59： 作る上で結構そのウェブの 00:04:59 - 00:05:01： バックグラウンドうっていうかどういう 00:05:01 - 00:05:03： 文化なのかっていうのを知っておくことで 00:05:05 - 00:05:08： こういう今だした3つの web の特徴 00:05:08 - 00:05:12： っていうのを最大限引き出せるようになる 00:05:12 - 00:05:15： かなというふうに考えています 02:58:12 - 02:58:14： でえっと 00:05:17 - 00:05:20： 部分をを作っていく上で 00:05:20 - 00:05:22： 大きく3つ 00:05:22 - 00:05:23： 自分はこう 00:05:23 - 00:05:27： あの意識していて一つ目はすべての 00:05:27 - 00:05:30： ユーザーが疲れること 00:05:30 - 00:05:34： とすべてのデバイスで使えること 00:05:34 - 00:05:37： とえっユーザーに操作ストレスを与えない 00:05:37 - 00:05:41： ことの3つを自分は意識しています 00:05:42 - 00:05:46： web の特徴3つの特徴を最大で弾い 00:05:46 - 00:05:48： 出すために 00:05:48 - 00:05:51： ここ今回ここで使えるという言葉を使って 00:05:51 - 00:05:54： いないんだけれども使えるというのは同 00:05:54 - 00:05:56： web サイトの表示されている 00:05:56 - 00:05:59： コンテンツ二にエッドアクセスできる状態 00:05:59 - 00:06:02： のことのことを指しています 00:06:02 - 00:06:05： で今日はこの3つ web 開発を意識 00:06:05 - 00:06:08： することで3つをどういうふうに実現する 00:06:08 - 00:06:11： のかということについてき日かけてえっと 00:06:11 - 00:06:13： お話ししていきます 00:06:13 - 00:06:17： まず最初にすべてのユーザーが使える事 00:06:17 - 00:06:21： っていうところから話を始めていきます 00:06:22 - 00:06:24： 全てのユーザー 00:06:24 - 00:06:27： 何なのかっていう話なんだけれども 00:06:27 - 00:06:31： えっとブラウザーを使う人っていうのは 00:06:31 - 00:06:35： 本当にいろんな個性を持った人ユーザーが 00:06:35 - 00:06:38： いてあとえばあの 00:06:38 - 00:06:42： 遠征リーダーを使わないとあの 00:06:42 - 00:06:45： コンテンツをアクセスできない人だったり 00:06:45 - 00:06:47： とか目が見えない人だっているかね 00:06:47 - 00:06:52： あとは拡大鏡を使わねえとえっとなんだろ 00:06:52 - 00:06:53： 満足に 00:06:53 - 00:06:55： コンテンツにアクセスできない人だって 00:06:55 - 00:06:57： いいとかもしくは 00:06:58 - 00:07:01： マウスを使わずにキーボードだけで操作 00:07:01 - 00:07:04： する人も全然いると思いますあのショート 00:07:04 - 00:07:06： カットだってとか tab キーで操作し 00:07:06 - 00:07:09： たりとかあとはもう人間だけじゃなくて 00:07:10 - 00:07:12： bot いわゆる 00:07:12 - 00:07:14： えっとプログラムだね 00:07:14 - 00:07:16： えっとブラウザにアクセスていることも 00:07:16 - 00:07:19： 全然あります google のヘッドを 00:07:19 - 00:07:22： クローラーだったりとかという検索 00:07:22 - 00:07:25： エンジンのクローラーというのはヘッドを 00:07:25 - 00:07:26： ブラえっと web サイトのコンテンツ 00:07:26 - 00:07:30： にアクセスしてどういう 00:07:30 - 00:07:32： なぁあのコンテンツを持っているのかって 00:07:32 - 00:07:35： いうのを見に来たいとかそういうふうにし 00:07:35 - 00:07:37： てあのなんで web サイトの 00:07:37 - 00:07:40： コンテンツの質を 00:07:40 - 00:07:44： 何だろう評価したりとかっていうふうに人 00:07:44 - 00:07:46： だけじゃなくて 00:07:46 - 00:07:49： プログラムだったりとか本当にいろんな 00:07:49 - 00:07:51： 個性を持ったユーサーが 00:07:51 - 00:07:53： ヘッドをこの web っていうのは使わ 00:07:53 - 00:07:55： れます 00:07:55 - 00:07:58： でそれぞれのその個性を持ったユーザーが 00:07:58 - 00:08:01： えっと全てのユーザーというふうに言って 00:08:01 - 00:08:02： いるんだけれども 00:08:02 - 00:08:04： そのすべてのユーザーがコンテンツに 00:08:04 - 00:08:07： アクセスするためにブラウザというのは 00:08:07 - 00:08:10： 様々な補助機能を用意しています 00:08:10 - 00:08:13： 例えばその温泉リーダーって言うとか 00:08:13 - 00:08:15： えっキーボードだけで操作できるようにし 00:08:15 - 00:08:18： たりとかっていう風にしたりしています 00:08:18 - 00:08:20： であの 00:28:33 - 00:28:35： なんだろうこの 00:08:22 - 00:08:25： ブラウザの補助機能っていうのはえーっと 00:08:25 - 00:08:29： 基本的にあのウェブサイトをがえーっと 00:08:29 - 00:08:32： 正しくないとどんなコンテンツで書かれて 00:08:32 - 00:08:38： いるのかいうのをずーっとな解析して補助 00:08:38 - 00:08:41： 機能使えるようにしているんだけど萌 00:08:41 - 00:08:43： えっと ahtml っていうもので 00:08:43 - 00:08:46： えっとなんだっ 00:08:46 - 00:08:51： web はコンテンツを書いています 00:08:54 - 00:08:56： html があの 00:08:56 - 00:09:00： コンテンツの笑み論理的に正しく書くこと 00:09:00 - 00:09:03： でスクリーンリーダーは正しく読めたり 00:09:03 - 00:09:04： 立ったりとか 00:09:04 - 00:09:06： ペットポッドが正しく web サイトの 00:09:06 - 00:09:08： コンテンツを評価できてたりとかという 00:09:08 - 00:09:13： ことが可能になります例えばえーっとなん 00:09:13 - 00:09:17： このコンテンツは文章だからキータグで 00:09:17 - 00:09:20： えっと何だろうマークアップしたりとか 00:58:19 - 00:58:20： あとは 00:09:21 - 00:09:24： えっとこれはボタンだからちゃんとボタン 00:09:24 - 00:09:27： 宅でマークアップしたりとかこれは 00:09:29 - 00:09:33： 杯目だからちゃんとヘディングタグで 00:09:34 - 00:09:36： ラッカーをしたりとかっていう風にする 00:09:36 - 00:09:38： ことでえっと 00:09:38 - 00:09:40： ブラウザがこの web サイトの 00:09:40 - 00:09:43： コンテンツがどんな風な構成になっている 00:09:43 - 00:09:46： の各県を認識することができるようになり 00:09:47 - 00:09:49： なのでえっと h 邸メールというのは 00:09:49 - 00:09:53： 適切に意味論理的にマーカー正しくマーク 00:09:53 - 00:09:56： アップすることがすごく重要になってくる 00:09:56 - 00:09:59： んですよねでえっとブラウザのこういう 00:09:59 - 00:10:02： 機能というのはあの html で正しく 00:10:02 - 00:10:05： えっとマークアップするだけではなくて 00:10:07 - 00:10:10： ならんだろうその前に html 5は何 00:10:10 - 00:10:13： かって話落ちとか落車ですねえっと h 点 00:10:13 - 00:10:15： リードというのはその 00:10:15 - 00:10:17： web サイトの 00:10:17 - 00:10:20： コンテンツの構造を定義するための高度な 03:05:37 - 03:05:41： んですけれども 00:10:23 - 00:10:26： の xml みたいな家具を 00:10:26 - 00:10:29： えっといろいろ h 低迷レーダー用意さ 00:10:29 - 00:10:30： れていて 00:10:30 - 00:10:32： 役割語といいですね 00:10:32 - 00:10:36： でそのタグを書こうんのことによって定義 00:10:36 - 00:10:38： するんですけどそれを 00:10:38 - 00:10:42： 浦賀によってえっとを三色旗てもらって 00:10:44 - 00:10:49： コンテンツを a 面と呼ばれるえっと 00:10:49 - 00:10:53： ブラウザの中での構造のオブジェクト 00:10:53 - 00:10:54： みたいなものですかね 00:10:54 - 00:10:59： にえっと変換というか生成されます 00:10:59 - 00:11:01： でウェブサイトはウェブペイというのは 00:11:01 - 00:11:05： このえっドムって呼ばれる 00:11:05 - 00:11:07： エレメントとかその 00:11:07 - 00:11:10： ある普通の文字列を 00:11:10 - 00:11:13： 濃度としたツリー構造 00:11:13 - 00:11:14： 木構造ですね 00:11:14 - 00:11:17： でえっとコンテンツの構造を表現されてい 00:11:17 - 00:11:21： ますライブ的にはですね 00:11:21 - 00:11:24： でこの h 邸メールで意味意味論理的に 00:11:24 - 00:11:27： あのコンテンツの行動を表現するんです 02:55:19 - 02:55:21： けれども 00:11:28 - 00:11:32： あの h 邸メールだければ表現しきれ 00:11:32 - 00:11:36： ないものについてはえーっとなんだろ付属 00:11:36 - 00:11:39： もうちょっと付け足し in 意味魚を 00:11:39 - 00:11:42： 付け足すこともできる機能も備わっていて 00:11:42 - 00:11:46： それをウェイある焼きの件ですね 00:11:46 - 00:11:49： でその部屋リア機能というのを 00:11:49 - 00:11:51： えっ土を使うことで 00:11:51 - 00:11:54： ht メールにさらに 00:11:54 - 00:11:56： プラスアルファの意味を持たせることも 00:11:56 - 00:11:58： できるようになっていますこれによって 00:11:58 - 00:12:01： あのスクリーンリーダーに 00:12:03 - 00:12:05： んだもうちょっと機能もたしたりとかいう 00:12:05 - 00:12:07： ことも可能になるんですけれどもこの上や 00:12:08 - 00:12:11： 機能というのは大きく3つの要素から 00:12:11 - 00:12:12： 成り立っていて 00:12:12 - 00:12:17： ロールとプロパティとステートの3つから 00:12:17 - 00:12:19： えっと成り立っています 00:12:19 - 00:12:21： ルーロールっていうのはえーっと 00:12:21 - 00:12:25： 要素の役割への定義するんですけれども 00:12:25 - 00:12:29： 例えばなんだろ実装の都合上やむおえなく 00:12:30 - 00:12:32： リブっていうタグがあるんですけれどもリ 00:12:32 - 00:12:34： ブっていうのは特に 00:12:34 - 00:12:38： 役割的にはあの意味は特になくてあの 00:12:38 - 00:12:42： コンテンツのレイアウトをを組むため使っ 00:12:42 - 00:12:44： たりとかするんですけれどもそういう意味 00:12:44 - 00:12:49： のあまりそのタグ自体には意味のないもの 00:12:49 - 00:12:52： でもこのロール属性というものこのをあの 00:12:52 - 00:12:56： つけることによって例えばロールいいに 00:12:56 - 00:13:00： えっとナビゲーションという値を定義する 01:13:30 - 01:13:31： ことで 00:13:01 - 00:13:04： な分ナビゲーションタグと同じ意味にでき 00:13:04 - 00:13:06： たりとかあと 00:13:06 - 00:13:10： プロパティで言うとアーの要素にさらに 00:13:10 - 00:13:13： プラスアルファの意味を月加えるものなん 02:08:29 - 02:08:30： ですけれども 00:13:16 - 00:13:20： えっと何だろう閉じるボタンを 00:13:20 - 00:13:23： 駅逓メールで表現したいという時にあの 00:13:23 - 00:13:26： ボタンがちょっと 00:13:26 - 00:13:28： 間違えてますねキー p なってれば 00:13:28 - 00:13:31： えっとボタンある 00:13:31 - 00:13:34： で得た例えばデザイン的にはこの絵文字の 00:13:34 - 00:13:38： 罰で表示するコンテンツ的には表示する 00:17:04 - 00:17:06： えっと何だろう 00:13:41 - 00:13:44： スクリーンリーダーであのばつだけ 00:13:44 - 00:13:47： 読み上げられてもなかなかその目が見え 00:13:47 - 00:13:49： ない人とかは何が何だかよくわからない 00:13:49 - 00:13:52： えって言うことがあっておりましてでそう 00:13:52 - 00:13:55： いう時にはこのエリアラベルっていうもの 00:13:55 - 00:13:58： をつけることによってあのーコンテンツを 00:13:58 - 00:14:00： 表示するときは罰なんだけども読み上げ 00:14:00 - 00:14:04： られると教は閉じるて読み上げたりとか 00:14:04 - 00:14:07： っていうことが可能になったりします 00:14:07 - 00:14:10： あと state っていうのはえーっと 00:14:10 - 00:14:13： 要素の状態っていうのを定義することが 00:14:13 - 00:14:14： できるになっています 00:14:14 - 00:14:17： 例えばあの input タグ 00:14:17 - 00:14:20： あのも尻文字を入力したりする input 00:14:20 - 00:14:24： タグとかにはディセーブルドっていう属性 00:14:24 - 00:14:28： があるんだけれどもこれが降って機種等の 00:14:28 - 00:14:31： 入力フォームがあの 00:14:31 - 00:14:32： 無効化されているかどうかというのを表現 00:14:34 - 00:14:36： 毒性なんですけれどもそれをインプット 00:14:36 - 00:14:39： 以外の要素にもえっと 00:14:39 - 00:14:42： 定義することができるようになっています 00:14:42 - 00:14:45： これによってえっとこのコンテンツは 00:14:45 - 00:14:48： えっとなんだ無効化されてますよというの 00:14:48 - 00:14:49： 号プラウダに伝えることができるになっ 00:14:49 - 00:14:52： てるとか言うことが上やリア機能によって 00:14:52 - 00:14:57： えっとできるようになってます 00:14:57 - 00:14:59： 実際にこの wii アリア機能というの 00:14:59 - 00:15:01： を使ってみて 00:15:01 - 00:15:05： 体感してもらえたらなって思います早速 00:15:05 - 00:15:07： ちょっと半蔵ん始めていきたいなと思うん 00:15:10 - 00:15:12： スクリーンリーダー4 o 00:15:12 - 00:15:16： ヘッドを立ち上げたりとかしていきます 00:15:16 - 00:15:20： まずはちょっとえっとまずはライブ 00:15:20 - 00:15:23： コーディング的な感じで分な感じで動くか 00:15:23 - 00:15:25： というのをお見せします 00:15:25 - 00:15:27： ちなみにエッド 00:15:27 - 00:15:30： をあれですリンクスライドにあるんです 00:15:30 - 00:15:32： けれどモッチを 00:15:32 - 00:15:35： セラックリング流しておきます 00:15:35 - 00:15:40： ハイエットローアキリことをなくし 00:15:42 - 00:15:45： 初級のボタンタグをバックアップしてある 00:15:46 - 00:15:49： 実行結果がこっちに 00:15:49 - 00:15:50： 表示されています 00:15:50 - 00:15:53： ラフターのボタンですね 00:15:53 - 00:15:56： でこれをスクリーンリーダーで山したいな 00:15:56 - 00:15:58： と思うんですけれども mac の場合は 00:15:58 - 00:16:02： えっとコマンの f 5で越冬ポイス 00:16:02 - 00:16:04： オーバーという悪評ジョンのえっと 00:16:04 - 00:16:06： スクリーンリーダーは立ち上がるように 00:16:06 - 00:16:07： なっているんですけれどもちょっと 00:16:07 - 00:16:09： 立ち上げてみますね 00:16:09 - 00:16:12： このをとって 00:16:12 - 00:16:15： 共有されてますかね 00:16:15 - 00:16:18： 音共有されていました今 voice 00:16:18 - 00:16:20： over 今立ち上げてみたんですけれど 00:16:21 - 00:16:25： あ本当ですかじゃあちょっとアレですね 00:16:25 - 00:16:30： win の事共有すればですこの 02:57:22 - 02:57:23： あれですね 00:16:33 - 00:16:35： 画面共有の 00:16:38 - 00:16:42： 権限を強化してなっ 00:16:42 - 00:16:45： えっとあれですね多分それぞれ皆さんの 00:16:45 - 00:16:48： 画面も立ち上がると思うんですけれども 00:16:49 - 00:16:53： コマンド会父母を押してみると4匹よう 00:16:53 - 00:16:56： こそボイスオーバーへというウィンドウが 00:16:56 - 00:16:59： 立ち上がると思います 00:16:59 - 00:17:04： えっボイスオーバーをしようという 00:17:06 - 00:17:09： 罰を 00:17:09 - 00:17:12： 圧を選択したりすると 00:17:12 - 00:17:14： スクリーンリーダーの屋根を上げてくれ 00:17:14 - 00:17:15： たりとかすると思うんですけど 00:17:16 - 00:17:19： えっとこの画面だと多分要素が多すぎて 00:17:19 - 00:17:21： ちょっとえっとスクリーンリーダーが 00:17:21 - 00:17:24： うまく読み上げてくれないこのせいもある 00:17:24 - 00:17:27： と思うんええっとこの場面の 00:17:29 - 00:17:33： ともう一度距離しますん 00:17:40 - 00:17:42： この画面の 00:17:44 - 00:17:47： あっを選択3するとボイスオーバーを 00:17:47 - 00:17:51： 読み上げてくれたりとかすると思います 00:17:51 - 00:17:53： 田このボタン 00:17:53 - 00:17:55： 最初はパップ図形読み上げられるんです 00:17:55 - 00:17:59： けれどもこれに右選べる 00:17:59 - 00:18:02： venta ポジるボタン 00:18:02 - 00:18:05： ふうに明言したりすると 00:18:06 - 00:18:09： えっと新しい web 本で焼き上げたの 00:18:09 - 00:18:10： ですか 00:18:10 - 00:18:12： 選択すると 00:18:12 - 00:18:15： 閉じるっていうふうに読み上げてくれる 00:18:15 - 00:18:18： ようになるかなって 02:40:29 - 02:40:35： 思います 00:18:20 - 00:18:21： 床真央 00:18:22 - 00:18:24： 一旦これを 00:44:30 - 00:44:31： えっとを 00:18:26 - 00:18:29： やってみようかなっていう風味思います 00:18:29 - 00:18:32： 基本的に皆さんラック打ってよろしいです 00:18:32 - 00:18:33： かね 00:18:33 - 00:18:38： あちょっ確認くんやってくださっていっ 00:18:38 - 00:18:39： させば早いねー 00:18:39 - 00:18:41： ほぼてきたかッ 00:18:42 - 00:18:44： 良さそうですありがとうございます宅連大 00:18:46 - 00:18:50： が先につ進んでいっちゃうよーと思います 00:18:50 - 00:18:53： みたいな感じでえっとスクリーンリーダー 00:18:53 - 00:18:57： ががえーっと何だろう 00:18:57 - 00:19:01： どういうふうにアクセスできるコンテンツ 00:19:01 - 00:19:03： にアクセスできるのかという風に設定し 00:19:03 - 00:19:07： たりいうかどのくらいコンテンツにえっと 00:19:07 - 00:19:10： すべての人がアクセスできるのパーって 00:19:10 - 00:19:13： いうあのてったんだろ 00:19:13 - 00:19:16： 基準痛いなものをアクセシビリティって 00:19:16 - 00:19:19： いう風に呼んだりします 00:19:19 - 00:19:24： でこのアクセシビリティをあのなんかを 00:19:24 - 00:19:27： 考えようとすると本当にいろんな 00:19:27 - 00:19:29： あの間交流しなくちゃいけないことがあっ 00:19:29 - 00:19:33： てっていうのもあのなんだろう 00:19:33 - 00:19:36： ユーザーは本当にいろんなデバイスを使っ 01:21:24 - 01:21:26： たりとか 00:19:37 - 00:19:40： 本当にいろんな個性を持った人が使って 00:19:42 - 00:19:43： その全ての人が 00:19:43 - 00:19:46： ウェブサイトにアクセスできなくちゃいけ 00:19:46 - 00:19:49： ないっていう風に考え始めると本当にもう 00:19:49 - 00:19:50： キリがないんですね 00:19:50 - 00:19:53： やり始めるとってそんなときにどこまで気 00:19:53 - 00:19:56： にしたらいいのっていうのを w 3 c 00:19:56 - 00:20:00： って言うだろう団体がいるんですけれども 00:20:00 - 00:20:04： そこがあんたここぐらいまでたし生きて 00:20:04 - 00:20:08： たらいいよみたいなレベルの基準というの 00:20:09 - 00:20:13： 決めてくださってたりとかします 00:20:13 - 00:20:15： 例えばあの 02:29:36 - 02:29:38： 何だろう 00:20:17 - 00:20:20： 行政とかのあの 00:20:20 - 00:20:23： お役所とかのサイトとかだったら本当に 00:20:23 - 00:20:26： あのなんだどんな人でもアクセスできなく 00:20:26 - 00:20:28： ちゃいけないので 00:20:29 - 00:20:33： ランクで言うと一番上とかトリプル a と 00:20:33 - 00:20:35： かっていう基準があったりしてるんです 00:20:35 - 00:20:37： けれどもそこまで発生するように頑張っ 00:20:37 - 00:20:40： たりとかそういうふうにトリプル a と 00:20:40 - 00:20:43： 香取ペット wa とかみたいな感じで 00:20:43 - 00:20:46： 基準が設けられていますこのブルー ca 00:20:46 - 00:20:49： 29いうここにリンク1を発表んです 00:20:49 - 00:20:53： けれどもここからあの子様を見たりとか 00:20:53 - 00:20:55： することもできますこれはねこれからなん 00:20:55 - 00:21:00： かこう web サイトとかあの子作る際 00:21:00 - 00:21:02： 業務とかでやらなくちゃいけねぇって言う 00:21:02 - 00:21:04： 風になった時にはどのくねの 00:21:04 - 00:21:07： アクセシビリティを担保するのかっていう 00:56:03 - 00:56:04： のを 00:21:08 - 00:21:10： この wcag とかを参考にしながら 00:21:10 - 00:21:13： 決めてみるのもいいのかなというふうに 00:21:13 - 00:21:16： 思います本当にたくさんあります 00:21:16 - 00:21:20： で基本さっきあのウェアリア抜き機能の 00:21:20 - 00:21:22： 一部ちょっと使って三見てもらったと思う 00:21:22 - 00:21:26： んですけれどもこれは基本的にはあくまで 00:21:26 - 00:21:27： もあの 00:21:27 - 00:21:31： html のプラスアルファの機能を 00:21:31 - 00:21:34： つけるためのものなのであくまでも ht 00:21:34 - 00:21:36： メールが正しくバックアップされている 00:21:36 - 00:21:39： ことが大前提っていうことになりますなの 00:21:39 - 00:21:42： で ht メールで受けのマークアップ 00:21:43 - 00:21:45： だけで表現できるんであればレイヤーを 00:21:45 - 00:21:48： 使うに越したことはなくて基本的には 00:21:49 - 00:21:52： だろうぇいアリア後ようっていうのは必要 00:21:52 - 00:21:55： 最低限にとどめるように心が揺れるかける 00:21:55 - 00:22:00： といいいいと思います1本時間的にばどう 00:22:00 - 00:22:05： だろう10分くらい休憩しますかねえ 00:22:05 - 00:22:08： コンスタントに休憩入れていけたらと思う 00:22:11 - 00:22:14： 的には 00:22:16 - 00:22:18： まだまだ時間 00:22:18 - 00:22:19： ありますね 00:22:20 - 00:22:23： 早めに追われたらそれに越したことはない 00:22:23 - 00:22:27： と思うので弾10分くらい休憩して 00:22:27 - 00:22:30： えっと次の part 2早めに入っ 00:22:30 - 00:22:31： ちゃいますか 00:22:31 - 00:22:35： デーブそうですかねじゃあ一般10分休憩 00:22:35 - 00:22:37： にしたいと思いますレッド nerf なる 00:22:37 - 00:22:40： かな11時10分まで休憩でよろしくお 00:22:40 - 00:22:43： 願いします 00:22:43 - 00:22:46： よしじゃあ to kick 02:40:57 - 02:40:59： いきます 00:22:52 - 00:22:56： 次にどうすべてのデバイスで使えること 00:22:56 - 00:23:01： っていうことについて話していきます 00:23:01 - 00:23:04： 塩と全てのデバイスって何度かというと 00:23:04 - 00:23:07： えっとウェブサイトってあの本当に 00:23:07 - 00:23:11： いろんな形のスクリーンサイズで閲覧する 00:23:11 - 00:23:13： ことができます 00:23:13 - 00:23:17： あのなんだスマホとかタブレットとか 00:23:17 - 00:23:19： もちろんなんですけれどもパソコンとかだ 00:23:20 - 00:23:24： ウィンドウサイズを自由に事業費第2項 00:23:26 - 00:23:29： ウィンドウサイズ変えられたりとか 00:23:30 - 00:23:34： そういういろんなサイズの 00:23:34 - 00:23:36： スクリーンサイズに web っていうの 00:23:36 - 00:23:40： は対応させる必要があります 00:23:40 - 00:23:43： そういうどんなスクリーンサイズでも 00:23:43 - 00:23:47： 見えるようにコンテンツが閲覧できるよう 00:23:47 - 00:23:49： にするにはどうしたらいいのかっていう 00:23:49 - 00:23:53： ところを話していきます 00:23:53 - 00:23:56： えっと css の話になるんですけれど 00:23:58 - 00:24:02： スクリーンサイズによってアンダー 00:24:02 - 00:24:06： をとなる cass というのを適用する 00:24:06 - 00:24:09： あの機能というのが用意されてまして 00:24:09 - 00:24:12： エディアクイイって言うんですけれども 01:06:15 - 01:06:16： なんかこう 00:24:13 - 00:24:16： このスクリーンサイズ 00:24:16 - 00:24:19： 以上だったらこの css で上書きし 00:24:20 - 00:24:23： このサイズ以下だったらこの css べ 00:24:23 - 00:24:25： 切り替えるみたいなことがメディア 00:24:25 - 00:24:28： クエリーっていうのを使うことによって 00:24:28 - 00:24:31： 可能になります 00:51:30 - 00:51:33： このあの 00:24:34 - 00:24:36： スクリーンサイズ分なみなみ以下とから犬 00:24:36 - 00:24:40： に以上とかこのレイアウト変更のクビに 00:24:40 - 00:24:43： なる ana ポイントことをブレーク 00:24:43 - 00:24:47： ポイントって呼んだりします 00:24:50 - 00:24:54： いろんなスクリーンサイズであの 00:24:54 - 00:24:56： 見れるように 00:24:56 - 00:24:58： スクリーンサイズによってこうレイアウト 00:24:58 - 00:25:02： があの改変したりするデザインのことを 00:25:03 - 00:25:07： っていう風に言ったりするんですけれども 00:25:07 - 00:25:10： あのそういうレスポンシブなデザインの 00:25:10 - 00:25:13： web ではグリッド上に格子状に 00:25:13 - 00:25:20： コンテンツを廃棄することが多いです 00:25:22 - 00:25:25： 講師ようにグリッド状に配置することで 00:25:25 - 00:25:29： 並べ替えがすごく洗うやりやすくたりとか 00:25:29 - 00:25:31： せるんですよね 00:25:31 - 00:25:33： でえっと o 00:25:34 - 00:25:38： css をを書くときのなんかこう順番 00:25:38 - 00:25:41： みたいなのとかも結構 00:25:41 - 00:25:45： 流派があったりとかもして 00:25:47 - 00:25:49： デスクトップメインで ca 青酢を 00:25:49 - 00:25:53： ベースで書いておいて後から来をモバイル 00:25:53 - 00:25:56： 対応させるためにえっ5倍で端末ような 00:25:56 - 00:25:57： もうちょっと家注意 00:25:57 - 00:26:02： 多分作りに最良のあの 00:26:02 - 00:26:04： メディアクエリーの css を書くこと 00:26:05 - 00:26:07： ディスクトップ first design 00:26:07 - 00:26:08： やんだりとか 00:26:08 - 00:26:12： あとはえーっと結構最近とかだと web 00:26:12 - 00:26:15： へあのほとんど 00:26:15 - 00:26:17： モバイル端末からアクセスされることの方 00:26:17 - 00:26:20： が多かったりすることも結構あったりする 00:26:22 - 00:26:27： その時に先にもモバイル用のあの css 00:26:27 - 00:26:30： っていうのを先に 00:26:30 - 00:26:33： もベースで書いておいて後から今ディスク 00:26:34 - 00:26:38： ように ca するメディアクエリーを 00:26:38 - 00:26:39： 書いたりすることを 00:26:39 - 00:26:42： モバイルファーストデザインを買って絶対 02:41:20 - 02:41:24： します 00:26:44 - 00:26:47： ちょっとこのメディアクエリ早速買って 00:26:47 - 00:26:49： みようかなというふうに思うんですけれど 00:26:54 - 00:26:57： キュッ dancing 9ん 00:26:57 - 00:27:01： サンプルプロジェクターアクセスア 00:27:01 - 00:27:06： また言われる協議しますえっ 00:27:06 - 00:27:08： えっと2つのカード 00:27:08 - 00:27:11： をあの駅低迷で用意してあると思うんです 00:27:13 - 00:27:19： えっとんをこれあの 00:27:19 - 00:27:21： 共有します 00:27:21 - 00:27:26： こんな感じで2つのカードがヘッド用意さ 01:30:02 - 01:30:04： れているんですけれども 00:27:29 - 00:27:32： 今このスクリーン選手だと普通に何か見え 00:27:32 - 00:27:35： ていますけれども 00:27:35 - 00:27:40： もしもっとちっちゃくなった場合にも越冬 00:27:40 - 00:27:45： ちゃんとこんな感じであの 00:27:45 - 00:27:48： レイアウトが崩れないように縦になって 00:27:48 - 00:27:51： ほしいよねとか 00:27:51 - 00:27:52： とがなんだろ 00:27:53 - 00:27:56： モバイル端末用にあの 00:27:56 - 00:28:02： このカード自体のレイアウトを越冬 00:28:02 - 00:28:04： 何だろう変えることも dear クエリ 00:28:04 - 00:28:08： を使うことで可能なんですけれども 00:28:08 - 00:28:13： 今 html 切り替えたんですけれども 00:28:13 - 00:28:15： これによってえっとスクリーンサイズが 00:28:15 - 00:28:19： 変わることでえっと今 00:28:20 - 00:28:21： レイアウトが段落ちしたと思うんです 00:28:21 - 00:28:25： けれどもこんな感じでモバイル用にこんな 00:28:25 - 00:28:28： 感じのレイヤードを組んだりとかっていう 00:28:28 - 00:28:32： ことも可能になったりします 00:28:32 - 00:28:33： こうすることでアーマー 00:28:35 - 00:28:40： テキストが使える横幅が増えたりするので 00:28:40 - 00:28:41： それでアーマーの 00:28:41 - 00:28:44： なんだろうスペースを有効活用したりとか 00:28:44 - 00:28:49： ということもえっ可能になったりします 00:28:49 - 00:28:53： という実際にこれをみんなにも 00:28:53 - 00:28:55： 組んでもらおうかなっていうふうに思うん 00:28:57 - 00:29:02： そう実際に皆さんもここにアクセスア 00:29:02 - 00:29:06： 越冬ちょっと書いてみましょう 00:29:06 - 00:29:08： メディアクエリーの履き方なんですけれど 00:29:09 - 00:29:13： ペットあどっ media 00:29:13 - 00:29:16： ぷるーん 00:29:16 - 00:29:22： 結び美術とかあっても無意味です 00:29:22 - 00:29:24： ペイするんですけれど 00:29:24 - 00:29:28： 言えばこれだったろ 00:29:28 - 00:29:31： これが意味するのは 00:29:31 - 00:29:34： スクリーンサイズは400 pics まで 00:29:36 - 00:29:39： ヘッドたん月だったらこの中の css を 00:29:39 - 00:29:43： 適用するみたいなことがこれが気になり 00:29:44 - 00:29:45： なので 00:29:49 - 00:29:52： 本人ハードの cac つがあるんです 00:29:54 - 00:29:58： 越冬400ぴ口までは 00:29:58 - 00:30:00： 通ったぺバー 00:30:00 - 00:30:04： グランドから 00:30:04 - 00:30:07： すぽばっかり着たりん 00:30:07 - 00:30:10： ペットを愛する姉が 00:30:10 - 00:30:12： カードの 00:30:12 - 00:30:16： カード class に対して 00:30:16 - 00:30:19： あ久我山からを 00:30:19 - 00:30:22： 逆エビベビーカー 00:30:22 - 00:30:26： 奪ってきましたので擦れパ 00:30:26 - 00:30:29： ピッカーでかいな 00:30:31 - 00:30:33： 作詞た時に大学 pics になった時に 00:30:33 - 00:30:37： 赤色になったりとかちょっと 00:30:37 - 00:30:39： あれですねまだダウン家へ行っていないの 00:30:39 - 00:30:42： で文字がちょっと 00:30:42 - 00:30:45： 切れちゃってますね 00:30:45 - 00:30:48： みたいな事がたメディアクエリを使うこと 00:30:48 - 00:30:51： で切り替えることができます 00:30:51 - 00:30:54： えっと具体的にはどれっていうかというと 00:30:54 - 00:30:56： えっとこの 00:30:56 - 00:31:01： グリッドっていうえっと何だろう格子状に 00:31:01 - 00:31:05： レイアウトする時の便利な楽しい星図が 00:31:05 - 00:31:07： あるんですけれどもこれを使うことで 00:31:07 - 00:31:10： えっと打ってきたりします 00:31:10 - 00:31:12： 家を answer . html 磨く 00:31:12 - 00:31:14： 書いてあるんですけれども 00:31:14 - 00:31:17： チャレンジしてみたい人はちょっとこれ見 00:31:17 - 00:31:20： ずに何か調べたりとかしてやってみると 00:31:20 - 00:31:22： いいかなと思います 00:31:22 - 00:31:27： ちょっとえっとさっきみたいな感じで 00:31:27 - 00:31:29： 丁寧な感じでえっとこの中で段落ちする 00:31:29 - 00:31:33： ように css を組んでいましょう 00:31:33 - 00:31:35： いうことで作業時間 00:31:35 - 00:31:37： ベッドを取るぐらい得てみようかな15分 00:31:38 - 00:31:40： 試しに撮ってみます 00:31:40 - 00:31:42： ペットさん 00:31:42 - 00:31:45： 36分くらいかな 00:31:45 - 00:31:49： までちょっとえっと 00:31:49 - 00:31:51： 作業時間にしたいと思います 00:31:51 - 00:31:55： ターンちょっとやってみてください 00:31:55 - 00:31:58： よし何か詰まったりとかあのもうちょっと 00:31:59 - 00:32:02： 疑問意見なところがあったりしたら 00:32:02 - 00:32:05： セラックに詰問投げて打っても全然 ok 00:32:09 - 00:32:13： もしも終わったりした人がいれば 01:36:34 - 01:36:36： なんか 00:32:14 - 00:32:17： あのーcss で 00:32:17 - 00:32:20： なんかおもしろい伝える 00:32:20 - 00:32:21： こんでみて 00:32:21 - 00:32:23： こんなん作ってみたよとか 00:32:23 - 00:32:30： プラッ関係てみても面白いかもです 00:32:31 - 00:32:37： 終わっていいかな 00:32:37 - 00:32:40： 選んできましたね 00:32:43 - 00:32:47： みたいな感じで a 8 00:32:49 - 00:32:53： メディアクエリというのを使うことで 00:32:53 - 00:32:57： web サイプはいろんな 00:32:57 - 00:33:00： 作りサイズによってレイアウトを変えたり 03:03:20 - 03:03:20： とか 00:33:02 - 00:33:05： デザイン解体に特化っていうのを実現して 00:33:10 - 00:33:15： 結構早めに終わってるからえっと休憩が一 00:33:15 - 00:33:19： 羽しちゃってもいいかもな 00:33:19 - 00:33:22： とじゃあ30分 00:33:22 - 00:33:25： と12時まで 00:33:25 - 00:33:28： やったらお昼休憩 00:33:28 - 00:33:32： 二時間ちょっとぐらい 00:33:32 - 00:33:34： 撮ろうかな 00:33:34 - 00:33:38： って思います 00:33:38 - 00:33:41： じゃあ三つ目のユーザーに操作ストレスを 00:33:41 - 00:33:44： 与えないこと 00:33:44 - 00:33:48： について話していきます 00:33:49 - 00:33:52： ヘッドなぜユーザー 00:33:52 - 00:33:55： ユーザーに操作ストレスを与えちゃいけ 00:33:55 - 00:33:56： ないのか 00:33:56 - 00:33:58： っていうことなんですけれども 00:33:58 - 00:34:02： あの bbc という会社はあるんです 00:34:02 - 00:34:07： けれどもこの方に英国な 00:34:07 - 00:34:10： でその bbc が調査したことがあって 00:34:10 - 00:34:14： あのるーページの読み込みにかかる時間が 00:34:14 - 00:34:18： 1尾を増えるだけで刑事から離れる 00:34:18 - 00:34:23： ユーザー数が10%増えることが 00:34:23 - 00:34:26： あの調査結果でわかったみたいでー 00:34:26 - 00:34:32： それ抜きへあのユーザーっていうのは 00:34:32 - 00:34:35： web ページとかを一覧するときにあの 00:34:35 - 00:34:38： ストレスに対してストレスをは何だろう 00:34:38 - 00:34:41： またされたりとかいうストレスを嫌う 00:34:41 - 00:34:44： 結構にあります 00:35:26 - 00:35:28： なのであのー 00:34:46 - 00:34:50： web ページを作る際にはできるだけ 00:34:50 - 00:34:53： ユーザーを負かすことがない web と 00:34:53 - 00:34:56： いうのを作る必要があります 00:34:56 - 00:34:58： ええっと 00:34:58 - 00:35:01： 最近の web サイトって 00:35:01 - 00:35:04： javascript が多く使われる 00:35:04 - 00:35:09： ことがあるんですけれども 00:35:09 - 00:35:12： javascript とによってなんか 00:35:12 - 00:35:14： web 生とすごくリッチ化してきてるん 00:35:14 - 00:35:17： ですよね昨日は分が増えてきて 00:35:17 - 00:35:19： でこの javascript というの 00:35:19 - 00:35:26： は基本的にシングルスレッドで動作します 00:35:28 - 00:35:32： 実行中の縫いのタスクが完了しない限りは 00:35:32 - 00:35:37： 次のタスクっていうのは開始されません 00:35:37 - 00:35:41： なのであの2-佑 00:35:41 - 00:35:46： があのなんだろ続いている限りは他の種類 00:35:46 - 00:35:47： っていうのは全部もブロックなりされ 00:35:47 - 00:35:50： ちゃうんですよねあの 00:35:50 - 00:35:53： ブラウザというのはメイン民スレッドに 00:35:53 - 00:35:54： javascript だけが動いている 00:35:54 - 00:35:56： わけではなくて 00:35:56 - 00:36:00： 例えば ht メールを夢コンデ描画する 00:36:00 - 00:36:03： 処理っていうのもこのメインスレッドで 00:36:03 - 00:36:04： 動いたりとか 00:36:04 - 00:36:06： いろんな処理が見えずるってで動いている 00:36:06 - 00:36:07： んですよね 00:36:07 - 00:36:10： なので javascript がメイン 00:36:10 - 00:36:14： のタスクけれども占有しちゃうとアンダー 00:36:14 - 00:36:17： 一気にへ部っていうのは各月始めるんです 00:36:17 - 00:36:20： よね 00:36:23 - 00:36:27： メインのタスクを 00:36:27 - 00:36:30： 実行する上でメインスレッドをブロックせ 00:36:30 - 00:36:32： ずにブロッキングせずに処理するには 00:36:35 - 00:36:39： プロミスっていいものを使います 00:36:39 - 00:36:42： はいですね非同期処理日 00:36:42 - 00:36:44： を使うことで 02:19:22 - 02:19:23： なんだろ 00:36:50 - 00:36:52： タスクをブロックしないようにするんです 00:36:54 - 00:36:56： javascript っていうのはなぁ 00:36:56 - 00:36:59： 非同期処理というのはメイン生徒所で 00:36:59 - 00:37:02： メインタスクと並行で実行されるんですよ 00:37:04 - 00:37:10： なので安の方 00:37:10 - 00:37:14： メインタスクとなんだろう交互に公募いう 00:37:14 - 00:37:16： かよしなに 00:37:16 - 00:37:18： ブロックしないという風に 00:37:22 - 00:37:25： あの実行振り分けてくれたりとかするん 00:37:28 - 00:37:31： その非同期処理を 00:37:31 - 00:37:34： のプロミスって言う 00:37:34 - 00:37:39： 機器のっていうかを使うことで非同期処理 00:37:39 - 00:37:41： の結果っていうのかな非同期種類の 00:37:41 - 00:37:45： メソッドの結果を返すことができるように 03:02:15 - 03:02:16： なります 00:37:47 - 00:37:50： てこの非同期処理の成功ちっていうのは 00:37:51 - 00:37:54： ぶるーミスカラーは歌ってあるの 00:37:54 - 00:37:56： resolve っていうメソッドとか 00:37:56 - 00:37:59： リジェクトっていうあの日ずっと使ったり 00:37:59 - 00:38:01： するんですけれども西河内場合は偽善 00:38:01 - 00:38:03： えっとリグル分 00:38:03 - 00:38:06： にえっとあたりを渡して unknown 00:38:06 - 00:38:08： error とか例題が起きた場合には 00:38:08 - 00:38:12： えーっ日ジェクトっていうのを使います 00:38:12 - 00:38:15： ちょっと実際にこの promise i 00:38:15 - 00:38:17： エラーを使ってみようかなっていうふうに 00:38:19 - 00:38:21： 例の如く 00:38:21 - 00:38:23： ま0 00:38:23 - 00:38:26： 越冬レイヴ o 00:38:26 - 00:38:29： アンプルを見せます 00:38:29 - 00:38:34： いいお話リーストップ共有した靴っていう 00:38:34 - 00:38:38： 本当にデブさえとって1秒とか 00:38:38 - 00:38:40： 全然争うんですよね 00:38:40 - 00:38:44： 1秒お宿させるために 00:38:46 - 00:38:50： 頑張ったりとかするんですよね 00:38:50 - 00:38:52： ほんとっ 00:38:52 - 00:38:56： 用意したのはすごくシンプルな 00:38:56 - 00:38:58： ヘッド h 10名でなんですけれども 00:38:59 - 00:39:02： ただのボタンでせ 00:39:03 - 00:39:08： 熱闘 the html には 00:39:08 - 00:39:11： このボタンだけ用意してていっ 00:39:11 - 00:39:15： b ネットを今回このアップの give 00:39:15 - 00:39:18： はちょっと使いません 00:39:21 - 00:39:25： set time out っていうあの 00:39:25 - 00:39:27： メソッドを使うと javascript 00:39:27 - 00:39:30： 上で非同期処理が行えるんですけれども 00:39:31 - 00:39:35： ここにえっとコールバッグを入れる感じ 00:39:36 - 00:39:38： でえっと set timer どの第2 00:39:38 - 00:39:40： 引数に越冬 00:39:42 - 00:39:47： 何秒後に日光せるかみたいなのを 00:39:47 - 00:39:49： 設計に来たりとか攻めるんですけれども 00:39:52 - 00:39:55： 越冬んよ l 大会まあというものできた 00:39:55 - 00:39:58： 離婚してるんですけどね 00:40:01 - 00:40:04： ボタンを押すとこのトグルハンドがあって 00:40:04 - 00:40:07： 言うかんセル画 00:40:07 - 00:40:11： 実行されるという仕組みになっています 00:40:11 - 00:40:14： なので越冬 00:40:14 - 00:40:15： ああああ 00:40:15 - 00:40:20： アラートを2つ仕込んでますね 00:40:20 - 00:40:22： ペットタイムアウトの後にアラート 00:40:23 - 00:40:25： 最後にフィニッシュをアラートするという 02:08:41 - 02:08:47： 感じです 00:40:27 - 00:40:31： 1回実行してみると 00:40:31 - 00:40:35： 4日 00:40:35 - 00:40:38： 先にフィニッシュが来て 00:40:38 - 00:40:40： あとに 00:40:40 - 00:40:43： えっとをクリックしたよっていうアラート 00:40:43 - 00:40:47： が通知されます 00:40:47 - 00:40:50： えっと例えばこの 00:40:50 - 00:40:56： 最後に表あとしたいこのフィニッシュ 00:40:56 - 00:40:58： の話題じゃなくて 00:40:58 - 00:41:00： この set timer と 00:41:01 - 00:41:05： コールバックが日光結果をこの最後の 00:41:05 - 00:41:07： アラブに表示したいというふうになった 00:41:07 - 00:41:09： ときに 00:41:11 - 00:41:14： なんだよッ 00:41:14 - 00:41:16： 設定タイマーとは 00:41:16 - 00:41:17： あーもーん 00:41:17 - 00:41:21： 兵法に密航されるので先に 00:41:21 - 00:41:25： 日に一種のアラートが表示されちゃって 00:41:25 - 00:41:29： 値が取れないんですよね 00:41:29 - 00:41:34： てそんなときに使うのがプラビスで 00:41:34 - 00:41:37： 話した味噌9分ですね bizloop を 00:41:37 - 00:41:41： 実行したらベッドを 00:41:41 - 00:41:44： 演武 are you フェイスにへ経ず 00:41:44 - 00:41:48： に切っ好結果が入るという感じですね 00:41:48 - 00:41:52： なので越冬を 00:41:52 - 00:41:54： セップ回まあどの 00:41:58 - 00:42:00： アールグレイ持っ 00:42:02 - 00:42:03： をゲー 00:42:03 - 00:42:05： 私と 00:42:05 - 00:42:08： 越冬ん 00:42:10 - 00:42:14： 合間にこの影が入るので 01:30:05 - 01:30:06： これを 00:42:17 - 00:42:21： いいしてパラーとするって感じですね 00:42:21 - 00:42:23： にピット 00:42:23 - 00:42:24： 裏道の場合は 00:42:24 - 00:42:28： えっとこのままやってとれないから 00:42:33 - 00:42:36： 4 nikko してい 00:42:36 - 00:42:40： 1等ん 00:42:40 - 00:42:42： ここに 00:42:42 - 00:42:46： プロミスを足してくれるやつなてっ 00:42:46 - 00:42:52： 効果とってくるかとかっ 00:42:59 - 00:43:02： 横日本するっ 00:43:07 - 00:43:10： ミスがぺっぽう 00:43:10 - 00:43:13： 一般的な機能キー 00:43:13 - 00:43:17： 他の言語な非同期処理のようにペット 00:43:17 - 00:43:21： あーにゃん取得処理を解決した時に悪化 00:43:21 - 00:43:25： するデンっていうやつとえっと 00:43:27 - 00:43:29： 例外が起きた時のキャッチっていうのが 00:43:29 - 00:43:31： あるんですけれども 00:43:32 - 00:43:35： これが完了したときの 00:43:35 - 00:43:39： を思います 00:43:39 - 00:43:41： 1本 00:43:41 - 00:43:42： 怪盗少女 00:43:52 - 00:43:54： 暴れるとっ 00:43:54 - 00:43:56： を乱れといっ 00:43:56 - 00:43:57： いると 00:43:57 - 00:44:02： と完了した時の非同期処理の結果がここ 00:44:02 - 00:44:04： から渡ってきてアラートするという感じ 00:44:09 - 00:44:13： 結構すると 00:44:13 - 00:44:15： 捕鯨がー 00:44:15 - 00:44:18： 飛ぶで出てからお外あ 00:44:18 - 00:44:21： わたってきて値を使うことができるように 00:44:21 - 00:44:24： なるとっていう感じのがペッドプロミスに 00:44:24 - 00:44:26： なってます 00:44:26 - 00:44:30： えっとこのままだ道 00:44:34 - 00:44:36： エースの 00:44:36 - 00:44:40： nest が発生してしまって r ん 00:44:41 - 00:44:43： 虹楽 00:44:43 - 00:44:45： まあ1 nest が一つだからいいです 00:44:45 - 00:44:49： けれどももっと深くなったりするとあの 00:44:49 - 00:44:54： なんだろこのか見づらくなったりするので 00:44:54 - 00:44:58： 新カーブ8っていう仕組みがありまして 00:44:58 - 00:45:02： それを使うことでプロミスの非同期処理某 00:45:02 - 00:45:05： 同期的に書くこともできるようになってい 00:45:08 - 00:45:10： 今ここに乾燥にシンクって書いてあるん 00:45:11 - 00:45:13： えっブラミスの 00:45:13 - 00:45:16： えっとひどく貫通に帯指定 00:45:16 - 00:45:19： or 人ってつけると 00:45:19 - 00:45:26： 俺が死ん来た今の非同期処理の実行結果を 00:45:26 - 00:45:28： 前とか 00:45:28 - 00:45:31： 使わずにそのままタイマーに 00:45:31 - 00:45:35： こっちが変数に入れ込んでくれるみたいな 00:45:35 - 00:45:37： 挙動ボボするようになります 00:45:37 - 00:45:41： なのでえっとこんな感じでベストしなくて 00:45:41 - 00:45:45： もいいもんな alert 00:45:49 - 00:45:53： あれば6 00:45:53 - 00:45:54： 同じ挙動が 00:45:54 - 00:45:59： でるかなというふうに思います 00:45:59 - 00:46:07： 塗りの前からえっとをを切られるえっ 00:46:07 - 00:46:10： みたいな感じですかね 00:46:11 - 00:46:15： もしかして全部アラートが表示されて 00:46:15 - 00:46:18： なかっていくんですね 00:46:18 - 00:46:19： 想像してください 00:46:20 - 00:46:23： できました 00:46:24 - 00:46:28： こんな感じでえっドプラミストシンカー 00:46:28 - 00:46:32： ベッドの非同期処理のえっと挙動 00:46:32 - 00:46:35： の反応になります 00:46:35 - 00:46:38： じゃあ実際に皆さんにも一層 00:46:38 - 00:46:41： というか触ってみてもらおうかなという 00:46:41 - 00:46:45： ふうに思います 00:46:46 - 00:46:50： イドに戻すのでそれぞれ皆さん 00:46:54 - 00:46:56： ゆっつのステップ 00:46:56 - 00:46:59： ぜひやってみてください 00:47:01 - 00:47:05： それくらいじゃあ12時まで 00:47:05 - 00:47:06： どうかな 00:47:06 - 00:47:10： ジョニーい過ぎくらいまでて関東と思い 00:47:14 - 00:47:16： 性が終わったら 00:47:16 - 00:47:19： 昼休みにしようかなーっていうふうに思い 00:47:25 - 00:47:27： もし詰まっちゃったよーっていう人がい 00:47:27 - 00:47:29： たら全然も 00:47:31 - 00:47:40： 声掛けてもらえれば大丈夫なねー 00:47:42 - 00:47:49： クリアしてそこの 00:47:49 - 00:47:51： 前行きましたね 00:47:54 - 00:47:59： プロミスをクリアしました 00:47:59 - 00:48:02： よしっちゃ 00:48:02 - 00:48:05： こんな感じで越冬 00:48:08 - 00:48:10： プロミスというのは 00:48:10 - 00:48:13： えっと非同期処理を使って 00:48:13 - 00:48:15： 合本な感じで 00:48:15 - 00:48:18： 動作を実現することはできるようになって 00:48:19 - 00:48:23： このプロミスという概念があの 00:48:23 - 00:48:24： 後半の 00:48:26 - 00:48:28： ハンズ1とかでも bonton 使って 00:48:30 - 00:48:32： ことになったりすると思うので 00:48:36 - 00:48:41： すごく大切な概念になってくると思います 00:48:41 - 00:48:42： でも全然 00:48:42 - 00:48:45： 今のところ時間はあるので焦らずゆっくり 00:48:45 - 00:48:48： とやっていきましょう 00:48:48 - 00:48:53： 一旦これでエッド午前中の研修は終わりに 00:48:53 - 00:48:58： してエッド尾鰭にしたいと思います 00:48:58 - 00:49:01： えっと1時間 00:49:02 - 00:49:06： 時間取れればと思っていますどういっ 00:49:09 - 00:49:11： 10分くらいかな 00:49:11 - 00:49:13： 13て10分ぐらいまで 00:49:13 - 00:49:17： えっとお昼休憩にしたいと思います 00:49:17 - 00:49:19： お疲れ様です 00:49:19 - 00:49:24： いえっと続くからやっていきます 00:49:24 - 00:49:25： えっと分 00:49:25 - 00:49:28： あれですねユーザーに操作ストレスを与え 00:49:28 - 00:49:30： ないためにどんなことをしていけばいいの 00:49:30 - 00:49:32： かっていうことを 00:49:32 - 00:49:35： お話しているんですけれども 00:49:36 - 00:49:38： さっきは 00:49:38 - 00:49:43： 非同期処理を上手く使って 00:49:43 - 00:49:44： できるだけ 00:49:44 - 00:49:46： ブロッキングとかなくしていきたいよねー 00:49:46 - 00:49:48： みたいな話とか 01:19:57 - 01:19:59： もう一つ 00:49:52 - 00:49:56： あのなんでしょ余談的な感じなんです 00:49:57 - 00:50:00： コラム的なレインアートシフトっていう 00:50:00 - 00:50:05： 概念が web にはありまして 00:50:05 - 00:50:09： 例えば bubu age とかってあ 00:50:09 - 00:50:11： ペイジー読み込み中 00:50:11 - 00:50:14： とかってあのー 00:50:14 - 00:50:17： コンテンツが一気に全部表示されるわけで 00:50:17 - 00:50:20： はなくてあのー 00:50:21 - 00:50:24： おっきながそうとかをページとかで扱って 00:50:24 - 00:50:25： いたとしたら 00:50:25 - 00:50:27： あの画像が読み込みが終わるまでは 00:50:27 - 00:50:30： もちろん方は表示されないんですけれども 00:50:31 - 00:50:35： ページのコンテンツがこの図にあるように 00:50:35 - 00:50:36： 上から 00:50:36 - 00:50:40： 画像があってその下にクリックしたい便通 00:50:40 - 00:50:44： があるみたいな構成だった時に反応 00:50:44 - 00:50:46： 画像が大きい場合は読み込みに時間が 00:50:46 - 00:50:49： かかるので最初は表示されないということ 00:50:49 - 00:50:53： もあり得るねなのであのー 00:50:53 - 00:50:56： ユーザーがこの黄色いこの本店つを 00:50:56 - 00:51:00： クリックしたいとしてあの最初は画像が 00:51:00 - 00:51:02： まだないので方向 00:51:02 - 00:51:04： これカーソルだああああああしてるんです 00:51:04 - 00:51:07： けれどここをクリックしようとしたとして 00:51:07 - 00:51:10： クリックしようとした時にもし 00:51:10 - 00:51:13： ちょうどよく画像が読み込み完了したら 00:51:13 - 00:51:17： ズレますよねなのであの 00:51:17 - 00:51:20： なんだユーザーがこの黄色いコンテンツを 00:51:20 - 00:51:23： クリックしたかったのに実際には画像を 00:51:23 - 00:51:26： クリックしてみたグリックリックして 00:51:26 - 00:51:30： しまうみたいな衣装もを求るわけですよね 00:51:33 - 00:51:36： リューターが意図しない意図せずその 00:51:36 - 00:51:38： ずれちゃったりとか 00:51:38 - 00:51:42： 庄司位置が変わっちゃうことのことを 00:51:42 - 00:51:46： レイアウトシフトとかって言いますこれも 00:51:46 - 00:51:49： 結構 new ざーの踏査ストレスに 00:51:49 - 00:51:52： 繋がる動作だったりするんですけれども 00:51:53 - 00:51:56： これの対策としてはあの例えばこの価格 00:51:56 - 00:52:00： だったりしたら画像 noの要素に 00:52:00 - 00:52:03： あらかじめどのくらいの大きさで表示する 00:52:03 - 00:52:06： か大きさを設定することができるように 00:52:06 - 00:52:09： なっているんですけれどもなのであの 00:52:09 - 00:52:12： あらかじめのサイズを設定しておくことで 00:52:12 - 00:52:15： あのんなんだろ読み込み完了する前から 00:52:15 - 00:52:18： このスペースを確保するということとかも 00:52:18 - 00:52:21： 可能だったりしますそうすることで 00:52:21 - 00:52:23： レイアウトシフトを開始したいとかいう 00:52:23 - 00:52:25： ことをやって羽化しますそんな感じで 00:52:25 - 00:52:28： イロイロ web ではソーサーストレス 00:52:29 - 00:52:32： をあげないためにいろいろ考慮したりする 00:52:32 - 00:52:35： んですよね白金ではで打って 00:52:35 - 00:52:37： javascript であの 00:52:37 - 00:52:40： 構築することとかもすごく多くなってきて 00:52:45 - 00:52:47： ウェブサイト全部 javascript 00:52:47 - 00:52:49： コンテンツ管理しちゃったりとかっていう 00:52:49 - 00:52:51： こともあるんですよねなんかそういう 00:52:51 - 00:52:53： ところとかって 00:52:54 - 00:52:57： 画像の読み込みとか 00:52:59 - 00:53:03： プラウザがどういう風に動いているのかと 00:53:03 - 00:53:04： いうことを 00:53:04 - 00:53:08： の根本から理解することであの 00:53:08 - 00:53:10： こういう方向ならア 00:53:10 - 00:53:13： ユーザーにとって操作ストレス 00:53:13 - 00:53:16： ユーザー体験を提供できるよねとか 00:53:16 - 00:53:18： こういう方向なら 00:53:18 - 00:53:21： バット改善していけるよねーみたいなこと 00:53:21 - 00:53:25： を考えているんですけれどもなのであの 00:53:25 - 00:53:27： ブラウザが裏っかわでどういう動きをして 00:53:27 - 00:53:31： いるのかというのを知ることがすごく大事 00:53:31 - 00:53:35： になってきたりとかしますよくプラがあん 00:53:35 - 00:53:37： の自分たちよく使うと思うんですけれども 00:53:37 - 00:53:40： あのブラウザ 00:53:40 - 00:53:43： 上に 00:53:43 - 00:53:46： 何だろうリンクっていうか url の 00:53:46 - 00:53:48： バーガーだと思うんですけれど url 00:53:48 - 00:53:51： 打ってからあの enter を押すと 00:53:51 - 00:53:55： 読み込み始まって最終的にあの読み込みが 00:53:55 - 00:53:57： 終わってページのコンテンツが表示され 00:53:57 - 00:53:59： たりとかということがあると思うんです 00:53:59 - 00:54:02： けれどもそれまで何が起きてんのか 00:54:02 - 00:54:05： っていうことを知ることでなんで 00:54:05 - 00:54:07： javascript で 00:54:07 - 00:54:09： コンテンツ全部管理したほうがいいのかと 00:54:10 - 00:54:12： 従来のままだったらダメなのかというのが 00:54:12 - 00:54:15： 判断がつくようになっているとかしますな 00:54:15 - 00:54:17： のでちょっとそこらへんを付加ボっていき 00:54:17 - 00:54:20： ましょうまずえっとブラウザがアドレスを 00:54:20 - 00:54:23： 入力した女陰の処理ことなっているのかと 00:54:23 - 00:54:25： いうのを追っていきます 00:54:25 - 00:54:28： 1から見ていきますねまずブラウザに 00:54:28 - 00:54:30： アドレス入力しますよね 00:54:30 - 00:54:32： これいうえっとこのスライドで言うと 00:54:32 - 00:54:34： dogs . google . com 00:54:34 - 00:54:37： エラーなんて言ったような感じでねぇあの 00:54:37 - 00:54:41： 入力して enter を押すとブラウザ 00:54:41 - 00:54:42： はえーっと 00:54:42 - 00:54:45： ネットワーク通じて dns サーバーに 00:54:45 - 00:54:50： 安のこのドメインがあの登録されているか 00:54:50 - 00:54:54： 取り合わせしに行ってそれでえっとあれ 00:54:54 - 00:54:56： ですねこのドメイン 00:54:56 - 00:55:00： が登録しているサーバーのアドレスず 00:55:00 - 00:55:03： おえっとを調べます 00:55:03 - 00:55:05： でそのアドレスの ip アドレスに 00:55:05 - 00:55:07： アクセスに入っ 00:55:07 - 00:55:09： 泥底から 00:55:09 - 00:55:12： えっとそこのサーバーからあのこのページ 00:55:12 - 00:55:15： の html をください意味で感じで 00:55:15 - 00:55:18： fs としたりしますでサンバーが 00:55:18 - 00:55:20： リクエストあー 00:55:20 - 00:55:23： あげますよっていうふうに ok もらっ 00:55:23 - 00:55:25： たら http 00:55:25 - 00:55:28： へー+の205と一緒に html 00:55:28 - 00:55:31： ファイルを返しますえっ 00:55:31 - 00:55:34： あれで初めてやとえっとブラウザは 00:55:34 - 00:55:36： html ファイルをゲットします 00:55:36 - 00:55:39： まだまだここはここから 00:55:39 - 00:55:43： ページ表示に完了するまで長い旅があるん 00:55:44 - 00:55:47： でブラウザは8 ht メールぼけっとし 00:55:47 - 00:55:51： たらその中身の越冬 00:55:51 - 00:55:55： 入って目ですね定義をパースして読み込ん 00:55:55 - 00:55:56： でいきます 00:55:56 - 00:55:58： やっとブラウザはえーっと h テメェ 00:55:58 - 00:56:01： ロケットしたのでそこからどんな 00:56:01 - 00:56:03： コンテンツを表示したらいいのかっていう 00:56:04 - 00:56:07： ブラウザが処理し始めるんですねプラザが 00:56:07 - 00:56:09： の html を引けとしてから 00:56:09 - 00:56:13： コンテンツを表示するまでというのはまず 00:56:14 - 00:56:18： htmlメールに帰ってあるあの css 00:56:19 - 00:56:21： javascript のファイルの参照 00:56:22 - 00:56:25： パスとか言われるとかですね 00:56:26 - 00:56:28： えっと参照を見て 00:56:28 - 00:56:30： 距離に行ったりしますダウンロードしたり 00:56:30 - 00:56:32： とかですね 00:56:32 - 00:56:34： 期待します 00:56:34 - 00:56:37： のそれやっている間に同時にえっと ht 00:56:39 - 00:56:44： のえっとファースをやってえっとそのまま 00:56:44 - 00:56:46： 一番選手をエキスてメールとはという 00:56:46 - 00:56:49： ところで話したと思うんですけれども溝 00:56:49 - 00:56:54： ツリーを生成しますえっとそのなんだろ 00:56:54 - 00:56:56： ドム釣り生成しようアルプ 00:56:56 - 00:57:00： 同時にえっと css 最初さっきにバー 00:57:00 - 00:57:02： ですねえっ css ファイルと ja と 00:57:02 - 00:57:05： 5参照解析してたと思うんですけれども 00:57:05 - 00:57:07： その中の一例整数 00:57:07 - 00:57:10： からえーっ度 css の構文を母そして 00:57:12 - 00:57:17： ビッド6と同じように次構造の css の 00:57:17 - 00:57:20： css om という ts業務ツリーと 00:57:20 - 00:57:22： いうのを同じように生成しますこれを 00:57:22 - 00:57:27： えっと平成したドムに適用して初めて 00:57:27 - 00:57:32： css の伝えるというのは適用されます 00:57:32 - 00:57:34： えっとそれーと一緒に 00:57:34 - 00:57:36： javascript ダウンロードされ 00:57:36 - 00:57:39： たらえっと一緒にパイスして実行っていう 00:57:39 - 00:57:42： 風にやっているんですよねじゃような感じ 00:57:42 - 00:57:46： でえっと自分たちがこう url を打っ 00:57:46 - 00:57:48： てからページが表示されるまでというのは 00:57:48 - 00:57:52： 結構なぁ steps っていうのを 00:57:52 - 00:57:54： ブラウザーは踏んでるんですよねなので 00:57:54 - 00:57:58： これがえっとページ背にする事いろんな 00:57:58 - 00:58:01： ページに行く事に基本的にはこれを 00:58:01 - 00:58:02： 繰り返します 00:58:02 - 00:58:06： これはなんだろうあの最近 web サイト 00:58:06 - 00:58:09： のコンテンツというのは化してきて 00:58:09 - 00:58:12： いろんな機能は 00:58:12 - 00:58:14： のウェブサイト上に使えるようになって 00:58:15 - 00:58:16： ああああん 00:58:16 - 00:58:19： 中リストだったりとか 00:58:20 - 00:58:23： 看板ボードだったりとか 00:58:23 - 00:58:26： 電卓だったりとか何かそういうものが今 00:58:27 - 00:58:29： ネイティブアプリへ行ってたものが 00:58:31 - 00:58:33： あの子の google みーとぅそう 02:46:46 - 02:46:47： ですよね 00:58:34 - 00:58:35： ハイあの 00:58:35 - 00:58:37： オンライン会議とかも web 上で 00:58:37 - 00:58:39： できるになったりとか 00:58:39 - 00:58:42： ウェブのコンテンツというのがどんどん日 00:58:42 - 00:58:46： かしてきてあのなんだ動的にコンテンツが 00:58:46 - 00:58:48： 入れ替わるということがすごく増えてきた 00:58:48 - 00:58:49： んですね 00:58:50 - 00:58:58： 基本的にポンポン 00:58:58 - 00:59:03： 江原すごく多い 00:59:09 - 00:59:11： パティいうのであれば 00:59:11 - 00:59:14： javascript で動的に変え 00:59:14 - 00:59:17： ちゃった方がいいんじゃないかみたいな 00:59:17 - 00:59:20： のアプローチも出てきたりとかしたりした 00:59:20 - 00:59:24： んですよそれをえっと一般的には spa 00:59:24 - 00:59:26： 呼んだりしますちんぐるペイジー 00:59:26 - 00:59:29： アプリケーションですね逆ですね 00:59:29 - 00:59:31： パーティー浴びますます 00:59:31 - 00:59:33： でえっとこの sta って何なのかって 00:59:33 - 00:59:35： 言うとなんですけれども 00:59:35 - 00:59:37： あのー web ページのページ数に 00:59:37 - 00:59:40： かかわらず一つの html ファイルで 00:59:40 - 00:59:43： a のページのコンテンツいうのをすべて 00:59:43 - 00:59:47： 管理して協議する手法だったりします 00:59:47 - 00:59:50： 一般的には javascript から 00:59:50 - 00:59:54： 度も操作できる api が提供されてい 00:59:54 - 00:59:57： たりするんですけれどもそれを使って 00:59:57 - 01:00:00： えっと rom のエレメントの他所を 01:00:00 - 01:00:03： 入れ替えたりして表示を切り替えたりし 01:00:03 - 01:00:07： ますえっと一つの ht メールファイル 01:00:07 - 01:00:11： でもなんかこうページの入れ替わりページ 01:00:11 - 01:00:13： 遷移っていうのを表現したりとか 01:00:14 - 01:00:17： あの基本的に url っていうのは一つ 01:00:17 - 01:00:19： の英字の 01:00:19 - 01:00:22： 本店つに一つの url が定義されたり 01:00:22 - 01:00:23： するので 01:00:23 - 01:00:26： そういったものもあの 01:00:26 - 01:00:28： javascript のヒストリ api 01:00:28 - 01:00:31： っていうのを使うことであの履歴を操作し 01:00:31 - 01:00:35： たり追加したりとかということでえっと 01:00:35 - 01:00:39： 愛知て一つの ht メールを表示しつつ 01:00:40 - 01:00:44： url を表示コンテントいうことに共演 01:00:44 - 01:00:47： してるすることも可能になっています 01:00:47 - 01:00:52： で spa とヘッドをいわゆる 01:00:52 - 01:00:54： 複数の ht メールをサイズに組み込ん 01:00:54 - 01:00:57： で表示するみたいな mp マルチページ 01:00:57 - 01:01:00： アプリケーションですねえうえっと比較し 01:01:00 - 01:01:06： た安泰なんですけれども apapa 01:01:06 - 01:01:10： html ダウンロードして表示されたら 01:01:10 - 01:01:13： あとはー審査分えっと 01:01:13 - 01:01:16： 本店つ入れ替えるときはえっ更新差分の 01:01:16 - 01:01:21： データを取得してで新しいデータをえっと 01:01:21 - 01:01:25： l 反映したエレメントを生成してえっ 01:01:25 - 01:01:28： ドムツリーに反映させるっていう 01:01:28 - 01:01:31： もあれですねファイルのダウンロード 01:01:32 - 01:01:33： ネットワーク上の 01:01:33 - 01:01:34： このん 01:01:34 - 01:01:37： ファイルを取りいっかみたいなものは全部 01:01:40 - 01:01:42： スキップしてるんですよね 01:01:42 - 01:01:44： それに反して me 家っていうのは 01:01:46 - 01:01:48： あれですよねコンテンツが変わるごとに 01:01:48 - 01:01:53： 新しいでた後審査分のデータを反映した 01:01:53 - 01:01:55： htmlファイルを 01:01:55 - 01:01:58： えっまたサーバーにリクエストしますで 01:01:58 - 01:02:02： fht 名を取得したらまた新しくゼロ 01:02:04 - 01:02:07： これを1から6まで再構築 01:02:07 - 01:02:11： えっ度やとプロ全部パースしてよ実行して 01:02:11 - 01:02:15： 兵士がやっと描画されるという感じで後的 01:02:15 - 01:02:18： にそのコンテンツがどんどん入れ替わり 01:02:18 - 01:02:20： リッチなサイトでは sta のほうが 01:02:20 - 01:02:24： いいユーザー体験はいいだろという感じで 01:02:24 - 01:02:27： パン的に言われていますうでー徒押すと 01:02:27 - 01:02:29： こんな感じですねあんな 01:02:29 - 01:02:33： 最上位の子供があってプレオそれを基に 01:02:33 - 01:02:36： あの javascript のドム 01:02:36 - 01:02:37： api を使って 01:02:37 - 01:02:41： を入れ替えるとか采配へ進みたいなとし 01:02:41 - 01:02:44： たりとかしてみますなのでえっと hta 01:02:44 - 01:02:48： はページをゼロから組み立て直す必要なく 01:02:48 - 01:02:50： ui を更新することができるっていう 01:02:50 - 01:02:54： エピとメリットがありますじゃあ spa 01:02:54 - 01:02:56： がもう 01:02:58 - 01:03:00： 何だろうケースでももう有利なのかって 01:03:00 - 01:03:04： 言われるとそうでもないケースも 01:03:04 - 01:03:09： 例えばあのそういうリッチなを言う 01:03:09 - 01:03:12： 回会議のオンライン会議のサービスとか 01:03:12 - 01:03:13： じゃなくて 01:03:14 - 01:03:19： ブログだったりとかそういうあの 01:03:19 - 01:03:23： ページサインする時しか 01:03:23 - 01:03:24： ページ全体の 01:03:24 - 01:03:27： コンテンツを入れ替える時しか 01:03:27 - 01:03:30： あのーなんだろうというケースしかない 01:03:30 - 01:03:33： ウェブサイトでも sta はいけるの 01:03:33 - 01:03:36： かって言われると越冬 01:03:36 - 01:03:39： 必ずしもそうではないということがあって 01:03:39 - 01:03:42： いうのもあの spa っていうのは一般 01:03:42 - 01:03:45： 的に javascript のファイル 01:03:45 - 01:03:49： が大きくなりがちな傾向にありますいうの 01:03:49 - 01:03:52： もあのつべての本店つを 01:03:52 - 01:03:56： javascript 上で半里するので 01:03:56 - 01:03:58： 何か一つの javascript に 01:03:58 - 01:04:00： 入れに 01:04:00 - 01:04:04： ああ結構肥大しがちなんですよねそれで 01:04:05 - 01:04:09： mpa の方が速いというケースも全然 01:04:09 - 01:04:13： ありえますでこういう判断とかってどうし 01:04:13 - 01:04:16： たらいいのってあの困ったときはまず 01:04:16 - 01:04:20： web っていうのは計測することが大事 01:04:20 - 01:04:23： ですあの一般的にこれが 01:04:23 - 01:04:25： あの速いとされているから 01:04:25 - 01:04:27： たぶんこれがいいよねって判断するのは 01:04:30 - 01:04:31： あん 01:04:31 - 01:04:33： でも危ないところ危ない判断というところ 01:04:33 - 01:04:36： があって web っていうのは一般的に 01:04:38 - 01:04:41： 一般論を押していくというよりもまずは 01:04:41 - 01:04:45： 計測してそこから考察してこっちの方が 01:04:45 - 01:04:47： いいよねってのいくのが 01:04:47 - 01:04:49： の一般的な 01:04:51 - 01:04:53： 技術選定の 01:04:53 - 01:04:56： 経ておりいっていうかベストプラクティス 01:04:56 - 01:04:59： だったりしますので web サイトに 01:04:59 - 01:05:01： おいてはパフォーマンスはまず計測する 01:05:01 - 01:05:03： ことで判断をしていきましょう 01:05:03 - 01:05:05： 星この 01:05:05 - 01:05:08： ごっこ分ぐらいちょっと休憩しますかリッ 01:05:08 - 01:05:10： プっとめちゃめちゃっぽかったと思うので 01:05:10 - 01:05:14： だーえっと35分までちょっと休憩にし 01:05:14 - 01:05:18： ますよしじゃあちょっと再開していきます 01:05:18 - 01:05:22： とちょっと紹介したいもあるんですけど 01:05:23 - 01:05:26： さっき mpa ぷか spa とかって 01:10:32 - 01:10:34： 話したと思うんですけれども 01:05:30 - 01:05:33： 最近はなんかこう 01:05:33 - 01:05:37： spa 遠投じゃなくて npa だった 01:05:37 - 01:05:39： ヘインだぞーみたいなムーブメントも 01:05:39 - 01:05:41： ちょいちょいやって 01:05:41 - 01:05:45： 例えばこのアストロという奴は安納 01:05:47 - 01:05:49： 最低限の javascript だけ 01:05:49 - 01:05:52： 残してあとはもう静的な html 01:05:52 - 01:05:54： で吹き出しちゃうみたいな 01:05:54 - 01:05:57： あのビルドツールはあったりするんです 01:05:59 - 01:06:04： これを使うことであんの 01:06:04 - 01:06:06： mp ada 01:06:06 - 01:06:10： spa 以上の側道を出すみたいな 01:06:10 - 01:06:15： コンセプトで今はい髪が進んでたりします 01:06:16 - 01:06:18： あの絵師 pa を作るためのライブ 01:06:18 - 01:06:21： ラリっていくいくつもあるんですけれども 01:06:21 - 01:06:24： これ大塚5つ 01:06:25 - 01:06:28： もう javascript 楽天も性的 01:06:28 - 01:06:30： に表現できるように練ってくるのがもう 01:06:30 - 01:06:32： javascript 剥がして html 01:06:32 - 01:06:36： だけで平成するみたいなphenom 平均 01:06:36 - 01:06:39： り坊できているかしてますこの前のニュー 01:06:39 - 01:06:43： に巻く去年ぐるみのかなノアのアドベント 01:06:43 - 01:06:47： カレンダーでうまーすとろの記事を書いた 01:06:47 - 01:06:50： のでもし良かったのなんて見てください 01:06:50 - 01:06:53： view 宣伝もしておきますはい 01:06:53 - 01:06:56： えーっとキャップ時やっていきます 01:06:56 - 01:06:59： どんどんその javascript で 01:06:59 - 01:07:01： 同アプリケーションを開発していくかって 01:07:01 - 01:07:04： いう話に入っていくんですけれどもえっと 01:07:04 - 01:07:08： spa 号 r 実現するために取った 01:07:08 - 01:07:10： ところを 01:07:10 - 01:07:13： 聞いんしていく必要があるのかああいう 01:07:13 - 01:07:16： ところで大きく3つのポイントを 01:07:16 - 01:07:18： えっとを紹介します 01:07:18 - 01:07:22： 越冬必ずしも st いえばこの見て縫製 01:07:22 - 01:07:23： されている 01:07:23 - 01:07:26： 合成されてないパターンも厳然あったり 01:07:26 - 01:07:29： するのであくまでも一重ということだけ 01:07:29 - 01:07:33： 弁当に置いておいてくださいえっと大きく 01:07:33 - 01:07:37： 3つでえっと一番有名なのですねまあ片言 01:07:37 - 01:07:41： 的いうが言うと騒動もうっていうのとあと 01:07:41 - 01:07:43： 差分検知 01:07:44 - 01:07:47： オブジェクトの差分検定ですかねいう3つ 01:07:47 - 01:07:50： が結構ポイント spa を実現するため 01:07:50 - 01:07:54： にポイントとなってきますえっとさ宣言的 01:07:54 - 01:07:57： にう y おそらくフラッター研修でも 01:07:57 - 01:07:59： やったのかなっていうふうに思っているん 01:07:59 - 01:08:02： ですけれどもさらっとちょっとおさらい的 01:08:02 - 01:08:05： な感じで喋りたいと思いますます宣言的 01:08:05 - 01:08:09： ui はあの ui ってついてる通り 01:08:09 - 01:08:13： ui を構築するための一つの手法です 01:08:13 - 01:08:15： えっ対照的な 01:08:15 - 01:08:19： えっと例として命令的 ui とかって 01:08:19 - 01:08:22： あったりするんですけれども 01:08:22 - 01:08:23： それにえっと 01:08:23 - 01:08:27： 霊的 ui と比べてあの珍言的に ui 01:08:27 - 01:08:30： というのは最終的に構築したい半世紀の 01:08:30 - 01:08:32： ui ですねを 01:08:32 - 01:08:36： あらかじめ宣言してしまうことであの 01:08:36 - 01:08:39： ビューの可読性を担保することができます 01:08:39 - 01:08:44： 命令的に ui に比べてなんかもう副 01:08:44 - 01:08:46： 作用が少なかったりとかというところが 02:56:27 - 02:56:29： あったりするんですけど 01:08:48 - 01:08:50： でえっもう一つかそうドムが 01:08:50 - 01:08:53： えっとドムツリーっていうのを 01:08:53 - 01:08:56： のブラウザ上で管理するんじゃなくて 01:08:57 - 01:08:59： オブジェクト javascript 上 01:08:59 - 01:09:02： のオブジェクトでえっとドムツリーを疑似 01:09:02 - 01:09:05： 的に表現してえっとウドの構造を 01:09:05 - 01:09:07： javascript のランタイム上で 01:09:07 - 01:09:11： 管理する手法です同午後ん 01:09:11 - 01:09:12： javascript 基本的に 01:09:12 - 01:09:16： コンテンツを管理するときにいちいちうら 01:09:16 - 01:09:20： うざーのドムをアクセスして 01:09:20 - 01:09:23： されて情報を得る物件なこと墓域1やっ 01:09:23 - 01:09:26： てるとすごくコストが高くなってしまうの 01:09:26 - 01:09:29： であらかじめも javascript 上 01:09:29 - 01:09:32： デイ全て持っておくことであのー 01:09:32 - 01:09:35： あれですね反映するだけで来たりとかと 01:09:35 - 01:09:37： いうメリットがありますね 01:09:37 - 01:09:41： あと者文献値っていうのがえっ仮想ドムを 01:09:41 - 01:09:44： えっと劇的にオブジェクトで表現するん 01:09:46 - 01:09:49： えっとオブジェクトをあのなんだろう 01:09:49 - 01:09:53： コンテンツ更新した時に最初 01:09:53 - 01:09:55： 県のあの 01:09:55 - 01:09:58： 香辛料で抑えたいなという時にどのぐらい 01:09:58 - 01:10:01： の差分があるのかというのを調べる時が 01:10:01 - 01:10:02： あります 01:10:02 - 01:10:04： その際小文最初 01:10:04 - 01:10:09： 更新分だけをご支援するみたいな方ですね 01:10:09 - 01:10:11： えっと戦なんですけれどもえっと 01:10:11 - 01:10:16： の多分資格を行う手法だ停止ます一般的に 01:10:16 - 01:10:19： はシャルを=って呼ばれる比較が使われ 01:37:56 - 01:38:01： たりとかします 01:10:21 - 01:10:23： この3つについてもうちょっと深く入って 01:10:23 - 01:10:25： いこうかなと思います 01:10:25 - 01:10:27： さっき話した通り宣言的祝いというのは 01:10:27 - 01:10:32： 命令形とチンゲン方あるという風に 01:10:34 - 01:10:38： 黄色いこのコンテンツをえっと 01:10:38 - 01:10:43： な作りたいってなった時に命令形だとまず 01:10:43 - 01:10:47： それぜベイなハートえっとよそ 01:10:47 - 01:10:51： を用意してそれに対してえっと 01:10:51 - 01:10:54： こういう本園2通がテキストを入れ込んで 01:10:54 - 01:10:56： くださいみたいな感じで 01:10:56 - 01:11:00： 手続き的に公開切ったりしますなので副 01:11:00 - 01:11:05： 作用結構多いので家族性的にはちょっと 01:11:05 - 01:11:07： の銘仙減額に比べて折っちゃったりします 01:11:08 - 01:11:11： 片言方の方はえーっと 01:11:11 - 01:11:14： あらかじめも 01:11:16 - 01:11:21： ドムのコードというかツリー構造の越冬 01:11:21 - 01:11:24： 1関係だったりとかというのがわかり 01:11:24 - 01:11:28： やすく定義できるのでえっと命令形に比べ 01:11:28 - 01:11:31： て ui な表現っていうのが6人間に 01:11:31 - 01:11:33： とって優しい 01:11:33 - 01:11:36： えっと表現が葉の形が 01:11:36 - 01:11:40： 床カソード6っていうのはあのー 01:11:40 - 01:11:43： javascript で a body 01:11:43 - 01:11:45： することあなぁ 01:11:45 - 01:11:48： ドムコードの状態をすべて 01:11:48 - 01:11:50： javascript 上でポリすること 01:11:50 - 01:11:53： でさっきも話した通り 01:11:53 - 01:11:57： 実際のどもにアクセスする回数を限りなく 01:11:57 - 01:12:00： 減らすことができるのでえっと生む更新の 01:12:00 - 01:12:02： 点で高いパフォーマンス 01:12:02 - 01:12:06： を実現することができます 01:12:06 - 01:12:08： そのために差分ケンイチっていうのをする 01:12:10 - 01:12:14： えっと子供の一部の裏面としか更新して年 01:12:14 - 01:12:17： に作も含まない他のエレメントもすべて 01:12:17 - 01:12:21： あのこのオブジェクト全部 01:12:21 - 01:12:24： 11甲子園に行けるのはすごく効率が悪い 01:12:24 - 01:12:29： ので新しいものと更新したものペット 01:12:29 - 01:12:34： 現在のえっとパ草ダムと放心した仮想ドム 01:12:34 - 01:12:37： でえっとサブが含まれるかどうかを 01:12:37 - 01:12:40： チェックしてえっはい半円の影響はいを 01:12:40 - 01:12:44： 最小限に抑えたりしますでそもそもこの 01:12:44 - 01:12:47： オブジェクト同士 01:12:49 - 01:12:52： javascript 上では基本的に 01:12:52 - 01:12:55： あの参照が同一かどうかっていうのをみる 01:12:55 - 01:12:57： のであの 01:12:57 - 01:13:00： 一つじなーでは同じ 01:13:00 - 01:13:03： オブジェクトかどうか同じプロパティを 01:13:03 - 01:13:05： 持っているかどうかっていうのを見るのは 01:13:05 - 01:13:08： ちょっと工夫しないとわからないんですね 01:13:08 - 01:13:12： 例えばこの図のようにえっと同じプロ 01:13:13 - 01:13:15： とか要素を持っていたとしても 01:13:15 - 01:13:19： 変数が違えば多少が違うのでアンマー 01:13:19 - 01:13:20： これで 01:13:20 - 01:13:23： 減率10日チェックしても 01:13:23 - 01:13:27： 同じではないというふうに判断されます 01:13:27 - 01:13:30： なのでシャロー=っていう日加工法を使う 01:13:31 - 01:13:34： プロパティーがどういっかどうかというの 01:13:34 - 01:13:36： をチェックします 01:13:36 - 01:13:39： 実際にこの仮想トムというのを快適に 01:13:39 - 01:13:42： ちょっと作ってみようかなというふうに 01:13:42 - 01:13:44： いますでは 01:13:44 - 01:13:46： ペットを 01:13:46 - 01:13:47： だけですね 01:13:47 - 01:13:49： ライブコーディングをしてどんな感じかを 01:13:49 - 01:13:51： しようかなっていうふうに 01:13:54 - 01:13:57： まず1てぃ明細書に用意してあるのはこの 01:13:57 - 01:13:59： 日限度って書いてあるボタンなんです 01:14:00 - 01:14:03： えっとこれを押すとどうなるかというと 01:14:03 - 01:14:05： ハローワールドっていう 01:14:05 - 01:14:09： えっと文字があ 01:14:09 - 01:14:12： このボタンを押すごとにどんどん追加され 01:14:12 - 01:14:16： ていくっていう挙動をしますここではこの 01:14:16 - 01:14:19： 追加される挙動をレンダリングっていう 01:14:19 - 01:14:22： ふうに定義しますと再レンダリングする 01:14:22 - 01:14:25： ときに同じ 01:14:25 - 01:14:30： 内容であれば別にあのさ更新する必要ない 01:14:30 - 01:14:34： ですよねなのであの理想の挙動としては法 01:14:34 - 01:14:37： レンダーっていうのをしても同じハロー 01:14:37 - 01:14:40： ワールドであれば追加はされてほしくない 01:14:40 - 01:14:44： という挙動が今回理想の強度いる感じに 01:14:44 - 01:14:46： なります今回はこれを 01:14:46 - 01:14:49： えっとりベンダーを押しても同じ値だっ 01:14:49 - 01:14:52： たらあれない風にひっそうしている磯を 01:14:52 - 01:14:55： ちょっと改善していこうかなというふうに 01:14:55 - 01:14:59： 思いますまず中身の実装からどんな感じか 01:14:59 - 01:15:02： 見ていこうかなと思うんですけれども 01:15:02 - 01:15:04： 方針ごとにえんだーらーと下げるの 01:15:04 - 01:15:05： 鬱陶しいので1回 01:15:05 - 01:15:07： えっコメント化します 01:15:07 - 01:15:10： えっとまず仮想ドムを 01:15:10 - 01:15:14： 快適に作るところからなんですけれども 01:15:14 - 01:15:16： えっとさっきも言ったとおりカソードムっ 01:15:16 - 01:15:19： ていうのはえーっと基本的にはただの 01:15:19 - 01:15:21： オブジェクト javascript の 01:15:21 - 01:15:25： オブジェクトなんですけれども越冬 01:15:25 - 01:15:28： 仮想道具を作る時はよくこの 01:15:28 - 01:15:33： hh という関数で生成したりします 01:15:33 - 01:15:36： あの絵師ピン a のアプリケーション 01:15:36 - 01:15:38： web サイトを作るときに 01:15:38 - 01:15:41： 有名な web やりで逆トっていうのが 01:15:41 - 01:15:43： あるんですけども 01:15:43 - 01:15:46： それもあのカソードののあの 01:15:46 - 01:15:49： 作る時は h 関数 01:15:49 - 01:15:52： 芸能をあって生成したりします 01:15:52 - 01:15:54： この h 関数の中身見ていこうと思うん 01:15:54 - 01:15:56： ですけれども本当にすごく 01:15:56 - 01:15:58： 本当にあの 01:15:58 - 01:16:00： 単純な発生べ 01:16:00 - 01:16:02： ただのハグネームと 01:16:02 - 01:16:06： の中身のテキストを持った 01:16:06 - 01:16:08： ただのオブジェクトですはい 01:16:08 - 01:16:09： 10シンプルで 01:16:09 - 01:16:14： これが今回はい的なペット火葬ドムとして 01:16:14 - 01:16:18： 扱っていきますでこの形成したこの 01:16:18 - 01:16:20： オブジェクトをこのゲットエレメントって 01:16:20 - 01:16:25： いう関数に渡すとえっと 01:16:25 - 01:16:28： 実際のドム2 01:16:28 - 01:16:30： 変換してくれて 01:16:30 - 01:16:31： だれおおお 01:16:31 - 01:16:34： ネットを介してくれるっていう 01:16:34 - 01:16:37： 中身の歴史とも言え今で返してくれ 01:16:38 - 01:16:40： 反省も同時に用意します 01:16:40 - 01:16:43： それが一般的な形ですね 01:16:43 - 01:16:47： m 一つのシャロー=今回味ですね 01:16:47 - 01:16:50： 今はえっドシャロー=厳密投下してますよ 01:16:50 - 01:16:51： ねさっきも言った通り 01:16:51 - 01:16:54： javascript はえーっ土産 01:16:54 - 01:16:57： ショーを見ているのでえっとこのアレンと 01:16:57 - 01:17:00： エレメントと new m m 01:17:00 - 01:17:04： が半焼違う場合は厳密投稿してても 01:17:04 - 01:17:08： シャロー=はえーっと増加ではない同一で 01:17:08 - 01:17:11： はないというふうに判断します 01:17:11 - 01:17:14： なのでここらへんをちょっと改善したりと 01:17:14 - 01:17:16： かするんですけれども 01:17:18 - 01:17:19： 次に 01:17:19 - 01:17:22： あれですねこの h 関数とかゲット 01:17:22 - 01:17:25： エレメント関数ところどう使っているのか 01:17:25 - 01:17:26： いるんですけれども 01:17:27 - 01:17:29： えっとこのまず 01:17:29 - 01:17:31： 大レンダーをするとハローワールドという 01:17:31 - 01:17:34： やつが平成されるというふうに咲き 01:17:34 - 01:17:37： ちょっと見たと思うんですけれどもこれは 01:17:37 - 01:17:40： えーっと article タグにえっと 01:17:40 - 01:17:43： ハローワールドって言う 01:17:43 - 01:17:44： コメントという経ず 01:17:44 - 01:17:47： 入れ込んでえっとチェーンっ 01:17:47 - 01:17:50： そうだもの a 面とを制止するっていう 01:17:50 - 01:17:53： 半数をここによりしてて 01:17:53 - 01:17:55： これをえっと 01:17:55 - 01:17:57： り連打を押したときに 01:17:57 - 01:17:58： シャロー= 01:59:32 - 01:59:40： ここですね 01:18:00 - 01:18:03： レンダーボタンを押したときに 01:18:03 - 01:18:07： えっとちゃろう=デー 01:18:08 - 01:18:09： 用意しているんですけれども 01:18:09 - 01:18:12： article タブで作った髪ほども 01:18:12 - 01:18:16： この2つがえっドイツじゃないって判断し 01:18:16 - 01:18:18： た時にこの 01:18:18 - 01:18:21： ハローワールドを入れるレンダリングする 01:18:21 - 01:18:24： っていう処理を実行するっていう 01:18:24 - 01:18:26： 処理を履いています 01:18:26 - 01:18:27： と通り 01:18:27 - 01:18:30： 種類は理解できましたかな 01:18:30 - 01:18:34： なのでもしちゃんとシャロー=でこの仮想 01:18:34 - 01:18:36： ドムは 01:18:36 - 01:18:39： あっあったつともお互い同じ内容を持って 01:18:39 - 01:18:40： いますよ点を 01:18:40 - 01:18:44： えっとわかれば分かることができればこの 01:18:44 - 01:18:46： ディフェンダーボタンを押しても 01:18:46 - 01:18:49： ブレンダーボタンレンダー関数母は実行さ 01:18:49 - 01:18:51： れないよねっていう理こっちになるわけ 01:18:52 - 01:18:56： なのでえっとシャロー=っていうのが凄く 01:18:56 - 01:18:58： カギになってくるわけです 01:18:58 - 01:19:01： なのでちょっとシャロー=の中身家の後 01:19:01 - 01:19:03： ちょっと入ってみましょう 01:19:03 - 01:19:08： えっと厳密10日だとを画面なので持ち 01:19:08 - 01:19:13： 本当に同じ3署から別にそれは 01:19:13 - 01:19:14： あれ同じようになくですかも 01:19:14 - 01:19:17： それはそうとして右倒壊しただけで違った 01:19:17 - 01:19:18： 場合ですよね 01:19:18 - 01:19:20： きあった場合は 01:19:20 - 01:19:22： えっと中身を見ます 01:19:22 - 01:19:25： 今回はカソード6話タグネームとインナー 01:19:25 - 01:19:27： テキストの2つを持っているのでそれぞれ 01:19:27 - 01:19:29： がえーっと 01:19:30 - 01:19:34： 何だろう企画しそれぞれ比較してどう中身 01:19:34 - 01:19:36： が道行く方を買って飲みます 01:19:36 - 01:19:41： 阿部に恋プレ net のみんな 01:19:41 - 01:19:42： ただねー 01:19:45 - 01:19:49： 後の確認と一緒であること 01:19:49 - 01:19:51： なってたら 01:19:51 - 01:19:53： エロい声は 01:19:53 - 01:19:57： ドイツではないというふうに話ですよね 01:20:00 - 01:20:03： なやつになってく人ですね 01:20:03 - 01:20:06： みんな的人もこう 01:20:06 - 01:20:10： なんじゃなければ 01:20:10 - 01:20:14： 最後最終的にはここでチベて通過したと 01:20:14 - 01:20:17： いうことはえーっど 01:20:17 - 01:20:21： 参照同じじゃないけど中身は同じ 01:20:21 - 01:20:22： 良さは何言ったことだから 01:20:22 - 01:20:26： シャロー=ドイツという判断をしますを 01:20:26 - 01:20:30： することでえっシャロー=のえっと快適な 01:20:30 - 01:20:34： シャロー=の関数が反省しました 01:20:34 - 01:20:38： これでえっさいレンダーの半数を実行して 01:20:38 - 01:20:40： みると 01:20:40 - 01:20:43： 何回押してもえっハローワールドというの 01:20:43 - 01:20:45： は二つとも 01:20:45 - 01:20:48： カード1たカードとカード1っていうのは 01:20:48 - 01:20:51： えっと仕事も同一なので 01:20:51 - 01:20:53： はい連打をしてももう追加されないという 01:20:53 - 01:20:57： ことになりましたっていうのがえっと今回 01:20:57 - 01:21:01： 実装してみた簡易的な仮想ドム 01:21:01 - 01:21:03： あった 01:21:03 - 01:21:06： spf 10ですかねになります 01:21:06 - 01:21:09： 実際にはもっとたくさん 01:21:09 - 01:21:14： なんだろうこの中にまたあのー 01:21:14 - 01:21:17： 新しい仮想とも突っ込むこともできますし 01:21:17 - 01:21:22： 本当の数ほどのは後は他にも 01:21:22 - 01:21:24： さっきのエリアラベルっていうの設定でき 01:21:26 - 01:21:29： とカートを伝えるインナースタイルのイン 01:21:29 - 01:21:31： ラインスタイルも設定できたりと思う 01:21:31 - 01:21:33： いうことも可能だったりします 01:21:33 - 01:21:37： でえっとシャロー=っていうのも実際には 01:21:38 - 01:21:40： 無限にそういう要素というのはあったり 01:21:40 - 01:21:43： するのであの11個の一つ一つ越えて 01:21:43 - 01:21:46： チェックせずにいてぺれーしょん 01:21:46 - 01:21:50： 買ってチェックしたりとかあと 01:21:50 - 01:21:54： オブジェクトのキーのレングスが同一か 01:21:54 - 01:21:56： どうか見たりとかしたりするんですけれど 01:21:56 - 01:22:00： もここらへんはもしキーになればあの音家 01:22:00 - 01:22:04： のシャロー=の一掃を見てみると面白いか 01:22:04 - 01:22:05： もしれません 01:22:05 - 01:22:10： これをちょっとこれから皆さんに実装して 01:22:10 - 01:22:13： みてもらおうかなというふうに思います 01:22:16 - 01:22:19： ちょっと1回戻します 01:22:19 - 01:22:21： 温度6 01:22:21 - 01:22:24： 吉山さんほどから服って見てもらうのも 01:22:24 - 01:22:32： 面白いかもしれません 01:22:32 - 01:22:35： 映画考えてみるのもアリかもしれん 01:22:35 - 01:22:36： いうわけで 01:22:39 - 01:22:41： シャドウ=とか加藤度もいいしたりしてみ 01:22:42 - 01:22:46： どんな感じかというのをイメージをつかむ 01:22:46 - 01:22:49： ドラマでやってみましょう 01:22:49 - 01:22:51： ってことでこれの 01:22:51 - 01:22:53： 作業時間を 01:22:53 - 01:22:58： 15分無駄リエット 01:22:58 - 01:23:00： 14時15分 01:23:00 - 01:23:02： ぐらいまで 01:23:02 - 01:23:05： 二巻古牢かなぁと思います 01:23:05 - 01:23:11： じゃあちょっとやってみましょう 01:23:13 - 01:23:17： の皆さん一緒に行ってくださっ 01:23:17 - 01:23:20： 時間もまだあるのでなんかこうカソードも 01:23:20 - 01:23:22： もっとリッチにしたりとか 01:23:22 - 01:23:27： したりしても面白いかもしれません 01:23:27 - 01:23:29： なんかスタイル適用できるようにしたよー 01:23:31 - 01:23:34： あったら所有してくれろ 01:23:34 - 01:23:38： 観光します 01:23:38 - 01:23:41： 保険のカソードものちょっと醤油しとこう 01:23:41 - 01:23:45： かなと思います 01:23:45 - 01:23:49： 今も住んで経費と音のパ総トンで実装して 01:23:49 - 01:23:52： みてもいいですし 01:23:52 - 01:23:54： きっと言われる 01:23:54 - 01:23:58： 入っちゃいません 01:24:02 - 01:24:05： かなり昔の 01:24:05 - 01:24:09： ライブラリーにはなるんですけれども 01:24:09 - 01:24:11： 今ここまでで何か 01:24:11 - 01:24:18： 疑問県とか質問がある人とかはいませんか 01:24:18 - 01:24:23： web そかな 01:24:23 - 01:24:28： シャロー=もみんなため白家ますね 01:24:28 - 01:24:29： が興味があれば 01:24:33 - 01:24:35： 基本的にこれあの 01:24:35 - 01:24:37： オブジェクトだけじゃなくて 01:24:37 - 01:24:42： あの配列でも同じように 01:24:42 - 01:24:46： 見たいとかもしれま 01:24:46 - 01:24:48： な時間に方をデー 01:24:48 - 01:24:53： 次に進んでいきます 01:24:53 - 01:24:57： でえっとさっきあんな 01:24:57 - 01:25:00： あそうドムを生成する時に h 関数って 01:25:00 - 01:25:02： いうのはあったと思うんですけれども 01:25:02 - 01:25:05： あのリアクトにもう先喋ったように利益と 01:25:05 - 01:25:08： に6のこの h 関数というのがあって 01:25:08 - 01:25:12： もっと金多機能なんですけどもアトリいい 01:25:13 - 01:25:17： この h 関数というのを使って 01:25:17 - 01:25:21： 仮想たものを構築していきます 01:25:23 - 01:25:26： リアクトっていうあの ui 構築のため 01:25:26 - 01:25:31： がライブラリっ位ではあのこのまま生の 01:25:32 - 01:25:35： えっと仮想ドムの関数は使わずに gac 01:25:35 - 01:25:37： x って言う 01:25:37 - 01:25:41： javascript にはない機能なん 01:25:41 - 01:25:43： ですけれども javascript を 01:25:43 - 01:25:47： 拡張した貴方というかどういう dsx 01:25:47 - 01:25:51： っていう名前なんですけれどもこの形式で 01:25:51 - 01:25:56： 記述したペイロードを使ってえっと 01:25:56 - 01:26:02： はソードもを平成したいとか着ています 01:26:02 - 01:26:07： ねもちろんこの芸西複数形式で書かれた 01:26:07 - 01:26:10： 仮想どもはあの 01:26:10 - 01:26:14： 奴はそのままブラウザ上では動かないので 01:26:14 - 01:26:16： javascript じゃないので 01:26:16 - 01:26:21： なのであの実際に動かす時にはあの子の生 01:26:21 - 01:26:24： の仮想トムに変換してから 01:26:24 - 01:26:29： えっとブラウザで呼び込むようにします 01:26:29 - 01:26:33： なのでフロントエンドではそういう 01:26:33 - 01:26:35： ゲイし x から 01:26:35 - 01:26:38： 分の弱化スクリプト形式に変換する 01:26:38 - 01:26:45： ビルドツールがあったりとかしまう 01:26:45 - 01:26:48： 結構利益とじゃなくてもいろんな ui 01:26:48 - 01:26:51： 構築のライブラリがこの jsx を採用 01:26:51 - 01:26:54： していたりとかします 01:26:54 - 01:26:55： でそもそも 01:26:55 - 01:26:58： 利益ととは何か 01:26:58 - 01:26:59： 減圧なんですけれども 01:26:59 - 01:27:03： 逆とはさっきも言った通り ui を構築 01:27:03 - 01:27:05： するためのライブラリなんですけれども 01:27:07 - 01:27:09： そのためにあの 01:27:09 - 01:27:13： なんだろう妖怪こっち来して spa ぬ 01:27:13 - 01:27:16： シングルページアプリケーションを 01:27:17 - 01:27:20： 構築するために必要な 01:27:20 - 01:27:24： 昨日だったりとかも提供しています 01:27:26 - 01:27:28： という映画なんだろう 01:27:28 - 01:27:31： カソードの 01:27:31 - 01:27:35： 要素の状態だったりとか 01:27:36 - 01:27:41： 色を管理する state とかあと 01:27:41 - 01:27:44： な紙のテキストを管理する state と 01:27:45 - 01:27:48： あとはえーっとよく 01:27:48 - 01:27:53： リッチなアプリケーションとかだと 01:27:53 - 01:27:58： な結構計算コストの高いロジック 01:27:58 - 01:28:01： とかもあの javascript 上で 01:28:01 - 01:28:03： 計算したりとかすると思うんですけれども 01:28:03 - 01:28:08： それをあの再レンダリンググッチ毎回阿武 01:28:08 - 01:28:10： 祖実行するじゃなくて 01:28:10 - 01:28:12： の演算結果を 01:28:12 - 01:28:15： キャッシュしておく機能とか 01:28:15 - 01:28:17： 逆とでは目もあって何たりするんです 01:28:19 - 01:28:22： いう機能を今日したりとかしてくれてい 01:28:23 - 01:28:28： これこういうその機能群の総称で利益と 01:28:28 - 01:28:30： フックすって言うんですけど 01:28:31 - 01:28:35： 取れずれのこの機能をフックって利益とで 01:28:35 - 01:28:39： は呼びます 01:28:40 - 01:28:44： 実際にプロジェクトに入っていこうかなと 01:28:44 - 01:28:46： 思ったんですけれどもまだジャパンもあり 01:28:46 - 01:28:48： そうなのでまずがリアクトフック数を 01:28:48 - 01:28:52： ちょっと慣れるところから始めてもいいか 01:28:52 - 01:28:55： なぁとも思いました 01:28:55 - 01:29:01： えっとちょっとネットオンライン上に 01:29:01 - 01:29:03： リアクトフック数を 01:29:03 - 01:29:06： ちょっと触って見るための環境を今 01:29:06 - 01:29:10： 用意しますね 01:29:13 - 01:29:17： にルールを機能が用意されているんです 01:29:20 - 01:29:23： と bi ずまずはえーっと 01:29:23 - 01:29:26： 状態を管理するためのステーとっ 01:29:26 - 01:29:28： muse state っていうフック部 01:29:28 - 01:29:30： とかがあったりするんですけれどもここ 01:29:30 - 01:29:33： からちょっとられていくかなっていうふう 01:29:43 - 01:29:47： 画面共有買えます 01:29:49 - 01:29:51： えっ利益との 01:29:51 - 01:29:54： 環境用意したんですけれども 01:29:54 - 01:29:57： どう普通に j 者バス psx 百鬼 01:29:57 - 01:30:02： 失明したゲイセックスでこの要素が表現さ 01:30:08 - 01:30:10： コードサンドボックスって言う 01:30:10 - 01:30:12： 文字列あると思うんですけれどもこれを 01:30:12 - 01:30:15： ユーザーが動的に帰れるようにしてみよう 01:30:15 - 01:30:18： かなというふうに思います 01:30:18 - 01:30:21： えっとそのためにはえっと state 01:30:21 - 01:30:24： 管理する必要があると思うんですけれども 01:30:24 - 01:30:25： 逆とは 01:30:26 - 01:30:29： のためのミューズ state という 01:30:29 - 01:30:30： ブックを 01:30:30 - 01:30:39： 用意してくれています 01:30:39 - 01:30:41： 3上江洲シティとは 01:30:41 - 01:30:50： ただの関数なんですけれども 01:30:50 - 01:30:55： この関数の初期値の中に8関数の引数の中 01:30:55 - 01:30:58： に初期値を入れます 01:30:58 - 01:31:00： 大文字コー 01:31:00 - 01:31:04： facebook の評価 01:31:05 - 01:31:08： アプリで開く 01:31:08 - 01:31:11： あの回リッジがあるんですけれども 01:31:12 - 01:31:17： ず今の状態アランするてとと後状態を更新 01:31:17 - 01:31:19： するための 01:31:19 - 01:31:20： あする 01:31:20 - 01:31:25： 用意されています商品はラッパーとかでも 01:31:25 - 01:31:29： 浴衣があったりしてるかな 01:31:29 - 01:31:31： ヘッドス程度とかたぶん触ったと思うん 01:31:35 - 01:31:37： にえっと 01:31:37 - 01:31:40： このステートの中に今のこの初期値が入っ 01:31:40 - 01:31:44： ているのでこれを jsx の波動ドムの 01:31:44 - 01:31:48： 中に入れ組みます 01:31:48 - 01:31:51： 基本的には jsx では変数をいえこの 01:31:51 - 01:31:55： 時は波括弧で囲むと変数を入れるのことが 01:31:55 - 01:31:57： できます 01:31:57 - 01:32:02： いっぱ 01:32:02 - 01:32:06： するとここを書いたりすると 01:32:06 - 01:32:08： あるのかフェアっ 01:32:08 - 01:32:13： な感じで越冬的に帰れるんですけれども 01:32:13 - 01:32:14： と4 01:32:14 - 01:32:17： 例えばユーザーの帰れるように 01:32:17 - 01:32:18： にプットん 01:32:18 - 01:32:22： を用意したぷして 01:32:22 - 01:32:24： プット要素を 01:32:24 - 01:32:28： 9ウィッチ1よそと登記さ下になっている 01:32:28 - 01:32:31： 時は a bar phone 01:32:36 - 01:32:41： なんですけれどもこれは基本的には jx 01:32:41 - 01:32:43： なんですけれども立体はただの 01:32:43 - 01:32:47： オブジェクトです墨汁インプッと 01:32:47 - 01:32:49： 加藤ドームの中のなんか 01:32:49 - 01:32:51： タイプっていうオブジェクトのプロパティ 01:32:51 - 01:32:54： とか音チェンジっていうプロパティーが 01:32:54 - 01:32:56： ありがという1位に 01:32:56 - 01:32:59： それを理解してください 01:32:59 - 01:33:01： どこに何か 01:33:02 - 01:33:05： に good 中で変わった時の 01:33:05 - 01:33:11： 映画ここに入ってくるんですけれども 01:33:11 - 01:33:14： ねぇねぇ与え方へます 01:33:14 - 01:33:16： やっぱここにインプット s を出てくる 01:33:18 - 01:33:22： 結局とは変わったりみたいなことができる 01:33:23 - 01:33:25： ようになりますこれちょっと作ってみ 01:33:25 - 01:33:28： ましょうか皆さんで 01:33:28 - 01:33:31： エンゾ state ちょっとっ 01:33:31 - 01:33:35： みましょう 01:33:35 - 01:33:39： ピクニック共有しまう 01:33:39 - 01:33:44： じゃあえっとこれの作業を10分ぐらいの 01:33:45 - 01:33:51： 25分ぐらいまでやってみましょう 01:33:51 - 01:33:53： もし無かっ 01:33:53 - 01:33:57： つまづいちゃったよっいい人がいても全然 01:33:57 - 01:34:00： サポートする鍋 01:34:00 - 01:34:03： を全員 01:34:03 - 01:34:07： 釣れましたかないっ 01:34:08 - 01:34:11： 大丈夫そうかなダーツぎっ 01:34:11 - 01:34:18： 行っちゃおうかなって思います 01:34:18 - 01:34:21： ターン柚子スケートの使い方は 01:34:21 - 01:34:25： エイド把握いきました日目 01:34:25 - 01:34:28： これからちょっと買っていくことになって 01:34:28 - 01:34:32： なると言ってもらえると嬉しいです 01:34:32 - 01:34:36： 兄もゆず state って以外にも色々 01:34:36 - 01:34:38： あっていうかして 01:34:40 - 01:34:45： 半数の兵団結果顔 01:34:45 - 01:34:47： 主してくれる 01:34:47 - 01:34:50： 冷静年後いる 01:34:54 - 01:34:59： え座面分 01:35:07 - 01:35:12： 普通も入れていっ 01:35:12 - 01:35:14： 22体の 01:35:17 - 01:35:18： まっすぐにん 01:35:20 - 01:35:21： キャッシュするしかないですねまあでも 02:43:56 - 02:43:59： こんな感じで 01:35:26 - 01:35:29： この1+2っていうのはもう何回再 01:35:29 - 01:35:32： レンダリングされてももうこれが計算さ 01:35:32 - 01:35:35： れることなくてウッドさんがキャッシュさ 01:35:35 - 01:35:36： れません 01:35:36 - 01:35:40： ちなみに第2引数のも 01:35:41 - 01:35:43： ここなんですけれども 01:35:43 - 01:35:46： これはえーっと例えば 01:35:51 - 01:35:53： 梱包人とっていう海面 01:35:53 - 01:35:55： えっといわゆるフラッターで優美 01:35:55 - 01:35:58： ミジェットです 01:36:02 - 01:36:03： 一つの 01:36:03 - 01:36:09： またマリ痛いなのを表すことができて 01:36:09 - 01:36:12： 仮想たものがまとまりみたいな 01:36:12 - 01:36:14： それもコンポーネントって利益とで行っ 01:36:14 - 01:36:18： たりしてるんですけれど越冬 01:36:18 - 01:36:19： プロップつ 01:36:19 - 01:36:27： おなんか渡すことさせるんですよね 01:36:27 - 01:36:31： 今なんか on 01:36:31 - 01:36:34： ウィップ us マックとして 01:36:36 - 01:36:40： +にをみんな結果にしたいみたいな時は 01:36:40 - 01:36:44： この声が変わるごとに 01:36:44 - 01:36:45： キャッシュって更新しなくちゃいけない 01:36:47 - 01:36:50： でこのキャッシュ更新するタイミングを 01:36:50 - 01:36:53： 検知するためにぽに 01:36:53 - 01:36:58： あの関数で依存して遊園スーッとかを心に 01:36:58 - 01:37:00： 列挙します 01:37:00 - 01:37:03： をするとナイフで号ゆる同社が行わ気かっ 01:37:03 - 01:37:07： きーると再レンダリング事にこの本に入っ 01:37:07 - 01:37:09： ている依存 01:37:09 - 01:37:13： の変数をいて越冬新しい 01:37:13 - 01:37:17： えっとレンダリング前とレンダリングを 01:37:17 - 01:37:20： でえっとシャロー=を 01:37:23 - 01:37:28： えっと遠いなだろう値が変わったかどうか 01:37:28 - 01:37:32： 多分が出たかどうかというのをこの入って 01:37:32 - 01:37:35： いるここに入っこの配列に入っている値を 01:37:35 - 01:37:40： 比較してえっと差分があればもう1回この 01:37:40 - 01:37:43： 関数を実行してキャッシュして多分が 01:37:43 - 01:37:44： なければ 01:37:44 - 01:37:47： のままキャッシュを回収続けるみたいな 01:37:47 - 01:37:48： ことを 01:37:48 - 01:37:50： えっと小柚芽もっていうのはやってくれ 01:37:52 - 01:37:53： みたいな 01:37:53 - 01:37:56： ペットフックも利益とぴあが表示されてい 01:38:02 - 01:38:03： な感じネジ 01:38:03 - 01:38:07： 実際にこの逆とを使ってアプリケーション 01:38:07 - 01:38:09： というの子をこれから 01:38:09 - 01:38:11： えっと最後 01:38:11 - 01:38:14： 研修終わりにかけてえっとを作っていき 01:38:14 - 01:38:19： たいなあというふうに思うんですけれども 01:38:21 - 01:38:28： 次の頭にきましょう 01:38:28 - 01:38:32： 薬と複数はこんな感じの略とが提供して 01:38:32 - 01:38:34： いる機能分ねあ基本的にこのフックスって 01:38:34 - 01:38:36： いうのはコンポーネント内でしか買えませ 01:38:40 - 01:38:45： でしかもえっとアムカ1としておくと 01:38:46 - 01:38:48： ロックっていうのはえーっと 01:38:48 - 01:38:50： コンポーネントない 01:38:51 - 01:38:54： 使うという制約はあるんですけれども 01:38:54 - 01:38:57： あの敬義する場所はコンポーネント階に 01:38:57 - 01:39:00： 移すことも可能でして 01:39:00 - 01:39:07： ペーパーあんの 01:39:07 - 01:39:09： あんたあの 01:39:09 - 01:39:11： カウンターを作りたいなというふうになっ 01:39:11 - 01:39:13： たときに 01:39:13 - 01:39:17： 例えばペット服って華楽徒歩ラウンジって 01:39:17 - 01:39:17： いうか 01:39:17 - 01:39:21： フェリックスちゃんをなんかミューズって 01:39:21 - 01:39:24： いう頭につける必要があるんですけど 01:39:24 - 01:39:29： 融通カウンターみたいな 02:21:05 - 02:21:06： こういう 01:39:31 - 01:39:35： 薬とが標準で提供している服軍をまとめて 01:39:35 - 01:39:36： 1つの 01:39:36 - 01:39:47： ブックにいうことも被害ですよね 01:39:47 - 01:39:51： エロ頃 01:39:55 - 01:40:00： 一方カウンターなので乾杯アップする 01:40:02 - 01:40:05： メソッドプレイ下するときは入手コール 01:40:05 - 01:40:10： バックって言う 01:40:20 - 01:40:22： n コールパックマダイ2匹すんに挑ん 01:40:22 - 01:40:25： 鑑定の配列私はう 01:40:25 - 01:40:30： えっどもーん 01:40:35 - 01:40:41： 打つない合体からフラ請求する 01:40:41 - 01:40:49： あとえっ館普段するでしょ 01:40:56 - 01:40:59： あの人だった-4不問 01:41:04 - 01:41:10： なーんと状態とアウトアップのベッカム 01:41:10 - 01:41:14： ショップと後パントナーぷるるんっ 01:41:14 - 01:41:17： メモを用意しますそうするとエッ必ず 01:41:17 - 01:41:19： シュックっていうのはコンポーネントやで 01:41:19 - 01:41:21： しか使えないっていう制約があるのでこの 01:41:21 - 01:41:24： ゆずカウンターというのはエプコのアップ 01:41:24 - 01:41:33： コンポーネントの会で買うことになります 01:41:33 - 01:41:38： ず帰った 01:41:38 - 01:41:44： フィット感 01:41:44 - 01:41:45： お断 01:41:48 - 01:41:51： 苦節このスティックにはさあれない設計に 01:41:51 - 01:41:54： していますね 01:41:54 - 01:41:58： リスせると hello world 01:41:58 - 01:42:01： 安保協定にしてみましょうか 01:42:01 - 01:42:05： 3日本ボタン 01:42:17 - 01:42:18： こんなのも 01:42:18 - 01:42:22： パーンたっっ 01:42:22 - 01:42:25： ティペットは一つかうんとだうんろーの 01:42:25 - 01:42:28： ボタン作りましょうか 01:42:28 - 01:42:32： 音クリック 01:42:35 - 01:42:37： 夜間にすれば 01:42:37 - 01:42:41： えっとこんな感じでカーンと 01:42:41 - 01:42:44： するアプリケーションが安泰に膨れる 01:42:44 - 01:42:47： みたいな味ですね 01:42:47 - 01:42:50： ここらへんの安納ロジックみたいなところ 01:42:50 - 01:42:53： をコンポーネントから安納 01:42:54 - 01:42:58： 分離することができるのでこの本ポーネン 01:42:58 - 01:43:00： トっていうのはできるだけこのビューに 01:43:00 - 01:43:02： 対して集中することができるっていう設計 01:43:02 - 01:43:06： になってますね 01:43:06 - 01:43:07： あとこのゆずカウンターというのは 01:43:07 - 01:43:09： いろんな梱包ネットで使えるようになった 01:43:09 - 01:43:11： ので 01:43:12 - 01:43:14： なんだ便利ショップみたいな感じで 01:43:14 - 01:43:17： 切り出すことができますこれをえっと一般 01:43:17 - 01:43:20： 的に利益とでは化したのフックって言っ 01:43:20 - 01:43:22： たりしますあすたむはフィアット 01:43:22 - 01:43:25： がこういう提供して標準なんですねこれを 01:43:25 - 01:43:28： まとめて1つの 01:43:28 - 01:43:30： 熱湯をフックにしたものですね 01:43:30 - 01:43:33： の集まりのことをカスタムフックって逆と 01:43:34 - 01:43:36： 手を挙げたりします 01:43:36 - 01:43:39： このカスタムフックを使うことでいろんな 01:43:39 - 01:43:42： コンポーネントで使いますなことができ 01:43:44 - 01:43:47： という感じです 01:43:47 - 01:43:49： 逆と fax は 01:43:49 - 01:43:57： 基本的にこんな感じの挙動をしています 01:43:57 - 01:44:01： ん次に 01:44:03 - 01:44:05： じゃあ本格的にアプリケーションを作って 01:44:05 - 01:44:07： いこうかなと思うんですけれども 01:44:07 - 01:44:10： えっとを事前に 01:44:10 - 01:44:13： たいですね演習用のプロジェクトピアノを 01:44:13 - 01:44:15： 用意してまして 01:44:15 - 01:44:20： えっといたプリプリ鳥を牛の 01:44:22 - 01:44:24： うっのリポジトリに用意していましてそこ 01:44:24 - 01:44:26： からクローンしてほしいんですけれども 01:44:27 - 01:44:30： クローンするときにちょっとコマンド注意 01:44:30 - 01:44:33： 点がありましてこの下戸ジプリなんです 01:44:33 - 01:44:36： けれども一部を切ったサムも縦列という 01:44:36 - 01:44:40： 機能を使っていましてあの子のリプリト 01:44:40 - 01:44:43： リーが他のリポジトリのなんだろう big 01:44:43 - 01:44:47： を入れ込んでというか反証を入れ込んで 01:44:47 - 01:44:50： いるみたいな事をしててその参照している 01:44:50 - 01:44:54： あのフィットリポジトリー自体の一緒に 01:44:54 - 01:44:57： ゴール潤クローンしてくるみたいな 01:44:57 - 01:44:59： 音が必要でして 01:44:59 - 01:45:02： えっとリポジトリ見てもらえれば 01:45:02 - 01:45:03： readme に書いてあるんですけれど 01:45:04 - 01:45:08： ブロンするときはえっとこのまんどっ 01:45:08 - 01:45:11： ビットクローンに歌手 01:45:11 - 01:45:14： のつけてもらえると凄く 01:45:14 - 01:45:19： ほなと幸せになれるかなと思います 01:45:19 - 01:45:21： もしあの 01:45:21 - 01:45:23： おりつけずに入っちゃったよーみたいな人 01:45:23 - 01:45:26： がいたら全然大丈夫であんなソナーといい 01:45:28 - 01:45:30： ビット苦労したと思う 01:45:30 - 01:45:33： リポジトリ内でこれけっこうすれば 01:45:33 - 01:45:35： は一緒に行っ 01:45:35 - 01:45:39： 苦労してきてくれるので大丈夫です 01:45:39 - 01:45:43： タンク論するところまでやってみましょう 01:45:43 - 01:45:45： その後もまた全然いろいろやったりするの 01:45:45 - 01:45:49： でここを一緒に移動時にやっていき 01:45:51 - 01:45:53： クロンするところまで出てきた人を 01:45:54 - 01:45:58： えっと進捗管理 01:45:58 - 01:46:01： きます 01:46:01 - 01:46:07： ために全員上に金の道の良いストールが 01:46:07 - 01:46:11： して来てくださいましたかね 01:46:11 - 01:46:14： 農道16以上かな 01:46:14 - 01:46:17： を否定しているんですけれどもしまだして 01:46:17 - 01:46:19： ないよという人がいたらあの声をかけて 01:46:19 - 01:46:22： くだされば 01:46:23 - 01:46:27： 大丈夫なので 01:46:27 - 01:46:30： 全員できましたかね 01:46:31 - 01:46:33： じゃあそしたら 01:53:34 - 01:53:37： えっとまず 01:46:35 - 01:46:37： api サーバーの 01:46:37 - 01:46:41： 環境構築から知っていこうかなって 01:46:44 - 01:46:47： ターミナルの画面共有したいんですけど 01:46:47 - 01:46:52： たしかまだ 01:46:52 - 01:46:54： 施術許可を 01:46:54 - 01:46:56： てなかった 01:47:00 - 01:47:11： 出直してこようかなって 01:47:11 - 01:47:15： 他にえっとパイソンが 01:47:15 - 01:47:18： あ依存関係以外でエラーパーでちゃっ 01:47:18 - 01:47:20： たーーーー暗転な人っていらっしゃいます 01:47:24 - 01:47:28： 特になさそうですかね 01:47:28 - 01:47:30： なさそう 01:47:30 - 01:47:35： ちょっと一応あのーあれですね今は依存 01:47:35 - 01:47:38： 関係別になっていることは中た 01:47:38 - 01:47:43： 江幡さんには化しつつちょっと次行ってみ 01:47:43 - 01:47:46： ますねとじゃあ ntm インストールが 01:47:46 - 01:47:48： 完了したら 01:47:49 - 01:47:53： リエクといい朝のままで ntm 01:47:53 - 01:47:55： アートあ 01:47:55 - 01:47:58： 勉強しなかった 01:47:59 - 01:48:03： 枚グレッグを再そうするとデータベースが 01:48:03 - 01:48:05： 生成されるかと 01:48:05 - 01:48:12： バイブレーションされようかと思います 01:48:12 - 01:48:15： と次にえっと 01:48:16 - 01:48:19： 今マイグレーションが半量したということ 01:48:19 - 01:48:24： でえっとサンバーかちあげをちょっとやっ 01:48:24 - 01:48:28： てみます 01:48:30 - 01:48:33： 今 a clean の場所が spa が 01:48:33 - 01:48:35： いるを sns サンファ 01:48:35 - 01:48:38： にいます羽生50ずですね 01:48:38 - 01:48:44： でそこで ndm らーんレッドスターぷ 01:48:48 - 01:48:50： 結婚してみてください 01:48:50 - 01:48:54： そうするとハーバーは立ち上がるかなと 01:48:59 - 01:49:01： pot 番号の床が出たら 01:49:01 - 01:49:11： 並行していると思います 01:49:11 - 01:49:14： こまてぃ 01:49:14 - 01:49:18： 格律に一つずつ潰していきましょう 01:49:30 - 01:49:33： こんな感じで表示されていれば大丈夫 01:49:44 - 01:49:46： 枚プレートは 01:49:46 - 01:49:49： 皆さんと浴びたりしていっ 02:13:55 - 02:14:08： ありがとうございます 01:49:59 - 01:50:03： がスタッフリリースができない方も気に 01:50:05 - 01:50:09： spa by ど na 年サーバーの 01:50:09 - 01:50:12： ディレクトリで npm ラン 01:50:12 - 01:50:17： スタート日技術を実行してください 01:50:17 - 01:50:19： 1個の表示がされれば 01:50:19 - 01:50:25： 良さそうです 01:50:25 - 01:50:29： じゃあ行きます次 01:50:30 - 01:50:32： なそしたら 01:50:33 - 01:50:35： 立てている 01:50:35 - 01:50:37： エピ柄サーバーなんですけれども 01:50:39 - 01:50:41： このままに知ってプロセスこのままにして 01:50:41 - 01:50:44： えっとターミナルで別ウィンドウ 01:50:44 - 01:50:47： 別タブを開いてください 01:50:47 - 01:50:49： で a 01:50:56 - 01:50:59： 越冬一旦 fa サーバーわかったので次 01:51:00 - 01:51:05： えっと api サーバーから方定期情報 01:51:05 - 01:51:08： とか epia クライアントとか 01:51:08 - 01:51:16： えっと行動制定するので 01:51:16 - 01:51:18： 明けそんな 01:51:18 - 01:51:20： ディレクトリ階層は 01:51:20 - 01:51:24： パッケージ犬の餌 ea サーバーに映っ 01:51:24 - 01:51:40： てください 01:51:40 - 01:51:43： これでみー me ストール 01:51:43 - 01:51:51： をします 01:51:51 - 01:51:58： ねっ en 8位けど 01:51:59 - 01:52:02： えっとコード生成されるはずです 01:52:02 - 01:52:04： ここまで行ったん 01:52:04 - 01:52:08： やってみましょう 02:29:38 - 02:29:41： もう一度 01:52:11 - 01:52:14： 運営するとパッケージずの api サーバ 01:52:14 - 01:52:16： ディレクトリーに移ってから 01:52:16 - 01:52:19： npm east loop 01:52:19 - 01:52:27： てえっと npm ランビルドを実行です 01:52:27 - 01:52:30： それで特にエラーが出なければ問題なし 01:52:42 - 01:52:44： 4全員できましたねー 01:52:44 - 01:52:51： いいですねえっとろそしたらいきましょう 01:56:10 - 01:56:11： そしたら 01:52:53 - 01:52:56： えっとあれですね api サーバーの 01:52:56 - 01:53:00： パッケージは基本的に一つのパッケージで 01:53:00 - 01:53:04： あるクライアントというところで使うよう 01:53:04 - 01:53:10： になります奪われます 01:53:16 - 01:53:17： client っていうのはパッケージも 01:53:17 - 01:53:20： 一つなんですけどここで使われます 01:53:20 - 01:53:24： でこれ使うためにはえっと npm えっと 01:53:24 - 01:53:27： バックスペースという機能 01:53:27 - 01:53:30： ペーストール s 取るというか 01:53:30 - 01:53:32： ワックスペースを認識させる必要があるん 01:53:32 - 01:53:34： ですけれどもそれは 01:53:38 - 01:53:41： レギーナプレーニングフロントエンドの 01:53:41 - 01:53:44： ディレクトリールートですね 01:53:44 - 01:53:46： この研修の 01:53:46 - 01:53:49： ギッとリポジトリのルートるに移ってから 01:53:49 - 01:53:54： ここで ndm 3ストールを実行すれば 01:53:54 - 01:53:57： npm ワークスペースが日効果っていう 01:53:57 - 01:54:04： 認識されるようになります 01:54:04 - 01:54:08： たまにこのノードのバージョンが16の中 01:54:08 - 01:54:10： ではちょっと特定のバージョンだけ 01:54:10 - 01:54:12： インストールをうまくいかなへ 01:54:12 - 01:54:16： 自称がか間に合ったりしたので配信の濃度 01:54:16 - 01:54:20： のバージョンに会えればうまくいくと思い 01:54:20 - 01:54:23： ますそういう時は 01:54:23 - 01:54:25： 1回との npm 柄ストールデー 01:54:25 - 01:54:28： 試してみて電源も進まなくなっちゃって 01:54:28 - 01:54:30： なってだったら 01:54:30 - 01:54:34： ヘルプください 01:54:34 - 01:54:36： もう一度お話しすると 01:54:36 - 01:54:39： えっと2020ねえびな 01:54:39 - 01:54:43： トレーニングフロントエンドの切れ区と 01:54:43 - 01:54:46： 現場でへ登ってもらってここでナッティ 01:54:46 - 01:54:49： mi です pmb ストール 01:54:49 - 01:54:53： ポンティック押してください 01:54:53 - 01:54:55： これが通れば 01:54:55 - 01:54:58： た ok です 01:54:58 - 01:55:00： 良さそうですね 01:55:00 - 01:55:03： しちゃ次行きましょう 01:55:03 - 01:55:04： 俺でい 01:55:04 - 01:55:07： なので次にえっと 01:55:07 - 01:55:10： バックスペース 01:55:10 - 01:55:13： のえっとクライアントの方ですね 01:55:13 - 01:55:15： 最後にやれば 01:55:15 - 01:55:17： 立ち上げということができるのでやって 02:34:35 - 02:34:39： いきましょう 01:55:18 - 01:55:21： タイプですね 01:55:21 - 01:55:32： エディずのクライアントに入ってください 01:55:34 - 01:55:39： したらえっ環境へファイル 01:55:39 - 01:55:42： を用意する必要があるんですけれども 01:55:42 - 01:55:45： えっと.演武打って example って 01:55:45 - 01:55:50： いうファイルがあるのでこれをあの 01:55:50 - 01:55:53： コピーしてリネームします 01:55:53 - 01:55:55： 名前は. web で大丈夫です 01:55:55 - 01:55:58： なんかしっぴーと天狗湯ジャンプるを 01:55:58 - 01:56:00： トップ演武として 01:56:00 - 01:56:10： p してればがいいでしょ 01:56:12 - 01:56:13： ndm ラン 01:56:18 - 01:56:22： えっと web サーバーが立ち上がると 01:56:24 - 01:56:27： url が表示されたら ok なんです 01:56:27 - 01:56:37： けれどもここまで1回やってみましょう 01:56:37 - 01:56:41： やってくれていましたねすいません 01:56:41 - 01:56:44： 振っちゃいましたどっちもどっちもてあげ 01:56:44 - 01:56:54： ちゃってください 01:56:54 - 01:56:58： どっちか10人まで行けば j 7 01:56:58 - 01:57:01： って上がっている形やにまで行けば 01:57:01 - 01:57:03： 次行っちゃいます多分アクセスしてもらえ 01:57:04 - 01:57:09： ウェブサイト表示されるかなと思います 01:57:09 - 01:57:12： を牛に来ましたねよしじゃあそしたら 01:57:14 - 01:57:18： とりあえずアクセスしてみると 01:57:18 - 01:57:20： えっと今回用意したサンプルの 01:57:20 - 01:57:23： アプリケーションが 01:57:23 - 01:57:28： 表示されるかなって思います 01:57:28 - 01:57:33： 環境構築完了ですねめでとうございます 01:57:33 - 01:57:37： 今回用意したのはあれですね 01:57:37 - 01:57:39： コミュニティを 01:57:39 - 01:57:42： 安納管理する 01:57:42 - 01:57:44： ウェブサイトですね 01:57:44 - 01:57:47： コミュニティの中ではイベント 01:57:47 - 01:57:50： を南下を企画することができるみたいなと 01:57:50 - 01:57:53： いうサービスになっています 01:57:53 - 01:57:56： 中ビックしあの専念す mixi の 01:57:56 - 01:58:01： コミュニティ機能みたいなやつですね 01:58:01 - 01:58:03： が撮ったような 01:58:03 - 01:58:05： 入ったになってます 01:58:05 - 01:58:09： ええっとこれ一見何かもできているように 01:58:09 - 01:58:11： 見えるって言うんですけれども 01:58:11 - 01:58:14： あの言ったらうん部分ちょっと機能が足り 01:58:14 - 01:58:18： ていないところありまして例えばこの検索 01:58:18 - 01:58:21： 窓と変わるんですけれどもメニューくじっ 01:58:21 - 01:58:24： てもまだ全然あのうですができないんです 01:58:26 - 01:58:30： 食べこれをまずは検索できるようにして 01:58:30 - 01:58:33： いこうかなというふうに思います最終的に 01:58:33 - 01:58:36： は目標としてはどうでしょうね進捗 01:58:36 - 01:58:38： めちゃめちゃなければ 01:58:38 - 01:58:43： えっとこの新しいイベント 01:58:43 - 01:58:45： をあの 01:58:45 - 01:58:49： 作ったりとかあとこのイベントの情報を 01:58:49 - 01:58:52： 取得したりとか 01:58:52 - 01:58:55： あとは何だろうな 01:58:55 - 01:58:56： 1頭 01:58:56 - 01:59:00： イベント一覧とか開いてもらうとわかるん 01:59:00 - 01:59:01： ですけど 01:59:01 - 01:59:05： コメントがまだ表示されてないんですよ 01:59:05 - 01:59:08： まだあのリストが実装されてないんですよ 01:59:09 - 01:59:14： これをえっと最終課題として皆さんに実装 01:59:14 - 01:59:16： してもらおうかなあというふうに思ったり 01:59:16 - 01:59:19： してます 01:59:19 - 01:59:23： まあ一通り今日のゴールはこんな感じで 01:59:23 - 01:59:27： やっていこうと思ってます 01:59:27 - 01:59:30： まずはヘッド検索からできるようにして 01:59:45 - 01:59:48： ディレクトリ構成から eto かなって 01:59:48 - 01:59:53： 思いますますが立派に1人 01:59:53 - 01:59:55： 結構フランとエンド特有の 01:59:55 - 01:59:59： 理二体構成になっていたりするので 01:59:59 - 02:00:02： 1回みんなで来た方がわかりやすいかなと 02:00:12 - 02:00:16： 対応します 02:00:16 - 02:00:18： こちらですねネットペディー s のも 02:02:13 - 02:02:15： いいですね 02:00:25 - 02:00:28： ディレクトリの構成としてはえっと 02:00:28 - 02:00:32： カソード6のルートになるものがこの 02:00:32 - 02:00:34： アップ tsx 02:00:34 - 02:00:37： えっとソースディレクトリの中のアップ 02:00:37 - 02:00:42： tsx 逆にがールートになっています 02:00:42 - 02:00:44： でえっとその中にルーターって跡があるん 02:00:44 - 02:00:48： ですけれどこれがなんか子星人の要素を 02:00:50 - 02:00:54： ためのあの役割を担っていたりしますまぁ 02:00:54 - 02:00:57： 中身は別に把握してなくても大丈夫です 02:00:57 - 02:00:59： あの単純にこいつが 02:00:59 - 02:01:02： と url に応じてえっページの内容を 02:01:02 - 02:01:04： 切り替えてくれるんだなっていうふうに 02:01:04 - 02:01:07： 思ってくれれば3です 02:01:07 - 02:01:09： ページの内容はそれぞれ 02:01:09 - 02:01:11： ページズっていうディレクトリがあるん 02:01:11 - 02:01:15： ですけどそこに服ってます index . 02:01:15 - 02:01:20： tsx は8本当にホームホームページに 02:01:20 - 02:01:22： なり突飛 02:34:00 - 02:34:01： になります 02:01:27 - 02:01:30： 安納見ていくとエッページ content 02:01:30 - 02:01:32： っていうコンポーネントの中に to do 02:01:32 - 02:01:33： がありますね 02:01:33 - 02:01:36： えっと検索キーワードを入れるという風に 02:01:36 - 02:01:40： なって言えば実はベッドをこのキーワー 02:01:40 - 02:01:43： ドって今から文字になってますけれども 02:01:43 - 02:01:46： えっとあれですねインプットのない要望を 02:01:46 - 02:01:50： 動的にここに入るようにすればヘッド自動 02:01:50 - 02:01:53： 的にこのカスタムフックがえーっと 02:01:53 - 02:01:56： コミュニティを正してきて h してきて 02:01:56 - 02:01:57： 入れて 02:01:58 - 02:02:02： 自動的にも協議してくれるみたいな挙動に 02:02:02 - 02:02:05： なっていますなのでこれからやる100 02:02:05 - 02:02:09： 地域猫とがえーっとオウムからキーワード 02:02:09 - 02:02:13： を取り出してここにハ苦悩するっていう 02:02:15 - 02:02:17： まずそれをやっていきましょう 02:02:17 - 02:02:20： でえっとステートの管理というのはさっき 02:02:20 - 02:02:22： やって通り u 酢ステートを使うことで 02:02:22 - 02:02:25： 管理することができます 02:02:25 - 02:02:28： ちなみにえっと 02:02:28 - 02:02:31： 検索フォームというのはこれですねこれが 02:02:31 - 02:02:32： このコンポーネントになっても 02:02:32 - 02:02:34： search コミュニティーフォームと 02:02:34 - 02:02:37： いうコンポーネントが増えになってます 02:02:37 - 02:02:39： ている限りますね 02:02:39 - 02:02:42： 検索キーはどうしておくと 02:02:42 - 02:02:46： 俺の音クリックサーチっていうにえっ検索 02:02:46 - 02:02:48： キーワードが入ってきます検索ボタンを 02:02:48 - 02:02:51： 押して武器のにこいつが入ってくるって 02:02:51 - 02:02:53： 感じですね 02:02:53 - 02:02:55： なのでまだコンソールログしかしてないと 02:02:55 - 02:02:56： いう感じなので 02:02:56 - 02:02:58： ニューズ state で完結するように 02:02:58 - 02:03:01： 変えていきましょう 02:03:01 - 02:03:04： まずは利益とから 02:03:04 - 02:03:08： えっと友情地形ともう一方としてますね 02:03:08 - 02:03:12： とページコンテンツ 02:03:13 - 02:03:16： ディーンはアート 02:03:29 - 02:03:31： 網を 02:03:31 - 02:03:35： 伊庭分 02:03:35 - 02:03:39： にします 02:03:39 - 02:03:43： タプルの2つ目が越冬更新用のステーと 02:03:43 - 02:03:46： 香辛料のはずですね 02:03:46 - 02:03:49： これを使ってえっと検索ボタン押した時に 02:03:49 - 02:03:52： このキーワードのステートが変わるように 02:03:54 - 02:03:57： あちなみにえっとこのキーワードいう 02:03:57 - 02:03:59： プロパティいただきてアンディ find 02:03:59 - 02:04:03： を入れると何も検索しなかった時と同じ 02:04:03 - 02:04:07： 挙動になりますねだからでしょ全検索 02:04:07 - 02:04:13： みたいなちょっとですねミニなってます 02:04:13 - 02:04:15： じゃあちょっと 02:04:15 - 02:04:17： キーワード取り出せるの 02:04:17 - 02:04:19： コンソール6じゃなくて 02:04:24 - 02:04:40： wallop いきましょう 02:04:40 - 02:04:43： あここにも検索キーワードを入れて 02:04:43 - 02:04:44： くださいねっておりますねここにも入れて 02:04:44 - 02:04:46： おきましょう 02:05:06 - 02:05:08： そうですねじゃあこれで 02:05:08 - 02:05:13： ひょ同5見てみます 02:05:15 - 02:05:22： スイーツとかって調べようとすると 02:05:22 - 02:05:26： ロッカーあちゃんと検索されましたね 02:05:26 - 02:05:32： みたいな感じでえっと検索機能が 02:05:32 - 02:05:34： 有効かというか実装できました 02:05:34 - 02:05:37： ここまでをいったん 02:05:37 - 02:05:40： ゴールとします 02:05:40 - 02:05:42： 雨にデータを結構面白い 02:05:42 - 02:05:53： 相棒コンテンツマップ米3曲しょんですよ 02:05:53 - 02:05:56： 何コレ終わったら由紀恵ちょっと遊び 02:05:56 - 02:05:57： ましょっか 02:05:57 - 02:05:59： 環境コーチかも 02:05:59 - 02:06:06： 無事できましたし 02:06:06 - 02:06:12： すいません今画面共有しますねー 02:06:12 - 02:06:25： とってこれですかね 02:06:25 - 02:06:30： 8 a メーカーでちゃいますかね 02:06:38 - 02:06:42： ユーエステートの書き方というのは 02:06:42 - 02:06:47： 外食で束ね越冬こんな感じのブーツ 02:06:47 - 02:06:49： ステートの書き方に売ってるんですけど 02:06:49 - 02:06:58： ここがあってます彼 02:06:58 - 02:07:03： いかがでしょ 02:07:16 - 02:07:18： んですか 02:07:18 - 02:07:20： だとしたら 02:07:20 - 02:07:28： したらこれですねえっと今 02:07:28 - 02:07:31： 片手いいちょっと直しますねおそらくここ 02:07:31 - 02:07:35： に一人グってみれば 02:07:35 - 02:07:41： あるかなと思いますけどより方でしょう 02:07:41 - 02:07:43： やっぱり犬なんだ 02:07:43 - 02:07:46： えっとえあのとどっちでもいい 02:07:57 - 02:08:00： あなりましたあ良かったですプレイしまし 02:08:04 - 02:08:06： とこれなんですけれども何をやっているか 02:08:06 - 02:08:10： と言うとパイプスクリプトのので 02:08:10 - 02:08:14： 安のゆずステートの管理する値というの棒 02:08:14 - 02:08:16： ここであの木リックスっていうんです 02:08:16 - 02:08:20： けれどここで否定することができるように 02:24:50 - 02:24:54： なっています 02:08:21 - 02:08:24： ちなみにここ何も入れない場合はアンディ 02:08:24 - 02:08:26： find が食事になります 02:08:26 - 02:08:29： なのでここにストリングと入れているん 02:08:31 - 02:08:35： なんかキーワードの方というのは 02:08:35 - 02:08:38： ストリングカーキーワードのどちらかに 02:08:47 - 02:08:50： を選ばれてうるさいと見れてないです 02:08:50 - 02:08:55： ちなみにえっと m ファイル 02:08:55 - 02:09:01： 芸能ば 02:09:01 - 02:09:05： 育成しましたでしょうか 02:09:06 - 02:09:10： いる鳥 pr ロランステマン 02:09:13 - 02:09:20： 大津を張ってまずは違いする 02:09:20 - 02:09:27： 言うのは簡単です同施設 02:09:27 - 02:09:39： ばろん 02:09:39 - 02:09:43： ドットイン入るもし作っていなこぞ 02:09:43 - 02:09:55： 作成をお願いします 02:09:55 - 02:10:02： ここにエラー勝てなかったのはなぜなのか 02:34:41 - 02:34:43： と思う 02:10:11 - 02:10:30： じゃあの設計も何か悪かもしれない 02:10:30 - 02:10:36： あもしし焼岳られであればお願いします 02:10:36 - 02:10:48： よく入ってます 02:10:48 - 02:10:53： アイムスクループといい 02:10:53 - 02:10:56： ドラムラインカパを一にしてすするアンっ 02:10:56 - 02:10:57： て言う 02:10:57 - 02:11:02： えっの似合う 02:11:02 - 02:11:05： オープンレスポールっぱにぱぽらポイント 02:11:05 - 02:11:09： きびしてませんですねございます 02:11:11 - 02:11:15： エラーみたいなかこのようなんでしょう 02:11:15 - 02:11:24： してはむしろアンガーラビルボが発 02:11:25 - 02:11:27： 選んできであってほしいですね ok も 02:11:27 - 02:11:31： 増え見ながら pv 02:11:31 - 02:11:35： 見ますらぽっと音 02:11:35 - 02:11:39： ジャパンにも与えられるというパクは 02:11:39 - 02:11:42： アンフェアだ 02:11:42 - 02:11:44： この人たちを 02:11:44 - 02:11:45： ショウエイチーム 02:11:45 - 02:11:48： アラーム事例2 02:11:51 - 02:11:53： は dx へ 02:11:53 - 02:11:58： パワーを r ん 02:11:58 - 02:12:04： さあ2 02:12:04 - 02:12:09： おねむ術 02:12:09 - 02:12:14： 集めん 02:12:25 - 02:12:27： 占める本を 02:12:28 - 02:12:30： えええええっ会えたら 02:12:30 - 02:12:35： あんなパターン2黄色チーム愛を 02:12:35 - 02:12:39： 何とまず分 02:12:39 - 02:12:41： お水してるん 02:12:44 - 02:12:45： なんだよ 02:12:45 - 02:12:51： 一般が出なかったんまぁ 02:12:51 - 02:12:55： あっいた 02:12:55 - 02:12:59： パワーのかっ 02:12:59 - 02:13:02： 地等ていたのかん 02:13:06 - 02:13:11： 選べる無視してみたいなっ 02:13:11 - 02:13:12： んですねっ 02:13:12 - 02:13:19： あいやなん 02:13:19 - 02:13:25： あるジャッキーアイプリパールを 02:13:25 - 02:13:28： を右されるブルー 02:13:28 - 02:13:30： ありません 02:13:30 - 02:13:32： はいんだけど 02:13:32 - 02:13:36： 入らないパターンポップスター地4ヘラー 02:13:42 - 02:13:43： お湯レッツ 02:13:43 - 02:13:45： 細切 02:13:45 - 02:13:50： ben to 02:13:52 - 02:13:55： 水はソングでしたん 02:14:08 - 02:14:11： 小本さんは 02:14:11 - 02:14:14： ウットはちまるはちまるぱんかもしていて 02:14:14 - 02:14:18： 買われている 02:14:28 - 02:14:33： 2校れていればあっ 02:14:33 - 02:14:36： 演武5 02:14:36 - 02:14:39： 3000の種類ぐ 02:14:39 - 02:14:41： パーセントが散っているのもライブはもせ 02:14:42 - 02:14:45： あの宝発見ん 02:14:45 - 02:14:47： 間てるん 02:14:47 - 02:14:50： 6土鍋6本 02:14:50 - 02:14:51： を終え 02:14:51 - 02:14:54： などを 02:15:03 - 02:15:14： 子供んだろう 02:15:14 - 02:15:16： こっちはばつ丸です 02:15:16 - 02:15:25： 今魔王 02:15:25 - 02:15:30： を全員きましたね 02:15:30 - 02:15:33： 北通 02:15:33 - 02:15:35： ウィズステートまで 02:15:35 - 02:15:39： 歌曲地区からイエズス程度までできたので 02:15:39 - 02:15:43： 負担中継にしましょうかね1分ほど 02:15:43 - 02:15:48： ゆっ間にしますそしたら霧六えっと16時 02:15:48 - 02:15:50： 30分から 02:15:50 - 02:15:53： 再会という感じで高価なというふうに思い 02:15:53 - 02:15:56： ます一旦休憩で 02:15:56 - 02:15:59： さまで生 02:15:59 - 02:16:00： じゃあそしたら続き 02:16:00 - 02:16:03： 閉会していきます 02:16:03 - 02:16:10： 雨共有します 02:16:13 - 02:16:16： 佐久間で越冬ファン飲んでネット検索 02:16:16 - 02:16:18： ボックスを管理しようというところまで 02:16:18 - 02:16:20： やりました検索キーワードを 02:16:20 - 02:16:23： コンポーネントから取得して a それを 02:16:23 - 02:16:27： 検索キーワードのたいそして入りません 02:16:27 - 02:16:29： いうことをやっていました 02:16:29 - 02:16:34： えっと次に上げですねイベントの愛別 02:16:34 - 02:16:37： コミュニティの詳細ページの方になるん 02:16:37 - 02:16:40： ですけれども実はまだあのコミュニティの 02:16:40 - 02:16:43： 詳細ページってあの 02:16:43 - 02:16:45： 何だろう詳細 02:16:45 - 02:16:48： ミーティ詳細を取得しきれてなくて 02:16:50 - 02:16:52： あれですねサムネイル画像とかあと 02:16:52 - 02:16:55： コミュニティの説明とかあるんですけれど 02:16:55 - 02:16:59： も実はあれあの 02:16:59 - 02:17:01： ダミーてたーーー使ってまして epi 02:17:01 - 02:17:04： 寒冷たじゃないんですね 02:17:04 - 02:17:06： なので api からデータを取得して 02:17:06 - 02:17:09： 表示するというところを注ぎやっていき 02:17:11 - 02:17:16： えっと最近のえっとフロントエンドでの 02:17:16 - 02:17:21： あの api取得した時のデータの扱いな 02:17:22 - 02:17:25： あのフロンぺーンドの fpi データが 02:17:25 - 02:17:28： 北京ではキャッシュ 02:17:28 - 02:17:30： いうことをすごく 02:17:30 - 02:17:32： 気にしていて 02:17:32 - 02:17:34： いうのもあのー 02:17:35 - 02:17:38： できるだけユーザーに対してローディング 02:17:38 - 02:17:42： 画面とかそういったもので待たせる体験を 02:17:42 - 02:17:44： しないさせない 02:17:44 - 02:17:48： いうところに強く注力してたりとか注意を 02:17:48 - 02:17:50： してたりとかします 02:17:50 - 02:17:52： でこのキャッシュ戦略っていうのを 02:17:52 - 02:17:55： フロントエンドで考えたりするんです 02:17:55 - 02:17:59： けれどもえーっとハイキンではキャッシュ 02:17:59 - 02:18:01： 戦略の一つとして a 0 f はいるり 02:18:01 - 02:18:03： validate って言う 02:18:03 - 02:18:07： あのキャッシュ戦略が結構流行ってたりと 02:18:07 - 02:18:10： かします 02:18:10 - 02:18:12： これはあの 02:18:12 - 02:18:16： なんだろ挙動としてはユーザーは基本的に 02:18:16 - 02:18:20： キャッシュを参照しつつできるだけ最新の 02:18:20 - 02:18:25： 情報を参照する状態のことを指します 02:18:25 - 02:18:27： なのであの 02:18:27 - 02:18:30： キャッシュがある状態であればあの2回目 02:18:30 - 02:18:34： の労働の時はユーザーは神戸状態で待た 02:18:34 - 02:18:36： せることなくあの 02:18:36 - 02:18:39： ちぇっ kk だけ最新の情報を提供して 02:18:39 - 02:18:41： いることができるっていうキャッシュ戦略 02:45:01 - 02:45:03： なんですけれども 02:18:45 - 02:18:46： なんだろスペイン for 02:18:46 - 02:18:48： everybody つのフローを追って 02:18:48 - 02:18:53： いくとまずユーザーがキャッシュをあの 02:18:53 - 02:18:55： 参照すると 02:18:55 - 02:18:59： えっとスレッド同時にあの更新リクエスト 02:18:59 - 02:19:01： キャッシュの更新リクエストっていうのも 02:19:01 - 02:19:05： 一緒にへ出しますいクエスト 02:19:05 - 02:19:08： でえっとキャッシュよりの方針にクエスト 02:19:08 - 02:19:10： がえっと 02:19:10 - 02:19:13： だろう完了次第値次第 02:19:13 - 02:19:16： キャッシュをまた新しい味に更新するって 02:19:16 - 02:19:17： いう方法です 02:19:17 - 02:19:19： でユーザーはキャッシュを参照し続けて 02:19:19 - 02:19:22： いるのであの 02:19:23 - 02:19:26： 最終的にこう新宿へしたが通ったら新しい 02:19:26 - 02:19:31： カシオまたえっ最初するという感じの 02:19:32 - 02:19:35： プロになってますこれがこの形がステイル 02:19:35 - 02:19:39： 4 a 出れば否定とっています 02:19:39 - 02:19:44： えっと略とっていうと越冬をこのステイル 02:19:44 - 02:19:45： ファイルり validate の 02:19:45 - 02:19:48： キャッシュ戦略を api のエピ a 02:19:48 - 02:19:53： データーのキャッシュに適用させる 02:19:53 - 02:19:55： しやすくするライブラリーというのがいく 02:19:55 - 02:19:58： つか提供を作られていて 02:19:59 - 02:20:02： フェス wr っていう 02:20:02 - 02:20:04： ペットもライブラリとか役得 edy って 02:20:05 - 02:20:08： web へ立が 02:20:08 - 02:20:11： 結構開発活発にされていますエスト武器が 02:20:11 - 02:20:13： あるわけですねステイル4エビ 02:20:13 - 02:20:15： validator の発射8を奪った 02:20:15 - 02:20:17： 名前ですね 02:20:17 - 02:20:19： っていう感じに 02:20:19 - 02:20:21： なっています今回のプロジェクトでは 02:20:21 - 02:20:25： えっとこの2つの sw ある 02:20:25 - 02:20:29： の方を採用してましてそれを使って 02:20:29 - 02:20:32： えっと community 詳細の 02:20:32 - 02:20:34： データを 02:20:34 - 02:20:38： l 4 ab ぶりゲートに則って越冬 02:20:38 - 02:20:41： 血腫していきたいなというふうに思います 02:20:41 - 02:20:44： いうことでえっとコミュニティ詳細を表示 02:20:44 - 02:20:47： しようということでコミュニティをえっと 02:20:47 - 02:20:51： 取得するフックを一掃していきます 02:20:51 - 02:20:52： まずは 02:20:54 - 02:20:56： web コーディングというか報道を見せ 02:20:56 - 02:20:59： ていきます 02:20:59 - 02:21:02： とコミュニティ詳細の画面なんですけれど 02:21:02 - 02:21:04： もページで言うと 02:21:04 - 02:21:05： えっとぉおお 02:21:06 - 02:21:08： も2 t があったとして詳細を見えって 02:21:08 - 02:21:11： をした時の子ですね 02:21:11 - 02:21:13： これがミーティ操作になります 02:21:13 - 02:21:18： で越冬を9分ショートカこのためにいるが 02:21:18 - 02:21:22： どういうのがまたペットラミーデータに 02:21:22 - 02:21:25： なっていますその6一気見ても辛いもの部 02:21:26 - 02:21:28： のないようになっちゃってると思います 02:21:28 - 02:21:31： これをちゃんとえっと分 at に応じた 02:21:31 - 02:21:34： データに来ていきます 02:21:40 - 02:21:43： えっと湖の湖面金詳細の画面をつくって 02:21:43 - 02:21:46： いるファイルなんですけれども 02:21:47 - 02:21:51： 何が 02:21:51 - 02:21:53： ページずディレクトリーの中の 02:21:53 - 02:21:56： コミュニティーずて遊戯レクトリの中の 02:21:56 - 02:21:59： コミュニティディティールの土地 x が 02:21:59 - 02:22:02： 8コミュニティー詳細 02:22:03 - 02:22:05： のコンテンツを管理している 02:22:05 - 02:22:09： ファイルになります 02:22:09 - 02:22:14： えっと45秒脈から48秒目を見ると 02:22:14 - 02:22:16： ラミーコミュニティというダミーデーター 02:22:17 - 02:22:20： 結成する関数がカレー系と思うんです 02:22:22 - 02:22:26： これをまだ参照してるんですね 02:22:26 - 02:22:28： なのでえっとこれを使うのにちゃんと 02:22:28 - 02:22:31： えっと api から取得していくように 02:22:31 - 02:22:34： 入っていきたいとおもいます 02:22:34 - 02:22:37： ちなみにコミュニティを取得するフックっ 02:22:37 - 02:22:40： ていうのはえーっ等 02:22:40 - 02:22:43： ソースディレクトリーの中の姫チャーズ 02:22:43 - 02:22:46： 中野えっと community 02:22:46 - 02:22:47： directory の中のモジュールず 02:22:47 - 02:22:53： 9中に入っています 02:22:54 - 02:22:57： でこれの中のコミュニティーフックス 02:22:57 - 02:22:58： いうのが 02:22:58 - 02:23:00： えっとコミュニティを取得するフックに 02:23:07 - 02:23:09： 半泣き状態になっていて 02:23:09 - 02:23:12： あの ap通信の処理は 02:23:12 - 02:23:16： ありでない状態ですね 02:23:17 - 02:23:18： なのでここから 02:23:18 - 02:23:20： また書いていきます 02:23:20 - 02:23:23： さっきあのキャッシュ 02:23:23 - 02:23:25： していく上で 02:23:25 - 02:23:27： しているフォアグリ validate 02:23:27 - 02:23:29： swr を使ってキャッシュを得ていくっ 02:23:29 - 02:23:31： て話だと思うんですけれども 02:23:35 - 02:23:38： ラベル r が勉強している 02:23:38 - 02:23:40： 明日のフックがありまして 02:23:40 - 02:23:43： おしゃべりのあるん 02:23:43 - 02:23:58： phase 石鍋龍吾やつでした 02:23:58 - 02:24:03： いうのを使います 02:24:03 - 02:24:05： 熱湯ん 02:24:05 - 02:24:07： 一尺 02:24:07 - 02:24:09： えっフックを 02:24:09 - 02:24:11： パスタ無職は必ず 02:24:12 - 02:24:17： 頭に優遇っていう暗号をつけるのに 02:24:25 - 02:24:32： いう名前にしようかなと思います 02:24:33 - 02:24:36： swr というのはウィット 02:24:36 - 02:24:40： 発症しておくための p を設定する必要 02:24:40 - 02:24:42： があって 02:24:44 - 02:24:47： キャッシュのキーとペッチャ 02:24:47 - 02:24:50： というものがえーっと紐づいいくように 02:24:54 - 02:25:02： 実際にちょっと書いていますね 02:25:02 - 02:25:05： にこのキーが持てるんですけれども 02:25:08 - 02:25:11： アプリケーションで使われるこの世杖 wr 02:25:11 - 02:25:15： のすべての良い提出 wr の中で 02:25:16 - 02:25:18： えっとユニークなキーである必要があり 02:25:21 - 02:25:24： 聞いていうのは別にあの 02:25:24 - 02:25:26： 必ずしも 02:25:26 - 02:25:28： string 文字列じゃなくても 02:25:28 - 02:25:33： 配列だったりとかオブジェクトは形でも 02:25:33 - 02:25:46： あのキーとして使えます 02:25:46 - 02:25:49： 方結構横暴会系だったりするのであのを 02:25:49 - 02:25:51： 参考にしながら 02:25:51 - 02:26:28： できますね 02:26:28 - 02:26:39： これで1個 02:26:39 - 02:26:52： 原理 swr は越冬 02:26:52 - 02:26:55： んああを入れられるんですけれども 02:26:55 - 02:26:58： いっと一つ目は 02:26:59 - 02:27:01： いいですねえ api の 02:27:02 - 02:27:04： レスポンスですね 02:27:04 - 02:27:18： 方を置きます 02:27:19 - 02:27:22： 例外が起きた時の 02:27:22 - 02:27:24： かかですね 02:27:24 - 02:27:26： ペットを今回使っている 02:27:26 - 02:27:30： 会え api のコード生成 02:27:30 - 02:27:33： 独自の api エラーというのも生成さ 02:27:33 - 02:27:37： れるのでそれが例外として投げられること 02:27:37 - 02:27:40： になりますあので映画セーラーされるよう 02:27:42 - 02:28:00： えっ api エラー 02:28:02 - 02:28:06： 聞いなんですけれども 02:28:06 - 02:28:09： えっとこのキーの 02:28:09 - 02:28:13： この帰ってくるあたり返さ太鼓の 02:28:13 - 02:28:15： オブジェクトですね 02:28:15 - 02:28:17： 郵政 swr はそのまま 02:28:17 - 02:28:20： ピッチャーには多数設計になっています 02:28:20 - 02:28:22： 挙動になっています 02:28:22 - 02:28:25： なのでえっチャーの 02:28:25 - 02:28:27： この引数というのは 02:28:27 - 02:28:31： get キーの返り値と全く一緒の 02:28:31 - 02:28:33： 対1になります 02:28:33 - 02:28:36： これは中も swr の 02:28:36 - 02:28:41： 設計部分 02:28:41 - 02:28:44： なのでメッドここでひーぱぱ 02:28:44 - 02:28:47： コミュニティ id これプレます 02:28:47 - 02:28:50： なのでこのコミュニティー i2を api 02:28:50 - 02:28:53： 硬く時のクエリーとして使ったりとかでき 02:32:25 - 02:32:30： ますね 02:28:55 - 02:28:58： 今回 p は特に生き愛でカードや国に 02:28:58 - 02:29:10： id だけあります 02:29:10 - 02:29:13： えっえっという税収 wr は 02:29:13 - 02:29:17： えっとコンポーネントがマウントしたとき 02:29:17 - 02:29:19： みたいなライフサイクルがあるんです 02:29:24 - 02:29:28： んした時にえっとこのフィッチャー点を 02:29:28 - 02:29:33： 自動的に立候補してくれたりとかあとは 02:29:33 - 02:29:36： ブラウザがあの 02:29:42 - 02:29:46： ウィンドウを左右で移動したりした時に 02:29:46 - 02:29:48： アクティブになったときにもう一度 02:29:48 - 02:29:51： ピッチャーを実行してくれたりみたいな 02:29:51 - 02:29:55： 感じで結構頻繁にこのフェっチャーを実行 02:29:55 - 02:29:57： してくれます 02:29:57 - 02:29:59： このフィッチャーがいわゆるさっきの図で 02:29:59 - 02:30:02： 言うえっとを 02:30:02 - 02:30:10： 公人でクエストにわかります 02:30:10 - 02:30:15： えっとフィッチャーが8 02:30:15 - 02:30:18： api から出たとってきたら 02:30:18 - 02:30:22： キーをゲットキーのキーをもとに 02:30:22 - 02:30:25： キャッシュを更新します 02:30:25 - 02:30:30： っていう感じの挙動になっています 02:30:30 - 02:30:33： new swr は8 o 02:30:33 - 02:30:37： 返り値というか2 02:30:37 - 02:30:40： 2 a の怪力の米スター 02:30:41 - 02:30:43： 例題が起きたときのエラー 02:30:43 - 02:30:45： フェの後ここで 02:30:45 - 02:30:47： トップしていることができるようになって 02:30:49 - 02:30:51： プレオいた 02:30:52 - 02:30:54： コインというの 02:30:54 - 02:31:06： レピピターンせるようにしましょう 02:31:06 - 02:31:09： 最後にこのフィッターの中身ですねここの 02:31:09 - 02:31:11： 中で言い合いにアクセスするらしいです 02:31:13 - 02:31:28： 何らか見える入っていきます 02:31:28 - 02:31:32： ピップカードが発揮あのに中で行った 02:31:32 - 02:31:33： プラムとを 02:31:33 - 02:31:57： シンカーベープねっ 02:31:57 - 02:32:14： 引っ込み p メソッドっ 02:32:14 - 02:32:20： 塩共有しながらカメラオンにしながらで 02:32:20 - 02:32:22： ギター使うと 02:32:22 - 02:32:25： アンがありまー処理が多い書かなくなって 02:32:30 - 02:32:33： うまくほパンがきいてくれなくなっちゃっ 02:32:33 - 02:32:47： てますね 02:32:47 - 02:32:51： えっと俺ないが起きたときはこのハンドル 02:32:51 - 02:32:52： ギー pi 狙うっていうのを使っている 02:32:52 - 02:32:55： んですけれどもこれの中身 02:32:55 - 02:32:57： ああ何かっていうと 02:32:57 - 02:33:00： あのーエラをそのまんま 02:33:02 - 02:33:06： するスローせらを投げずに 02:33:06 - 02:33:09： 木だるとの中に 02:33:09 - 02:33:10： 冷えコンボイ論 02:33:10 - 02:33:13： シャリオ中身で書いてみます 02:33:14 - 02:33:16： なのでシェイクをんしたとしても失敗した 02:33:16 - 02:33:19： としてもこのリザルトに結果が 02:33:19 - 02:33:21： ピラーに知恵をあのリスポンスに性を帰っ 02:33:21 - 02:33:26： てくることになります 02:33:29 - 02:33:31： ビザとは 02:33:31 - 02:33:34： えっとエラーじゃなイラだったら 02:33:42 - 02:33:43： 選んを 02:33:43 - 02:33:50： ピッチャーが投げるようにしましょう 02:33:50 - 02:33:54： ギターがエラーを投げると9エラー 02:33:54 - 02:33:56： 遊説し wr の 02:33:56 - 02:34:00： はい力にあるこのエラーに与えが入るよう 02:34:03 - 02:34:06： 普通に欠航してたら 02:34:06 - 02:34:10： にリターンしましょ 02:34:10 - 02:34:12： 海がやると 02:34:12 - 02:34:17： どうですねコミュニティの取得する 02:34:17 - 02:34:20： フックが出来上がりましたと 02:34:20 - 02:34:23： まずはちょっとこのフックを作るところ 02:34:24 - 02:34:27： みんなでやってみましょう 02:34:27 - 02:34:29： その後この込ゆずコミュニティフックを 02:34:29 - 02:34:31： 使ってえっと 02:34:31 - 02:34:35： 本ポーネンとに反映するところをやって 02:34:39 - 02:34:41： それを 02:34:43 - 02:34:47： 10言われ 02:34:49 - 02:35:01： やってみます 02:35:01 - 02:35:06： さ分こんな感じになっていますね 02:35:06 - 02:35:10： ペットキーにそうですね確かに 02:35:10 - 02:35:12： コミュニティー id を入れ忘れてます 02:35:21 - 02:35:24： ぷい s code ん 02:35:24 - 02:35:27： なんだ 02:35:27 - 02:35:29： 終わっています 02:35:30 - 02:35:33： ゲットキーのどこに関しては 02:35:33 - 02:35:36： 別途キーの引数にこのコミュニティー id 02:35:36 - 02:35:40： を取らなくちゃいけなかったのでペット 02:35:40 - 02:35:42： ユーザーコミュニティーフックの引数に 02:35:42 - 02:35:45： あのコミュニティー id を指定できる 02:35:45 - 02:35:46： ように 02:35:46 - 02:35:49： っていることであげときにクオリティー 02:35:49 - 02:35:54： id を渡すようにします 02:35:54 - 02:35:57： あすたむフックいっていうのは形的には 02:35:57 - 02:36:01： ただの半数なので自由に必要私ことのでき 02:36:13 - 02:36:21： はい今3しますねー 02:36:21 - 02:36:24： とな感じです 02:36:24 - 02:36:27： もし今パパなんか肩定義エラーとかデータ 02:36:27 - 02:36:29： が教えてください 02:36:29 - 02:36:32： 今ちょっとこの editor 正常にて 02:36:47 - 02:37:05： データとウランの方ってい 02:37:05 - 02:37:22： 一旦カメラオフにしています 02:37:22 - 02:37:25： スッキリしましたえっとエイター 02:37:25 - 02:37:27： のほうなんですけれども sw は部から 02:37:28 - 02:37:31： の赤いは取っていたりしますかね 03:05:41 - 03:05:43： おですね 02:37:34 - 02:37:36： からデーかとエラーを取りたりするんです 02:37:43 - 02:37:54： よかったです 02:37:54 - 02:37:56： javascript 独特の書き方とか 02:37:56 - 02:38:01： なかなか慣れないところあるかもしれない 02:38:01 - 02:38:11： んですよ 02:38:11 - 02:38:14： な勝てばスクリプトの雰囲気を感じ取って 02:38:14 - 02:38:20： いただけたらええ 02:38:20 - 02:38:23： 奥 et フック全員いそう 02:38:23 - 02:38:28： いましたねよかったです 02:38:28 - 02:38:33： っていう感じで書くことでえっと何だろう 02:38:33 - 02:38:37： ステイル5りばり帝都を意識した api 02:38:37 - 02:38:39： の取得というのがこれでできるようになり 02:38:40 - 02:38:43： キャッシュはいう swr がこの 02:38:43 - 02:38:49： フィットキーのキーに則ってえっとひど的 02:38:49 - 02:38:55： にキャッシュをしてくれます 02:38:55 - 02:38:58： にそのキャッシュの値がこのデータに 02:38:58 - 02:39:06： 歌ってくるという感じですね 02:39:10 - 02:39:14： 実は answr に今回も一つ 02:39:14 - 02:39:19： オプションを付けるんですけれども 02:39:27 - 02:39:42： あの後にえっとを 02:39:42 - 02:39:44： 塩つっている 02:39:44 - 02:39:48： お金がないんですけどこれを有効化させ 02:40:04 - 02:40:15： できましたからいい 02:40:15 - 02:40:18： えっと今つけたサスペンスっていうのは 02:40:18 - 02:40:20： なんなのこ 02:40:22 - 02:40:24： えっとちょっと 02:40:24 - 02:40:27： コンポーネントに切っそうしてから 02:40:27 - 02:40:29： 説明しようかなというふうに 02:40:35 - 02:40:37： えっとじゃあこのゆず作った fuze 9 02:40:37 - 02:40:44： 人 t を使っていきましょうか 02:40:44 - 02:40:45： 関係します 02:40:46 - 02:40:49： えっとじゃあ 02:40:49 - 02:40:51： x pureness もん 02:40:51 - 02:40:54： 家の神 op 02:40:54 - 02:40:57： なフックもヘッドコンポーネントで使って 02:40:59 - 02:41:02： とさっき使おうとしてた 02:41:02 - 02:41:05： 早え市中野 02:41:05 - 02:41:07： コミュニティの仲間ジョインティ 02:41:07 - 02:41:10： ディティールですね 02:41:11 - 02:41:13： さっきはこの 02:41:13 - 02:41:16： 神ゲーた鑑賞していたんですけれどもこれ 02:41:16 - 02:41:20： 愛知車て奔放にトレーにルックをパーンと 02:41:39 - 02:41:42： with コミュニティをインポートまず 02:41:42 - 02:41:44： きてきます 02:41:51 - 02:42:03： インポートしてきたら 02:42:03 - 02:42:12： 好みのフックをでまぁいたします 02:42:12 - 02:42:15： でえっとコミュニティー id を指定 02:42:15 - 02:42:17： する必要があるんですけれども 02:42:20 - 02:42:22： この ie 02:42:22 - 02:42:24： 47御名ですね 02:42:24 - 02:42:26： 入ってきているこの id が 02:42:26 - 02:42:29： えっとコミュニティ id にあたります 02:42:29 - 02:42:31： これはどこからデータが来ているかと言う 02:42:31 - 02:42:34： と url からですねいいわールールに 02:42:34 - 02:42:38： 越冬コミュニティの id が含まれて 02:42:38 - 02:42:41： いるのでそのあたりをとってきています 02:42:41 - 02:42:44： それをえっとコミュニティ id として 02:42:44 - 02:42:47： 深います 02:42:47 - 02:42:49： あいうえアウディ find いる方を 02:42:49 - 02:42:52： すればいい 02:42:52 - 02:42:54： んだよ 02:42:54 - 02:42:57： andy fighting フェア 02:42:57 - 02:42:59： からほしいあまり 02:42:59 - 02:43:02： いいいい実装じゃないですけれども 02:43:02 - 02:43:04： ちょっとこの畑 02:43:04 - 02:43:09： これで家になります 02:43:09 - 02:43:11： えっとこれ何がい何をしているかと言うと 02:43:11 - 02:43:13： andy ファインダーな場合の代わりの 02:43:13 - 02:43:17： 値をここで指定することができるって感じ 02:43:21 - 02:43:25： 何かいないのが良いですね時に 02:43:25 - 02:43:27： ねそこからデータを 02:43:27 - 02:43:30： とっていっ 02:43:34 - 02:43:36： エレンを 02:43:36 - 02:43:38： 入った所に 02:43:38 - 02:43:41： デイタワーもあらかじめ 02:43:46 - 02:43:49： ラミーデータを参照していたのでデータ 02:43:49 - 02:43:52： って書くだけでもうみんなそれを参照して 02:43:52 - 02:43:56： くれますね 02:43:59 - 02:44:03： 違憲な感じになります 02:44:04 - 02:44:07： お礼を実行すればおそらく 02:44:07 - 02:44:11： コミュニティのタイトルとか 02:44:12 - 02:44:15： 表示されるように 02:44:15 - 02:44:31： web サーバーをとにしていました 02:44:31 - 02:44:34： 売れでえっとタイトルがスイープの生地で 02:44:34 - 02:44:36： あればここに出てくると言うよね 02:44:36 - 02:44:39： ひょっと出てきましたね 02:44:39 - 02:44:42： みたいな感じでちゃんとコミュニティの 02:44:42 - 02:44:49： 得た後とってくるようになりました 02:44:49 - 02:44:53： ちなみなんですけれどもえっとさっき 02:44:53 - 02:44:54： しれっとつけた 02:44:54 - 02:44:57： いう底ミン副の 02:44:57 - 02:45:01： このサスペンスって言う奴が何なのか 02:45:04 - 02:45:06： これですね 02:45:07 - 02:45:10： 最近の利益との新機能で入ったんです 02:45:13 - 02:45:16： こういうプロミスとか非同期処理を pot 02:45:16 - 02:45:18： あんの 02:45:19 - 02:45:23： 片言的にかけるようにしようっていう動き 02:45:23 - 02:45:28： だったりとかアトリアクトのあの 02:45:28 - 02:45:31： 何だろうレンダリングの方式がちょっと 02:45:31 - 02:45:33： 変わったりしてユーザー体験をちょっと 02:45:33 - 02:45:36： 良くしようみたいな改善が入ったんですよ 02:45:37 - 02:45:40： でそれに対応させるよっていうフラグです 02:45:40 - 02:45:44： だ栗いうと 02:45:44 - 02:45:49： の略との最新機能に対応させるよと言う 02:45:49 - 02:45:50： プラグですね 02:45:50 - 02:45:52： がこの射しペースっていうフラグになり 02:45:54 - 02:45:56： これフラグ on にするとえっとどう 02:45:56 - 02:45:59： いう機能が使えるかというと 02:45:59 - 02:46:02： えっとさっきのコミュニティキールって 02:46:04 - 02:46:06： ページの 02:46:06 - 02:46:09： 愛理ですね移るとエッもうちょっと上の方 02:46:09 - 02:46:14： に行くと同じ文字+県すって言う 02:50:53 - 02:50:55： あのん 02:46:15 - 02:46:19： jsx があると思うんですけれども 02:46:19 - 02:46:25： これが使えるようになります 02:46:25 - 02:46:29： どういうことかというとえっと 02:46:29 - 02:46:31： このいうずコミュニティが 02:46:31 - 02:46:34： えっと promise 02:46:34 - 02:46:37： を使って loading なる取得して 02:46:37 - 02:46:42： いる通信中の場合は非同期処理中の場合は 02:46:42 - 02:46:46： このサスペンスのボールバッグ 02:46:47 - 02:46:49： ポニー何か言える塗るだけじゃなくている 02:46:52 - 02:46:55： 上とか入ったりするんですけれども 02:46:59 - 02:47:03： プラ水が解決するまでの間表示する 02:47:03 - 02:47:07： が要素というのを後にあの定義入り入れて 02:47:07 - 02:47:11： おくとかできるんですよね 02:47:11 - 02:47:12： だから 02:47:14 - 02:47:16： 何だろう例えば 02:47:19 - 02:47:20： とか取得 02:47:20 - 02:47:25： とかプラム手が解決するまではここにあの 02:47:25 - 02:47:27： ローダーの 02:47:27 - 02:47:30： 何だろうアニメーション表示する 02:47:30 - 02:47:34： 要素をここに入り込んできてとか言うこと 02:47:34 - 02:47:36： ができるようになります 02:47:36 - 02:47:39： 今までだったらあのローディングという 02:47:39 - 02:47:44： フラグを返してそのフラグが張ってたら 02:47:44 - 02:47:49： あのこのコンポーネントの中で表示おこう 02:47:49 - 02:47:52： 何だろう分岐とかした人かしてあ表示 02:47:52 - 02:47:55： 切り替えたりとかしてたんですけれども 02:47:55 - 02:47:57： 俺使うことによって 02:47:57 - 02:47:59： あのあらかじめ 02:47:59 - 02:48:01： あのそういう状況の場合 02:48:01 - 02:48:05： プロミスがまだ解決してないよという状況 02:48:05 - 02:48:07： の場合の表示っていうのもあらかじめ 02:48:07 - 02:48:10： こんな感じであの宣言することができる 02:48:10 - 02:48:13： ようになっていますはい 02:48:13 - 02:48:17： 他にも何かさっきユーザー体験がよくなる 02:48:17 - 02:48:19： ようみたいな話ししたと思うんですけれど 02:48:19 - 02:48:22： もそれの話もちょっとしておこうかなと 02:48:22 - 02:48:25： いうふうに思います 02:48:25 - 02:48:28： 最近の利益とってこのひとつの 02:48:28 - 02:48:31： コンポーネントが 02:48:32 - 02:48:35： リターンする値がこの jsx ラクじゃ 02:48:35 - 02:48:37： なくて 02:48:37 - 02:48:42： 他にもあのプロ蜜を投げるということも 02:48:42 - 02:48:45： できるようになっているんですね 02:48:45 - 02:48:49： その分ミスを投げた時にこのサスペンスっ 02:48:49 - 02:48:51： てやつが反応する 02:48:51 - 02:48:56： 稼働になってるんですけれど 02:48:56 - 02:48:59： でそのときにどんなことが起こっているの 02:48:59 - 02:49:03： かいうのをちょっと説明します 02:49:03 - 02:49:05： でしょちょっとスライドに移ります 02:49:05 - 02:49:09： はい気箔との妻リンダに腰ローっていう 02:49:09 - 02:49:12： 題名なんですけれども 02:49:12 - 02:49:18： えっと利益と最新のやつではちょっとあの 02:49:18 - 02:49:20： セット state さっきーアナゆず 02:49:20 - 02:49:21： state 使ったと思うんですけれども 02:49:21 - 02:49:25： このセットステッドを実行した時の挙動が 02:49:25 - 02:49:28： ちょっと変わってきたりとかします 02:49:28 - 02:49:31： というのもあのさっきコンポーネントが 02:49:31 - 02:49:34： プロ水を投げることができるみたいな風に 02:49:34 - 02:49:36： 話したと思うんですけれどもプロミスって 02:49:36 - 02:49:38： あれですねアヌ 02:49:38 - 02:49:41： apa 通信してたりとか 02:49:41 - 02:49:43： あのなんだろ 02:49:43 - 02:49:46： その時の非同期処理なんですけれどもよく 02:49:46 - 02:49:49： 使ったりすると思うんですけど 02:49:49 - 02:49:52： っていう時に例えばあの 02:49:54 - 02:49:58： 今回であればすぐ 02:49:58 - 02:50:02： 何から api を叩いてから取得完了 02:50:02 - 02:50:05： するまでに本当に人間にとっては一瞬の 02:50:05 - 02:50:09： 出来事であのローディングの表示って 02:50:09 - 02:50:13： そんなあの最初はいらないようなあ 02:50:13 - 02:50:17： にょそのぐらいの一瞬のローディング 02:50:17 - 02:50:20： hereむしろないほうがちらつきがない 02:50:20 - 02:50:23： からユーザー体験的にはいいんじゃないか 02:50:23 - 02:50:27： みたいな考え方が最近出てきてて 02:50:27 - 02:50:31： という一瞬で解決されるようなプロ蜜 02:50:31 - 02:50:34： によるその ui の血がつきっていうの 02:50:34 - 02:50:37： を防いだりとかあとそういうセット 02:50:37 - 02:50:40： state あの state 学校 02:50:40 - 02:50:43： あのなんだろう人間にとってほんと一瞬の 02:50:43 - 02:50:49： 間に何回もされるとあの 02:50:49 - 02:50:50： ステートに 02:50:50 - 02:50:52： あの state で ui が決定する 02:50:52 - 02:50:53： ので気 02:50:55 - 02:50:58： してなんだ state が細かく一瞬の 02:50:58 - 02:51:00： 間に切り替えるという愛のちらつきが 02:51:00 - 02:51:02： めちゃめちゃ起こるみたいなことに 02:51:02 - 02:51:05： つながったりするのでフレってすごく 02:51:05 - 02:51:07： ユーザーた一転よくないよねみたいな考え 02:51:07 - 02:51:09： 方があって 02:51:09 - 02:51:12： 北京の略とはこの 02:51:12 - 02:51:13： 何だろうヘッド state めちゃめちゃ 02:51:13 - 02:51:15： してたらちょっとせるってリングして 02:51:17 - 02:51:20： なんか budget ステープを間引い 02:51:20 - 02:51:24： たりとかあとプロミスをスローした時投げ 02:51:24 - 02:51:28： た時ば解決するまではセット state 02:51:28 - 02:51:31： 来てもレンダリングちょっとスキップし 02:51:31 - 02:51:34： ちゃおうみたいなことをしてあの有害な 02:51:34 - 02:51:37： ちらつき抑えるみたいな機能がちょっと 02:51:37 - 02:51:39： 入っいたりとかしますとすることで 02:51:39 - 02:51:42： ユーザー体験をもっと良くしてユーザーに 02:51:43 - 02:51:45： とって気持ちのいいあのアプリケーション 02:51:45 - 02:51:48： を作っていこうみたいな考え方が最近 02:51:48 - 02:51:51： ちょっと出てきてたりとかしますそれが 02:51:51 - 02:51:53： もう最近はも実用化されてきているので 02:51:53 - 02:51:57： 結構便利ですね 02:51:57 - 02:52:02： みたいな音がこのサスペンスっていう 02:52:02 - 02:52:08： フラグをツールした時に起こっています 02:52:08 - 02:52:11： っていう感じですね 02:52:13 - 02:52:15： 基本的に 02:52:15 - 02:52:17： アリですねあの 02:52:17 - 02:52:20： フロンぷエンド開発していく上で 02:52:20 - 02:52:23： を知っておいて欲しいみたいなところは1 02:52:23 - 02:52:25： と2 02:52:25 - 02:52:30： 磯はを抑えられたと思うので今日の最後の 02:52:30 - 02:52:33： 課題になります 02:52:33 - 02:52:36： ちなみにあのアリエス金コミュニティの 02:52:36 - 02:52:40： 表示はペインはクリックな人かね 02:52:40 - 02:52:43： 言えましょうかな 02:52:43 - 02:52:45： ぜひイヤー 02:52:45 - 02:52:49： えっと最後の8ついきますえっとあれです 02:52:50 - 02:52:54： 最初に紹介したと思うんですけれども 02:52:55 - 02:52:58： コミュニティ詳細画面で 02:53:06 - 02:53:10： コミュニティー詳細画面でまだコメントが 02:53:10 - 02:53:13： 実装されてないんですよ 02:53:13 - 02:53:16： これをぜひみなさんに実装していただき 02:53:16 - 02:53:19： たいなというふうに思っています 02:53:19 - 02:53:22： 実はえーっとコメントを表示するための 02:53:22 - 02:53:24： コンポーネントというのは1を良い人が 02:53:24 - 02:53:26： いるんですけれどももし 02:53:26 - 02:53:27： やりたければコンッ 02:53:27 - 02:53:30： スタイリングから一掃してみてもいいです 02:53:32 - 02:53:34： 4日の 02:53:34 - 02:53:37： 一掃しなくちゃいけないので 02:53:37 - 02:53:39： えっとおそらく 02:53:39 - 02:53:42： ちょっと時間がかかるかなぁと思ってい 02:53:45 - 02:53:48： もしちょっと難しいそうかなって思ったら 02:53:48 - 02:53:53： もう一つ選択しまってえっとイベントを 02:53:54 - 02:53:58： フックっていうのも課題として 02:53:58 - 02:54:00： 1を生きてあります 02:54:03 - 02:54:06： イベントにフォーム入力して百姓とした時 02:54:06 - 02:54:08： に越冬 02:54:08 - 02:54:12： 何ですか 02:54:12 - 02:54:15： ee i ポスト api を讃えて 02:54:18 - 02:54:20： イベント作成完了したら 02:54:20 - 02:54:25： もう一度このイベント一覧の項目を採用 02:54:25 - 02:54:29： 鋳込みするみたいな処理ですね 02:54:29 - 02:54:32： どちらかというとこっちはえっとロジック 02:54:32 - 02:54:34： 中心になります 02:54:34 - 02:54:37： こっちは ui もちょっと入ってきます 02:54:37 - 02:54:41： みたいな感じでちょっと選択形式で 02:54:41 - 02:54:43： やってみようかなというふうに思います 02:54:43 - 02:54:46： けっこうこれは時間額もあると思うので三 02:54:46 - 02:54:49： 重が20 02:54:49 - 02:54:53： あ10分ほど時間を取ろうかなと思います 02:54:55 - 02:54:57： をしようかな 02:54:57 - 02:55:00： 50分ぐらいまで 02:55:00 - 02:55:02： 時間とってみます 02:55:02 - 02:55:04： もしかしたらちょっと難しいかもしれない 02:55:06 - 02:55:09： えっと他の実装とか参考にしながら 02:55:09 - 02:55:14： コピーしたりとかしてみて越冬 02:55:14 - 02:55:17： ゲストしてみてください結構 02:55:17 - 02:55:19： チャレンジングな課題かと思うんです 02:55:21 - 02:55:23： 分かってください 02:55:23 - 02:55:27： はいこんな感じですじゃあ50分まで 02:55:27 - 02:55:31： やっていきます 02:55:31 - 02:55:33： うちらでも大丈夫です 02:55:33 - 02:55:36： イベント作る方でもえっとコメント表示 02:55:36 - 02:55:41： する方法おでん 02:55:41 - 02:55:44： もし完成しちゃったらあのきっとはくに 02:55:44 - 02:55:45： pull request 出しちゃって 02:55:45 - 02:55:55： も大丈夫です 02:55:56 - 02:55:59： チャンネルで共有したんですけれどももし 02:55:59 - 02:56:02： コメント this コメントの一覧れ 02:56:02 - 02:56:04： 疾走する上でデザイン困ったら 02:56:05 - 02:56:08： なんか figma でプロトタイプ 02:56:08 - 02:56:09： 作っているので 02:56:09 - 02:56:11： でみていただければ 02:56:11 - 02:56:14： なんかコメントの 02:56:14 - 02:56:17： デザインから方 02:56:17 - 02:56:24： 犯行にしていただけるかと思います 02:56:24 - 02:56:27： きっと理想とデザインが違うところが若干 02:56:33 - 02:56:35： 当局ずつ 02:56:35 - 02:56:39： なんか web コーディング的な感じで 02:56:40 - 02:56:43： どんな感じで一掃して 02:56:43 - 02:56:44： したかをちょっと 02:56:44 - 02:56:51： 教えようかなというふうに思います 02:56:51 - 02:56:55： まずはコミュニティ作成の方から 02:56:55 - 02:56:58： 帝国なと思います 02:57:06 - 02:57:09： これにピッチャー群の中のコミュニティ 02:57:09 - 02:57:12： イベントのモジュールに 02:57:12 - 02:57:16： 22名と作成する復興か 02:57:16 - 02:57:19： なんか最初用意されてたんですけどそこに 02:57:25 - 02:57:27： クリエイトコミュニティイベントメソッド 02:57:27 - 02:57:31： の中にえっと実際に apa 処理をはい 02:57:31 - 02:57:34： 行きます 02:57:34 - 02:57:36： 床のニューズ state あらかじめ 02:57:36 - 02:57:39： 用意されてたと思うので 02:57:39 - 02:57:41： えっとこんな感じで 02:57:42 - 02:57:44： 最初にこんな 02:57:44 - 02:57:47： ステートの種類というのを 02:57:48 - 02:57:50： ユニオンタイプで 02:57:50 - 02:57:53： 今なら初期にあっタイプって言って 02:57:55 - 02:57:57： どんな state があるのかというの 02:57:59 - 02:58:01： うまくちょっとっ 02:58:02 - 02:58:03： 説明できますか 02:58:03 - 02:58:05： 弓アンタイプっていうのがあるんです 02:58:06 - 02:58:08： 1はこれで 02:58:08 - 02:58:12： 方のタイプを定義しています 02:58:14 - 02:58:18： 処理の順序によって 02:58:18 - 02:58:21： このステーと同じにするかっていうのを 02:58:21 - 02:58:24： セット state で更新していきます 02:58:24 - 02:58:28： まずえっと loading 02:58:28 - 02:58:32： きてからずっと 02:58:32 - 02:58:35： ですねコミュニティイベント 02:58:36 - 02:58:39： 結果 api たたいといっ 02:58:39 - 02:58:40： に完了 02:58:40 - 02:58:44： ええっとちゃんと正常だったら 02:58:44 - 02:58:46： 雨作成数 02:58:46 - 02:58:51： にして不安の会長はみたいな 02:58:51 - 02:58:56： 味の処理を書いてます 02:58:56 - 02:59:02： これ使うときにはえーっと 02:59:02 - 02:59:04： これですねコミュニティディティール 02:59:04 - 02:59:07： アイルのえっとのリクエスト 02:59:07 - 02:59:11： クリエイティブベント72買うんですね 02:59:11 - 02:59:13： 後に帰っていくんですけれど 02:59:17 - 02:59:19： あのプロミス 02:59:19 - 02:59:21： ショットを実行して 02:59:21 - 02:59:26： その結果を変数逃げてその結果ねもし 02:59:26 - 02:59:29： 正常だったらペットエッジリスト 02:59:29 - 02:59:30： コミュニティイベント 02:59:30 - 02:59:36： 実行してえっとコミュニティーのリスト4 02:59:36 - 02:59:40： を再度行使するみたいな処理を方に書いて 02:59:41 - 02:59:43： このリクエストクリエイティブイベント 02:59:43 - 02:59:46： っていうのは 02:59:46 - 02:59:49： えっとこのホームのも誰ですね 02:59:49 - 02:59:53： 問題はえーっと 02:59:53 - 02:59:56： イベントを作成してねっていう風に 02:59:56 - 02:59:58： リクエスト投げる時のハンドラーがあるん 02:59:58 - 03:00:01： ですけどそのときに実行されるように 03:00:01 - 03:00:03： あの入れてますね 03:00:03 - 03:00:05： いう感じで 03:00:05 - 03:00:09： 福られるようになっています 03:00:09 - 03:00:10： ともう一つ 03:00:10 - 03:00:14： 8コミュニティのコメントですね 03:00:14 - 03:00:17： のほうなんですけれども 03:00:17 - 03:00:18： いいと思う 03:00:18 - 03:00:24： それは 03:00:28 - 03:00:30： ページから辿っていくと 03:00:30 - 03:00:33： コミュニティのリストが表示されている 03:00:33 - 03:00:35： コンポーネントっていうのはこの 03:00:35 - 03:00:38： コミュニティイベントサマリファイルの中 03:00:38 - 03:00:43： で越冬を定義されています 03:00:43 - 03:00:47： で f 実際のコメントというのはえっと 03:00:47 - 03:00:49： ここの中ですね 03:00:49 - 03:00:52： 最初はえーっと2とか書いてあったと思う 03:00:52 - 03:00:55： んですけれどもこのあらかじめ 03:00:55 - 03:00:57： グリーンティーイベント9面とリストって 03:00:57 - 03:01:02： いうあのコメント一覧のコンポーネント 03:01:04 - 03:01:06： コンポーネントあらかじめ用意しちゃった 03:01:06 - 03:01:09： んですよねそれを使うことでえっと一覧系 03:01:09 - 03:01:10： のも 03:01:10 - 03:01:13： を実装することができます 03:01:13 - 03:01:17： でえっとちょっとスタイルがあのもう 03:01:18 - 03:01:21： 中世する必要があったので cas を 03:01:21 - 03:01:24： ガーッとちょっと書く感じにはなります 03:01:24 - 03:01:26： このが入っ 03:01:27 - 03:01:31： えっコメントはなかったときな 03:01:31 - 03:01:33： えっとスタイルだったりとか 03:01:33 - 03:01:38： みたいなのをここに変えたりとか 03:01:38 - 03:01:41： いますね 03:01:41 - 03:01:49： みたいなのを開くとえっと 03:01:49 - 03:01:51： 濃いですね 03:01:51 - 03:01:52： こんな感じでコメントがない場合は 03:01:52 - 03:01:54： コメントまでありませんって 03:01:54 - 03:01:57： 鉄平ペット 03:01:57 - 03:02:01： ありを送信するとこんな感じで出てくる 03:02:01 - 03:02:03： ようになってます 03:02:08 - 03:02:10： いいのが 03:02:10 - 03:02:12： とコメントのコミュニティラーの二種を 03:02:12 - 03:02:15： する方法に 03:02:16 - 03:02:21： これのえっと差分というのは家を今切っと 03:02:21 - 03:02:24： 羽生の方にプルリクエストで 03:02:24 - 03:02:26： だしておいたので 03:02:26 - 03:02:29： 落ち着き見ていただけると 03:02:29 - 03:02:31： 具体的なサブんが 03:02:31 - 03:02:37： にいうかなって思います 03:02:37 - 03:02:53： 一応ちょっとリンク貼っときますね 03:02:53 - 03:02:55： いました 03:02:55 - 03:02:59： wii クエストに試走する時の差分が 03:02:59 - 03:03:02： 載っているのでもし気になる人がいれば 03:03:02 - 03:03:08： 生きみてください 03:03:10 - 03:03:13： 実装だったのかなっていうふうに思って 03:03:13 - 03:03:17： いるんですけれどもあの何でも風 03:03:17 - 03:03:20： 何だろうクライアントの実相慣れてない方 03:03:20 - 03:03:22： そして javascript はあまり 03:03:22 - 03:03:25： 書くシウバがない方とか 03:03:25 - 03:03:27： 逆とあんまり回か分からない方とか 03:03:27 - 03:03:31： なかなか慣れない 03:03:31 - 03:03:33： 公文だったりとかたくさんあったのかなと 03:03:33 - 03:03:36： 思うんですけれどもそれでも 03:03:36 - 03:03:38： 三瓶ほど何かも 03:03:38 - 03:03:40： 突破されている方がいて 03:03:40 - 03:03:43： ちょっとビビってます 03:03:47 - 03:03:52： で越冬今回はこのえっと最終 03:03:52 - 03:03:55： かないっていうのはあのこんなん作りて 03:03:55 - 03:03:59： いることが特にあの目標ではなくて実際の 03:03:59 - 03:04:02： アプリケーションではどんな感じで実装さ 03:04:02 - 03:04:06： れているのか見たいなどを実際に講師数を 03:04:06 - 03:04:08： してみて体感してみる空気を感じてみ 03:04:08 - 03:04:10： るって言うのか 03:04:10 - 03:04:13： あの狙いになっています 03:04:13 - 03:04:17： なのでえっと今回実装できなくても全然 03:04:17 - 03:04:18： 触れば 03:04:18 - 03:04:21： あーな何だろう利益力が低いとか全然 03:04:21 - 03:04:24： そんなことはなくて 03:04:24 - 03:04:29： あのそれよりももっと大切なことはあのー 03:04:29 - 03:04:30： 何でしょ 03:04:30 - 03:04:32： これから 03:04:32 - 03:04:36： シャベルありですね3つの愛発で大切に 03:04:36 - 03:04:41： することを目指しますね 03:04:41 - 03:04:43： ニットウ 03:04:49 - 03:04:52： 3つのことをすべきかなユーザーが伝え 03:04:52 - 03:04:54： 支えるためにはどうするのかとか 03:04:54 - 03:04:56： すべてのデバイスで使えるためにはどうし 03:04:56 - 03:04:57： たらいいのか 03:04:57 - 03:04:59： ディフューザーに相殺ストレスは台南ため 03:04:59 - 03:05:02： にはどうしたらいいなーって言う 03:05:02 - 03:05:07： のこの大論というかあのどんなことなん 03:05:07 - 03:05:09： だろうもう 03:05:09 - 03:05:12： 方向でこの礼文車はい髪っていうのが行わ 03:05:12 - 03:05:16： れているとかというのを一通り 03:05:16 - 03:05:21： を知ることが今回の目標だったりするので 03:05:21 - 03:05:24： そこを知って頂ければ今回の天使をやった 03:05:24 - 03:05:27： 意義があったのかなというふうに思ってい 03:05:30 - 03:05:34： ぼちぼち時間も時間なのでクロージングに 03:05:34 - 03:05:37： 入っていこうかなというふうに思っている 03:05:43 - 03:05:45： ぴよりも 03:05:47 - 03:05:50： 合うすんなり進んでよかったなというふう 03:05:51 - 03:05:54： 感としては持っています 03:05:54 - 03:05:57： 全然あの web フロントの 03:05:57 - 03:05:59： エンディングにあじゃなかったとしても 03:05:59 - 03:06:01： web を触る機会っていうのはこれから 03:06:02 - 03:06:05： あると思うのであの 03:06:05 - 03:06:10： 時に言ってろいうことを気にするべきなん 03:06:10 - 03:06:14： だっけ遺伝を頃を今回の研修で 03:06:14 - 03:06:16： 感じていただけたら一番いいかなという 03:06:16 - 03:06:21： ふうに思っています 03:06:23 - 03:06:26： えっと室通り 03:06:26 - 03:06:29： たいことは0系たかなというふうに思って 03:06:30 - 03:06:31： 3勝 03:06:31 - 03:06:35： 表の講師をさせていただきました 03:06:35 - 03:06:39： 吉川でしたチューターのアピさんと江幡 03:06:39 - 03:06:45： さんにも拍手をよろしくお願いします 03:06:45 - 03:06:47： うんはーい 03:06:47 - 03:06:50： はいはいん 03:06:50 - 03:06:53： みたいな感じで狭域日の web フロント 03:06:53 - 03:06:55： の研修を 03:06:55 - 03:06:58： 以上にしたいと思います一日本当に長丁場 03:06:58 - 03:07:02： でしたがありがとうございました 03:07:09 - 03:07:10： 何かまたあの 03:07:10 - 03:07:13： なんだろう web フロント触っていく 03:07:13 - 03:07:16： 中でわからないこととかあれば全然 dm 03:07:16 - 03:07:19： でもチャンネルでもすぐに聞いてくれたら 03:07:19 - 03:07:22： 案でも一緒に考えるので 03:07:22 - 03:07:26： あの気軽に来てください