Flask

概要 実はSAAとSOAを最近取得できたのだが、構築経験に乏しすぎる耳年増なままDVAやらSAPを取っていくのは意味なさそうなので、色々経験を積んでいきたいと思う今日このごろ。 何かお題はないかと思っていたところ、こないだ作ったNetworkxでFF11のルート探索をするPythonプログラムがCLIベースだと微妙に使いにくいと思ったので、勉強がてらAWSパワーでウェブアプリにしてみることにした。 GitHub - bobfromjapan/FF11_route_finder FF11のマップ移動が難しすぎるのでグラフ構造を使って解決してみる【NetworkX】 - 端の知識の備忘録 とりあえ…

前回、Yoloを用いて画像に対する物体検知を行いました。 elsammit-beginnerblg.hatenablog.com今回はこちらのYoloによる物体検知と以前作成したWebアプリを組み合わせ、動画再生中に物体検知するWebアプリを作成していきたいと思います。 ■条件 ■環境 ■試しにyolov3-tf2で動画再生時の物体検知を行ってみる ■Webアプリ作成(フォルダ構成) ■Webアプリ作成(コード修正) ■Webアプリを動作させてみる ■最後に ■参考 (adsbygoogle = window.adsbygoogle || []).push({}); ■条件 すでに動画再生アプ…

先日作成した動画再生アプリ作成しました。 elsammit-beginnerblg.hatenablog.comこの際Flaskを用いたのですが、javascriptやcssを変更しても表示上変更されずに苦労したので、対策を備忘録として残しておこうと思います。 ■現象 ■対処方法 ■最後に ■参考 (adsbygoogle = window.adsbygoogle || []).push({}); ■現象 javascriptやcssを変更しても表示上変化しない。 ブラウザキャッシュが原因で、ブラウザキャッシュをクリアすれば変更後の状態が反映される。 ファイル変更後の動作確認時毎回ブラウザキャ…

先日OpenCVを用いた動画再生や逆再生、早送り等を実装してみました。 elsammit-beginnerblg.hatenablog.com今回はFlaskを用いてこれら逆再生や早送りなどが実装されたWebアプリについてまとめていきたいと思います！！ ■完成形 ■最終コード ■フォルダ構成 ■Flaskでの動画表示 ■動画早送り・巻き戻し機能追加(バックエンド) ■動画早送り・巻き戻し機能追加(フロントエンド) ■最後に ■参考 (adsbygoogle = window.adsbygoogle || []).push({}); ■完成形 完成したアプリはこちらのようになります。 ■最終コー…

こんにちは、KHnodeです。今回から新企画ということで、「flask初学者がwebアプリケーション開発してみた」をやります。 最終的なwebアプリはesports系を作っていきたいと考えています。内容は今後の変わる可能性はあるかもしれませんが今のところはデーター系にしてみようと思います。今回はその第一回なので、まずはFLASkに慣れてみようということで「ToDoリスト」を作ってみたいと思います。 今回は、todoリストを作るにあたってこちらの動画を参考にしました。 参考した動画はこちら https://www.youtube.com/watch?v=yKHJsLUENl0作ってみた感想として…

はじめに 今回のテーマは「家族の役に立つ工作」です。 泊まりがけの旅行から帰宅すると，戸締まりした部屋の中は真夏であれば蒸し風呂のように，また，真冬であれば冷蔵庫のように感じられます。帰宅する数時間前に外出先からエアコンを運転できれば，家に着く頃には快適な温度になっていることでしょう。このような機能を持ったエアコンも製品化されているようですし，そうでなくても，赤外線リモコンの信号を利用してこのような機能を後付けするための「スマートリモコン」と呼ばれるデバイスが今日では低価格で手に入ります。 また，昨今では天井照明がかつてのような「ヒモ」（正式にはプルスイッチ）ではなく，リモコンで制御されること…

