【報告】#2 WP ZoomUP 前川昌幸『2018年のフロントエンドのトレンドから見るコーディング事情』

こんにちは。10/11(木)に行われたオンラインWordPress勉強会『WP ZoomUP』の第二回(初めてのセッション回!)にご参加いただいたみなさん、ありがとうございました!

WP ZoomUP の概要、参加方法、運営者情報はこちらにまとまっています。

WP ZoomUPは月に2回。スペシャリストを招いて話してもらう「セッション回」と関連する内容についてワイワイみんなで話し合う「座談会」を一度ずつ開催します。

今回は初めてのセッション回。前川昌幸さん(@maepon)をお迎えして、『2018年のフロントエンドのトレンドから見るコーディング事情』というタイトルでお話いただきました。

開催概要

当日は70人名の方がオンラインにお集まりくださいました!ありがとうございます!

導入

Mentimeterという双方向プレゼンツールを使ってWP ZoomUPの説明やアンケートを行いました。参加者のみなさんにはお住いの地域など聞いたのですが、前川さんがお住いの岡山勢はやはり多かったですね!

セッション『2018年のフロントエンドのトレンドから見るコーディング事情』(前川昌幸)

写真:説明中の前川昌幸さん。
ホワイトボードも使って解説する前川さん。「先生っぽい!」とのお声も^^

HTML・CSSのお話から始まり、アクセシビリティ、JavaScript(脱jQuery)、ツール(Sass、TypeScript、ES2018、IE11)、タスクランナー(gulp)、バンドラー(webpack)と続き、最後は表示速度…とフロントエンド全般のお話を分かりやすくお話いただきました。

全体を体系的に学ぶことで、近年のトレンドと今後どうなっていくかを知ることができ、アンケートでも「わかりやすかった」と高い評価をいただきました。前川さん、ありがとうございました!

内容に関しては、下記の資料やご参加いただいた方のブログに詳しく載せていただいておりますので、ぜひご覧くださいませ。

動画

オンライン勉強会の記録(前半少し切れています。すみません><)

スライド(ダウンロードしてご覧ください)

セッションで使われたリンク集

関連勉強会

リーダブルな夜 on 2018/11/05(前川さんが運営されているアクセシビリティの勉強会)

自己紹介タイム & 懇親会

自己紹介は、本編終了後に希望者のみ残って行いました。今回も数人ずつのグループで、何分間を2セット行いました。どのくらいの配分が良いのかはまだまだ模索中。

筆者(村上)の個人的には、今まで直接の面識はないけどSNS上で注目していた方と同じグループになり、ご挨拶できたのがオンライン勉強会の面白みの一つでもあるなと感じました。

懇親会では、残ってくださった方のお話を聞いたり、今回は「gulp か? npm scriptsか?」というトピックでみなさんの意見が聞けたりで、親睦が深まると同時に学びも深まる会となりました。

写真:懇親会に最後まで残った19人の様子
懇親会は延長に延長を重ねて1:30まで。今回は「蛍の光」を流して強制終了。

ブログ

ブログを書いてくださった皆さま、ありがとうございました!細かく内容を記載くださっていたり、考えを書いてくださったり…私たちもとても勉強になりました!

 sayokomiura’s BLOG – WP ZoomUP #2

幅広いお話しを聞いて、勉強したいことが増えて焦ったのですが、まさに、前川さんから
「やってないからといってあまり危機感に煽られないように注意しましょう。でも、鈍感でも問題ですよ」
というお話もありました。
自分に必要なものは何か考えて、勉強していかなければと改めて思ったのでした。
このようなコミュニティがあるのは、本当にありがたいことです。

