Javascript

Vue.js + Bootstrap-vue でモーダルウィンドウとフラッシュメッセージの表示サンプル

忘れそうなのでメモしておきます。子が親のメソッドを呼び出したり親が子のメソッドを呼び出したりして分かりづらくなっているので後日もっと良い方法を検討したいと思います。 基本的にはBootstrap-vueの公式に書いてあった方法で実装していきます。 https:…

Vue.jsとFlaskでフルスタックなWebアプリの開発環境を構築 その3〜〜ログイン認証追加〜〜

はじめに ユーザーモデルの追加 ログイン処理の追加 config.py init.py view.py ログアウトボタンの追加 ログインユーザーの作成 ログイン画面修正 まとめ 参考サイト はじめに 今回は、前回作成したフロントのUIがVue.js、バックエンドのAPIがFlaskのWebア…

Vue.jsとFlaskでフルスタックなWebアプリの開発環境を構築 その2〜〜投稿画面作成〜〜

はじめに タスクのモデルを作成(Flask) 前回からのファイル構成変更点 sqliteを使用する設定 Flask-SQLAlchemyのインストール models.pyの作成 APIの作成(Flask) 登録画面の作成(Vue.js) ルーティングの追加 bootstrap-vueの導入 画面の作成 終わりに …

Vue.jsとFlaskでフルスタックなWebアプリの開発環境を構築 その1〜〜環境構築〜〜

はじめに vue-cliで雛形のインストール(フロントエンド) サンプルページの追加 ビルドディレクトリの変更 Flaskのインストール(バックエンド) Flaskのサンプル作成 404ページの追加 APIの追加 終わりに はじめに 最近のWebアプリはReact.jsやVue.jsを使…

dropbox-sdk-jsを使ってフォルダ内アイテムの共有リンクを取得

はじめに dropbox-sdk-jsの導入 フォルダ内アイテム一覧を取得 forループでフォルダ内のアイテムそれぞれの共有リンクを取得 再帰的に関数を呼び出す まとめ はじめに 最近フロントエンドの勉強をしています。 今作っているWebアプリで、Dropboxに保存してあ…

Node.jsの環境をDockerで構築&herokuにデプロイ

はじめに Skywayとは? SkyWayとは Node.jsのDocker環境 Skywayのチュートリアル browserifyの導入 Herokuへのデプロイ まとめ 参考サイト はじめに それぞれ他サイトを参照して作ったのみですが、自身の備忘までに。 会社でSkyway使うかも?という話が出て…