次はですね、中規語案件はい、よろしくお願いします 予算と聞きます今日はですね、中規語案件のこなし方ということで、実務のウェブ政策で ちょっと規模大きくなってきたけどどうやってこなしていこうかなというところでの体験談を交えて こうやったら楽でしたということをですね 皆さんにお伝えできればと思っています特定時にちょっとQRコードを 入れてみたんですけれど事前にですね、今日こんなことを 喋るようとかっていうのを自ベースでも分かってほしいなと思ってキーナの記事に問わしたんですけど まだそっちが全然できてないので後ほど宿題でお酒を飲んで書きますので 今日よりこの進化になるとはい、最近のはすごいですね IOS11から表情のカメラでQRコードを取ると もうさっぱりで飛べちゃうんですよねQRコードアプリの人大変だなと思ってこんな感じになっていきますご紹介です本名は神書といいます念頭上のハントルネームは 養産というのでもうながらくやってきていますいろいろあるんですけれども今は福島県の方に住めますこっちの方で福島から来ましたと言ったら大沢の人ですか?全然違うところです東北の方ですねインフラとかプログラムで サーバーとかワードプレスなんですねワードプレスのサーバーとかプログラムとかそういうのをAやってますインフラ屋なんですけど3月まで建設業をキープしておりましてインフラ違いのインフラ屋さん もうちょっとやってました結構ワードプレスの関わりや ワードベンチの関わりは長くてですね左上にいるワプが 富山県のワプになってましてワードベンチ富山というのを 開催していますこの中に星富山県の人がいましたらぜひ来てくださいワードベンチ富山です他にもいろいろやってたり ワードプレス関連ですねちなみにお仕事なんですけれどもインフラプログラムといったんですけど私自身の今の業務というのは大体大きく2つのグループで 仕事をさせてもらってまして1つはサーバ系の事業ということでワードプレスでサーバーが重いよ という時にですねいろいろヘルムが入ったりというお仕事ともう1つは普通のいわゆる ウェブ制作の事業をやっていますどちらもですね ワードプレスを使った仕事になっています今日お話しするのは こちらのウェブ制作事業の方での中期富山県にあたった時の話をしていきます今日お伝えしたいこと中期富山県のこなし方ということで中期富山県とそれからですね それを分業して複数人でこなすその時のですね こんなのが中期富山県ですよねというお話についてしますで その中期富山県をうまくこなすためのツール部 女の便利なんですよよかったら使ってみてくださいね という紹介ですで 創活を先に言っちゃうんですけどお互いを尊重して分業する みんなでよくしていきましょうねということについてお伝えをしたいんです今日4章だてでまず中期富山県と小規模県それから中期富山県でどんな問題を起こるか解決をおまとめと進んでいきますまずはですね 中期富山県の前に小規模県と中期富山県ということで小規模県でどんなものについて整理したいと思いますよく見るデザインカンプとかワイヤーから上がったようなものかなと思うんですけどこんな感じのメブサイトを小規模県かと思っています政策事業者さんも多分見慣れてるというかよくあるカンプかなと思うんですけど左上にロボがあってクリックしたらきっとホームに飛んでグローバルなみかなんでグローバルに見てみたらホームがあってこだわりがあって押し長きがあってテンポ紹介があって押し長き押し長き500とここまで見たら多分ワードプレスで大分アクテムはやったよねってなってくると分かると思うんですけどこだわり押し長きテンポ紹介くらいがコンテンページで作って押し長きはかさごとのタイムを作ってアウトウェア押しはコンパフォームセブンカーMWWPフォーム会でて押し長きは400系のプラグイン入れるか予算ないねってなったらじゃあコンパフォームで対応しましょうみたいなそれくらいの案件ですよね大体金額もたぶんパパと頭に浮かんで誰と誰と誰が浅員してみたいなこんな感じで多分イメージつくかと思いますこの場合なんですけどメンバーを浅員して誰々先も願いして社内の人、社外の人よく使う人そういう人たちこんな感じで進むかなって言うと今ぐらいの規模のサイトだと多くても3人かなと思っていますまずですねお話持ってくるのディレクターさんがお話をまとめて持ってきてくれてデザイナーさんにちょっとデザイン上げてワイヤー上げてカンプにしてでOKが出たよってなったらじゃあコーダーさんお願いしますでコーダーさんがHTML化していくHTML化しつつももしかすぐにワードプレスのテンプレートファイル化していくで完成へといくのかなと思っていますさっきぐらいの規模だとまたですね僕たちみたいなエンジニア、プログラマーですねサーバーサイズもフロントもまだちょっと入る規模でもないかなというところで結構3人くらいで完結するチームが多いのかなとか思っていますじゃあ中規模の件ってどんな感じっていうのがあるんですけれども地方メンバーはですねさっきは3人だったんですけれども中規模になってくると多め5人以上いるかな思っていますで分量が1つかと思っていますこれがですね実際に僕が固まった検定の例なんですけれどもこんな感じのサイトといいますかシステムを作りましたプレゼントリクルトさんのサイトなんですけれどもサイトというかシステムなんですけど外に公開してない打ち向きのシステムなんですけどリクルトさんの方で障害者さんの雇用支援をしていまして修行支援してまして実際にその中でいろんな作業をしてもらうんですね在宅で作業してもらうんですねその時の業務報告をウェブ上でできないかということでこのシステムが作られていますさっきと違ってですねパッと見た感じお知らせのところでお日付があってループになっているのでカスタム等のタイプでいいかなくらいまでいいんですけれどもこれメインの機能の右上のバナーのところにある業務報告書ですとか業務報告書というところはちょっと入り組んでまして入力法がこんな感じになっているんですねあ、なんかいろいろちょっと入り組んでますね見てみるとなんか区分ってあってプルダウンで10個か20個くらいダウンと出てきて選んで次回入れで検出でどうのほうのどうのほうのどうのほうのとやっていくとその人が1日にどんな作業をしたかっていうのが入るんですねパッと見たらちょっとで、ここで入力した内容もワードプレイスの管理画面のほうではこんな感じで業務集計確認ということで実際にそういう意味で働いてくださった方の業務がどれくらいの効率で行われているのかという集計をとることができるんですねで、実際にこの期間を指定してで、どんな業務になったかっていうのダストってこの中で表でてくると何十二か三十二分ぐらいと出てくるっていう仕組みになっているんですねこれCSVでもダウンのことできますとなってくるとさっきの3人組みだとさすがにちょっと大変なんですねプログラマさえ入れなきゃってことで入るんですけどプログラマもこれが行きぼうになってくるとちょっとデータ構造をどうやって入れようかみたいなで、ワードプレイスにフィットさせるとなるとデータがとりあえずちょっと大変なんですねで、実際にこれを行わした時の大勢なんですけれども、こんな感じですディレクターさんは変わらずあ、ディレクターさん小さく言うんですけどそれはこの件の時のディレクターさん変わらずでデザイナーさんが入ったり、コーダーさんが入ったりところのルートは一緒なんですけどもそこからコーダーさんが成績HTML成績HTMLまで作ったらこのプログラマ組みこれでやったんで、あとシステム組み込んでということでプラグインの形とテーマの中の一部の形としてもうどんどん組み込んでいくんですねで、さっきの規模になってくるともさすがにプログラマも一人では入りきれなくてそれで、農機というのは決まってますので二人で並行して進んでいくんですね視線開発結構規模になるのがテストなんですねやっぱりですね、データ入力をちゃんと入れてもエラーが出るバリレーションちゃんと通ってるかとかそもそもデータ入れたけど、こっちに反映されて集計には出てデコランっていうのがあるのでこのテスターはですね、若きテスター組みたちが3人くらい入ってもらいました大学生のすごい可愛い子です男の子ですねこんな感じで入ってますだから全員で1、2、3、4、5、6、7、8人入ってるんですねでもさっきの3人くらいだったらだいぶ大きくなってますこんな感じでやられますもうこれは僕の中で中期盤件かなと思っていますもう一つこれ直近でやった案件なんですけれどもバリリンというサイトになってましてこれもワードプレイですから地点車で全国いろんなとこに旅か好きな地点車のユーザーさんのために作ったサイトなんですけれども多分写真は恐らく四国の島等側っぽいですねいい写真ですよねこの中なんですけどコースというのがあってコースがですね、さっきのポップページの方に211コースっていうのが右上の方にあるかと思うんですけれどもこのコースをカスタム投稿タイプとして登録してあってそれから211個投稿を登録されているんですねそのコースに対して検索機能があるんですね見てみるとそのコースに対してのレベルですとかエリアですとかであったらそのコースの距離でそれからコースの獲得評価ってことで地点車の方なんでどれぐらいアップダウンがあるのかということですねそれを検索することができるこの規模ぐらいを恐らく一度やられたことある方だったらあって思うと思うんですけど多分ポストメーターにめちゃめちゃ検索を引っ掛けるそういうやつになるんですねレベルだったらカスタムたちそろみでいいかなエリアだってもこっちもカスタムたちそろみでいいかな事実そういう形で内部実質としてで、こっち側ですねコースのシングルなんですけれどもギャラリー機能があってこれもカスタムフィールドでやってますカスタムフィールドのギャラリー機能で出て距離が数字で入ってて獲得評価も数字で入ってるこんな感じですねちょっとシステムチックなウェブサイトにやってきますで、このコースがあるんですけどコース1つのコースには周辺のスポットというのがあってそのスポットのカスタム投稿タイプで実装されてるんですねこのスポットは1つのコースに対して10個ぐらいずつこういろんなトイレだったりお土産物屋さんだったりっていうのを作るので今のあるところで1,400円くらい登録されていますこれが大変なんですねこれもやはり最初のディレンターさんデザイナーさんコーザーさんだと大変なんですね特にこのスポットなんですけど最初にCSVではなかったくらいのデータを今入興されましてそれがですねこんな感じでエクセルのシートで飛ばんときてで、これをワードプレゼントでどうもと登録していくこういう仕組みが必要ということでこれがあるとプログラマがなりましたで、この時のですねチーモーメンバーの構成こんな感じですこれはちょっとデザイナーさんまた別の方でおられてデザイナーさんが話をまとめてで、デザイナーさんコーザーさんが県務するとコーザーさんすげぇ怒るパターンかもしれないけどデザイナーじゃねえよみたいなことですねデザインできるでしょうやりとりがあったところなんですけど頑張ってもらってそれがこうプログラムの身に流れてきてで、2人ではやってまたケスター同じ3人組にこうやってもらってそういう感じでこんなしましたで、これが僕は中規模だと思っていますで、小規模と中規模の違いなんですけれども小規模というのはさっき見た通りの上のところにあったデザイナーさん、デザイナーさん、コーザーさんというのは職種がかぶってないかですねで、また全体で見て大胸5人以下とに対して中規模というのは同じ職種が複数人プログラマーが来たりテスターが3人かぶってる状態ですねで、全体で5人以上いるこれが中規模だと思います小規模案件というのはですね別の職種をちゃんとそれぞれ用意してそれぞれ朝にしてもらって社内なのがチームなのか、街中さんなのかで、いろんな職種の人が入ってきてますね中規模案件になってくると分業が発生してきます特に同じ業種で分業が発生するこれが中規模案件ということですこの分業なんですけれども僕勝手に名称をつけましてそれがですね水直分業と水平分業というふうになってきます先ほどの例ですとデザイナーさん、コーザーさんがいた場合にはこれメンバーが違うんですね職種が違うんですねこの場合の分業というのは水直分業だと縦に最初にこうしようが流れてきてデザイナーさんがカンプを上げてそれをHTMLにする縦に流れてきていったりしてプログラマの数が足りないよねとなるとこれは横にこぼの機能を一緒に実装しようこの機能をこことここを分担して実装しようこれを水平分業というふうに呼んでいますでこの先ほどの水直分業と水平分業で水平分業が発生した場合にはもうこれは中規模案件に長規模案件をいくつかこなすと水平分業が発生する規模の案件と話がきてですねあ、いけるんじゃないかなこれ2人入れといったらとりあえずいけるんじゃないかなと思うんですけどこれが2人入れたからといって2倍の速度にはならずタイムラメに合うんですよねあってきたわけなんですねなのでそこの時なんですねじゃあこれ2倍の人間がかかるかなと思ってたのにそれ以上かかっちゃったという時のお話をしてということで中規模案件の問題さっきほどあったその水平分業水直分業で水直でしか分業してない場合というのはお互いの領域が異なりますのでやるべきタスクがはっきりしてるんですねデザイナーさんは基本デザインやって勘古だしたら終わりますなので衝突しませんみんな結構割と3人平和にお互いあのデザイナーさんすごいよ小田さんすげぇ早いしミスもないしスマホもバッチリみたいな普通にお互い割と尊重できるんですねそれに対して水平分業を行うことですねお互い領域が重複しているのでコードレベルでですねあの人もできるけどこの人もできるでもなんかお互い問題が解決してるけど解決の仕方が違うということになるんですねでそういうことをやっていくとこの人もやってるしこの人がやってることは全部俺もわかるみたいな領域が出てくるとこのバッグって誰が出したのこのバッグってどこが原因なのっていうか見えちゃくてさすぎてで、プログラマーとかですね複数に集まってさあバッグが出ました小田さんからチャットでもう僕が入ってさあこのバッグは誰がだったのってことになっちゃうんですねバッグの原因を追求するとということでバッグの責任を追求し始めてこのバッグを埋めたの誰やねっていうことになっちゃうんですねギットには恐ろしいコマンドがありましてギットブレームというのがあるんですねブレームってことで業ごとに誰がここの業をやったってのは全部になっちゃうんですねということでバッグ埋めたの誰やねがチャットでまるまるさんここがバッグっぽいですみたいなのが来てあっすいませんでしたまたですねもうちょっとソフトなところではある場所がバッグを実際に埋めてそれを他の人が見えちゃうから水平文義は大変っていうのがあるんですけれどもそれ以外にですねコードレベルで衝突をよく起こります特に今日コーダーさんからすごく面白い話がたくさん聞けるんですけれどもCSSが打ち崩壊してるんですと崩壊って言うんだみたいな感じで聞くんですけれども見てみるとコーダーさんが定数2から入ったコーダーさんがインポーターと連発あーみたいなCSS各順序があるんですよとかどんなの全無視でプレイしてコード回避みたいな感じな感じですとかあと人のCSSが割り込んできてベースのところですごいいっぱいたくさん定義してあるのでグラウドのデフォルトかなとかそうじゃなくてもうガチガチになってるとかですねあとホーディング企画を守らなくて名名規則が無茶苦茶で例えば日本語のでかい肉の写真があったとしたらクラスに大きいお肉てついたりして肉にとってつけてみたいなどっちでもわかんないと思うんですけどあとはPHPとかだったらスペースが回らないとか中核をつけないとかそういったことをやっているのもすごく同じ水平分量していると目につくんですね自分が分かるところだから目についてそこがなかなか衝動しているというところになと思いますこういうのを見つけてしまう水平分量していると自分がそこに入れちゃうので見つけてしまうので見つけたりして直接は言われないですけどプログラマとかもこのコードを書いたら誰だよみたいなコードと一緒に貼られるでも実際はないですよそういう話とというところで何をします今のコードレベルだったんですけどもうちょっとタスクの単位で見てもタスク切って割って振ってみたいなことをやってみたときにとりあわせフォームの修正を入れてというわけがタスクがあったときにこっちはとりあわせフォームの項目を日本語から英語に変えてみたいなのがあったりしたんですけどもう一つの方ではCSVで吐き出すときの形式変えてこれを2人に割り振ったときにとりあわせフォームの同じところを編集したのでお互いブランチでブランチマージしてもらうんですけどマージが全然うまくいかないですという方向が来ちゃうんですね2人がお願いしてるんですけど全然そのマージうまくいかないので2人がだんだん起こり初めてPFなにしてんねんと言われてちなみにこれ2人とも学生なんですけれども学生にすげぇ土屋されてるんですねということで現場が延伸をしちゃいますっていうことですねこの延長なんですけども垂直分割のときにはほとんど衝突をしないですなんですけど垂直分割をすると効率が下がって延伸をしちゃいますそれはお互いのことが見えちゃうからそれで乗り切れるのなら半分の脳気になるんじゃないかなとなのでそんなことなくて2人にはならない1.5人とかどれしかカウントできないんですよということでそういうところで乗り越えていくじゃあその問題を解決していく中期1件をちょっとお話していくかどうやって解決していったかについて先ほども例なんですけれどもインポータンとはめちゃめちゃたくさんついてるようですとかあとはですね DHPの行動だったらシートホンにスペースがなかったりということがあるんですねこういうのはですねコーディングにルールを思うけどことが重要ですここでですね硬いものをどんどんやっていくことでコード企画をまず揃えるんですねそうすることでかなり改善されています具体的にはインポートを禁止です明明規則を作ることも重要です社内で明明規則のガイドライブ特にCSSの場合ですと配布の置く位置ですとかあんな場の置く位置ですとか単語の付切り方ですとか単語もですね基本は英語で行きましょうと言った時にこのサイトで調べてねというふうにしておくとみんなの用語がですね肉の時にミートなのかビーフなのかというのが揺らがらすそういうところも統一しておくとよいですCSSについてはコーディング企画がベムというものがありますので応やけに定義されたコーディング企画を統一するのがいいよいですもう少しですねガッチリしたものではないんですけれどもソフトなコーディング企画の導入ということで強化所的な書籍を原爆プロジェクトが始まる前に購入してみんなで投資読み合わせ読みをしていることはすごく重要かと思っています僕というのにすごい一押しの書籍がありましてBラブルコードという青いちっちゃいものなんですけど100ページ140ページくらいしかないなんですけれども非常に中身が良くてBラブルコードを最初の例えば案件が始まるときに3時間でみんなで一緒に合わせ読みしよう一緒に時間を取って合わせ読みをしようというふうに合わせ読みをしておくとこのコーディング企画ここはどうやって書いたらいいかなというふうにBラブルコードのあのページにあったこのルールに沿って解決できるんじゃないということができたのですごく良かったそういうのがすごいお勧めです僕結構コーディング企画は世の中を併用にできるだと思っていましてコーディング企画すごくお勧めしていますワードプレスなんですけれどもワードプレスはワードプレスでコーディング企画というものが定められていて全部で4種類ほど定められていますHTMLやCSSの書き方JavaScriptの書き方PHPの書き方と一つ合わせてしまいました全部ですね右に載ってますのでぜひ良かったら一度見てみてくださいまたですねコーディング企画なんですけれども開発ツールデニタのほうに入れることも可能でしてこれは一番僕今すごく一人復興している開発ツールなんですけれどもPHPストームジェットブレイン系のデニタIDそこのところでですねコードスタイルというところからちょっとわかりにくいんですけどコードスタイルTHPからセットフロムブリーデファインドスタイルの中にワードプレスが入っているという感じでワードプレスはですね他のエディターでもこういうところを頑張って設定しておくともう自動でコーディング企画に充分許したものが出してくれますあとですねこちらもワードプレスやっているとおまじにのテンプレート解創これもですねもしワードプレス入ってワードプレスの案件初めてだよこういう機能があるんだよそういうのをぜひ共有しておくといいなたまにあるのがですねパスタム投稿タイプが4つか5つを使われているようなサイトを作るときにじゃあコーダさんお願いしますテンプレートファイルは最初に貰いにされるんですけど全部固定ページで実装されているのかないですかページ配分アーティクルみたいな感じでそれはアーティクル配分で作ってくださいとかっていうとまた検訳のムードになるのでこそり直すっていうのをやっていますあとですねそこまではコーディング企薬ですとかこういうのに乗っ取ってってことでちょっとハードな解決だったんですけどもうちょっと人間的な解決っていうのもすごく重要してさらにですね水平分けをしてしまうとAさんとBさんが同じことができちゃうんですよねでも時間の都合とかレベルの都合とか専門分野の違いとかで今は多数と割り来ると思うんですけれどもそういうときにですねAさんとBさんでAさんができなかったときにBさんがそこを見慣ってあえる見慣れるそういうチーム作りをすごく意識しています僕が好きな言葉なんですけれどもバグを憎んで人を憎ますということでバグがもし出てきてもそのバグが悪かったのであって誰が埋めたから誰でないがまるいってただけは絶対に言わないようにというふうに徹底していますこれこの業は誰がやったのかという事で責任を持つコマンドだったんですけれども最近確か名称が改められましてブレームの箇所は全部あの程度ということでそこを調べるだけですよという事に名前が変わったらしくて意識改革も進んでるなと思っていますブレームって危ないですよね怖いですよねなのでバグを埋めこんななぜこのバグが入っちゃったとか前後の分野を見ると何回目って言うとは言うんですけどその人はですねこれ何回目とかですねこれで月間3回目のバグですよね4回目のバグですよねみたいなことは絶対やらないようにってことを思っています特に上の人から下の人っていうのはすごい協力なので僕みたいにブロウマネの立場とかから学生君とかにやってもらったりスタッフの方にやってもらうと僕が強く攻めるとすごく何倍にも強くなっちゃうので下から上に攻められるのはいいんですけどでハードなほうの解決なんですけどソフト面ではなくハードのほうはさっき当たったコーディン企業で導入していましょうですかあとはですねハードのほうの解決の一つとして環境が再現できないということがあるのでそういったところのツールを使ってみんなの環境でそれぞれ行くでバグを起きたときに早めに発見する環境作りというのを作っていく環境性を行って中期罠券も行わしていくことに取り組んでいますで自動テスト環境の導入というところでワードプレステストの動くフレームワークがあるのでそういったものを導入していますでみんなの環境で同じように動くことの導入ってなんですけどもこれをですね最近はちょっと難しい方で適当性ルーキーワードで使われていますさっきはAさんとBさんと同じ環境で同じコードが同じようにこうということを再現できますよねこの適当性を確保するためにどんなものがあるかというと最近エンジニアさんがよく言ってるようなキーワードでドッカーというものがあるんですねこのドッカーを導入すれば大体間違いを恐れていると恐れずにですね恐れながら言うとドッカーを言うとけば大体オッケーな感じですあとは普通に入るのベイグラントですねベイグラントは多分大丈夫ですワードプレスの場合はちょっといるのがあってですねめんどくさくてカリティ画面からポチポチやったやつが反映されないので要はデータベース側がですね各それぞれに違うのでちょっとその辺を確保するのは大変なんですけれども大体ドッカーやると恐れていますで、開発環境なんですけれども皆さんこうどんな開発環境でされていますかけれどじゃあアルワム県走りますじゃあ1ヶ月このお品で好きになってドメイン新しいですかドメイン新しいですねじゃあっていうことでじゃあとりあえず桜フレンタルを描いてあ、いいですねみたいなAWSですかねAWSかねAWSでドメイン割りを売ってじゃあイーシーツーでポコポコって立ててみたいなじゃあ本番さんはにしますまずはドメイン出てないのでじゃあそこで開発しましょうとかって本番さんはね開発する場合もあるかなと思うんです新規券の場合だといいんですけども修正案件もですねお客さんがですね開発環境に嫌がられていや本番でやってよみたいな確認大変だからってことで動いているドメインなのにすげぇバンバン出てるけど大丈夫かなみたいなことの開発もあるかなと思いますじゃあとりあえず開発サーバー専用に用意して外部のロービモート側で開発サーバーを送ることもあるかなあとですねローカル環境ってことでここはですね一番押していきたいんですけれどもまあ皆さんの中ですとマップが多いと思うマップだとマップウィンドザーザーザーザーマップそれからさっき出てたベイグラント特にワードプレイステースとVCCWが多いのかなと思うんですそして最近でできたのが一番後発になるっていうドッカーかなドッカーでの開発感いいかなと思っていますそれぞれにそれぞれ特徴があるんですけれどもさっき間違いを恐れて言っちゃったのでたぶん間違えてるんですけどたぶんベイグラントな個別に案件を取り立てたベイグラントはデキトー生がありますドッカーもデキトー生があります開発サーバー本番サーバーはほぼデキトー生はないんですでドッカーは導入はちょっと大変なんですけれどもぜひともですねこのデキトー生があって内容はちょっと高いんですけれどもとか楽しいのでぜひドッカーを皆さんに入れてみてください文字が多くなってきてドッカーを導入するときの注意点なんですけれどもさっきはその水平分業垂直分業で全部が全部ドッカーやってくださいねとは言わないんですけれども全然ですね水平分業が発生した場合ドッカー入れてみようかなということを意識してみてください特に水平分業が発生するときエンジニアさんが上印している案件多いかなと思いますエンジニアさんがその辺りをリードして特にですねサーバーサイドエンジニアの人が入るとドッカーと相性がいいのでそういう人に引っ張ってもらってじゃあ全体にドッカーを広めていこうねみたいなことをエンジニアの立場なのでそういう意味で総戦してディレクターさんとかの環境に入れてぜひとも一緒にもうかしていきましょうということでやっていきます垂直分業の場合今別にそこまでこだわなくてよくてデザイナーさんのところにもですねドッカーで絶対環境再現できるとかやっているとデザイナーさんが起こるのではいそこまでそういうところをこだわると厳しくでドッカーを入れるとですね何がいいのかになってくると講義企画守ってないとかPHPの講義エラーがあるんですがそういったところですね自動でテストするツールがあるんですねで一番有名なやつだと今はきっこう知るんですけどもトラミスCIとサープルCIというのは柔らかにあるんですねで皆さんもウェブ開発やっている場合ですとプライベートリーポジトリーが作れちゃうサープルCIが一番ありますかと思っていますで今ドッカーサポートしてますので要はエンジニアさんの環境でそのままサープルCIで動きますのでデータベース台何度足しているとして前はサープルCIでそのテスト環境が動いちゃって人生がこううまくいかせる環境かと思っています先ほどあった開発環境なんですけれども本番ザーバーとか開発ザーバーのリモート系の開発とローカル環境を立ててやる開発の中でもこのドッカーをですね使ってる人たちをこのドッカーのイメージをそのままサープルCIにあげれちゃうのでそのまま使えるのですごく便利ですでサープルCIですねじゃあ気軽に始めてみようと思われるかもしれないんですけれどもちょっとやっぱりこっちも式が高くてですねふんわりと触りだけをお伝えします触らないですね頑張り管理画面はですねギットとほぼほぼ連動させるような形でしてギットのコミットですね転行点も完了させたタイミングでサープルCI側でそのコードが正しいかというチェックが始めますもちろん上のほうのスクリーンちょっとにあるとおり誰々さんがコミットしましたというところでテストが通ったのか失敗したのかということが結果で返すという仕組みになっていますこれが自動のテストなんですでサープルCIはですねサープルCIはやはりドッカーが絶対必須だったりするのでちょっと大変なんですねもうちょっと簡単なテストがないかなというところでロークラル環境でももちろんドッカーと組み合わせるとすごくいいものなんですけれどもそういうテストツールについてお話ししたいと思いますワードプレススペーステストで検索すると結構最近だと上位に来るのかなというものがビハットというテストツールがありますビハットはですねビヘビアドリブンテストビヘビア駆動開発このために作られたテストツールでして今までのKHPでこのテストツール少なかったんですけどで右側にある通り見てもらうと英語なのであれなんですけどフィーチャー業務報告一覧確保カレンダーシナリオでアクセスしてカレンダーを表示するなんとにぎぶんログインフェンアイアムでポートリストゼンアイシーカレンダー カレントマンスみたいなことでちょっと英語っぽく書いてあるんですねこういうのがわりと自然言語コップ書けるので誰でも書けるということがクリーンのツールなんですよねまたこのシナリオごとにスクリーショップを取ることが可能ですのでこれはすごく良いです僕テストの時にはスクリーショップをすごくお勧めしてましてやはり100分は一見に近づということでどんなところに番組があるのかというのをすぐにみんなが知ることができるのでいいかなと思いますでリハートなんですけど誰でも書けるというのはクリーンなので先ほどあったデザイナーさんコーダーさんでエンジニアテスターとあって僕たちエンジニアなので書けるんですけれどもできればテストは別のところに入ってほしい特にディレクターさんとテスター国に入ってほしいんですねでお願いします書いてくださいと言うんですけれどもディレクターさんのテスターさんにお願いするとこんなの無理と言われるんですよねということでリハートはなかなかこれもこれで難しくエンジニアが積極的に介入してフォローしてあげることが必要でこれがですねあまりにも難しいので先日ですねちょっとしたテストツールを作りまして期間が割れたんですけども軽く流してみたいと思いますリハートは先ほどシナリオというもので英語も書いてたんですけれどもこちらはですねさらにもうちょっと進んでディレクターさんに使ってもらえるということでエクセルでテストシナリオを書ける左側にですねテストをしたいURLを書きましてどんな項目をテストしたいかチェックしたいのかアタイを入力したいのがいいとでセレプターがですねCSSのセレプターですねドットパブリックとかシャーフアイディーを書いて入力するとでこのエクセルの表をですねこんな感じでちょっと眠っぽい画面にGoogleスプレッドシートのところに入れるとそうするとこれこっちとなおすと後ろのほうでサーバサイドで実際にこのURLがアクセスをしてセレプターにアタイを入れて結果を対してきてデスプレッドシートとかめっちゃ便利でこれ作ったんですけどあんま置けなかったですこれめちゃめちゃ広めていきたいんですけどねこんなツールでした40代の男性でエッキニア修身じゃない方に絶対使ってもらったら幸せになると思ったんですけどあんまり受け合う受け合うくらいのでもでもですねこれ広めていきたいなと思ってどこかで一緒に作ってやってもいいように言う方がいられることがありましたら声がけってください特にですねバージョンアップですねソフトウェアのバージョンアップの時にすごく動き合うということで最後にまとめです今日ですねまず小規模と中規模についてという話と水平分業垂直分業という話をしました水平分業が発生するともうそれは中規版権です中規模の権になると今までなかったような特に同じ業種の人がですね同じようにこう見ることができますそこのところでそこについてはパード面とソフト面の両方から回転としていきたいな必要があります特にしてはですね今ウェブ系のプロジェクトマネージャーを立ち動いてましてプログラマー出身リンジネーションシュッシンのプロジェクトマネージャーということでですねここでやっていくことはプロジェクトマネージャーに組み切ることですね下から上にこのまま入れるとあとですねハード解決してパード導入支援例えばフォーディン記憶導入支援です例えばさっき言ったらテレクサーさんに使ってもらいたい自動部のスクリーンショット最終通りですそういったものを提供していくといったりとやりますACN設定まわりサークルシューがちょっと設定が大変なのでエンディアが即戦してやっていくカスの割り組みについてもですねこれは誰々さんがこれが得意なのかこれとこれを同時に割り組んだらそうするなとかそういったところに組み切ってそこはディレクターのコマンの割ってことになりますそういうところで皆さんもこの動きの提言でいただいた一つの内容の逆にとって皆さんのお住居分岸を行わせていているというような思っていることですということでご清聴ありがとうございました運命以下の時にテストをやるのがディレクター集団がいいのかその現場があのプログラマ集団かということですねそしてディレクターさんの理解度とか立ち位置によるかな結構ですねエンディア界外出身からディレクターになられた方だったらやっぱりかしいディレクターさん集団がいいからそうではない方とかにデザイナー出身のディレクターさんですとかいきなりディレクターさんになってディレクターさんのみという方ですどうやっぱらテストと言われてもあとイメージしにくいと思うのでその場合には県場所にプログラマが集団するそれが場合にはちゃんと考えたの経験がある場合にはディレクターさんが集団するという偏測的な形が多くなっているという形でではです