mat5ukawa.hateblo.jp Open in urlscan Pro
35.75.255.9  Public Scan

Form analysis
1 forms found in the DOM

GET https://mat5ukawa.hateblo.jp/search

<form class="search-form" role="search" action="https://mat5ukawa.hateblo.jp/search" method="get">
  <input type="text" name="q" class="search-module-input" value="" placeholder="記事を検索" required="">
  <input type="submit" value="検索" class="search-module-button">
</form>

Text Content

読者になる



現場ログ


.

この広告は、90日以上更新していないブログに表示しています。

2020-06-27


REACT で PREVENTDEFAULT しても SUBMIT された場合に見るステップ

react


(1) SUBMIT のハンドラーを COMPONENT に BIND しているか

class RequestForm extends React.Component {
  constructor(props) {
    super(props);
.
.
    this.handleSubmit = this.handleSubmit.bind(this)
  }
.
.
  render () {
    return (
      <React.Fragment>
.
.
          <form onSubmit={this.handleSubmit}>


(2) PREVENTDEFAULT をハンドラーの冒頭に持ってきているか

  handleSubmit(e) {
    e.preventDefault()
.(後続処理)
.
  }


(1) の参考記事

http://egorsmirnov.me/2015/08/16/react-and-es6-part3.html

ymatsukawa (id:mat5ukawa) 3年前



広告を非表示にする

2020-06-20


DJANGO で PDB できないときは DJANGO-PDB を INSTALL する

Python Django

ssh クライアントが理由なのかは原因を特定できていないが、django 上の適当な .py ファイルにて

import pdb; pdb.set_trace()
もしくは
breakpoint() # python3.7 以上のみ有効

を埋め込みしても Web サーバーを立ち上げているコンソールで pdb の操作が効かない。

django-pdb を導入したら問題なく p コマンドや n コマンドを実行できた。


DJANGO-PDB の導入方法

$ cd /path/to/mydjango-project
$ mkdir requirements_no_production
$ echo django >> requirements_no_production/development.txt # 本番用と分けておきたいのでこうしている
$ pip3 install -r requirements_no_production/development.txt

hello/views.py でデバッグする

...
def index(request):
  import pdb; pdb.set_trace()
  # python3.7 以上ならば
  # breakpoint() でもよい

上記を通る HTTP リクエストをしたらデバッグできる

> /home/matsu/workspace/mydjango-project/hello/views.py(13)index()
-> return HttpResponse('<h1>response</h1><pre>' + response.text + '</pre>')
(Pdb) p response
<Response [200]>

参考:

 * https://pypi.org/project/django-pdb/
 * https://stackoverflow.com/a/1118271

ymatsukawa (id:mat5ukawa) 3年前



広告を非表示にする

2020-06-20


UBUNTU 20.04 に POSTGRES POSTGRESQL を INSTALL する

ubuntu PostgreSQL

何も考えずに ローカルユーザーネームと root のロールで postgres が動く環境を入れたい場合。

$ sudo apt update
$ sudo apt-get install postgresql
$ sudo su - postgres

@postgres> createuser YOUR_USERNAME
@postgres> createdb YOUR_USERNAME
@postgres> createuser root
@postgres> createdb root
@postgres> exit

$ psql

Web アプリやらを開発する場合は、ライブラリインストールで header が足りないと怒られないように 下部の devel
パッケージ入れておくのが得策である。

$ sudo apt install libpq-dev

$ sudo apt list | grep postgresql-server-dev*
postgresql-server-dev-12/focal 12.2-4 amd64
postgresql-server-dev-all/focal 214 all
# インストールした postgres バージョンの server-dev を入れる
$ sudo apt install postgresql-server-dev-12

参考:

 * https://devcenter.heroku.com/articles/heroku-postgresql#set-up-postgres-on-linux
 * https://www.postgresql.jp/document/7.2/reference/sql-createuser.html
 * https://www.postgresql.jp/document/9.4/html/sql-createdatabase.html
 * https://www.postgresql.org/download/linux/ubuntu/

ymatsukawa (id:mat5ukawa) 3年前



広告を非表示にする

2020-06-13


UBUNTU SERVER 20.04 に NODEJS を CURL および NODESOURCE 経由で INSTALL する

ubuntu node

nodejs v12(2020/06 で LTS) を curl および nodesource 経由で install する

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install -y nodejs

ついでに yarn 入れるときは次の通りにする

$ curl -sL https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
$ echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
$ sudo apt-get update && sudo apt-get install yarn

参考情報:

 * https://github.com/nodesource/distributions/blob/master/README.md#installation-instructions

ymatsukawa (id:mat5ukawa) 3年前



広告を非表示にする

2020-06-12


UBUNTU SERVER 20.04 に DJANGO をインストールする

Python Django

pip3 は install している前提である。

$ pip3 install --user Django
$ python3 -m django --version
3.0.7

$ cd /path/to/workspace
$ django-admin startproject testproject
$ cd testproject
$ python3 manage.py runserver 0.0.0.0:8080
# GET access to http://localhost:8080

ip 指定しておけばポートフォワードしたときにアクセス弾かれる問題は起きない。

参考記事

 * https://www.djangoproject.com/start/
 * https://docs.djangoproject.com/en/3.0/topics/install/
 * https://stackoverflow.com/questions/2260727/how-to-access-the-local-django-webserver-from-outside-world

ymatsukawa (id:mat5ukawa) 3年前



広告を非表示にする

次のページ

I am
ymatsukawa (id:mat5ukawa)
読者です 読者をやめる 読者になる 読者になる
6
このブログについて

Search

Archive
 * ▼ ▶
   2020 (11)
   * 2020 / 6 (10)
   * 2020 / 2 (1)
 * ▼ ▶
   2019 (8)
   * 2019 / 8 (8)
 * ▼ ▶
   2018 (6)
   * 2018 / 6 (5)
   * 2018 / 5 (1)
 * ▼ ▶
   2016 (16)
   * 2016 / 8 (1)
   * 2016 / 5 (1)
   * 2016 / 4 (8)
   * 2016 / 3 (6)
 * ▼ ▶
   2015 (156)
   * 2015 / 11 (4)
   * 2015 / 10 (10)
   * 2015 / 9 (13)
   * 2015 / 8 (26)
   * 2015 / 7 (9)
   * 2015 / 6 (11)
   * 2015 / 5 (31)
   * 2015 / 4 (51)
   * 2015 / 1 (1)
 * ▼ ▶
   2014 (85)
   * 2014 / 12 (5)
   * 2014 / 11 (7)
   * 2014 / 10 (1)
   * 2014 / 9 (2)
   * 2014 / 8 (3)
   * 2014 / 7 (5)
   * 2014 / 6 (1)
   * 2014 / 5 (5)
   * 2014 / 4 (6)
   * 2014 / 3 (4)
   * 2014 / 2 (15)
   * 2014 / 1 (31)
 * ▼ ▶
   2013 (25)
   * 2013 / 12 (25)

現場ログ

Powered by Hatena Blog | ブログを報告する



引用をストックしました

ストック一覧を見る 閉じる

引用するにはまずログインしてください

ログイン 閉じる

引用をストックできませんでした。再度お試しください

閉じる

限定公開記事のため引用できません。

読者です 読者をやめる 読者になる 読者になる
6