ebicology – WP ZoomUP (#2) #wpzoomup

第2回WP ZoomUP  が終わった後、強く思った事は「Sassを勉強するべき!」でした。
どういう物なのかお恥ずかしながらぜんぜん分からないのでまずはご紹介頂いている本を買って読んでみるところから始めてみたいと思います。
欲しい本が一気に決まった。

Ewig Leere(Lab) – WP ZoomUp #2 参加メモ

Webサイト作成におけるフロントエンドの動向を広範に説明して頂き、一通り整理することができました。
「無理に焦る必要はないが、今のままで良いと停滞し続けるのも良くはない」ということで、私個人としては今までのように少しずつ成長を続けていければ良いのではないか、と思いました。
ただし、それも「今までの延長線」だけではなく、全く新しい分野へのチャレンジも含むなどして、適宜できることを拡張できるようになりたいと思います。

photosynthesic – フロントエンドの限界は : WP ZoomUP vol.2 所感

前川 昌幸さん『2018年のフロントエンドのトレンドから見るコーディング事情』、短時間で凄い情報量を分かりやすくまとめてらっしゃって素晴らしかったです。 (中略) その流れるようなお話を拝聴し、皆さんの反応を見ながら、フロントエンドの限界について思いを巡らしていました。

ご参加 & アンケートへのご協力ありがとうございました

第2回目のWP ZoomUPにご参加いただいたみなさま、ありがとうございました!今回も皆さんがチャットなどを使って活発に議論してくださったおかげで、とても盛り上がりました。

また「録画してる?」「◯◯さん、音聞こえてないよ」「リンク貼って!」など、参加者の皆さんのフォロー…と言いますか、一緒に作り上げてくださっている感じがとても心強く、嬉しいなぁと感じておりました。ありがとうございます!

アンケートにご協力くださった皆さまありがとうございした(しかも、しっかりとご記入いただき…ありがとうございます(;-;))。評価・ご意見等々、今後の運営に反映いたします。

WP ZoomUP の今後をフォローしよう!

予告

#3 WP ZoomUP 座談会 WordPress の勉強の仕方あれこれ

WordPressの学び方、 信頼できる情報源、わかりやすかった本、テーマやプラグインの選び方など、みんなで情報交換しましょう!また、Facebook広告のセットアップの実演やWordPress5.0のリリース情報についてもシェアします。

詳細、お申し込みはconnpassのイベントページをご覧ください。

#4 WP ZoomUP ページビルダーとGutenbergを理解する!- 中島良子・真洋、北島卓

1つ目のセッションはBeaver Builderというページビルダーを使った”コーディングをせずに”ウェブサイトを作るデモを、中島良子さん、中島真洋に実演していただきます(WordCamp Tokyoでも大好評だったセッションの再演)。

2つ目のセッションは北島卓さんにGutenbergブロックの概要と、ご自身が公開されているカスタムブロックについて紹介していただきます。

詳細、お申し込みはconnpassのイベントページをご覧ください。また、ページビルダーの動画、Gutenberg、サイトビルダーSaaS、あるいは、「ウェブアセンブラー」、「カスタムフィールド」製造業界といったワードが気になる方はこちらをお読みください

チャットログ

20:59:17 Toshiyuki Takahashi : わんちゃんとねこちゃんも参加できる勉強会はこちらです
21:02:52 Tatamise : 都合にて1時間くらいで退出します・・・しれっと失礼いたしますがご容赦を。
21:02:53 有道 近藤 : 音聞こえない。。
21:03:36 Toshiyuki Takahashi : 見えてまーす
21:03:45 Armband : 見えてます
21:03:46 森 和恵 : こんにちは!見えてます!
21:03:50 森 和恵 : 8888
21:03:53 Junko Nukaga : 88888
21:03:54 Ryu Shindo : パチパチパチパチ
21:03:55 Toshiyuki Takahashi : 88888
21:03:55 山本達男 : 8888888
21:04:04 Junko Nukaga : 音が聞こえない方はデバイスの設定かも?
21:04:13 Junko Nukaga : 大丈夫かしら?
21:04:45 Toshiyuki Takahashi : にゃー
21:04:53 hidenori akiyama : にゃー
21:05:59 晴信 太田 : 質問ってどこからすればいいですか??
21:06:36 Toshiyuki Takahashi : 岡山強し
21:06:40 Junko Nukaga : 質問はこちらのチャット画面に書いてくださったら大丈夫ですよー。mentiの最後にも自由質問があるかも?
21:06:41 Shotaro Inoue : 岡山すごい!
21:06:51 hidenori akiyama : 岡山つよーい!
21:06:54 Naoko Murakami : さすが岡山!
21:06:55 sachi majima : さすが大都会
21:07:03 hiranomasaki : さすが、大都会岡山
21:07:08 チカスギ : mentimeterおもしろい!
21:08:32 Junko Nukaga : 話したい人はミュートを解除して発言してね!
21:10:08 晴信 太田 : menti.comにアクセスすればいいんですか
21:10:39 Naoko Murakami : >太田さん、はいそうです!
21:10:47 Naoko Murakami : で、『67712』
21:10:55 Naoko Murakami : と入力してください!
21:11:58 晴信 太田 : あっ、表示できました
21:12:12 Naoko Murakami : 良かったです!(o^^o)
21:12:19 Hiroshi Urabe (torounit) : connpass は以外に強い
21:12:27 Ryu Shindo : connpassの通知はリピーターには強力ですよね
21:12:40 Naoko Murakami 終了 有道 近藤(プライベート) : 聞こえましたか?
21:14:23 hidekazu matsubara : ふむふむ
21:14:28 有道 近藤 終了 Naoko Murakami(プライベート) : ずばばーーーーん!!!
21:15:25 Naoko Murakami 終了 有道 近藤(プライベート) : 聞けたっぽい!
21:17:33 晴信 太田 : wpzoomup.comのテーマはなんですか?
21:17:45 hiranomasaki : きゃー、西川さーーん
21:18:02 sachi majima : 記事読みました!
21:18:04 sachi majima : https://mirai.doda.jp/series/interview/shinichi-nishikawa/
21:18:08 hidekazu matsubara : 読みました!!!!
21:18:10 shoko matsuo : よんだー!いい記事!!
21:18:16 Sayoko Miura : 読みました〜!!
21:18:19 Hiroshi Urabe (torounit) : もってるぞー!
21:18:22 Toshiyuki Takahashi : 読みましたー
21:18:22 Yuki Oonishi : 読みましたー!すてきな記事でした!
21:18:25 ながとみ : 読みましたよー
21:18:34 Yoshiaki Shizumi : よみました!
21:18:37 shoko matsuo : むらかみさーん
21:18:44 Toshiyuki Takahashi : 888888
21:18:46 Tatamise : 読みました!岡さん経由の取材?世界のつながり感面白い
21:18:48 晴信 太田 : 8888
21:18:51 有道 近藤 終了 Naoko Murakami(プライベート) : 888888
21:18:52 ながとみ : 888888
21:18:53 T.Saita : 888888
21:19:00 shoko matsuo : 88888888
21:19:34 Toshiyuki Takahashi : 8888888
21:21:08 有道 近藤 終了 Naoko Murakami(プライベート) : ごいすー
21:21:52 晴信 太田 : saasじゃないですよね
21:21:52 Naoko Murakami 終了 有道 近藤(プライベート) : 有道さん、プライベートチャットになっています(T0T)
21:22:04 Hiroshi Urabe (torounit) : WordPress だからね!!!
21:22:18 hiranomasaki : Vue.jsはいいぞ!
21:22:50 Junko Nukaga : 皆無ではない、というレベルでも使ってる、かな
21:22:51 有道 近藤 終了 Naoko Murakami(プライベート) : たまに使ってるの選択肢がほしー
21:23:10 有道 近藤 終了 Naoko Murakami(プライベート) : ラジャーっすありがとー。
21:23:41 晴信 太田 : 西川さんのアップになった
21:23:44 Toshiyuki Takahashi : 888888888
21:23:45 Naoko Murakami 終了 有道 近藤(プライベート) : 発言ありがとうございますー(><)21:23:48 晴信 太田 : 88888821:23:50 Armband : 8888821:23:50 Naoko Murakami 終了 有道 近藤(プライベート) : 888888888888888821:23:51 有道 近藤 終了 Naoko Murakami(プライベート) : 8888821:23:51 fujiwara : 88888888821:23:53 森 和恵 : 8888888888888888888888888888821:23:54 ながとみ : 88888821:23:54 shinnosuke : 888888821:23:59 Chiharu Ebisugawa : 888821:24:00 Toshiyuki Takahashi : 盛り上がっていきましょう21:24:01 Naoko Murakami : 888888888888888821:24:01 Junko Nukaga : 8888821:24:01 山本達男 : 8888888821:24:05 hidenori akiyama : 88888888821:24:06 Shotaro Inoue : 8888888821:24:08 KEISUKE HORIE : 88888888821:24:09 @webmemo777 - : 8888888821:24:18 Toshiyuki Honda : 8888888821:24:25 Junko Nukaga : 西川さーん、あとから入ってきた人のために一度全員ミュートをお願いします!21:25:03 Junko Nukaga : 8888821:25:03 toru : 88888888 って表示されてるのが多いのですが、これはこちら側で何か文字化けしてるのでしょうか?21:25:13 Hiroshi Urabe (torounit) : パチパチパチですね。> toru
21:25:19 as : 拍手の意味ですね
21:25:19 hidekazu matsubara : 合いの手!
21:25:24 @webmemo777 - : 拍手代わりですね^-^
21:25:51 hiranomasaki : きゃー、前川さーーん
21:25:57 toru : なるほど!ありがとうございます!
21:25:58 Armband : 出ました
21:25:59 Yuki Oonishi : ずっと ハハハハって笑ってるのと勘違いしてました……
21:26:14 Naoko Murakami : 可愛い!ハハハ
21:26:16 Shinichi Nishikawa : ハハハ
21:26:23 Naoki Ohashi : おねがいしますー!
21:26:31 Junko Nukaga : かわいい!
21:26:58 晴信 太田 : イーネットワークスは何をする会社ですか?
21:27:46 晴信 太田 : 大きな会社ですね。前川さんが社長??
21:28:47 Shinichi Nishikawa : https://gist.github.com/maepon/01017aecf57223b16297abc7749f1b1a
21:30:29 sachi majima : 地方の受託会社の会社員の派手めな業務外活動とその効用 #oso2018
21:30:32 sachi majima : https://speakerdeck.com/maepon/di-fang-falseshou-tuo-hui-she-falsehui-she-yuan-falsepai-shou-menaye-wu-wai-huo-dong-tosofalsexiao-yong-number-oso2018?slide=3
21:30:45 Junko Nukaga : 間島さんありがとうございますー!
21:31:06 Hiroshi Urabe (torounit) : すっげーふくざつなフォームがあるサイトとかは?
21:31:42 Shinichi Nishikawa : Google map…!
21:31:51 Armband : フォームやユーザ入力とそれに対する処理が求められるものはアプリ的な範疇に片足を突っ込みそうですね
21:32:00 yuri : PWAあたりが境目ですか?
21:32:21 Hiroshi Urabe (torounit) : そのサイトのURLください!
21:32:48 Shinichi Nishikawa : https://techcrunch.com TechCrunch
21:33:03 yuri : そうです!ツイッターLiteとか??
21:33:26 Hiroshi Urabe (torounit) : PWA はむしろWEBサイトも含めた技術なんじゃないかと。
21:34:01 Shinichi Nishikawa : いまさら聞けないPWAとAMP
21:34:01 Shinichi Nishikawa : https://qiita.com/edwardkenfox/items/4c0b9550ffa48c1f0445
21:35:35 shinnosuke : Webサイトよりのフロントエンドの話
21:36:30 Hiroshi Urabe (torounit) : 温故知新というか使いどころなんじゃないかと。
21:37:35 Shinichi Nishikawa : 枯れた技術の水平思考
21:37:37 Junko Nukaga : 私は新しい案件で、できるだけどんなに小さくても1個は自分にとって新しいことしようかなとかしています。
21:37:47 Armband : 受託だと変にブレたものも使いづらいですしね
21:38:35 as : リビングスタンダードがいいです
21:38:37 hiranomasaki : 安定した技術を使うのと、それ以外を知らないは意味合いが違うと思いました(個人の感想)
21:39:21 Hiroshi Urabe (torounit) : https://github.com/whatwg/html
21:40:44 as : 常にアップデートされてるイメージですかね
21:41:13 Hiroshi Urabe (torounit) : ブラウザが実装しないと勧告はされないですよね。
21:41:39 Junko Nukaga : http://www.tohoho-web.com/html/memo/htmlls.htm
21:42:09 Junko Nukaga : リビングスタンダードで検索したらとほほが一番上に出た。とほほ強い!
21:42:13 Armband : hgroupとかもめた記憶が
21:43:07 晴信 太田 : 今日は録画はされてないんでしょうか?
21:43:33 有道 近藤 : 見えない方はビデオの固定をしたら良いですよ。
21:43:39 as : :おやゆびグッド:
21:43:48 mimi nari : 使いづらかったですねえ…
21:45:13 as : ああ、良かったです。dlは表形式で見せたいのです。
21:45:18 yori3 : dtの中もどのタグ入れてもいいんでしたっけ?
21:45:19 Armband : dt1つに対してdd複数を対応させるとかやりたいこともありますからね
21:45:33 as : いちいちセル長を設定してました
21:45:40 Chiharu Ebisugawa : Dlにdivは隣接してなくてもいいんですか?
21:45:54 as : 直下ですかね
21:46:14 有道 近藤 : 頭文字D
21:46:25 Chiharu Ebisugawa :
21:46:34 Chiharu Ebisugawa : あ、途中で送っちゃった
21:47:02 Chiharu Ebisugawa : 大丈夫です!
21:47:11 Chiharu Ebisugawa : ありがとうございます!
21:47:26 Chiharu Ebisugawa : そんなことあまりないと思うんですけどもしあったらーみたいな
21:47:32 Chiharu Ebisugawa : 感じでしたありがとうございます。
21:48:02 hidekazu matsubara : 明日から使います!
21:48:17 Armband : 8341(やさしい)
21:48:25 山本達男 : https://capitalp.jp/2018/10/11/gutenberg-new-lead-and-community-reaction/
21:49:28 Shinichi Nishikawa : 内閣府 http://www8.cao.go.jp/shougai/suishin/sabekai.html
21:54:03 as : フォントのサイズ 大中小 ですかね
21:54:19 山本達男 : https://www.google.co.jp/search?q=WAI-ARIA&oq=WAI-ARIA&aqs=chrome..69i57j69i60j0l4.183j0j4&sourceid=chrome&ie=UTF-8
21:54:32 Armband : WAI-ARIAはFontAwesomeやBootstrapのサンプルで見ますね。
21:54:52 as : ユーザは勝手にズームするんで
21:55:05 Hiroshi Urabe (torounit) : ほんとそれ
21:55:11 as : WInだと拡大鏡はつかわれてるのかなぁ?
21:55:12 Ak : ダークモードとか大中小ボタンは関係ないそうね
21:55:26 Hiroshi Urabe (torounit) : 拡大鏡は弱視の親父が使ってましたね。
21:55:32 as : なるほど!
21:55:38 as : ありがとうございます
21:55:40 Takayoshi Koyama : 役所のサイトにあるあのボタンだね
21:55:53 as : そうです
21:56:13 Hiroshi Urabe (torounit) : OSのハイコントラストモードの影響をブラウザは受けます(IE)
21:56:56 Hiroshi Urabe (torounit) : https://torounit.com/wp-content/uploads/2014/01/gunma.png
21:57:00 Hiroshi Urabe (torounit) : こんなかんじになったりする
21:58:04 Chiharu Ebisugawa : 行政系のコンペでは大中小ボタンとかカラー反転がアクセシビリティの必須項目にされちゃているので、このお話が周知されるといいなぁと思いました。
21:58:19 as : そうですよね・・・
21:58:26 Chiharu Ebisugawa : きっとそうですね!
21:58:30 as : 当事者の声が届くといいのですが
21:58:41 Ak : 行政はひらがなとか読み上げとかがてんこ盛りで、ある意味凄いと思う
21:58:54 as : もっと、障害のある人が、作り手に回らないと
21:59:00 Armband : いらないのにやってる感が強いので分かりやすく、仕様書に盛り込まれる項目
21:59:08 Shinichi Nishikawa : リーダブルな夜 https://readable-na.world/
21:59:14 Junko Nukaga : 作り手に回るって考え方いいですね
21:59:24 as : 障害者雇用の面でも、つくり手にガンガン回ってほしいのです
21:59:30 Chiharu Ebisugawa : 実用者の声って大切ですよね
21:59:31 Hiroshi Urabe (torounit) : 運用側のマターが大きいんですよね
21:59:33 晴信 太田 : 上手なaltの付け方とかあるのでしょうか??
21:59:58 Naoko Murakami : リーダブルな夜、11/5
22:00:00 Naoko Murakami : https://readable-na.connpass.com/event/103866/
22:00:07 Shotaro Inoue : 参加したい!
22:00:25 Ak : alt 写真:踊ってる女性 みたいな
22:00:29 晴信 太田 : 動画も撮ってほしいです・・・
22:00:38 Armband : バナー画像、先方担当者が追加して、その際にこちらから「上手につけないと折角私用に盛り込んだアクセシビリティの仕様をご自身で損ないますよ」と注意しても入れてくれないaltとかありそう
22:00:54 晴信 太田 : 聞こえてます
22:00:57 @webmemo777 - : 聞こえてまーす
22:00:59 Naoko Murakami : https://www.slideshare.net/nozomisawada969/important04-sawada20170603
22:01:00 sachi majima : より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと https://www.slideshare.net/nozomisawada969/important04-sawada20170603/
22:01:26 as : なかねさんによると「オシャンティなファッションサイトでは、おしゃれなaltが欲しい」って、又聞きして、「ライティング。。。」と絶句しました
22:01:36 as : (なかねさんという全盲の方です)
22:01:56 sachi majima : ライターさんに alt も書いてもらいたいですね
22:02:01 Junko Nukaga : それは頑張りたい!
22:02:14 as : Dartのバージョニングが1系だったので、「古くね?」と勘違いしました
22:02:26 as : 実際は、Dartは新しい言語でした
22:02:42 Armband : ちなみに実質Sass(Scss含む)ですよね?
22:02:56 Hiroshi Urabe (torounit) : 気にしたら負け
22:03:38 Armband : node-sass使っててエラー吐かれたり……
22:03:44 晴信 太田 : sassの本って出てないですね・・・売れないのかな??
22:03:50 有道 近藤 : ワードプレスならWP-SCSSだよー。
22:03:53 as : インプレスの「Sassの教科書」のサイトがRuby Sassのままでした
22:03:57 as : 今日見たら
22:04:07 hidekazu matsubara : ピンク色。。。
22:04:12 as : 第二版でてます
22:04:15 as : 買いました
22:04:21 Junko Nukaga : https://ja.wordpress.org/plugins/wp-scss/
22:04:22 as : まさにLibsass対応
22:04:26 Yoshiaki Shizumi : 2半はLibSassです
22:04:32 Armband : https://www.amazon.co.jp/Web制作者のためのSassの教科書-改訂2版-Webデザインの現場で必須のCSSプリプロセッサ-平澤-隆/dp/4295002356/ref=pd_lpo_sbs_14_t_0?_encoding=UTF8&psc=1&refRID=KWDCPCZNZX5ZXPK9Z7WS これですかね?
22:04:44 Yuki : これからSassを勉強するときはLib Sassを調べていけばいいんですかね。。。
22:05:23 ghichi : 勉強になります!
22:05:28 Hiroshi Urabe (torounit) : 人類は1度FLOCSSを卒業してまた戻ってくるみたいなことをFLOCSSの人が言ってた
22:05:34 as : Gulp経由で使うと思っていれば、LibSass自体を調べることは、あまりないと思います
22:05:42 Toshiyuki Takahashi : BEM派生多いですね
22:06:03 Toru Miki : GutenbergはBEMです
22:06:09 Hiroshi Urabe (torounit) : 案件に応じて使い分ければいいんちゃうかとっていってた
22:06:34 Toru Miki : https://github.com/WordPress/gutenberg/blob/84c1e7337caa53335e644a594ae383473a827264/docs/reference/coding-guidelines.md#naming
22:06:37 (´ ºムº ) : 最新22:06:39 (´ ºムº) : https://mamehiko.booth.pm/items/1033385
22:07:07 今村かずき : 先日の技術書典で谷さんとお話しました。
22:07:07 Junko Nukaga : 谷さん
22:07:09 Junko Nukaga : https://twitter.com/hiloki
22:07:12 mimi nari : 破綻しなければそれで良し
22:07:15 Hiroshi Urabe (torounit) : http://ecss.io/
22:07:22 森 和恵 : 谷さんの本、先日の技術書典5で買ってきました。通販やってるみたいですよ。
https://mamehiko.booth.pm/items/1039117
22:07:54 as : (グループチャットのローカライズが今ひとつですね(笑)「開始 人名 に 全員」)
22:08:04 as : (Win機です)
22:08:59 mimi nari : 私は1ヶ月前でも怪しいです…
22:09:05 KEISUKE HORIE : "3か月前の自分は他人です。" なるほど!
22:09:09 as : 私は1分ですねぇ・・・
22:09:17 Hiroshi Urabe (torounit) : 3日で忘れる
22:09:21 yori3 : この間、先週の自分も他人だと思いましたw
22:09:24 as : コミットしまくりですねぇ
22:09:29 @webmemo777 - : 確かに忘れる
22:09:31 晴信 太田 : おとといの夕飯は思い出せない
22:09:34 Toshiyuki Takahashi : 翌週に忘れる
22:09:38 Chiharu Ebisugawa : 誰だよこれ作ったの!私だよ!ってなりますよね。
22:09:42 as : wwww
22:10:29 Toru Miki : MimizukuがFLOCSSです。たぶんまだそのはず。
22:10:30 Toru Miki : https://2inc.org/blog/2016/12/05/5452/
22:11:18 as : WPテーマですか?
22:11:33 Toru Miki : テーマです
22:11:39 as : あざます!
22:12:01 Hiroshi Urabe (torounit) : わかりやすい!
22:12:18 山本達男 : マテリアルデザインもUIアニメーションを重視
22:12:39 Toshiyuki Takahashi : タッチパネル対応も様々
22:12:44 Shinichi Nishikawa : 「居酒屋、はい!よろこんで!」理論。
22:12:45 sachi majima : リプルエフェクト?
22:12:46 Takayoshi Koyama : ripplerとかも?
22:12:51 T.Saita : なるほどーです
22:13:38 Shinichi Nishikawa : リンク集: https://gist.github.com/maepon/01017aecf57223b16297abc7749f1b1a
22:13:40 晴信 太田 : jQueryおわこんって聴いたんですが、本当ですか??
22:14:00 as : 私は好きです。ジェイクエリー
22:14:23 mimi nari : おわこんだとおもいます
22:14:36 Hiroshi Urabe (torounit) : IE6知ってればまぁ知ってるよね
22:14:44 Armband : 「hao123はブラウザではないんですか?」と質問されたときは倒れるかと思った
22:14:57 as : 去年の技術書典で「jQueryであと10年戦うための本」を購入しました。
22:14:58 mimi nari : それは倒れる…
22:15:01 as : 設計次第かと。
22:16:37 as : (正しくは「JQueryだって複雑なアプリ作れるもん!」という書名でした)
22:17:00 晴信 太田 : WordPressも??
22:17:00 Hiroshi Urabe (torounit) : addClass とかやるだけなら jQuery 要らんよなーってのは思うけど、堂なんですかね。
22:17:12 mimi nari : 出番が少なくなった、んですよね
22:17:23 mimi nari : CSSでできますし
22:17:34 Ryu Shindo : WordPressの場合、「なぜならそこにjQueryがあるから」って使っちゃうこと多いかも
22:17:45 Armband : ページトップへ戻るとかカルーセルとかは、jQueryでさっくり終わらせるのは手ですよね
22:17:50 as : 私はjQuery.jsが読めるようになってから文句言おうと思います。JSわからないので。
22:18:13 Hiroshi Urabe (torounit) : カスタマイザー+コンテンツスライダーみたいなのをやろうとすると、jQuery つらい
22:18:22 Junko Nukaga : 適材適所!
22:18:35 as : ただし、いったんスパゲティになってしまったjQueryのメンテで爆死する人の話はしょっちゅう聞きます
22:18:42 Toshiyuki Takahashi : Slickいいよね!
22:18:43 yuri : フレームワーク、ハードル高いです…
22:18:52 yori3 : slick大好きです
22:18:55 シダ : ずいぶん遅れて参加しましてすみません、お邪魔します
22:19:02 Shinichi Nishikawa : ようこそ!
22:19:04 Junko Nukaga : こんばんはー!
22:19:19 as : jQueryはインターフェイスとして優れていると感じます
22:19:19 hidekazu matsubara : 制作規模で使い分けますよね。
22:19:20 Naoko Murakami : シダさーん!
22:19:20 kitakado : こんばんはー
22:19:25 Shinichi Nishikawa : slickjs: http://kenwheeler.github.io/slick/
22:20:09 Hiroshi Urabe (torounit) : JavaScriptがJavaにどんどん近づいている感
22:20:25 as : 「型がない」と悩んできたエンジニアの光、たいぷすくりぷと
22:20:29 mimi nari : www
22:20:42 Armband : Angularがデフォで求めてますし>TypeScript
22:21:06 as : CSSもJSも「柔軟」で困ります…
22:21:19 mimi nari : なんか、すっかりしっかりしちゃってまあ、って感じですよね…
22:21:27 as : もっとstrictなものとして、生まれ変わっていただきたいですね
22:22:37 晴信 太田 : コンパイル/トランスパイルを自動化するのがGulpってことですか??
22:22:42 as : Firefox Developer Editionなら動いてくれそう。めっちゃ急いでるときに助けてくれそう
22:22:45 Hiroshi Urabe (torounit) : 10にも居ます。
22:22:52 Armband : IE11はWin7/8.1/10
22:23:07 as : はい。そうですね。タスクランナーという仕組みです!>ガルプ
22:23:27 Hiroshi Urabe (torounit) : 10にはEdge も入っててこっちがデフォルトですが、「IE11で開く」ボタンがついてますね。
22:23:30 森 和恵 : Win10、現行には IE11 と Edge 両方入ってます。
22:23:43 Armband : 上司が「IE対応して」と言うので「IEはオワコンです」と圧を掛けて黙らせるムーブを毎日しています
22:23:44 as : きついですね
22:23:55 as : ほんとうにきついです。
22:24:23 有道 近藤 : IE11で終わりだろ。マイクロソフトの呪縛も
22:24:26 hidekazu matsubara : あと7年もIEと付き合うのか…
22:24:27 yori3 : Windows10マシンを買ったらとりあえずIEを探す人がいるとかなんとか…
22:24:28 Takeshi Igarashi : あと7年もあるのか
22:24:30 有道 近藤 : しかし長い。
22:24:43 as : でもデカイ企業だと、IEなんですよね…役所も…ハア。。。ぜんぶASP.NET?のせい?だと思ってます
22:25:03 森 和恵 : Edge、使いにくいからなぁ。。。
22:25:13 Chiharu Ebisugawa : 日本・・・(涙
22:25:14 hidekazu matsubara : 日本…
22:25:15 有道 近藤 : 日本はほんとにガラパゴスやねー。
22:25:16 @webmemo777 - : うわぁ…日本…
22:25:18 mimi nari : がらぱーごすー
22:25:22 T.Saita : 苦笑
22:25:25 Hiroshi Urabe (torounit) : win7の延長サポートが終わる2021年が1つ分岐点
22:25:41 晴信 太田 : 企業でなく個人的にもお年寄りはIEが多いです。。。
22:25:43 有道 近藤 : 色んな意味で稀有な国です。、。。
22:25:44 (´ ºムº ) ham : IE11よりもAndroid4系切ってほしい
22:25:46 as : みんな、使い慣れたものを使うと思います。母親にEdgeを使ってもらおうと思いましたが、挫折しました。
22:25:47 mimi nari : 対応料金上げていこう22:25:51 Ryu Shindo : 業務システムのコンソールとか、システムによってIEとChromeとFirefoxを使い分けるようなカオスなところも・・・
22:26:00 Armband : https://ie-buster.qranoko.jp 入れましょう。
22:26:02 hidekazu matsubara : 父、IE11ユーザーです。。。
22:26:16 as : そうですよね、親世代はなかなか…
22:26:23 Junko Nukaga : 業務用システムの管理画面がIEだったりするパターンもありますもんね…
22:26:34 as : シニア対応な感じの、Win用ブラウザがあって欲しい…
22:26:51 mimi nari : 2013年
22:27:34 mimi nari : アンドロイド怖い
22:27:36 Armband : Android4系も確かに頷けますね
22:27:49 Hiroshi Urabe (torounit) : IEは以外に業務システム系以外はなんとかなりそうだけど、スマホブラウザは闇深そう。
22:27:50 as : 積極的に、「作るプロ」として、「切る」ご提案をしていきたいです
22:27:55 hidekazu matsubara : 4系のデフォルトブラウザには泣かされました。
22:27:57 Naoko Murakami : 苦い過去…!
22:28:16 Armband : 個人的にはiPhone Safariのbackground-attachmentとbackground-sizeのバグ直ってほしい(切実
22:28:34 as : そんなものが…あるのですね!
22:28:43 Yuki Oonishi : ベンダープリフィックスつけてくれるのもいいな
22:28:55 Hiroshi Urabe (torounit) : autoprefixer
22:29:02 mimi nari : safari は地味に嫌なバグがありますね…
22:29:22 yuri : coverで死にました…
22:29:24 有道 近藤 : safariもいややね。たしかに。
22:29:53 mimi nari : npm-scripts をいれてくださいいいい
22:29:58 @webmemo777 - : コマンド系怖い
22:29:59 Hiroshi Urabe (torounit) : WordPressの開発はGrunt使ってますねぇ。
22:30:24 Armband : npm scripts芸
22:30:43 晴信 太田 : これから覚える人はどれに手を付けるのがいいですか?
22:30:49 Shinichi Nishikawa : mimiさん、リンクを貼ってください
22:31:02 Naoki Ohashi : ざっくりいうとwebpackってどんなものなんですか?
22:31:11 Naoki Ohashi : Gulpみたいなもの?
22:31:52 Hiroshi Urabe (torounit) : https://webpack.js.org/
22:31:53 Shinichi Nishikawa : npm-scripts mimiさんの記事。 http://blog.photosynthesic.jp/2018/09/wordpress-%E3%81%AE%E9%96%8B%E7%99%BA%E3%81%A7%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%82%BF%E3%82%B9%E3%82%AF%E3%83%A9%E3%83%B3%E3%83%8A%E3%83%BC%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%99%E3%81%8B/
22:32:19 mimi nari : ああっ
22:32:30 (´ ºムº) ham : WordPressのつづりに気をつけている皆さん、gulpのgは小文字 https://github.com/gulpjs/gulp/blob/v3.9.1/docs/FAQ.md
22:32:47 as : うぇぶぱっくの、コア機能は「Entry」「Output」「Loader」「Plugins」、と手元の本にありました
22:32:49 olein : gulp警察
22:33:31 mimi nari : https://ashleynolan.co.uk/blog/frontend-tooling-survey-2018-results#js-task-runners
22:33:36 Armband : gulpは3.9.1の記事が大量に出ますが今は一応4も出ているのですよね
22:33:42 Hiroshi Urabe (torounit) : webpack いろいろ変換してjsとか吐き出すヤツ。
22:34:00 Naoki Ohashi : ありがとうございます!
22:34:06 as : 中村ゆうきさんという方が書かれた[gulp
22:34:06 Hiroshi Urabe (torounit) : gulp タスクをまとめて自動実行するヤツ。
22:34:09 Naoki Ohashi : わかりやすかったです!
22:34:11 mimi nari : npm-scripts はシンプルでいいぞ
22:34:33 as : ではじめるWeb制作ワークフロー入門」という本がとっつきやすかったです。
22:34:48 Shinichi Nishikawa : なにで始めるですか?
22:34:54 Toshiyuki Takahashi : スピード大切
22:34:58 as : (中村勇希さん)
22:35:04 晴信 太田 : 表示スピードですか?開発スピードですか??
22:35:09 mimi nari : スピードは正義
22:35:30 Junko Nukaga : 表示スピードみたいですー
22:35:31 as : 表示側の話だと思ってます
22:35:36 as : レンダリングコスト
22:35:58 as : と、ネットワークのボトルネックが何か?も含むので
22:36:31 Armband : 何せ突っ込むとクライアントのネット環境がケースバイケース過ぎますし……サーバサイドのDB抽出~HTML生成とJSやcssのレンダリングなどの2つですかね
22:36:48 olein : 表示速度改善はこの本勉強になりましたー https://www.amazon.co.jp/dp/477419400X/ref=cm_sw_r_tw_dp_U_x_Oh1VBbTXX0RQD
22:36:50 Junko Nukaga : 88888
22:37:14 晴信 太田 : 実際に動かしながらやってもらえますか??
22:37:21 as : 「ユーザがリクエストを送って、サーバが処理して、それが、こちらに渡ってきて(ネットワーク)、それをブラウザが表示する」そこまで意識しないと…
22:37:33 KEISUKE HORIE : マークアップによるコンテンツ表示の高速化のアプローチも本当にいっぱいあるんだな。。
こちらは、サーバーサイドで高速化をしているので、とても興味があります。
マークアップによる mod_pagespeed のようにも感じたのですが、合ってるのかな?
22:38:17 as : 体感で「遅くない、我慢できる範囲」とユーザに思ってもらわないと…
22:38:20 Hiroshi Urabe (torounit) : 古里さんの天の声がw
22:39:10 as : チェック Disable cacsh 重要
22:39:21 as : 開発してると忘れます
22:40:33 as : 「同時に6こだよね」とブラウザベンダが決めた理由を知りたいです…経緯を分かってないです
22:41:21 as : ユーザに到達するタイミング
22:42:25 as : DBファイルの断片化も
22:42:44 Hiroshi Urabe (torounit) : クソ重いWP_Query書いたりとかでもWaiting 伸びますよね。
22:43:01 as : (最近のRDBMSは賢そうだからそんなこと無いか)(AWS使うだろうし)
22:43:12 有道 近藤 : なるほどー。ヽ(`▽´)/
22:43:30 晴信 太田 : 画像が圧縮処理してないとかも青ですね
22:43:39 as : そうですよねぇ
22:43:44 Armband : この辺りはHTTPのプロトコルのやり取り(クライアントからサーバにリクエストが飛んできてから、クライアントへレスポンスを返し、ブラウザがレンダリングするまで)の仕組みをある程度把握しておいた方が良いと個人的には思います。
22:44:19 yuri : IntersectionObserver API
22:44:25 yuri : ってどうなのでしょうか?
22:44:56 KEISUKE HORIE : 手前味噌で大変恐縮ですが、HTTP1.1とHTTP/2
22:44:58 KEISUKE HORIE : no
22:45:08 KEISUKE HORIE : の違いについては、こちらにて。
https://www.xserver.ne.jp/manual/man_server_http2.php
22:45:19 as : 昔はイメージファイルのスプライトしてたんですよね。大変。
22:45:31 山本達男 : 常時SSL前提
22:46:41 Armband : 常時SSLだと暗号化の処理時間も考えないと(そして沼へ
22:46:49 晴信 太田 : 88888
22:46:50 Toshiyuki Takahashi : 8888888888
22:46:52 山本達男 : 8888888888888
22:46:55 Armband : 8888888888
22:46:55 yuri : 8888888
22:46:56 taka : 88888
22:46:56 hidenori akiyama : 888888888888
22:46:56 有道 近藤 : 888888
22:46:57 Shotaro Inoue : 888888888888888888888
22:46:57 Shinichi Nishikawa : 88888888
22:46:58 Kitakado : 88888
22:46:58 KEISUKE HORIE : 8888888
22:46:58 Yoshiaki Shizumi : 88888888888
22:46:58 Chiharu Ebisugawa : 8888888
22:46:59 Shogo Matsuoka : 888888
22:46:59 Naoki Ohashi : ありがとうございます!!
22:46:59 森 和恵 : 888888
ありがとうございました!
22:46:59 hidekazu matsubara : 88888888888
22:47:00 @chefshinnosuke : 8888888888888
22:47:00 Sayoko Miura : 888888888
22:47:01 T.Saita : 888888888
22:47:02 Naoko Murakami : 888888888888888
22:47:04 yori3 : ありがとうございましたー!
22:47:04 ghichi : 8888888
22:47:05 Takayoshi Koyama : ぱちぱちぱち
22:47:06 Chiaki Kouno : 88888!
22:47:08 @webmemo777 - : 88888888
22:47:08 yori3 : 888888888888
22:47:08 mimi nari : 88888888888888
22:47:35 mimi nari : npm-scripts !
22:47:48 Hiroshi Urabe (torounit) : npm-scripts!
22:48:06 mimi nari : 違います
22:48:11 as : https://note.mu/nayucolony/n/n8136993e714e
22:48:33 as : 上の本、すごく助かりました。ガルプの参考書です
22:48:46 Chiaki Kouno : mimi さん、お願いします〜!
22:48:55 有道 近藤 : おれ、notepadd++だからなー。
22:49:04 as : たくさんの周辺知識を網羅的に説明してくれるので
22:49:13 mimi nari : npm wo
22:49:18 Chiaki Kouno : ガルプ参考書ありがとうございます!
22:49:23 mimi nari : npm を先ず学んでからがいいと思います
22:49:43 mimi nari : gulp の方が上に乗ってるものなので
22:49:52 as : (都度都度、インターネット検索、結構疲労しますので)
22:49:55 @webmemo777 - : Sassだけならkoalaでやってます
22:50:10 mimi nari : SassだけがやりたいならGUIも出てますし
22:50:37 as : 私は、VSCODEでプラグインでsass watchしてます。
22:50:39 Toru Miki : Codekit
22:50:42 olein : preprosでもOK!
22:51:02 yori3 : 職場はPrepros
22:51:07 Toshiyuki Takahashi : webpackでSassもまとめてる
22:51:28 Hiroshi Urabe (torounit) : GUI系のやつの難しさは、複数人で作業するときに辛みを覚えることが多い。
22:51:30 Yuki Oonishi : jQuery先やるか、JavaScript先やるかみたいな感じですかね?
22:51:33 Toru Miki : WordPressを学ぶのを先かPHPの基礎を学ぶのが先か
22:51:36 Toru Miki : と同じ話かと
22:51:40 Armband : タスクランナーやビルドツールは「ScssもTypeScriptも色々手動で色々ツールを起動するのはちょっと……」となってから手を出す感じですかね
22:51:52 晴信 太田 : npm-scriptの仕組みはまず知っておく必要がるってことですか?
22:51:54 Hiroshi Urabe (torounit) : そうですそうです。
22:51:56 @webmemo777 - : Sacc最初の一歩はBracketsのプラグインでした
22:52:01 (´ ºムº `) ham : https://sass-lang.com/install こちらのページの左側にあるツールがGUIツール関係。個人的なおすすめならPreprosですかねー。
22:52:03 Hiroshi Urabe (torounit) : WindowsのひとがいたりMacのひとがいたり・・・
22:52:09 as : そうっすね、うっすらと、視界を広く持って、少しずつ深く掘るしかないですよね
22:52:10 mimi nari : sousou
22:52:23 @webmemo777 - : 黒い画面系、一度トラブルと解決できず環境ごと死ぬので何度も挫折
22:52:46 Armband : 確かにGUIツールだと設定や環境を共有するの難しいですものね
22:52:46 as : 黒い画面は大変ですよね、ぜひ、コーチが欲しいところです
22:53:01 Takeshi Igarashi : VSCodeはEasy Sassが楽かも https://marketplace.visualstudio.com/items?itemName=spook.easysass
22:53:05 @webmemo777 - : ほんとコーチに習いたいです
22:53:08 mimi nari : うんうん
22:53:08 Hiroshi Urabe (torounit) : gulp 便利だとは思うとそんなに自動化したいことがないので、npm scripts でやってる。
22:53:10 as : 黒い画面、馴染めるまで、トレーニングしたいものです
22:53:30 晴信 太田 : ありがとうございます
22:53:42 Takayoshi Koyama : 図書館?
22:53:52 Hiroshi Urabe (torounit) : 昔は2個だった
22:53:55 as : へー!
22:54:08 Takeshi Igarashi : 自分もnpm scriptsなんですよね
22:54:09 Hiroshi Urabe (torounit) : それが4子になった時代もあった
22:54:12 as : なんと
22:54:14 as : なーるほど
22:54:14 Armband : 昔は2、途中4がいて、最近は6で統一、といううろ覚え
22:54:24 Hiroshi Urabe (torounit) : そもそも今6なのかは検証してないw
22:54:30 Takeshi Igarashi : そうそう、昔はもっと同時接続数少なかったです
22:55:00 晴信 太田 : 前川さん家にでっかいホワイトボードがあるんですか?
22:55:02 Toshiyuki Takahashi : 888888
22:55:05 mimi nari : 888888888888888
22:55:05 @webmemo777 - : ありがとうございました
22:55:23 mimi nari : ありがとうございました!
22:55:24 Yuki Oonishi : ありがとうございました
22:55:28 有道 近藤 : あざしたー。ヽ(`▽´)/
22:55:31 Yoshiaki Shizumi : ありがとうございました!
22:55:33 Chiharu Ebisugawa : ありがとうございました!
22:55:36 T.Saita : ありがとうござましたー!
22:55:37 Junko Nukaga : @maepon
22:55:37 Armband : ありがとうございました
22:55:38 sachi majima : ありがとうございました!
22:55:38 Shinichi Nishikawa : @maepon
22:55:39 as : ありがとうございましたー
22:55:39 olein : ありがとうございました!
22:55:41 Shotaro Inoue : ありがとうございました!
22:55:41 ghichi : ありがとうございました。
22:55:43 yuri : ありがとうございますー!!
22:55:49 Yuki : ありがとうございます!
22:55:51 晴信 太田 : ありがとうございました
22:55:52 シダ : 個人で学べどまったく実務に活かせてないので、実際の案件でどのように使われているのかすごい気になります
22:55:53 Naoki Ohashi : ありがとうございましたー!
22:55:58 Toshiyuki Honda : ありがとうございました。
22:56:01 シダ : ありがとうございました〜
22:56:07 Ryu Shindo : 楽しかったです!
22:56:07 有道 近藤 : めんつなかんかん!!!!
22:56:08 Chiaki Kouno : ありがとうございました!
22:56:09 miya : ありがとうございました。
22:56:10 Takayoshi Koyama : ありがとうございました!
22:56:12 Chiaki Kouno : 天の声w
22:56:12 mimi nari : 岡山恋しいー
22:56:18 as : 冗長化ですね
22:56:18 Hiroshi Urabe (torounit) : ふやしたいわかるー
22:56:23 Takayoshi Koyama : ゆじゅうううううううううううう
22:56:27 森 和恵 : ありがとうございました。勉強になりました。落ちまーす。
22:56:31 olein : 増やしたいわかる
22:56:37 Naoko Murakami : 森さんありがとうございました!
22:56:47 as : やっぱ冗長化ですよ…
22:56:49 Hiroshi Urabe (torounit) : ながのはさらいしゅうやるよ
22:56:55 Kitakado : 森さんおやすみなさい。
22:56:58 as : 運営です
22:57:05 as : 運営をお一人運営はやばいです
22:57:08 Junko Nukaga : おやすみなさいー!
22:57:09 晴信 太田 : 愛知は先週終わりました
22:57:23 olein : 岐阜はオーガナイザーまだ一人です…
22:57:26 有道 近藤 : zoomほんと落ちないねー。すごいわー。
22:57:26 as : プロセスもオープンにして、代謝をよくしないと
22:57:34 晴信 太田 : 残席少数
22:57:36 Armband : https://www.meetup.com/ja-JP/Shinshu-WordPress-Meetup/events/255189632/ 再来週の長野
22:57:43 muneyasu : https://cssnite-okayama.jp/
22:57:49 有道 近藤 : いきまーす。懇親会も。
22:57:50 olein : 来週末、岐阜もあります!
22:58:08 Kitakado : 88888888888
22:58:09 T.Saita : 8888888888
22:58:10 有道 近藤 : ありがとうございました。ヽ(`▽´)/
22:58:10 Hiroshi Urabe (torounit) : 88888
22:58:10 晴信 太田 : ありがとうございました
22:58:12 Masahiro Nakashima : 8888
22:58:12 Naoki Ohashi : 88888888
22:58:13 as : ありがとうございました!
22:58:14 hidekazu matsubara : 888888
22:58:14 Takayoshi Koyama : ありがとうごじました
22:58:14 Chiaki Kouno : ありがとうございました!
22:58:14 Chiharu Ebisugawa : 88888
22:58:17 olein : 888888888
22:58:19 @webmemo777 - : 前川さん、ありがとうございました。88888
22:58:20 ghichi : 8888888
22:58:23 Shinichi Nishikawa : https://wpzoom.connpass.com/
22:58:23 Toshiyuki Takahashi : ?ぱ
22:58:25 晴信 太田 : 次回のこと教えてください
22:59:05 Kitakado : おー!もう次次回まで決まってる!!
22:59:06 Hiroshi Urabe (torounit) : Gutenberg 勢
22:59:15 mimi nari : すご~い
22:59:21 有道 近藤 : いいねー。
22:59:21 hidekazu matsubara : ページビルダーvs 楽しそう!
22:59:22 晴信 太田 : 勉強会系はコミュニティをやるんですか??
22:59:33 Hiroshi Urabe (torounit) : エンディング曲とか流せば良いんじゃ無いんですかね
22:59:35 Toshiyuki Takahashi : 終わり方不明w
22:59:45 mimi nari : ほーたーるのー
22:59:46 Chiaki Kouno : 65人!すごいですね
22:59:55 Naoko Murakami : エンディング曲w
23:00:01 Masahiro Nakashima : そんなのできるの?!
23:00:06 有道 近藤 : すごいなー
23:00:11 Yuki Oonishi : どきどきする
23:00:26 有道 近藤 : うくれれでもいいよ。
23:00:32 Hiroshi Urabe (torounit) : 昔の福山雅治のラジオ的なヤツ
23:00:38 @chefshinnosuke : テキストでもいいのかな?
23:00:46 @chefshinnosuke : マイク使えない
23:00:59 Armband : すみませんが、明日の為に〆と同時に落ちます。お疲れ様でした&ありがとうございました。
23:01:00 晴信 太田 : ありがとうございました 888
23:01:06 hidekazu matsubara : おぉぉ!
23:01:06 有道 近藤 : 8888888
23:01:10 Naoko Murakami : 大丈夫です!テキスト見てくださいね!
23:01:12 有道 近藤 : はははーー
23:01:14 @chefshinnosuke : wwwwwww
23:01:14 Takeshi Igarashi : 蛍の光〜
23:01:15 Junko Nukaga : 8888
23:01:16 Shotaro Inoue : wwww
23:01:20 Fumika Shizuno : ありがとうございました!
23:01:21 Armband : 蛍の光w
23:01:21 @webmemo777 - : ありがとうございました
23:01:21 石川栄和 : wwwwww
23:01:23 Kitakado : 8888
23:01:25 Chiharu Ebisugawa : ありがとうございました!
23:01:26 Ryu Shindo : おやすみなさーい
23:01:27 有道 近藤 : さよならー。
23:01:27 Toshiyuki Takahashi : wwwww
23:01:28 晴信 太田 : さようなら・・・
23:01:29 Yuki : ありがとうございましたー!
23:01:33 ghichi : ありがとうございました。今日はこれにて失礼します!
23:01:42 chiharu nagatomi : ありがとうございました!
23:01:45 Chiharu Ebisugawa : 今夜はここで失礼します。ありがとうございました!
23:01:45 Takayoshi Koyama : ありがとうございました。ここでお別れします。
23:01:51 Kitakado : ありがとうございましたー
23:01:58 mimi nari : ありがとうございましたー
23:01:58 Naoko Murakami : ありがとうございましたー!!!
23:02:00 Shogo Matsuoka : ありがとうございましたー
23:02:03 Junko Nukaga : おやすみなさいー!
23:02:08 miya : おやすみなさいー
23:02:17 Junko Nukaga : https://wpzoom.connpass.com/event/104244/
23:02:26 Toshiyuki Takahashi : 中島サーーーン
23:02:29 Ryu Shindo : 中島さーーん!
23:02:36 hidekazu matsubara : ペンギンさーん!
23:02:40 Yoshiaki Shizumi : とても良かった!
23:02:42 Chiaki Kouno : WP東京のセッション面白かったです〜!
23:02:46 Kitakado : おー!ビーバー!
23:03:07 晴信 太田 : バトルするんですか??
23:03:13 hidekazu matsubara : バトルw
23:03:26 晴信 太田 : ディスりあい
23:03:52 晴信 太田 : もう飲んでいる人もいるんでは??
23:04:08 Yoshiaki Shizumi : あるあるですねw
23:04:34 mimi nari : ああああっ おつかれさまです!
23:04:40 Kitakado : 前川さん、ありがとうございました〜
23:04:42 Toshiyuki Takahashi : ありがとうございましたー
23:04:42 mimi nari : おきをつけてー
23:04:43 Shotaro Inoue : ありがとうございました!
23:04:43 as : ありがとうございました!
23:04:44 晴信 太田 : ありがとうございました
23:04:46 kosakayasuhiro : ありがとうございました。
23:04:49 @webmemo777 - : ありがとうございました!
23:04:50 Chiaki Kouno : お気をつけて!
23:04:50 chiharu nagatomi : おつかれさまでしたー
23:04:59 Takeshi Furusato : ふるさと(めんツナかんかん)も失礼しますー
23:05:06 晴信 太田 : マイクが壊れているかも・・・テストできないのかな??
23:05:14 muneyasu : 失礼しまーすお疲れ様でしたーEbisugawa : 今夜はここで失礼します。ありがとうございました!
23:01:45 開始 Takayoshi Koyama : ありがとうございました。ここでお別れします。
23:01:51 開始 Kitakado : ありがとうございましたー
23:01:58 開始 mimi nari : ありがとうございましたー
23:01:58 開始 Naoko Murakami : ありがとうございましたー!!!
23:02:00 開始 Shogo Matsuoka : ありがとうございましたー
23:02:03 開始 Junko Nukaga : おやすみなさいー!
23:02:08 開始 miya : おやすみなさいー
23:02:17 開始 Junko Nukaga : https://wpzoom.connpass.com/event/104244/
23:02:26 開始 Toshiyuki Takahashi : 中島サーーーン
23:02:29 開始 Ryu Shindo : 中島さーーん!
23:02:36 開始 hidekazu matsubara : ペンギンさーん!
23:02:40 開始 Yoshiaki Shizumi : とても良かった!
23:02:42 開始 Chiaki Kouno : WP東京のセッション面白かったです〜!
23:02:46 開始 Kitakado : おー!ビーバー!
23:03:07 開始 晴信 太田 : バトルするんですか??
23:03:13 開始 hidekazu matsubara : バトルw
23:03:26 開始 晴信 太田 : ディスりあい
23:03:52 開始 晴信 太田 : もう飲んでいる人もいるんでは??
23:04:08 開始 Yoshiaki Shizumi : あるあるですねw
23:04:34 開始 mimi nari : ああああっ おつかれさまです!
23:04:40 開始 Kitakado : 前川さん、ありがとうございました〜
23:04:42 開始 Toshiyuki Takahashi : ありがとうございましたー
23:04:42 開始 mimi nari : おきをつけてー
23:04:43 開始 Shotaro Inoue : ありがとうございました!
23:04:43 開始 as : ありがとうございました!
23:04:44 開始 晴信 太田 : ありがとうございました
23:04:46 開始 kosakayasuhiro : ありがとうございました。
23:04:49 開始 @webmemo777 - : ありがとうございました!
23:04:50 開始 Chiaki Kouno : お気をつけて!
23:04:50 開始 chiharu nagatomi : おつかれさまでしたー
23:04:59 開始 Takeshi Furusato : ふるさと(めんツナかんかん)も失礼しますー
23:05:06 開始 晴信 太田 : マイクが壊れているかも・・・テストできないのかな??
23:05:14 開始 muneyasu : 失礼しまーすお疲れ様でしたー