はい、それでは時間になりましたので、 セッションを始めたいと思います。WP-Rest APIとリアクトで始めるリモートワークでの 有料ウェブメディア開発、島田俊さんです。 よろしくお願いいたします。よろしくお願いします。はい、この式会社、コロナ社、株式会社リムセンスで、 インチャラとして働いている島田俊です。今日はWP-Rest APIとリアクトで始めるリモートワークでの 有料ウェブメディア開発ということで、というテーマで発表させていただきます。私、異業集、異職集からのこの業界には 定職の意味でして、今はウェブデザイナーでこの業界に入ったんですけど、 今はウェブエンジニアとしてリムセンスで行っています。本業では、ほぼに月から金、 本業では定職ドラフトとかデザイナードラフトと呼ばれる定職サービスの手段を作っています。ちょっと今、復興電子団者さんのお手伝いを、 メディア開発の手伝いを作ることになりまして、ようやくこの1年間くらいのワークフレスを 始めるようになりました。このワークフレス会場にMTとか知り合い全然いなくて、それもあって、スピーカーに応してみたいなのがあったりするので、この会場で顔を見たら 声を上げていただけると、すごい嬉しいです。今、復興電子団者さんで私が 託されているのはクリーチャポンジというメディアなんですが、これ、ご存知の方とかと言いますか。あっ、センサーやるとなりますか。結構嬉しいと思うので、編集部に行くとき、一番の知らない方もいると思うので、 簡単に説明をします。海外のメディアで取り上げられているニュースを 日本人権に、今夜とかして紹介する友情の密学会員性のウェブメディアになっています。今回お話しさせていただくので、もちろんワードフレスを作られています。一応、出のためなんですけど、NWSにとっては後世なんですが、一応NWSにとって、PC2に対して、ブログですよ。今、ワードフレスを使っていて、ウェブメディアを普通に画像とかバンバン入ってるんですけど、それをS3使ってみたいと思います。やっぱり格的シンプルで、ワードフレスオーディアのデースみたいな 感じなのかなという感じで、一応開発体制、社内外のお世話で開発体制のことですが、この場所の人間が中に編集のことがないんだが、 メンディでペーニング内で、民主党のこのインジニア株復興は私なんですけど、外部のデンジャイナーさんとか、ワードフレス時代を推してくれ、システムベンダーさんとかが値にします。この環境題材に、特許のセッションテーマである、STAPIの話とか、ステンプレートエンジンで採用した リアフトジェイスの話とか、私自身が週末復興みたいな感じで、調理しているので、そんな話をできたらなと思っています。手アジェンターはこんな感じです。ウェブメディス定制を選択した理由と、リアフトジェイスを選択した理由に、復興とかリモートワークでこんなことを工夫していますみたいなことをお伝えできるかなと思っています。最初に、ですが、ウェブメディス定制を選択した理由についてです。私のジョイム時期というと、この1年間くらい、去年の夏ごろにジョインしました。で、ここで初めてワードプレスを放射と触ったみたいな感じなので、ワードプレス1、ワードプレス歴が1年みたいな感じです。で、ジョインしてスズカにつぐらいで、ちょっと何かわかんないんですけど、新規メディア開発の方がスタートしました。で、新規メディア開発というのが、プレーの名前がついているメディアなんですけど、エクスパットバイプレイジャポンというブログメディアになっています。ちなみにこれもご存知だから、それはほぼいいです。ありがとうございます。いただきます。で、こちらも一応説明すると、こちらは海外台中では、実際に働いている日本人のパターンが住んでいる人目線、そのままちに住んでいる人目線で、毎日の情報を届けず、ブログのプラットフォームで使っています。シピース社の中で、集中なので、海外の方とかご存知の方は徹底いただける対応を問い合わせたいと、編集部から喜ぶことをよろしくお願いします。で、こちらももちろんなのですけど、ワードプレス出てきています。で、先ほどのクイレーの本体と今のエクスパットの2台あるので、つまり、ワードプレス2台構成みたいなウェブベンジャーの構成になっています。つまり、こんな感じです。後発の方が5パットなんですけど、新規開発、しかも、既存のメディアが乗っかってるっていわゆるURLをどうするのみたいな問題が出てくると思うんですけど、それに漏れず、今回のそういう話になりました。何回か会事とか検討して、検討した結果なんですが、音からあったクイレージャポンユーザーへのリーチとかSUKとかがありまして、URLはサブリエクトリで対決することになったので、やはりこういう構造になります。URLはもともとのクイレージャポンに乗ってる形なんですけど、ワードプレス自体は別々に作ることになってるので、スパットのデートは何とかしてクイレーの方にそうなりました。この記事どうする?と考えたときに、デートを受け渡しの必要性みたいなのがそもそも出てきて、このときにこういう感じです。スパットのワードプレスからワードプレス上データベースのこういったことを想像できないので、表示情報をどうやって表示させるかなって悩むときに一番最初にあったのは開発のワードプレスをご紹介してくれるシステムベンターさんのミーティークに私が思わたまいたのですが、そのときにこんなこと言ってみました。ワードプレスとデートを作ってできないんですかねみたいなことを軽々しくちょっと言ってしまったんですけど、そのシステムベンターの方は自信がありがりこんな感じで答えてステムベンターの表現で使えますよって言ってくれちゃったのでステムベンターを採用しました。という理由です。はい。とりあえず、ここまでのおさらいですがクリー・ジョコーンとあるウェブ・メディアの新規開発がワードプレスで構成にしてデータの受け当たりをすることになったのでこのWPS・TAPIを選択することになりました。という感じです。はい。では2つ目。ミアクトJSを選択した理由についてです。先ほどともにデータの受け当たしをWPIKですることになったのでフロントエンドでどうやって構築しようかみたいなことがあるんですけどまずそのSTAPIには皆さんご存知皆さんご存知の方が多いと思うんですけどこんな感じちなみにワードキャンプさんきっとワードプレスでできてるんだろうなと思ってのときに行ったらこんなに帰ってきたのでこれはペントポイント開発されているみたいなのでとみあったら皆さん見てみてくださいという感じです。そのフロントエンドでフォーディエンチャコンガーのフロントエンドでアテンプレートエンジンを採用するときにつか悩んだライブなりがあります。今来いかなと思って特にこの3つを選んだ理由はないんですがアンデュラジアスかヤクトJSか、理由にしようかなと思って悩み始めました。悩むとき、何するかというとみんな決まってると思うんですがとりあえずGoogleトレンドを見て見ました。最近このリュウジェストリュウフェスみたいなカンフレンスがあったりとかでだいぶ人気伸びてるんだろうみたいなのはリュウジェストにはしたら思ったんですけど息が長いみたいなものもあると思うんですがリアクトJS自体は冷蔵して注目されてるんだなってのがありました。このGoogleトレンドで人気とかを調べてみようって思ったこと以外にもう一つこれをしたことがあります。採用について一番最初に思った通りは編集部にはそもそも開発者なのでいなくてメンダーさんと副評でやっている私だけなのでそもそもサービス開発のスピードみたいなのがあんまがんないというのは相見でありまして選挙でもちょっと私よりは少なくとも時間避ける人を採用したいなというのは編集部に採用しやすいみたいなことを考えていずれに選定しようと思いました。その時に考慮したデータがありましてそれがこちらです。転職サイトのその美術に関する兵裁救人室みたいなのをちょっと調べました。で、サイト規模でそもそも検測の差はあるんですけど転職サイトGとFとLみたいなのがあって検測の差はあるとどれでも大体リアクトの検測救人検測多いんだなというのが検測できると思います。で、つまり救人数が多いといろんな現場で広く導入されているんだろうなということがまっすぐできるのでエンジネサイオリー強そうなんじゃないかという主意で今回はレッドジェスを使うことにしました。はいここまでのおさらいです。両党のWPSTペイントで意見するためにエンプレートエンジンとしてエンプレートエンジンを採用することがで、具合で人気があって採用にせるそうであるということを応援し、レアクトジェスを選択しました。はい、最後にです。ちょっと趣旨が変わるんですが工業とリモートワークの部分についてお伝えしたいと思います。こちらの会場をこられている方はご経験かもしれないんですけどリモートワークの問題点でちまさで言われるようにいろいろあると思います。例をあげると何か仕事して仕事してくれているのかなみたいなとか私みたいに工業があっていくのみたいなことができるとバランス取れなく頂く過ぎをチャットで投げても何か返事来ないんだみたいなとかいろいろ悩みがあると思うんですけどとにかく不安みたいなが本体にあるんだろうなと思っています。私も自演してフルリモートでやっています。入るときにも受け入れられる側もそこそこ不安だったりしました。何でなんだろうなと思ってその時に思ったのが姿が見えない不安みたいなのが大きいのが大きいんじゃないかなと思いました。トワイヤーの姿が見えないのが受け入れる側も受け入れられる側も同じでお互い様なのでこっちからできることも仲しようと思ってこんなことを心がけました。今何をしているか自然にリハルタイミングにしっかりしていることを心がけたことを考え始めたんですけど今何やっていますみたいなチャットで打ち続けるのがダサいのみたいな個人的にやりまして技術っぽいというかこの業界っぽい野生で解決しようと考えて使ったのがスラックのATI連携これで何しているかというと私が上演してから入れたツールがいつ使って助管人トレゴとかデザインのデザインのデザインのデザインをテレビにザペリンとかバージョン管理にプラントとかチームサイン引きにキメラとかを入れています。この辺から何かあるたびに全部スラックに飛ばすようにしました。そうすると実際のスラックロゴミはこんな感じになるんですけどおねがいイメージってリアクションしたら飛んでくるとか勢い編集したら飛んでくるとかトレゴのタスクのステータス変えたら飛んでくるとしつこくなるかなと思って懸念もしたんですけど当時の編集部の編集長からこんなこと言われました。何をしているのかわからないととりあえずずっといいと思うのでとりあえずやってくださいと言われたので今のところやり続けています。とりあえず今ところは出ていません。このリアクションのおさらいなんですけど顔の見えない環境ではとしつこいくらに表現することをおもろげています。もしかしたら現場でちょっと事情は違うとは思うんですけどもしかしたら幸せになれるかも本日の全体のまとめです。WPSTや選択したのは2台のワークプレスのデータを出した瞬間のでリアクションJSをコンテンツのテクレテンジンとしてリアクションJSを選択したのは人気とインティネサイヤーのためです。最後にイモートワークではとりあえず共有大臣と考えています。今日の動画皆さんこの話を聞いていただいた皆さんのコリコン何かしらの助けにあればさらにお願いいたします。最後にちょっとだけなんですけど今度は先の動画に人いない状況が続いているので偶然なとかエンジンあったことを収集しています。そこからSNSとか会場でも見かけたら見かけていただけるとそういう嬉しいです。はい、お撮影ありがとうございました。