asameshicode.com

デモアプリ公開中

デモアプリはプログラマーを目指す皆さん、プログラマーの皆さんの為に公開しています。Gitを使ってGitHubのリポジトリから自由にクローンしてください。個人で使用するも商業用に使うことも可能です。

もしGitやGitHubを使ったことがない方は直接GitHubのサイトからZipでダウンロードしてもOKです。しかしGitとGitHubは必須のスキルですので是非、こちらの動画を見て学んでおきましょう。

Python バックエンドアプリケーション

Django REST API

PythonウェブフレームワークのDjangoを使用したAPIです。データベースは1時間ごとにデフォルトの値に戻るようになっているので好きなようにデータ操作CRUD(Create, Read, Update, Delete)で使用してください

APIでHttpリクエストを送るサンプルは別のVueアプリケーションを参考にしてください。

詳しい説明は下の記事を参考にしてください。

Django REST API トークン認証

Django REST APIのプロジェクトをもとにトークン認証を加えたものです。

トークン認証なしではAPIにアクセスできないません。毎回のHttpリクエストにトークンを加えてデータをやり取りすることになります。

JavaScript Webアプリケーション

Vueチケット管理アプリ

下記のテクノロジーを使用しています。

  • NodeJS
  • Vue.js
  • PrimeVue(CSSライブラリ)

簡単なコールセンターをイメージしたチケット管理アプリです。

DjangoのRESTフレームワークのトークン認証のある方にアクセスするようになっています。

JSひろば

JSひろばアプリはモバイルファーストのUIでデザインされたJavaScriptの練習アプリです。

このアプリを使ってウェブページから実際にJavaScriptのコマンドを実行できるようにしました。スタックは以下の通りになります。

  • Vue (JavaScript)
  • PrimeVue(CSSライブラリ)
  • NodeJS
  • Ubuntuサーバー
  • Nginx
  • Django REST API(バックエンド)
  • PostgreSQL