programming

2/10ページ
  • 2020.12.26

React + Flask をExe化して動かしてみる

簡単なReact + Flask をExe化して動かしてみたいと思います。 コードの詳細が見たい方はこちらから見てください。Flask + React でHello World フォルダの階層はこんな感じです。 FrontendのReact側 こちらはjsファイルをbuildして、できたファイルをbackend側に埋め込んでいきます。 ターミナル操作でapp/frontend/src下に移動しまし […]

  • 2020.12.22

【Vue.js】note風にtextボックスを増減させる

動き自体はかなりシンプルです。noteと動きは違いますがボタンを押下したら書き込めるテキストボックスを追加していきます。イメージはこんな感じです。 左側の+で行の追加、ーでその行を削除します。 さっそくコードを確認しましょう。 結構短い行でできます。 簡単に説明すると、 ポイントは下記のindexです。 buttonが押下されると、indexを引数にしてtextListへ指定の場所(index)に […]

  • 2020.12.17

Flaskファイルをpyinstallerを使ってExe化してみよう

(前準備)簡単なFlaskファイルを作成 Exe化を作る前に簡単なFlaskファイルを作っておきます。 ファイル構成はflaskというフォルダに、main.pyだけを持っているファイルです。 main.pyのファイルの中身は、アクセスしたら文字列を返すだけのものです。 念のため動作確認しておきます。(コマンド操作でflaskフォルダがあるディレクトリまで移動が必要です) 無事動きだしました。loc […]

  • 2020.12.15

【Vue.js】axiosで受け取ったjsonをChart.jsで表示する

前回書いたこの記事の続きとなります。 Vue.js フィルター機能実装 今回は簡単なチャートをChart.jsを使用して表示したいと思います。 前回作成したbook.htmlにリンクを張ってチャートを表示するページへ推移させようと思います。 私はこんな感じでリンクを張りました。bodyの中ならどこでもいいです。 ファイルがないとリンクがあっても飛べないので、book.htmlと同じ配下にchart […]

  • 2020.12.13

Reactのinput入力をswitch文とsetStateを使い合わせて値を変更する

Reactを使うと必ずというほど使う、setState。これをinputで入力を受け付けた時に値を保持するために使用します。 入力された文字列をsetStaetで受け付けてあげましょう。 create-react-app コマンドを使用してReactを作ります。設定未だの方はこちらからご覧ください。 ファイル構成の確認とやることの確認 まずは今回作成するファイル階層を確認します。コマンドにて $ […]

  • 2020.12.07

Vue.js フィルター機能実装

前回書いたこの記事よりスクレイピングしたデータを使用して、Vue.jsで表示してフィルター機能を実装していきたいと思います。 Pythonを利用してVueで表示したい方はこれらの記事を参照してみて下さい。 イメージはこんな感じです。ランキング部分をVue.jsで表示しています。 表示しているデータはPythonでエクセルから読み込んでjsonに変換しているだけです。絞り込み機能のフォーム部分でそれ […]

git NO IMAGE
  • 2020.12.06

みんながよく使うgit pushのやり方は省略系。正式の書き方

git を使っているとよく出てくる といった の記述。 実はこの記述は省略系だったのをご存知でしょうか。 git push origin <Branch> は省略系 実はgitさんがよしなに足してくれているのです。 だいたいはこんな感じにしてくれます。(もしかすると若干違うかも。。) HEADで今のコミットをした位置を表していているので、リモートにはこの位置でpushしますよという意味 […]

  • 2020.11.28

Vue.jsからPythonにリクエストを飛ばしてエクセル書き込み

この記事からの続きとなります。まだご覧になっていない方はどうぞ。 エクセルに書き込むメソッドの作成 Vue側から飛ばすデータの内容は決まっているので(表示しているデータ)それを元にエクセルに書き込むメソッドを作成します。 main.pyと同じ配下にfunction.pyのファイルを作成します。下記書き込んでください。 足りないライブラリは各自pip installして下さい。 Vue側からリクエス […]

  • 2020.11.28

Pythonでのdatetimeの加算(足し算)

detatimeでの時間の足し算。importによって若干やり方が違うので注意が必要。 コードで使い方を書いていて、引数によって加算できるdatetimeが決まってくるのでそれは下の方に書いておきました。 import datetime 表示はこのようになります。1日が無事に足されました。 from datetime import datetime こちらも無事1日の足し算ができています。 tim […]

git NO IMAGE
  • 2020.11.21

ローカルのフォルダをgitのpush先(remote repository)として設定する

githubの立ち上げが面倒。後悔したくないソースもあるしなぁ。githubをprivateにするのも面倒。 ただファイルをgitで管理したいだけ。それならローカルでいいのでは?と思い、やってみたら簡単にできました。 一通りgitの使い方の復習がてら流れもついでに書いておきました。 ローカルにpush先のフォルダを作成しておく push先(リモートリポジトリ)のフォルダを作成します。コマンドから作 […]

1 2 10