1shiharatどうも!GrowGroupでエンジニアをしております石原です。今日は、作成したツールについてちょっと報告のブログ記事にします。今後についてWebサイトテスト用のツールを作った普段の業務フローの中で、時間がかかるけど大切なのがテスト・デバッグ工程。デザインチェック、誤字脱字はもちろん、マークアップやらリンク切れなど、”テスト・デバッグ”と一言でいえど、ものすごく時間のかかる大変な作業です。正直なところ、私のもっとも不得意な工程でして、なんとかせねばとずっと考えていました。効率化に取り組もう!現状の作業フローとしまして、以下のような流れにてテスト・デバッグを進めています。コーダーでのテスト・デバッグページリストの作成ブラウザチェックデバイスチェックマークアップチェックリンク切れチェックSEOチェックデザイナーによるデザインチェックディレクターも含めた文字校正チェックこの中でも、今回解決しようと定めた作業は以下の通りです。ページリストの作成SEOチェックデザインチェックマークアップチェック順に説明していきます。ページリストの作成リニューアル案件等の場合には、既存URLを抽出してURLのリストを作る必要があります。(リダイレクト設定等のため)また、その後のチェック工程にて利用するために、コーディングしたWebサイトのURLリストを作成する必要もありました。そんな時間はかからないですが、地味に面倒な作業でした。等のSEOに関する設定は、とても重要ですが、チェックすることがとても大変な作業でした。人力で確認していても、漏れ・抜けなどがでる可能性が非常に高い....何度も何度も確認するのに非常に時間がかかる作業でした。デザインチェックデザインチェックでは、デザイナーとコーダーとのコミュニケーションが最大の障壁でした。タスク管理ツールに課題として上げてもらっていましたが、デザイナーからすると非常に時間がかかる。スクリーンショットを撮り、Dropboxに上げ、コメント機能を利用してスクリーンショットの該当箇所にコメントを付ける、というフローで今後試すことにしました。alt属性など、HTMLのマークアップに関するチェックにも時間がかかっていました。利用していましたが、1ページずつしか見れないので、ページ数が多い時は非常に辛い作業となっていました。等のチェックツールをタスクランナーに導入しても、最終成果物でも担保できないという問題もありました。いうパッケージを作成しました。ついてhttps://github.com/growgroup/sitetestpack上記リポジトリにおいてあります。Node.jsを動かす環境がある方は、以下のコマンドでグローバルにインストールすることができます。コマンドを打つことでプロンプトが立ち上がるようになっています。ディレクトリを作成し、CSVに出力するようにしています。流れとしては、以下のような流れです。ページ数多いとマシンパワーが必要です。寝室で子供が寝ている隣ではやめた方がいいかもしれません。利用してコマンドを作る正直これまでこういうツール的なものをNode.jsで作ったことがなかったので、これを機に作ってみようと考えました。悩んだこと、悩んでいること正直、お作法的なことは調べながら作ったため、結構おかしな、非効率的なコードを書いている可能性があります。この方法いいのかなとか思ったり...プログラミングって難しい....指摘して教えていただけますと非常に嬉しいです。今後についてテストを書ききれていないのでとりあえず書くきる。あたりを利用してGUIのアプリケーションを作る。命名が汚いので考える。リファクタリングする。いただけると幸いです。1shiharatこの記事が気に入ったら「いいね!」ブログを購読する更新時にプッシュ通知にてお知らせします。