はい それでは改めまして グーテンベルクにコードでコントリビュートするための環境作成ということで Learn.wordpress.orgのオンラインワークショップを始めさせていただきます どうぞよろしくお願いします今日やることです 今日はまず全体の紹介 今これが全体の紹介です 自己紹介をスピーカーの人にしてもらって グーテンベルクのコントリビュートするために読んでおいたほうがいい リソースのことをご紹介し その後実際にグーテンベルクのコントリビュート するための環境を作るというところのご案内をします 私の環境は一応 もうできてるんですけども それをちょっとご覧いただきながら どんな感じかなというのをご覧いただこうと思っております さらに そこから今度はグーテンベルクへのコントリビュートの流れという ところで ここでちょっとゲストの浜野さんにですね 以前にメガミートアップというところで紹介いただいてた動画 これの ビーソースも紹介するんですけどもうの内容がとても良かったので その内容を改めてちょっとお話しいただこうかなと思っております で 実際にじゃんもうコントリビュートをやってみようということで おそらく 時間内には終わらないんですがどんな風にコントリビュートの 一周から PRプルリクエストを作るのかみたいなところの 触りの部分ですね おそらくかけるところまで行かないと思います が 行けたらラッキーぐらいな感じで その辺りのことも ご覧いただこうと思っておりますということで どうぞよろしくお願いします もし途中 質問等とありましたらチャットで投げていただいても 結構です 一応これ録画になっておりまして これが Wordpress.tv のほうのオンラインワークショップのところにホストされて 公開されるようになりますが途中に質問が挟まったとして も全然良いかと思いますのでお気軽に質問等といただければ と思いますじゃあ 自己紹介です 私です メガネと申します 今日はここでみんなのwordpress.orgのページを 開いております 今はスポンサードコントリビューションという形で 会社としてもいくつかのメンバーを仕事のいくつかの時間で Wordpress のコントリビュートしてくださっていいですよっていうふうに しています この今の活動もそれに含まれているかなという 感じです どうぞよろしくお願いします続きまして トロユニットさんお願いしますはい トロユニットと言うこと ラベと言います よろしくお願いします一応会社でもぐてんベルグの 答えをやったりしてるんですがそうですね 主にクロントエンドーの ことをやってたりあと えちょぐてんベルグのほうは じょぐてんベルグチングということで トロリグとか出させて もらってます よろしくお願いしますお願いします トロユニーさんはぐてんベルグのコントリビューターの一人っていう ふうに考えていいんですよねそうです つまりマージする権限がある一応あります 一応ある いつももちろん内部的に本当にするかとかさて おいて 任せられてる人の一人ってことですね はい そうで ありがとうございますで さらっとゲスト紹介ですが 浜野さんです お願いします浜野さん ちょっとだけ自己紹介 どうですかはい 浜野と言います フリランスとして 活動してまして普段はワードプレスサイト 政策 開発を行っていましてコントリビューター活動としては 主にぐてんベルグプロジュークというの構造への貢献という 形になっています浜野さんもコントリビューターの 一人になるんですかそうです なると思いますじゃあ 一応マージできる権限の人 ってことで今日は二人もその方に来ていただいてるんで 安心感が違います分かんないことどんどん来ていきましょう浜野さんはぐてんベルグのコアチーム っていうコアチームありがとうございますじゃあ最後ミミさんも もう少しいかがでしょうかはい こんばんは ミミですよろしくお願いします私はWebとUIのデザイナーの ホームにやっているものなんですがワードプレスの特にぐてんベルグへの コントリビューターは趣味でやっていますはい 今日も楽しみたいと思って参加してますよろしくお願いしますありがとうございます お願いしますはい 後から来られた方も 何人かおられるようなのでもう一度あのチャットの方に この今のスライド貼っておきます今日このスライドを基にやってますんで ご覧になりながらご参加いただければと思いますよろしくお願いしますはい じゃあ今日の流れを改めまして自己紹介まで終わりました 全体の紹介に戻ってきましてこの後いよいよ本題ですぐてんベルグに コントリビューターするために読んでおいた方がいいリソース から始めていきたいと思いますここはリンクの紹介ですなぜなら これを読み出すとそれだけで○○一日ぐらいかかりそうな気がするからですちゃんと読みながら ちゃんと手を動かすとですねはい このコアぐてんベルグにコードで貢献してみようっていうのが先ほどご紹介した浜野さんがメガミートアップの中で YouTubeで紹介されてる内容になります細かくチャプター分けされてますしとても分かりやすく紹介されてますのでまずこの辺り読んでいただくとそもそもコントリビュートってなにみたいなところが分かっていただけるかなと思います今日この後ですね コントリビューターの流れているところで改めてお話しいただこうかなと思っておりますで もう1つ もう2つかブロックエディターハンドブック コントリビューターガイドとコードによるコントリビューション ニューモンっていうのがありますそれぞれですね 日本語化がされております日本語化してくださった皆さん本当にありがとうございますあすかります こっち側に次のページに英語のリソースを全部書いたんですけどもこの英語のリソースをもとにそれぞれが翻訳されておりますということになっておりまして今日はコードにフォーカスを当てたコントリビューションの環境作成っていうところなんですがこの翻訳っていうのもコントリビューションの1つとしてありますのであ こっちのほうが興味があるわという方はそれはそれで大歓迎ですぜひご参加いただいて一緒に作業いただければなと思います今日たまたま参加いただいている立場野さんとかがドキュメントの翻訳とかは主 リーダーとしてやっていただいてますし浜野さんも一緒にやられてますしその他の人にもいろいろと参加された方もおられるということですぜひ こちらの辺りをご覧になっていただいて今日は当然なんですけど全部が全部あのなんていうんですかねことこまかに説明できませんのであの詰まったところとかはハンドブックを見ながらやるときっとよりよくなるんじゃないかなというふうに考えておりますとような感じですでお待たせしましたいよいよ グーテンベルクの環境を作るぞというところに進んでいきたいと思いますはい ここなんですけどもいきなりで教宿なんですがあんなにドキュメントのことを言ってたのにって話なんですけどもドキュメントでは恐らくWPMをもとにワードプレスの環境を作りましょうねっていうのが主軸として書かれてると思いますが今日ちょっと新しい方法のワードプレスプレイグラウンドっていうものを使ってしかもそれをVSコードから動かすワードプレスプレイグラウンドVSコードっていうものを利用してワードプレスの環境を作るというところから始めていきたいと思いますあの グーテンベルクの環境を作るのに何が必要かっていうとまず自分のパソコンの中でワードプレスを動かす環境まあ ローカルの環境とかって言いますけどもまずそれが必要になりますとで 次にグーテンベルクをファイルとして要素として集めてきたものをコンパイルするための環境これがノードJSが通しても必要になるんですけどものインストールっていうのが必要になりますで 今申し上げている通りのグーテンベルクのデータを取得して今後プルリクエスト出すとかまで行くとまずギットが使える必要がありますよということになりましてこの3つが主に必要な環境の中で準備するものということになりますワードプレスとノードとギットっていうものですねで それぞれ今回のこのコントリビューションのためにだけに必要っていうわけではなくて応用がかなり効きます例えばノードJSの環境があってバージョンをコントロールを変えてノードのバージョンを変更しながら何かしら開発を進めるということは特にワードプレス以外でもフロントエンドのことを触ってられたりサスでコンパイルするとかっていうだけでも最近はノードJS使うことがかなりありますのでなんかそういった意味ではここで学んでおくとこれから先にも反応性があっていいのかなと思いますまたギットについては今日は全部説明することはしませんしギットがありますよねぐらいのご紹介で終えてしまうんですけどもギットを使えるということとプルリクエストができるということは昨今の開発においては何て言うんですかね基礎の内容として含まれることが多くなってますのでこの辺りもワードプレスのコントリビューションを学んだらついでに学べてラッキーくらいのモチベーションでですね考えていただくといいかなと思いますはい喋りすぎてもあれですから早速いきましょうワードプレスプレイブランドトロさんもひきつトロさん喋れるようになってもらっていいですか僕がこの先も満談続くとサブシーンでお願いしますはいまずワードプレスプレイブランドってダー2っていうのをちょっとだけ触れときたいと思うんですけどもトロさん何すかこれそうですね今年去年から今年にかけて推進のように表れたワードプレスの新しい実行環境技術的にはウェブアセンブリーとかいうものを使ってやってるんですがこれが要はどこでもブラウザーでも動くんですねまず今ですね意味がちょっとわかんないと思うんでここだけ紹介するとここに今ワードプレスがなんか動いてるように見えるじゃないですかで実際動いてるんですこうやってブラウザーで全部動いてるんですよねこれはですねどこにもサーバーがあってサーバーのリソースを借りて動かしてるとかじゃなくて今私のこのブラウザーの力だけを使ってやってるんですよねBHPとかデータベースとかの部分も全てサーバー上でウェブアセンブリーっていう仕組みを使ってまず動いてますというものですこのウェブアセンブリーっていう技術が結構出てきて結構新しいですなんですけどこれが便利なのでブラウザー以外でも実は動きまして今回はその技術を使ってVSコード上でもそれができるというところですねワードプレスどこでも動いたら便利なんじゃねっていうプロジェクトからそれじゃあ動かして動いたらブラウザーで動くようになったよってなった瞬間にじゃあエディターで動かしたらよくねっていう人が出てきてでエディターで動いたよじゃあこれで開発できるねってなったのがここ1年ぐらいでとてつもない進化をしているというところですねでこれはですね今からお見せしますまあまあもういいんだよお見せしましょうここにですねいつものVSコードの拡張機能がありますね私もいろいろ出てるのがありますでこの中でですねワードプレスのプレイグラウンドのプラグインがありますいっぱいありすぎて分かんないですねどこだろうあこれだワードプレスプレイグラウンド4VSコードですね単純にここであのダブルワードプレスプレイグラウンドとかで検索すればちゃんと出てきますでこれをインストールしていただくとここにワードプレスマークが登場するんですね登場しますで今スタートしてた状態なのでストップしましょうでこうするとスタートワードプレスサーバーっていうボタンが出てきますという形ですでプラグインかテーマをまずVSコード内で開きますプラグインかテーマをVSコード内にフォルダーごとボコッと入れて開いてくださいでこの状態においてスタートワードプレスサーバーをポチッと押すとそうするとはい立ち上がりました今ブラウザーに勝手にワードプレスが立ち上がったんですがこれがもうその先ほどのプレイグラウンドウェブアセンブリーの機能を使ってVSコード上で動いたワードプレスがブラウザーで表示されているという定になっているということですでさらにすごいのはここ今グテンベルクのプラグインを設定して開きましたのでグテンベルクが有効化された状態になっているというのがまたすごいところでしてこれは何もグテンベルクだけじゃなくてテーマを開けばそのテーマが有効化している状態でその他のプラグイン入れればその他のプラグインが有効化している状態でワードプレスが立ち上がるという内容になっております伝わります?あの今えっ何それ?ってなってる人はだいたい正解ですで私も似たような気持ちでやってますがこのように動きますのであの今までのえっあのなんかこうドッカー持ってきて何とかして何とかしなかったんじゃないんですかみたいなのは一旦忘れてもらって大丈夫ですこれだけで動きますっていうのが今盛り上がってますのであのお試しくださいであのちょっとやってた分かったんですけどもまずテーマもしくはプラグインの何かファファファフォルダーをえーとvsコードで開いた状態で起動しないとワードプレスが起動しませんえーのでからの状態であのwpのマークポチって押してもフォルダーないから無理よというエラーが出ますのでえっとそこだけ一旦気をつけくださいあと何かおかしくなるパターンがありますあの途中でvsコード箱を消しちゃったりとか何か設定間違ったりとかしておかしくなるケースがありますその場合にはえーとご自身のパソコンのルートディレクトリーからユーザーのところそうですねユーザーディレクトリーですねユーザーディレクトリーにえーとドットwpなうっていうふかしフォルダーが出来上がっているはずですでこの中の情報をもとにえーとローカル環境を作りますので要はここにいくつかのファイルをキャッシュしておくでか保存しておくことによって2回目以降より高速にえーとローカルの環境が開くようになるんですが一旦これをごっそり削除してくださいえーそしたらまた完全に初期化された状態で立ち上がりますのでえーそうするとあの安心かなと思いますぜひお試しになってくださいはいでえーと私ももう立ち上がりましたんであここさらにですねここphpのバージョンも変えられますはい嘘みたいですけど今phpのバージョン変えました変えたんですよねなんかすごいですよねどこにphpオルンやろうかって感じですけどえーサイトヘルスに行きまして後で見ますけどもあのphpのバージョンを見ると見事に変わっておりますはいちょっと時間がかかるんで次行きましょうはいあーもう来たすごいねこれもサイトヘルスも何月すごいやつですよね瞬時にそのサーバーの情報めっちゃ通ってくるみたいなはいバードプレス8.0になっているのがわかりますそして今8.0に私買いましたね書いてました大丈夫です合ってますはいなので8.1にしますはい8.1になりました8.1になったのでここでリロードすると8.1になってるとなっててねなってるすごいってことになりますすごい便利ですねはいじゃあこれで環境のワードプレスは出来上がりましたはいで次が問題ですねトロニーさん次がね大変ねノードjsが問題ですねあのもうすでにノードjsインストールしてるよっていう人もいらっしゃるかもしれませんただ問題は普通にインストールしてあったとしてもうグテンベルクを開発するためにはグテンベルクの推奨のバージョンにノードのバージョンが合わせてない限りは基本的には動かないということにちょっとなってるというところがポイントになっておりますで現在のグテンベルクの現在今日ですねえっと2023年10月25日現在においては16が推奨されているということになっておりますので16にしないといけませんちなみに今日か昨日か発表がありまたバージョンの推奨が変わるですねトロニーさん正確に言うとそうですねグテンベルクが今ノード16っていうバージョンで開発がされているっていうところですねはいでノードjs自体はまあ最新版が確か21ってバージョンなんですけどそれはもう開発版で今いわゆる安定版あのみんなこれを使いましょうってバージョンがはいえっと音と音継ぐらいまでが18っていうバージョンで今20ってバージョンになりましたなるほどだから2いわゆる2個古いんですね201816ってことですねはいなのであの普通にノードjsっていうの調べてあの公式サイトからポチってインストールするとちょっとバージョンが合わない合わないはい方ありますなりますでそこでじゃあどうすれゃいいんじゃろうってことになりましてあのノード自体のバージョンを切り替える通路を入れる必要がありますよねということになりますえっと伝わりにくいですねここの概念がすごく分かりにくいんですけどえっとノードにはまずバージョンがありますでノードをバージョンを切り替える通路を入れますはいそれによってノードのバージョンが切り替えられてえっとそのパソコンの中でもえっとグデンベルクの16に合わせることができますいう通路ですさっきのあのGuardpress PlaygroundのPHPのバージョンを切り替えてじゃないですかはいはいまああれとやりたいことは一緒ですよねそううんはい話がでですねえっといろいろなノードバージョン切り替えツールありますでそのご自身で好きなものがあってそれを使ってこれでいいよという方はそれで結構なんですがえっと一応ここでご紹介するのはえっとNVMというものでノードバージョンマネジャーの略かなをご紹介するということにしますえっとこちらもインストールの方法がありますここですかねインストールスクリプト等とも用意されてますからここからダウンロードいただいてとかのほうがいいんですかいや時間はこれだその下にカールとかダブルゲットのコンドを叩くとインストールされますというのがありますこれポチってコピーしてご自身のパソコンでポチってやってくださいそしたら行ける範囲ですで使い方的にはそれによってノードのバージョンが入りますのでノードのバージョンの切り替えはえっとこれだこれですねえっとこれをインストールするとNVMというコマンドが使えるようになりますでNVMインストール16ですねっていうのにすると16レイテストとかって書き方はありますかねNVMインストール16で入れると16点いくつの最終パターンが入りますなるほどじゃあNVMインストール16としていただいてでNVMユーズノード16とかでするのかなすると16が使えるそうですね作れるようになりますということでまたこれが一つ壁となりますちなみにこれが先日のミニコントリビューションではうまくいかない方がおられなかなかこれによって進まなかったという内容がありますで結構我々も詰まったりしますどうかうまくいきますようにっていうところであのわかんない方は個別になんかメッセージかなんかください一緒に悩みましょうはいもうそれそれしかないです実は人によっていろいろなので一応グーテンベルグそのもののNVMを使うあの推奨はしているのでNVMをインストールした状態でグーテンベルグのリポジトリを開く開くとあのそのままノード16にインストールされていれば切り替わりますなるほどなるほどなので一回設定してしまえばっていうところですねあとWindowsはNVMがないんですじゃんは参加できないのっていうのがあるんでいやいや参加できますよということで一応最近だとVoltaっていうこれ実はマックでも使えるんですがちょっと今回話が良く欲しくなるんであれですけどもVoltaの中にWindows用のインストラーインストレーションのあのソフトというかインストラーがありますでここであらダウンロードいただいてインストールするとあの私のWindowsの環境ではちゃんと動きましたノードの切り替えができましたのでこちらを利用いただくのが簡単かなと思いますあまのさんはWindowsユーザーですけどなんかおすすめのノード切り替えバージョンとかなんかご注意いただきたい点とかなんかありますかそうですね自分もあまりバージョン管理ツール自体はあんまりたくさん種類使ったことないんですけど今はVoltaを使っていてWindowsホストOS冗談もちゃんと動いてますしWSLというレナックス環境をWindowsホストOS上に構築できるWindowsの機能みたいな中でもWSLの中でもVoltaちゃんと動いてますのでVoltaがおすすめかなと思いますおすすめかなと思いますはいありがとうございますてことでNVMもしかVoltaなどなどを使ってノードのバージョンが16になるようにしていただきたいというところになります今私もここに文字を聞くしてノードハイホンVTすると今16.20というのが出てますのでちゃんとWordpressが推奨するGutenbergが推奨するバージョンにノードが合っているという状態になっておりますこのバージョンはおそらく今年中にたぶん変わるかなみたいなディスカッションがあったりしますGutenbergが推奨するノードのバージョンが今16で開発してますけどそれが20にするのか18にするのかみたいなディスカッションが今おそらくできるのでそれも楽しんでもらえかなと分かりました今10分前ぐらいに動きました便利ですねすごいですねっていうのが来てるんできっとみんなのプレイグラウンドでWordpressが動いてわーってなったのかなと思いますいいことですね今日それが紹介できただけでもよかったような気持していますじゃあ次行きましょうでノードが入りましたWordpressも動きましたまだ何も始まってないんで次ですね次Gitが必要になりますGitはこれはこれでGitのコマンドもしくはGitのクライアンドアプリが必要になりますということになっておりますMacであればコマンドラインツールをインストールするとき要は黒い画面でGitって入れたら何かコマンドラインツール入れておかないとダメじゃねみたいなのが出て入れるっていう手順になってたりとかWindowsだとこのGit SCMっていうところから実際のGitのアプリケーションをダウンロードしてインストールするみたいな内容があるんですけどもなかなか面倒ですというか最初から黒い画面でやるのも大変かと思いますのでGUIでやる人はGitHubデスクトップアプリケーションでマウス操作でGitが使えるものがありますのでこちらでも十分対応いただけるかなと思いますどの道GitHub上にGuttenbergのリポジトリーがありますのでなんせGitHubのアカウント必須となりますから合わせてGitHubのアカウントを持ちでない方はこちらも取得くださいという内容になります今お伝えしたとおりGitHubのアカウントが次に必要になります何しろですねこのGuttenbergっていうものの議論やらファイルの更新やらのすべての管理をクラウズ上にまとめているのはこのGuttenbergのGitHub上のリポジトリーというところになりますそしてコントリビュートするっていうのはここに対して一周を書いたりプルリクエストを行ったりするという内容になりますのでそのあたりのためにもGitHubのアカウント等とご準備いただきたいという内容になりますあともうちょっと詳しいことをしているのはGitHub CLIとかあとGitHubのSSHで接続するとかいろいろあるんですけどもその後にもGitHubデスクトップがあればとりあえずアウントロードクローンができますのでこっちの方が簡単かなという話もありますはいそしてリポジトリーからのフォークしてクローンですねここについてはGitHubのお差法としてプルリクエストをするまでの流れっていうのを学ばなければならないというところがあります具体的にはですね今ここにGitHubのリポジトリーがありますがここの内容にいきなり誰かがコミットしたらすごく困りますよね例えば私学校に新しくどんどんコミットし続けたらみんな使ってるのに変なことになってしまいますとなのでこのGitHubのリポジトリーに直接働きかけるんではなくこれをまず一旦自分のアカウントの持ち物にするっていうのがフォークという内容になりますでフォークしてからその内容において自分でコミットしそのコミットの内容を本体に取り込んでくださいねお願いするのがプルリクエストという流れになりますこの1連のプルリクエストの流れみたいなものがきっと分かりにくいと思います最初分かんない人はでそこの部分の内容についてはアントーこちらですねよいしょよいしょあの手前みそなんですがよいしょここのMGNナレッジっていうところにGitの使い方とかリモートリポジトリーの使い方っていうの全部無料で置いてありましてフォークっていうのは何かっていうと今まであったものをバーンって自分のとこにするでフォークしたものを自分のパソコンにクローンするここまでがクラウドでこっちが自分のとこですねでそこで新たなコミットを作るでそれをプッシュして自分のリポジトリーに持っていくでこれをどうか本体のリポジトリーを取り入れてくださいなっていうのがプルリクエストというものになります分かりやすい今初めて自分のリソースを自分でうまく伝えかつきまけがしますがえっとっていうことになってこの辺りの説明このコースリポジトリー操作コースの中に全部ありますのでもしよろしかったこちらも合わせてご覧になってくださいはいっていうことでここまでが環境設定というか環境構築の内容になりますで出来上がったらどうなるかっていうとこうなりまして今このフォークしたものをクローンしたのがここですここでギッドハブの状態のものがあるとギッドハブでファイルを押しているものがあるとでここでNPMラウンデブであると今のこの状態がコンパイルされてグテンベルクのプラグインの中身にただしその一つにまとまったもしくはいくつかのギュッとまとまったジャバスクリプトになるプロセスがこうやって走ります今ブリルディングプロセスでありますねこの中にはですね例えばパッケージズの中にブロックライブラリーというところがあってここのSRCのところに行くとここに見慣れたボタンとかカレンダーとかカラムとかなんかあるんですけどもカバーとかカバーブロックここですねこの子ですねカバーブロックでこういうところにある全部のブロックがバラバラにファイル化されたものが全部今一まとめになってグテンベルクのプラグインの中でサクセスって出てますけども良かったねっていうふうになるみたいな形になっていますでこれをやるためにあのノードがいるという状態になっておりますはいであごめんなさいでグテンベルクものすごいファイル数があるんですけどあるねただあのドッキのこのグテンベルクのこのドックスってところにのコントリビューハマロさんどこでしたっけなんかそのディレクトリのが一覧というかこのディレクトリはなんだよみたいなのって探してみますありがとうございますありました確かはいあこれから今ちょっとあありますねあのジャッドにはいおーフォルダーストラクチャーええこれが何をやってるよっていうのがざっくり書いてありますうんうんでまたあのこのパッケージ図ピカーがそれぞれままそのサブパッケージになってるんですがちゃんとそこにもリードミーがそれぞれ書いてあってこのパッケージはその何をするやつだよみたいなことはそれぞれ書いてあるのではいうんまあちょっと眺めてみるとああこんなになってんだなみたいなわかって面白いかなと思いますまあいっぱいあるんであれですけど私が少なからず気づいたのはもうこのパッケージの何かを触るっていうのがほとんどだなっていうふうな気がしてますけど私的にはそれは偶然ですかほぼそうですそうですよねそんな気がしますうんだいたいパッケージ図の中のなんかブロックのエラーであるはこのブロックライバラリーの中のSRCの中のこのブロックの中の何かみたいな気がしますよねそうですよねっていうふうに見ていただけると良さそうまたこのちょっと話は飛びますがグテンベルグのこういうコンポーネント単位のものであればこのストーリーブックってのがあるんですねありますねありますでこのわかりますこれ見たことありますねあの中央寄せとか左とか右とかになるやつこれがなんかエラーだぜとかなった場合にはですねここのドキュメントとかを見るとですねここが何なのかどこのファイルのどこにおるのかみたいなものが色々と書いてあるいうふうになっておりますのでこのあたりも合わせて見ると目的のところに辿り着く可能性が高いということになっていきますでいきなりでもこんなんできないと思うのでここで浜野さんの途上ですえーどうしたらコントリビュートに近づけるやろうかという話でですねえっとコントリビュートの流れみたいなところをちょっとお願いしたらいいんですけどお願いできますかあ、わかりましたはい画面出します?あ、見えてるので大丈夫です大丈夫?はいこれが昨年のメガミートアップで自分が話したセッションの1スライドなんですけれどもいきなりまグーテンベルグにコントリビュートしようということでバリバリはコードを書くのはものすごく難しいと思うんですねで自分個人的にあのコードで貢献するイコールコードを書くというわけではなくて一番の目的は問題課題を解決することなのでそれにつながる行動ができればいいかなと思ってましてでその最終形態としては行動を書いてプルリックを提出することなんですけれどもそこに至るまでにまずは一番大事なのは一周を読むということかなと自分は思いますちゃんと英語で何が書かれているかを理解してさらに技術的に何を言っているのか確認してさらにあとはそれが本当に問題なのかあとは100%再現できる手順があるのかこれは本当にグーテンベルグの問題なのかなどをちゃんと正確に洗い出すことがまず第一ステップだと思いますそっからのその意思をテストしたり例えばI was able to reproduce言ってみたいな再現できましたみたいなコメントを入れたりもしくは自分で新しく見つけて意思を立てたりして慣れていきながらコードを読みながら続けていくとこれなんかできそうやなというのが見つかると思うのでそのタイミングでプルレックを上げていけばいいんじゃないかなと思っていますありがとうございますででそんな言いは張るけどそんな急にはできませんよっていう方に老法なのが強調とそれをやってみようっていうのが今からの話になりますでですねちょうど良い一周が経ったるんですよ浜村さんありがとうございますこれがグローバルスタイルズカスタムカラーネームスウィズナンバーズアットディエンドアーノットリフレクテッドなんですけど我々日本人なんでね難しいんですが今日これの一周を書いてくれたミミさんがいますからミミさんまずはちょっとこれを紹介してもらっていいですかはい本当にたまたまなんですけど昨日かな見つけたバグがあってその一周なんですねこれこれで私そんなに上手じゃないにいきなり日本語に翻訳していいですか一旦はいどうぞこっちはいまあく翻訳されるかなはいはいあのそうですねその日本語をもう読んだの方がいいかなカスタムカラーを追加するっていう機能がサイトエディターに新しく搭載されたサイトエディターの方にあるんですけどもあのえっと名前をつけているね色の名前をつけているんですがそのまつびに番号が付いているとえっとちゃんと色は保存されているんだけどもちゃんと反映されないっていうパクが出ましたなんといけでしょうはいなんということでしょうっていうことでこれがビデオなんでこれ再生すると分かりやすいですよねはいそうしていただいてまああの実機でも全然やれるやれるんですけどあのこの動画をとっておくっていうのは結構大きくてそれ私も英語語となのでちゃんと説明する自信ないからあの動画を見てもらったら分かるようにえっと必ず道路が襲えるっていうのは結構ポイントかなと思います一周の報告の書きあとは環境情報ですねという条件で来ましたっていうことをきちんと書くあとえっとこれ全部あのフォーマットがあるんでそれの取り書けばいいんですけどそうなんですこれも説明しておきましょうチラッとだけこの一周のところですねえっと優しい設計にちゃんとなってましてニュー一周ってやると君の一周はどんな一周なんだいって言われますでこれバグレポートですかねはいゲットスターティートでやるとここにもうそのなんなんだいっていうのをここにこう書いてねこう書いてねっていうのが出てきますうんありがたいのでこれに伴って書くと他の人が見やすい思えなく書ける感じになっております一応内容だけすらっと説明すると最初の上がタイトルはいるかねんそのディスクリプションがまあ概要まあまあ説明をま説明 marker説明ですよね要はそのプロリクのプリプ net疑問題の説明がうんするのがディスクリプションはいでそれでそのあともうステップ by ステップでリプレイペーション インストラクション要は再現手順もうだいたい僕ら僕らからでこのページに行ってこれをもしたらこうなりますよみたいなことをよく書くんですがで最後に最後にこの最後じゃないですねこのその次がスクリーンショット& スクリーンレコーディングコード普通にペットまあまあ読んでそのままなんですけどまあスクリーンショット貼ったり あとスクリーンレコーディングこれ動画ですねまあまあウィンドウゾーとかでもサクッと今動画 撮れると思うんですがそれそのままここにドラッカーのドロップするだけで何でもだいたい使いできるのでちゃくちゃ楽です あとそれ管理画面から css を書くとかあのブロックそのもの入れたらバグるみたいな時はここにそのブロックのコードを入れたりするのがいいんじゃないかなとは 思ってますで最後のこの環境情報エンバルメルインディフォー a まさくらさっき説明があったとおりででまあ今このみんさん一周だとそのワードプレスの rc 2 で起きた話なんですがまあ普段 普段はそうですねまあワードプレスのバージョンとそのグッテンベルグのどのバージョンの起きたかみたいなのも結構書くことが多いかなという感じですねはい そんなところですはいであとはリポジトリー内の既存の問題検索しましたかはいa グーテンベルコンのぞくすべてのプラグミム効果した状態でテストしましたかというのが出るということですねあのこの全部問題を検索し まあしたって言っても結構今一週間5千件ぐらいあってあとはなぜかハークはできないし5千以上って書いてあるはいまあとりあえず1分ぐらい調べて1分から5分ぐらい調べてなさそうだなと思ったら書けばいいんじゃないかなそれが重複してたらあのそれこそコアのメンテナーの人たちがこれはこれと同じだよとか類似の問題でよねとか そのマネジメントしてくれるのであのこわがらずに書いていいのかはいかりましたじゃあせっかくなんでえっと今ですね今 あの浜野さんが言ってくれた石を読む石をテストするっていうのがありましたからんとこの石を見つけた私がテストしてみたいと思います 無事に再現されるかどうかですねえっとやってみましょうとまず えっと今いきなり僕翻訳環境になってるんで全く挙動が違う可能性がありますがまああえてこのまま行ってみましょう えっと外観のエディターに移動しますエディターに移動外観のエディター移動しました ちゃんとでスタイルに移動しますタイルはいスタイルのパレットのどこまで進みますとはい来ましたよでここでカラーに行きますから で8パレットをクリックしますわかりやすいですねちゃんとしてますねはいで 名前ネーム位置のようなカスタムカラーを追加しますよいしょ8じゃあ私は青色が好きなので青色にしておいてでこれをネーム位置としますはい でダンであったネーム位置が出来上がりましたねネーム位置が出来上がりましたよはい でスタイルに戻る戻りました 戻ったような気がしますでカスタムカラー背景を設定しますバックグラウンドはいでこれをこう いいですよここまでいいですよで保存をクリックしますセイブ ああああああ見事に再現されました 素晴らしい素晴らしい本来ならここで青のままのはずが 何故か消えてますね青にして保存 保存なるほどちょっと私いろいろ試してみたいと思いますこれメガネっていう普通のやつだったらそうはならないですかメガネ メガネは赤にしましょうじゃあダンダーンって スタイルに戻りましたでパックグラウンドを赤にしてみましたこれ保存してみましょう 消えないなるほど今ちょっと怪しいと思ったのはこれあのインクリメントするんですよねこうやって1235ってでなのでえっという事はですよこれを考えると ネイムスペース1だとうまく動くんじゃないか説を 唱えてみたいと思いますネイムスペース1ねセーブ はいでえっと同じように背景をこれにしましたネイムハイフォン1ね はいでこれでセーブするといかがでしょうかいける でことはえっともし私がここでコメントするとしたらえっと私も再現しました えっとネイム1の時には不具合になりましたネイムスペース1の時には不具合になりませんでした またえっとまつびに数字が入ってない場合にも不具合はなかったですというようなことをここでコメントしてあげることもまた1つ コントロビューションになりえますかていうことだそうです ちょっとちょっとニーズテスティングのあの確かにテストが必要入ってるこのラベルがついている一周には特に そのテストをしたよこういう同じ再現したよとか再現しなかったよっていうのをコメントするだけでも なるほど動いた好きになると思いますんと今本当はちゃちゃっと書いてしまいたいですが もう次行きましょう一旦えっと じゃあこれはもう今ね本当にビューズでしょいますからえっと まあ後で書いときますコメント書くとしてですねじゃあこれをえっといざいざ 原因の救命やら何やらっていうのをえっと私はただオペーターとして頑張りますんでえっとトロさんとハモロさんとなんとなくアイデアを出しつつ えっとちょっとやってみませんかっていうのが今日のちょっと面白いパターンのとこですはい えっとやってみましょうってことでえっとまずはんとこれがありの今ぐてんベルクが開いている状態で8 npm ランデブまでは行きましたと言うともですねはいで えっと何かしらこの子に該当してる内容があるはずアドゾートロさんその前にあの1回あのバグっているカラーのパターンにしてもらっていいですよ バグってるカラーのパターンにするネーム1ネームハイポン位置ですか えっとちょっと待ってくださいねじゃないですネームスペースなし1かこうだった あやこしえっとこうでこうで カラーでえっとバックグラウンドをこのこれですねこれでそれで一回セーブしてもらってはいリロードするとどうなります リロード青いです 来てる何来てるっぽい最初だけん 最初だけですここでも結構大きな頻度だよなっては思いながらなるほど うんそうリロードしたらこう結構再現手順とまあ後でコメントするんでしょうけど結構そういう ちょっとにまあ別の操作とかやってみたらこうなりましたみたいなやっぱ書くと やっぱ情報が多ければ多いほどあの特定としやすいじゃないですかはいよ 探偵もほとんど探偵みたいな話がありましたけどさっはいはいはい なのであの情報を多いにこしたことはないのでそこらへんも見ておくといいのかなというのと今ので山野さんなんかわかりました めちゃくちゃ実は一周にあの耳さんは結構重要な情報を貼ってくれていると思ってまして はいこれですねの方のスクリーンショットこの赤い部分ですねですねえっと実はカスタム編数の中においてこのように プリセットカラーハイフォンハイフォンカスタムの後に名前になるですねってここの カスタムハイフォンにになっているこっち側はしかしこっち側の参照は8 カスタムハイフォンがない にになっているというところですねはいなのでおそらく css 選数はその英語数字と続いた場合にそこをパワースして間におそらく配布を入れるみたいな処理が入ってると思われるんですがそれはボディ要素にあのバックブラウンド適用するときにホンパーなんとかを生成するときに なんかそこのロジックに矛盾があるんじゃないかという感じがしています感じがしますねで今えっと3つこれ作りましたからえっとそういうことで言うとそれを1回ここで見てみるとまたなんかあるかもしれませんねとボディですねボディはい であるとえっとバックグラウンドここですねここ8今なんか カスタムネーム1確かにここはハイフォンがないしかしこっち側の8ここだカスタムネーム1には配本がある 目がねにはそれがないだからここに余計なハイフォンが入ってるっていうのが問題って思おういえばいいのかな えっとちょっと待ってもう一個もう一個その自動ででもこれあのこれ私の一周でやったやつなんですけど 自動で数字のインクリメントが入るっていうのがデフォルトの設定としてあるじゃないですかそれがなんか考慮された結果 おかしな考慮になってる可能性を感じませんえっとカラーのパレットのこの頃 えっとちょっと待ってこれ今ちょっとこの子が分かりにくいからメガネ1にするわ メガネ1メガネじゃないないいかメガネ1 ここもなんか分かりやすくメガネ2メガネ2が分かりやすいかどうかめっちゃなすやけど ok ok でえっとこっち戻ってきましたリロードしました ボディに行きますえっとここの編数ですかああこれですね メガネ3すいませんあの何したらマウスカーするか何かであのこの部分ズームはズームインで来たりしますか なんだけどマウスコントルできて今今今これこれでしょこれ ああこれなんですね見えました大丈夫ですこれよねこれよね えっとこれとあれを管理画面と一緒に出した方がいいね こうだねでえっとこうでこうでをはい こうですねえっとネーム普通位置の時にも配本が入っちゃう えっとメガネスペース位置の時にも配分が入っちゃ ってか配分入れてくれてるてことは自動でインクリメントする数字が入るだろうそしてその前には必ず空白 が入るだろうでも空白は8 csa センスには使えないよねだから最後の文字が数字で その前の文字列があったらそこの間は配本入れようぜ っていうような設定がなんかあるっぽいもう一つなんですけど私がえっと一周に えっとリレイティとで貼ってる一周があってちょっと見てもらいたいんですが 同じような内容あ上もちょっと上その 同じような話がえっと本当の名前で数字がついてるやつでもああこれたぶん 関連してじゃないかなと思うのでちょっとヒントになるかなと思いますすげーみんなで一人に任せていくスタイル でもとりあえずこういう時とりあえずなんか wp プリセットみたいなのを全部検索書いちゃったりしますね僕 これを生成しているコードはどこにあるんだろうってのひたすら探します vsc コードだとまあそうですねそこに もしかしたそれで出ない時も結構あるんですけどねまあねでもこれあれだよねカラー編数の話なんだよね きっとねーiPhone2つ wp-iPhoneそうですね めっちゃ出てきたすごいねそのその感がすごいですねリオトーングテンバルグ php はいはいまあこの辺であこれですねスタイルアンドセッティング phpとかねちょっとチャットにそれっぽい リンクはちょっと貼ってみましたなんか来たあ何をこれ今世界最高法の人たちが辿り着いてるんで あのそんなに気にしなくていいですあーなるほどこの wp カスタム方げねなんとなくこれで出力してる 感がするねすぐしたのでちょっとこのへんなんか バーダンプとかなんかなんかはいはいはいはいはいはいてみるとなんか そうってね違うあのメッセルとかも知れないですけど自分も wp-iPhoneカスタムとかでググったら出てきました そうちょっと待って今今そこすごい大事な気がするから何で検索したって wp-iPhoneiPhone あっとですねチャットランに貼りますとこれかこれかそうですねそっかそっかあの今のこの共通された css 変数の名前はどれもこのここで8カスタムこれがついてたから こういう名前になってたんだからまあとりあえずハイフォンハイフォンカスタムは何かどっかにあるんじゃねみたいな あとあのフロントエンドで起こっも問題が起こっているということはあそらく php で生成されてるはずなんで 拡張症ドット php で区切るああああああ えっとちょっとその検索の仕方もごめんなさいね聞いときたいこれでこうやってで 含めるファイルを vs コードだとアコメドット php かこうかはいはいこうですね そうするとなんかそれっぽいものが出てくると今ね別にねえとね元8さんからもなんか来たよここも怪しい言って プロテクトスタティックファンクションああ確かになんかこのあー wp ケバブケースはなんか臭い wp ケバブケースであなんかこれあるぞあのなんか見たことあるぞこのあれ これまあここらへはもう php のドキュメントを見ていただければってあるんですけど一応このこれまあスティアル str トゥーロー str ったら文字列な話などリングネームではい文字列をあの全部小文字にしますていう感じでロア小文字にするぞはい その後このタンコラ wp 2 ケバブケースっていうはいはいあの要はキャメルケースとかああいうのいっぱいあるじゃないですかその 文字クリートそこらへんをなんか配布区切りとかそういうのにしたりにアンダーバッグギリーとかにうん光とか言うのが多分これですよね これストリングリプレイスしてますからスラッシュはこれはハイフォンにしろとかですよねこれの場合はねそうですね うんちゃめちゃなんかこれしなまあとりあえず1個1個やってみようえっとまずここにバーダンプしてみる えっとこの4位置の中がいいですか外がいいですか 中にしてみましょうバーダンプあはっはっはっはっはっはっはっはっはっはっは これ出るかなまずえっとアハッハッハってしましたから8ここに えっとリロードですねリロードなのホケると思います なんかどっかがおかしなことになってほしいなっていうことですよねもしくはエディター側は js でレンダリングしてるかもしれないのでフロントエンドかもしれないですあーなるほどはいここにはアハッハッハがいないかも まあもうこういうときも右クリックラーのソース開くで全部検討しちゃうこともいいなあですよねですよねこれでもいいんだ そうそうあヘイタラエラーと何でお前 これはあメモリーがなんか怒られたえっとでもないねあはっはっはないですはいじゃあフロントエンドはい フロントエンドはいどうもなんか怒られましたすごい勢いで あーアウトメモリーって言ってますねたぶんああホイッチで マッシュモーンこれ治るんか えっとあなおらへん ちょっと待ってこれはね私がねこっちもなんか触ってる可能性があるただこれ メモリーをそろそろ使い過ぎてるみたいな話ああこれは私問題ですか うーんていうのとあと多分これだあのvsc のの環境をこの wp プレグランドはいそんなにあのメモリがメモリとは割り上がるほど なと思うからエラーのメッセージがトランスレーターとかなんでなんか例えばデフォルトの言語に戻したりするとなおたらそうか 勘感ですけどあそうか あっはっはっはっはっはっはっはっは結構とやって守りこんですよね えっとじゃあちょっと待ちくださいえっと一体画面を止めましてとWPMのさっきお伝えした通り Nowを消します一旦消しますここに来まして 画面がやってきましたこういう時はCDで ホームディレクトリーここですね ホームディレクトリーの腕 リムーブ RFWPこれですね.now これを消します はい ありがとうございましたで これを止めて もう一回動けってやると 正しく動くはず動いてくれるといいですね なんか今日ね こういう風にしたかったんですバタバタしてる感じがいいなって思いましてその方がリアル感があっていいかなと思っておりますまずは もう一回 ここのこれですねクラスWP JSONテーマ 何がし何がし これこれかな これですね はい これで ここのこれここでもう一回 バーダンプをここに入れて 保存しましたで これをもう一回 リロードしてみますあははは めっちゃ出ましたね出ましたから じゃあ これはこれでOKで今度はこの変数を取りたいですね キーとかを取ればいいですか 多分これ本当にもうあははは絶対残します あははは残すんやそうなんやそうすると検索とかしやすいじゃないですか 絶対ありえないモジュレットを入れておくとかここからここまでがデバックペキストだよみたいなはいはいはい なるほど こういうことですねあははは 居なくなりました あ これカスタムカラーが今一回なくなったからですね多分 そうですね 多分 そうですねヘディター 頑張れ私 頑張れみんな日本の力 歌の力あの すいません私ね 体制こうやって待ってる時にふざけちゃうんですよねで ここで 眼鏡1 これが開かんやつねとこれは グッド1 グッドスペース1 はい これでセーブOK で ここ行ってバックブラウンドで 眼鏡の方にしてセーブすると保存されるが白い アイですね もうめちゃくちゃ再現してますからねで コーツコンに来ると はい で リロードしてなんで あははは どういって あはははよ 先生 居なくなりました あはははこうやってWP直ってプラグインデコロとで有効化されるんでしたっけ有効化されるはずです まあ でも 見えてるのに有効化されましたあと分かったら なんか見つけたようですなんか来たちょっとこのWP CLIツールを使ったみたいなのですワードプレスのコマンドラインでの実行環境がまたベッドあるんですけどこれはちょっとプレイブラウンドだと 今のところないのでプレイブラウンドは使えないんですねすみません ちょっと手元の別の環境で全然全然 弁のケバブ関数にをテストしてみたら多分 今 問題の現象が再現してるかなとPHPの関数をWP CLIで実行できるんですよねちょうまって 今 じゃあ元八先生 お願いします今のここの これでいいですかこのクラスWPテーマJSONGudenbergPHPでいいですかそうですね その1887行目はい 1887行目はい やってきました ここですねどうしたらいいかな これを使わないようにした方がいいのかこの多分WPとケバブの中を直すのは多分違うと思うのでそこで使うべきじゃないのかああ そうその関数を通さないようにするとどう使われますえーと とりあえずとりあえず これをこれをこうってことですねそれと消しちゃう はいそういうことですねそのままやってみますはい じゃあ取って何とかして出す あれ取った場合に動くのかどうかですよねえーと アピアランス違うエディターあ なんかいきなり これさっきと近くないあ ここまでいいんか ここはいろついたけど この後消えるって話だったよねあ 消えた 消えた であ 消えた 消えたってよくないよくないよくないいやいや やってると消えた 消えた バグが再現した安心するようになりますまじでで セーブ はい あー あれ 衣装やなあの css 編集見てみません どうなっちゃうああ はい はいよいしょ えーとメガネハイフ1のままっすねで こっちはメガネないですねただ この関数が ネーム1を入れると ネームハイフに関しちゃうってことは分かったんですよどうなの 今そう 今このモターチャンのこのコメントってパッと画面に出せるどれどれどれどれ あーこれwp のチャットでwp ヒーバルホゲホゲってやつそうですよいしょ ちょっと待ってねあ そうです はい はい はい どうぞそう このこの3この3両目がそのwp というケーバブケース ネームアンダーバー1を実行したらはいはい その下にあったこの10 12目です今 ネーム1 ネームハイフ1これ はい はい はい なるほどということは今分かったと あーなるほど なるほどってことはえっと一旦これをえっとこれをとりあえず なんかわからんけどとりあえずあーとかにしてみてやねっていう話だね まあこうすると全部あーで買えるはずそうですね はいえっと これはでもどこにも変わってないねあれも私これちゃんと動かせてんのかいやあの僕だったら うんこの関数使ってるファイル他にあるのかなって思いますこれダブルアンいやアンダーバーwp ケバブケースを使ってるとこどっかにないかなってこの空点3って以外にもしかしたらあるかも いっぱいあるよ9個のファイル19個も使ってるよ その中でどでもその中でどれかなどれかかもなてのは思いますあーなるほどタイポグラフィー見事に使ってるからこれそれっぽいよねあのさっきの あのあの関連してたりになってたところの一周のやつとあとはフォントフェイスフォントリゾルバー インデックスギャラリーインデックスページリストスタイルエンジンスタイルエンジン なんかなくさいまた気なくさいやなんかそれ なんか怪しいやつ出てきましたねエクストラスラグケバブケースネイフロームプリセットストリングス えーポイグザンポーヘビリーブルー フロムバープリセットカラーヘビリーブルーに変えるこれ縦棒に変える的なやつやねあだからちょっと違うねここはね トマーえっと えっと今円もたけなわなんですけどあのなんとなく今やめんのちょっといやって思った人が多かった でしょうあの こうやってハマっていていただけたらありがたいなんか今もうちょっとで見つかりそう じゃねってなったじゃないですか今ねこうやったらなったでしょ今 そしてなんかすごいチーム感があったでしょ今あのこれが きっと楽しいといいなって思うんですこういうこういう番組参しみたいいや違うですよ これを一緒にやりましょうって話なんです別にこれ解決できなくても例えばこの ケバブケースが怪しくないみたいなことをコメントするだけでも結構そうですね あの僕は本当にそんなに技術はないですけど さっきみたいに再現できたなっていうとこまではわかるわけですから再現できたよっていう声が出るだけでもいけますし あのね今みたいにもとはちさんみたいにちょっとこれケバブケースこうやったら確かにこうなるわっていうのだけでもあちゃそれがヒントになりえるかも なみたいなことがありまして一人でやるよりも楽しくなんか一人やるよりもいろいろ早くなる可能性があります ゆえあのもしよろしかったらぜひ えっとこういうことにご参加いただけるったらどうかなと思いますしあの今後もこういうのをあの御強ご公表いただけそうならちょっと定期的にやってみて あの人がたくさん増えたらそれはそれで嬉しいことかなと思いますので8どうせ今ね話聞かずにねデバグしてる人がいるからねさすっと行きますよいうことで8こんな感じですで例えば今あのちょっとゴールしたものも一応ね あのご覧いただくとしたら8別の一周でねこういうのがありました今と全く同じ場所なんですけどここ あの数字がインクリメントされてたじゃないですかカラー1カラーに次をさカラー3カラー4ってなってたんですけどここ日本語翻訳関数が入ると色に変わるんですねでもそうすると色3色3色3となるっていうバグがあったんです これもあの見つかってこれをあのもちろん私一人は全然何もできなかったんでトロさんとかに手伝ってもらいながら あの一応解決したっていうプルリクエストがありますで8ここでプルリクエストを作りますという感じですね自分でコミットしたものをプルリクエストした送りますとで8これは何なんですかってプルリクエストにもちゃんとしたフォーマットがあるので 8一周がしっかり書かれている時にはこの一周についてだよみたいに投げちゃっていいっていうふうに言われたんですそしてますがまあ可能ならこの辺を書いていただくといいかなって感じでして えっとこれするとですねすごいことにグテンベルクとかってあのレビューする前にすごい数のテストが自動的に走ります でまずこのそもそもこのテストがちゃんとクリアしてないとあのマージーするステップまで進まないっていうことがあるのであのこのあたりもすごく勉強になるんじゃないかなと思いますしあの実際のエンジニアの方であればそういう作り方プルリクエストをいかに安全に受け取るかみたいなところのノウハウにもなるかなと思いますそのほか例えばタイプスクリプトで書かれてますのでタイプスクリプトの書き方とかテストの書き方とか プレイライトの操作の仕方とともいろいろここにありますのであの今みたいに眺めるだけで時間はどんどん溶けていきますがその分きっと何かしらいいことがたくさんありますので えっとぜひあの今のが楽しいなと思ってくださった方はあのそのことをまずはあのツイッターとかで書いていただけたらあとで youtube じゃなや ワードブレスドッド tb にも乗りますのでその時にあのみんなが見てくれたらこれが多くの人に伝わったらいいかなと思います ということでちょっと補足としてはあの下のこのテストのテストの自動テスト結構不安定な部分も結構あってたまに落ちます よくわからない理由で落ちたりでいうのかこのパペッターってあのいわゆるあの実際にマードプレスを 動かしてテストしてみるみたいなやつがあるんですよ結構これが重かったりしててよくわからない理由であの落ちたり してまあしたりしてそれをなんかそのまたらしいプレイライトってやつの書き返ってそれを安定化させようみたいなこのグテンベルグと出荷されるコード以外にも結構そういう取り組みとかはあったりして レポジトあるんですがそこでもうめちゃめちゃやってて面白いのかなっていうのとあとはプレイクでなんかよくわからないけどパスしないなぁって 思ってもまあまあまあみたいなまあまあそういうこともあるよっていうのははいはい なるほどはいということではいえっともうすいませんだいぶ時間があの来ましたから一旦ここで切りたいかなと思います あありがたい早速コメントいただきましたね8アイムザーセイム8分のとみ アイハーゼンプロブレムってことを書いていただいたこれはえっとうずみさんからありがとうございますあ元橋さんも書いてくれたアイテスティーズです issue by アテンディングコントリビューション2グテンベルグイベントインチャパーありがとうございますイベントの宣伝までしてもらったありがとうございます でこうなったらこうなったよっていうのを書いてくれたということでえっとこれに私はとりあえずいいねをしとくということだけを一旦して はいえっとはいじゃあちょっと画面を 以上にさせていただいてはいありがとうございました長時間にわたってご参加いただきましてそしてあと今日ゲストスピーカーと札幌スピーカーいろいろとあって トロウニーさん浜野さん耳さんご協力ありがとうございましたあのこの調子でえっとこういう会がもし増やせたりして えっともしかこういうことに参加できる人が増えてあの今まで遠かったと思っていたコントリビューションがちょっとでも近くなったり そういう人が増えると嬉しいなと思いますしあのこんな毎日ずっと続けることなんでね あの本当に簡単ではないんですけどもあのみんなで協力できたらきっといい未来がありますしなんか上手になるのは結構嬉しいですよこれ で解決できたら結構みんなで嬉しいと思う良いお酒が飲める気がしますのでそんな形でやっていただければと思います トロウニーさん最後どうぞ一言なんかちょっと 楽しかったね楽しかった めっちゃいいじゃんそうそんな感じでやってますよ本当にうんうんだから うそ解決できあのジャンプと自分でねプルリクエストまでできたらそれはそれで嬉しいんですけどまあなんかこういうの調べて 実際にまあこれでもしかしたら他の誰か解決するかもしれねその時になんか結構やっぱコメントももらったりするんですよそれヒントだったわありがとうみたいな でそれ通してあのそれこそあの海外のあの全然僕らがあの言ったこともないは国の人とかとコミュニケーションのきっかけになったり したりしてなんかそう楽しいですよだから めっちゃいいだからまあまあね前ほんとまあ暇を見つけてねほんと一日そんな一日で30分とか まあ1週間に1時間でもいいんでそうやってコツコツやっていくのが多分 こういうのになんかやったなんでしょうまあうーんなんかそう長細く長くってだんだんできるようになっていく 秘訣なのかななんていうのはちょっとやってた思ってますはいありがとうございます あいよいよどうぞいいですかせっかくだからハマロさんと耳さんもちょっと喋っておきます耳さんどうぞ楽しかったですはいみんなでワイワイするの1人でこの絵物も あの永遠多分ハマロさんとか毎晩毎晩お酒飲みながらやってらっしゃるっておっしゃってましたけど みんなでやるのも楽しいですね1時間また取れたら嬉しいですありがとうございました ハマロさんもどうぞはい一つちょっと大事なこと情報がありましその初めてコードでコントリールとして あのマージあのメインプランチ取り込まれると自分の名前が あのアバウトアプデート社会のアバウトページのクレジットに名前が出ますというアメリットがありますあと ドットログのプロフェルにも多分コアコントリビューターで出ますよねはいそうだったりと本体に出ます そういうバッチがもらえたり名前が乗ったりっていうまあ自己満足もありますのでぜひやってみて欲しいと思います いうと思いますはいということでじゃあ今日はここまでということでなんかちょっといい機運だったと思います またもしよろしかったら次回やりたいと思いますのでその時もご参加くださいじゃあ今日はここまでて言う方でありがとうございました 録画止めます録画の人もお疲れ様でしたありがとうございます