![見出し画像](https://assets.st-note.com/production/uploads/images/90769550/rectangle_large_type_2_ba6198db61796eb3379c542fcb769412.png?width=1200)
~駆け出しプログラマー制作記#1~
目次
概要
システム構成
実際に作成中(自分用メモ)
今後の予定
概要ッ!
今回はマウス操作だけでテーブルデータの加工から機械学習まで行えるWebアプリを作成していこうと考えています。思い立った経緯は実際にデータを加工して機械学習を行った際に「データの加工が大変(毎回コードを書く、実行するのが面倒)」「手早くデータの中身、項目同士の関係性を可視化したい」「いろいろなデータを簡単に加工できてすぐ機械学習を試せる環境が欲しい」「操作が簡単(マウス操作オンリー)になればだれでもAIにふれられるのでは」と考えたことです。どこまで出来るかは不透明ですがとりあえず作っていこうと思います!!
*上のイラストは自分の描いた絵をAIツールできれいにしたものです。いつかのタイミングで紹介したい..!
5W1H
When:テーブルデータ(csv形式)を加工したい、データを分析したい、機械学習を試したい、AIを作成したいとき
Where:Webアプリ上で実行
Who:データを加工、可視化したい、機械学習を行いたいすべての人
What:テーブルデータ(csv形式)の加工、データの可視化、機械学習の実行を行う
Why:データ分析を楽に行えるようにしたい(簡単な操作で行える)ため。また、AIを使った予測もできるようにして誰でもAIを導入できるようにしたいため。
How:マウス操作(ドラックアンドドロップ、クリック等の操作のみ)で行う。
システム構成ッ!
システム内の構成をどうするか書いていこうと思います(ざっくばらんに)。
入れたい機能
csvファイルのアップロード、ダウンロード機能
csvファイルの表示
指定したカラムのみの表示
カラムの加工機能
新規データの追加機能
カラムの削除機能
棒グラフ、折れ線グラフの表示、画像としてダウンロードできる機能
ダウンロード用ファイルを格納するフォルダを表示
機械学習(ランダムフォレスト、線形回帰を現時点で用意)の実装
実際に作成ッ!
今回は作成環境としてReplitを使用しています。(webアプリのためpythonのほか、html・css、JavaScriptも使用するため)
作成中のリンク
インストールしたモジュール
・matplotlib
・pandas
・Ipython
csvファイルの読み込み成功!pandasがしっかりと機能しているようです!
Ipythonはインストールしたものの、出番はありません。
matplotlibはグラフ出力でお世話になります。
最低限の機能として、csvファイルのアップロード(csv以外を弾く機能未実装)、ファイル名、カラム、冒頭10列の表示を行いました。
ただ、早速壁にぶつかる….。htmlだけでは横に続けて表示される(テーブル形式で表示されない)…。tbタグをカラムごとにセットすれば表示は可能だが、汎用性が劣る。調べてみたところ、JavaScriptを使えばうまい具合にできるらしい…!ただ、作者がJavaScriptを得意としていないので他の方法を模索する予定。
今回できたこと
・csvファイルのアップロード
・ファイル名、カラム、カラムの冒頭、テーブルデータ冒頭10列の表示
テーブル形式で表示できない、機械学習の実装、見た目の見やすさ、機能の拡充…等々
まだまだ課題が山積み。少しずつ改良していきます。
今後の予定ッ!
JavaScriptを使わずにできるだけ実現する方法を考えて作っていく予定。(テーブル形式よりもグラフの可視化の方が早く実装できる予感)
今後どうしてもJavaScriptを使用しないといけなくなったら仕方ない、JavaScriptを使おう…(ほとんど書いたことないけど、何とかなるっしょ!)
なお、不定期で作っていくため、今後の更新タイミングは不明。ただ、出来るだけコンスタントに上げられるよう作業頑張ります!!
機能面で描いた内容の1%もできていないので少しでも完成度を高められるようガンガンいじっていきます!
最終的には作って終わりではなく、出来たものを使って何かしていこうと思います!(現時点未定…)
まだまだ駆け出しのプログラマーですが、何卒温かく見守ってくださいまし!
この記事が気に入ったらサポートをしてみませんか?