Vuetify

Nuxt.js+Vuetifyでどう考えてもスクロールバーな15pxの枠があってとれなかった。結果としてはVuetifyのせいであったんだけど、Nuxt.jsなどの絡みで何が原因かわからなかった。

結果としては、Vueti ...

Nuxt.js

公式マニュアルをみたけど動かない。参考サイトを漁ったけど、うまく動かない。そんな状態に2日連続陥ったので、うまく行った方法を記載する。

バージョン

Nuxt.js: 1.17.3
@nuxtjs/axios: 5.1 ...

Vuetify

コンポーネントでv-dialogを実装するときには、親子間でdataを渡す必要がある。しかし、refを使うことで、親から子に値を渡すのみでv-dialogを実装できる。

//子要素(@

FastAPI

最近ふざけた内容が多かったので、少し真面目に。

背景

Nuxt.js + FastAPI でツールを作成している。認証周りで @nuxtjs/auth を使用したところ、スクラッチでAPIを作成している場合にはJWTを使った ...

Nuxt.js

ソース探ってたら、axiosのBaseURLの設定について色々間違った情報が出回っているようで。

not BaseUrl, but BaseURL

BaseURLを次のように説明しているサイトが散見された。

/ ...

_,javascript

React.jsの勉強中のため。いい加減新しい?ものに触らないと。

ざっと↑の本を読んだけど、なかなかわかりづらい。

というよりも、それなりに大規模なコードを書くときに役に立ちそうな感じで、軽いものを書くときに ...

bootstrap,bottle,HTML,HTML5,javascript,jinja2,jQuery,Mac,python,python2

前回の続き。

新規登録を実装

sites/sites.pyの冒頭の方に以下のimportを追加する。

from bottle import get, post, request, response

bootstrap,bottle,HTML,HTML5,javascript,jinja2,jQuery,Mac,python,python2

今回から何回かに分けて、はてブから情報を取得しSlackに投稿するBOTを管理するツールを作成していく。
今までにこのブログ内で紹介しgithubにあげているソースを利用する。

完成形

ローカルでも動くSlackのB ...

bootstrap,bottle,javascript,jinja2,python

今回はbottleやjinja2の使い方というより、フレームワークの開発方法。

複数ページに渡るサイトをフレームワークで開発するとき、ヘッダー、フッターなどの各ページの共通部分を
ベースとなるテンプレートファイルに ...

bootstrap,bottle,iPython,javascript,jinja2,jQuery,python

導入に引き続き。

導入で用意したjs,css,imgディレクトリを利用できるようにする。
また、jQuery、bootstrapを導入する。

 

 
サンプルコー ...

bottle,jinja2,python

最近は一時期よりは下火になっているものの、PythonでフレームワークといえばDjango。
でもさくっとページを作りたいときにはちょっとがっちりしすぎていて作りづらい。

ということで、最近は bottle を使っ ...