はじめに前回以下の記事を書きました。 touch-sp.hatenablog.com 今回はファイル選択とアップロードを同時に行えるようにしました。結果 前回作ったもの今回改良したもの ファイル選択とアップロードのボタンが一つになってすっきりしました。方法htmlファイル内のformタグを変更し、JavaScriptを数行書きました。 手順は以下の通りです。 ファイル選択ボタンを見えなくしてその上に通常のボタンを配置 そのボタンがクリックされたら見えないファイル選択ボタンがクリックされたことにする 選択されたファイル名が変更されたら全体のフォームがサブミットされたことにする <form id=…

共通で使用するCSS、JS が存在しページ毎の CSS 、JS を構成しなければならず 複数ページを大量に構築する場合の、Flask Blueprintを使用する方法注意すべきは、 ・Flask で指定したテンプレートフォルダに、Blueprint でテンプレート走査するフォルダを 追加はできるが、実行する Blueprint で１つに限定はできないことである。 → １つに限定されてしまうと、共通のレイアウトHTML 、各個別のレイアウトHTMLを同じ 名称にすると、ぶつかってしまう。これ以外は以下サンプルが示すように、共通のCSS, JS ページ毎の CSS 、JS を配置 をすることができ…

このたび実践Django Python による本格Webアプリケーション開発を著者の芝田さんから頂きました。もともとこの本は買おうと思っていたので、大変嬉しくちょうだいいたしました。芝田さん、ありがとうございます:D 光栄なことに@c_bata_さんから実践Djangoを献本頂きました!🤩🤩🤩 ORMからテスト、認証認可やセキュリティ、更にDRFまであってタイトル通り幅が広い実践的な内容だなと感じました。チュートリアル+αの初見だとわかりにくいところまで丁寧に記載されていて、読み込んでいくの滅茶苦茶楽しみです🔥 pic.twitter.com/IPO2SA6174— nyker_goto (@…

駆け出しエンジニアという名の社内ニートか？社内ニートという名の駆け出しエンジニアか？ 僕、今年から一応IT系で働いてるんですよ。文系なのに。でも出た学部はまあまあ情報系の授業もあったんですよ。そりゃ理系の情報系と比べたら天と地の差があるんだけど、基礎の基礎のそれまた基礎ぐらいは多分身についてると勝手に思ってた。高校も商業系でプログラミングの授業ばっか取っていたしさ。 で、まあ現状社内ニートってわけ。 本当にすることがないので、駆け出しエンジニア状態です。毎日毎日チュートリアルをやっている。いや、普通チュートリアルはすぐ終わるもんだろ…なんて思う方もいらっしゃると。お答えすると俺は今手当り次第に…

■マウント スミ(Mt.SUMI)のバッドボンファイヤー燃焼力抜群。■モノラル(MONORAL)の小割銀鉈2惜しむらく廃番となった小割銀鉈が改善を重ねて 帰ってきました。 ■ハイドロフラスク(Hydro Flask)のリフィルフォーグッド 21oz スタンダードマウス【地球のために、使い捨てのペットボトルからマイボトルへ切り替えよう。■ハイドロフラスク(Hydro Flask)のリフィルフォーグッド 32oz ワイドマウス【地球のために、使い捨てのペットボトルからマイボトルへ切り替えよう。 ■アッソブ(AS2OV)のフォールディングコンテナ30L実際に自衛隊で使用されている収納ボックスです。■…

おはようございます。Shotaです。 Pythonは近年注目が集まっているAI分野に特化しているプログラミング言語です。あなたも機械学習やビッグデータ解析というような言葉を検索する中で、プログラミング言語の一つ「Python」にたどり着いたと思われます。 ところが、PythonでできることはAI開発だけではありません。Pythonを勉強すれば、非エンジニアの方でも活用できる、業務効率化アプリを開発できるのです。 今回の記事では、プログラミング言語Pythonでできること、作れるものを具体例と一緒に解説していきます！ Pythonとは Pythonでできること 機械学習 統計分析 Webアプリ・…

2021年7月28日、待望の平沢進ソロ14thアルバム『BEACON』が発売されました！ 初夏発売と某所で予告されて以来、すっかり長びいていた初夏をやっと抜け出しましたね！ この文章を読まれている方でBEACONを未聴の方はまずいらっしゃらないと思いますが、もし単語検索等から迷い込んでいらっしゃった方がおりましたら、とりあえず youtu.be をご覧になり、 youtu.be をご覧になり、 youtu.be をご覧になり、 shop.teslakite.com または digital.susumuhirasawa.com でアカウントを作成し、カートに入れ、レジに進んでから続きをお読みくだ…

1.コード 2.コードの詳細 3.感想 4.まとめ 5.参考資料 HerokuとFlaskでグラブル自動救援ツイ消しツールを作りました。 同種のツールは存在しているようですが、自分で作ってみたかったのと削除するまでの時間も指定したかったのが作った理由です。 以下のリンクから利用できます。 gb-tweet-eraser.herokuapp.com 【注意】 β版です。恐らく問題はないですが自己責任で使用してください。 データ自体が消えてもアプリ側のキャッシュは一定時間残ることがあります。 同種のツールは既に存在しますが、こちらは時間指定と登録状態で機能停止できるのでゆるして。 1.コード Gi…

最近新しい Web 音楽アプリを作ろうと考えています。 音楽関係の信号／情報処理はPythonを使いたいため、 サーバサイド: flask クライアントサイド: React という構成を検討しています。 React の勉強と理解のためにサンプルコードを走らせたり、実装した各コンポーネントのテストをローカルでする際に、なるべく自分が慣れているPython環境で動作させたいと思い、第一歩としてpython の ローカルwebサーバ でReactのサンプルコードを動かしてみました。 以下の記事を参考にしています。 正真正銘のReactだけの不純物なしでReact入門 Hello World – Re…

Flask インスタンスを run 実行するスクリプトと同じ階層にあるフォルダ名 templates ・・・HTMLを置くフォルダ static ・・・CSS, JSを置くフォルダ デフォルトの構成 /root | ＋--- static | | | +--- common.css | +--- common.js | ＋--- templates | | | ＋--- index.html | ＋--- layout.html | ＋---- run.py index.html {% extends "layout.html" %} {% block content %} Message :…

7/24 - 7/25という日程で開催された。zer0ptsで参加して1位。 [Web 884] SodaFactory (19 solves) 次のようなソースコードが与えられる。/makeSoda にSSTIがあるが、sodajsという聞き慣れないテンプレートエンジンが使われている。 const express = require('express') const soda = require('sodajs/node'); const app = express() app.use(express.static('public')) app.use(express.urlencoded(…

はじめに 先日、アソシエーションルールマイニングに基づく推薦を民主化するライブラリ「AutoARM」をリリースしました。AutoARMはPythonで実装されており、PyPIで公開されています。 pypi.org またオープンソースソフトウェア（OSS）としてGitHubで公開されています。 github.com ゼロからアイデアを生み出したことからリリースするところまででさまざまな経験をしました。そこで、さまざまな学びがありました。本記事はAutoARMをリリースするまでの記録です。 開発に至る動機 AutoARMの開発に至る動機は３つあります。 “アソシエーションルールマイニングに基づく推…

Python用軽量WebフレームワークであるFlaskのチュートリアルをやっています。チュートリアルの一番最初の”Applicaton Setup”という章にHello, World的なアプリケーションを動かす例が載っているのですが、これが動かず、少々焦りました。Flaskのアイコンこの例ではflaskrというチュートリアル用ディレクトリを作ったあと、その中にアプリケーションを定義して生成する__init__.pyというファイルを作ると書かれています。このファイルをパラメータにしてFlaskを起動して、ブラウザで http://127.0.0.1:5000/hello にアクセスすると、”He…