Legacy CODE Checker

製品概要

背景(製品開発のきっかけ、課題等）

Webアプリ開発に入門する際に，Webで調べて既存のページのテクニックを参考にすることがある．しかし，初心者には参考にした技術やコードの書き方がモダンなのかレガシーなのかという判断が出来ず，参考にすべきでない古い書き方をまねして覚えてしまうという問題点がある．

その背景からWebページのソースのレガシーな部分がわかれば真似すべきでない部分を参考にすることはなくなるのではないかと考えた．

製品説明（具体的な製品の説明）

WebページのURLを入力するとそのページのHTML, CSS, JavaScriptを分析して，そのWebページのレガシー度とレガシーな部分を指摘してくれるWebサービス

特長

1. 結果が一目瞭然

総合的なレガシー度とソースの中のレガシーな部分をすぐに確認できる．

2. 操作方法が簡単

URLを入力するだけ！

解決出来ること

• Webページ作成の初心者は参考にすべき(でない)テクニックを簡単に見極めることができるようになり，無駄な学習をしなくて済む
• 就活時に企業(の採用ページ)のレガシーさを見ることによってITにどれほど注力しているのかを簡単に判断できる． ### 今後の展望
• レガシーと判断できるポイントを更に増やす．
• HTML, CSS, JavaScriptだけでなく他のWebページを構成するファイルの診断への対応 ### 注力したこと（こだわり等）
• かっこいいUI作成(フロントエンドはWeb開発初心者が実装しています)

開発技術

活用した技術

• フロントエンド(html, css, javascript, svg)
• サーバ(Node.js)

フレームワーク・ライブラリ・モジュール

• node.js express

独自技術

ハッカソンで開発した独自機能・技術

• ソースのレガシーな部分を特定するアルゴリズムのつもりでしたが実装できず．

Built With

• node.js