• 技術的な話
  • その他
  • お問い合わせ
  • 本サイトについて
    • 運営者について
    • サイトマップ
    • プライバシーポリシー

ニッチな技術録

  • 技術的な話
  • その他
  • お問い合わせ
  • 本サイトについて
    • 運営者について
    • サイトマップ
    • プライバシーポリシー

技術的な話

Vue.js + Fast APIでアプリを構築してみる

2021/9/23    axios, Docker, FastAPI, Vue.js, Windows, WSL2

大規模なアプリケーションでなければなるべくコンパクトで軽いものを選びたい私です。 今回はVue.jsにaxiosを導入してHTTPアクセス出来るようにし、FastAPIで手軽にバックエンドを実装します ...

技術的な話

Vue.jsにBulmaを簡単に導入してみる

2021/8/8    Bulma, Docker, Vue.js, Windows, WSL2

簡単なアプリケーションを作成してみようと思い、見た目をある程度見せられるようにしたい場合、自分でCSSやSCSS/SASS書いても良いですがそんな時間がない!ということは稀にあるかと思います。時間が潤 ...

その他

THETA.tv for LINE BlockchainをPCから使用してみる

2021/8/8    HEARTS, LINE, LINK, Nox Player, PC, TFUEL, THETA.tv, 仮想通貨, 暗号通貨

前回はこちらから 前回記事から検証したこと HEARTSの集め方を問い合わせてみたけど一向に返答無し クイズを色々やってみたけど全然HEARTS当てられる気がしない という状況です。 今回はちょっと趣 ...

技術的な話

Windows10にWSL2 + Ubuntu + Docker開発環境を整えるまでの3ステップ

2021/8/8    Docker, Ubuntu, Windows10, WSL2

最近Windows10 + WSL2 + Ubuntu + Dockerの開発環境を構築することがあり、前より凄く簡単になった気がしたので纏めてみようと思います。 プレビュー版のWindowsをお持ち ...

その他

THETA.tv for LINE Blockchainを使ってみた - その2

2021/8/8    HEARTS, LINE, LINK, TFUEL, THETA.tv, 仮想通貨, 暗号通貨

前回はこちらから 前回記事から検証したこと Wi-Fi⇒SIMで視聴してみて変わるか確認 各種ゲームやイベントへの参加 1日程度放置してみてどれだけ貯まるか確認 それぞれの結果 Wi-Fi→SIMで視 ...

その他

THETA.tv for LINE Blockchainを使ってみた

2021/8/8    HEARTS, LINE, LINK, TFUEL, THETA.tv, 仮想通貨, 暗号通貨

Androidの端末購入してきたのでやりかたを纏めてみました。あとトークンの貯め具合なんかも現時点ではありますが報告します。 こいつが買ってきたAndroid端末 普段はiPhoneを使用しているので ...

技術的な話

WSL2 + Docker + Vue.jsの開発環境をさくっと作成する

2021/8/8    Docker, Vue.js, Windows, WSL2

いい加減にフロントエンドに触らないといけないという強い思いからVue.jsの環境を作成してみました。とりあえずDockerで作成しておけばいつでも使いまわせる。 Dockerをある程度使用できると何で ...

その他

2021/03/17 - day 72 - 日々の記録

2021/8/8    日々の記録

日々の記録です。 アクセス数:0訪問者数:0 ちょこちょこVSCodeのページにアクセスがある気が…する。 そしてRobots.txtとsitemap.xmlは最初に設置しておいた方が良かったなぁと。 ...

技術的な話

Vue CLIのプロジェクト新規作成時にunable to verify the first certificateで動作しなかったときの対処法

2021/8/8    Node.js, Proxy, Vue CLI, Vue.js

こいついつもProxyに悩まされてんな。今回もProxyネタです。 結論 Vue CLIはNodeを使っているので下記のように環境変数を加えてあげれば通りました。そもそもProxyも通ってないよって人 ...

技術的な話

オススメなエンジニア向けWindowsフリーソフト

2021/8/8    エンジニア, ツール, フリーソフト

最近だとMacを使うエンジニアが多くなっておりますが、私はまだまだWindows派です。色々とこだわりがある方も多いとは思いますが、個人的に毎回入れているフリーソフトを紹介したいと思います。エンジニア ...

« Prev 1 … 4 5 6 7 8 9 Next »
  • Twitter
  • Share
  • Pocket
  • Hatena
  • LINE
  • URLコピー

最新の投稿一覧

技術的な話

【Node.js】AzureOpenAIのChatGPTを使用してTeamsのチャットボットを開発してみる - コード書いてく編

2023/5/16

技術的な話

【Node.js】AzureOpenAIのChatGPTを使用してTeamsのチャットボットを開発してみる - Azure準備編

2023/5/16

技術的な話

Bot Framework SDK(JavaScript)のサンプルEcho Botでエラーが発生した時の対応

2023/5/13

技術的な話

Azure上にGROWI Docker版をインストールしてみる

2023/5/13

技術的な話

Ubuntu 20.04にDockerとdocker composeを導入する

2023/5/13

目次

  • 作成する環境
  • Fast APIとは
      • Fast APIを活用した他記事
  • 今回のゴール
  • 環境作成方法
      • フロントエンド用Dockerファイルの作成
      • バックエンド用Dockerファイルの作成
      • composeファイルの用意
      • ビルドと起動、フロントエンド側のDockerにログイン
      • フロントエンド側にaxiosを導入
      • axiosのベース処理の作成と実装
      • バックエンド側処理の実装
      • フロントエンド側とバックエンド側処理の動作確認
  • まとめ
  • ホーム
  • サイトマップ
  • プライバシーポリシー
  • お問い合わせ

ニッチな技術録

© 2025 ニッチな技術録