OpenAPIによるスキーマファースト開発の実施サンプルとCloud Runについて - OPTiM TECH BLOG
こんにちは、インダストリー事業本部 医療チームの高橋（@yukey1031）です。 去年のクリスマス以来の投稿です。AMIAS（アミアス）をお願いします。 さて、今回は自身の周辺業務で普段行っているOpenAPIによるスキーマファースト開発の実施サンプルと先日Google Cloudより発表された「Cloud Run」について少し触れてみたいと思います。 なお、フロントエンドはVue.js+TypeScript+Axios、バックエンドはJava+SpringBootでの話です。 マイクロサービスな現場でのAPI開発 スキーマファースト開発 OpenAPI OpenAPI Generator Cloud Run 実施サンプル Requirement インターフェイス定義 サーバーサイド実装 フロントエンド実装 Cloud Runにデプロイ／接続 おわりに マイクロサービスな現場でのAPI開
Vue.js+TypeScriptで開発するときの参考記事まとめ - Qiita
概要 Vue.js+TypeScriptで開発する際によく参考にしている記事をまとめています。 自分用なので、自分記事が若干多めです。随時更新 この記事良かったよーとか、教えていただけると助かります。 環境構築 Vue CLIのプロジェクト管理UIがいい感じだった https://qiita.com/kai_kou/items/8fcabc7a8445c1be8a30 DockerでVue.js+TypeScript開発環境を構築する https://qiita.com/kai_kou/items/d581a9f8f3ee8605aed1 Vue.js + SCSS + Bootstrap + MaterialDesign + TypeScript開発環境をつくってみた https://qiita.com/kai_kou/items/a404c73c8bb23f25c510 Vuexによる
【Vue/Nuxt】-コンポーネント編- 天気APIを使って一通りフロントを実装してみる - Qiita
前提条件 【Vue/Nuxt】-Vuex編- 天気APIを使って一通りフロントを実装してみる 上記記事にて天気APIのデータを取得済み 見える側を作っていく！ 前回の続き ForcastCard というコンポーネントを作ってみました。 イメージはこんな感じ。 <template> <section class="weather"> <h1 class="weather__title">{{ weather.title }}</h1> <ForcastCard v-for="(forecast, i) in weather.forecasts" :forecast="forecast" :key="`weather__forcasts-key-${i}`"/> </section> </template> <script> import ForcastCard from '~/compone
【Vue/Nuxt】-Vuex編- 天気APIを使って一通りフロントを実装してみる - Qiita
はじめに 天気APIを例に、自分が理解しにくかったVuex・テスト（jest）をメインに解説したいと思います。 単体の記事（Vuexだけとか）は良いものがたくさんあるので、一通り実装すると、こんなコードになるよー。というサンプル感を意識しました👍 環境 nuxt : 2.0.0 @vue/test-utils: 1.0.0-beta.26 vue-jest : 3.0.0 vuex-map-fields : 1.3.1 lodash : 4.17.11 axios : 0.18.0 目指すところ livedoorのお天気WebサービスAPI「Weather Hacks」を使って天気を取得 （http://weather.livedoor.com/weather_hacks/webservice ） 取得したデータをストア（Vuex）で管理 「今日」「晴れのち雨」「画像」部分をコンポーネン
【Vue/Nuxt】-テスト編（ストア）- 天気APIを使って一通りフロントを実装してみる - Qiita
前提条件 【Vue/Nuxt】-Vuex編- 天気APIを使って一通りフロントを実装してみる 上記記事にて天気APIのデータを取得済み 【Vue/Nuxt】-コンポーネント編- 天気APIを使って一通りフロントを実装してみる 上記記事にてコンポーネント、画面完成 【Vue/Nuxt】-テスト編（コンポーネント）- 天気APIを使って一通りフロントを実装してみる 上記記事にてコンポーネントのテスト完成 ストアのテストを書いてみる 前回 コンポーネントテストを書いた時 にprops-template.jsを用意したように payloadStub にモックのJSONを書いてあげます。 import { createLocalVue } from '@vue/test-utils'; import Vuex from 'vuex'; import { cloneDeep } from 'lodas
Vue.jsとDjango REST FrameworkでSPAなWebをやる時の勘どころ - HATEOASと非同期処理（の触り） - Lean Baseball
ボストン・レッドソックスの皆さん、世界一おめでとうございます！*1 野球ってほんと面白いですね、こんばんは野球エンジニアです.*2 このエントリーでは楽しい野球技術、Vue.jsとDjango（Django REST Framework、以下DRFと略す）の話をサクッと書きたいと思います. なお、このエントリーは先日開催されたPyLadies Tokyo - 4周年記念パーティのLTでやったことの自分メモをブログにしたものです.*3 元ネタ PyLadies Tokyo - 4周年記念パーティのLTで話した内容がベースです. speakerdeck.com DjangoとVue.jsそしてOhtani-San - Pythonで二刀流しよう #PyLadiesTokyo 4周年 TL;DR 複数カテゴリのデータをSPA + REST APIで扱うなら、最初からHATEOAS（Hyperme
89b18c608dc7dd2b946b
なにをしたいか フロントエンドにはVue.jsを用いたシングルページアプリケーションを、バックエンドにはDjangoとDjango REST frameworkを使ったWeb APIを用意して、組み合わせてみます。 先駆者様が既にいらっしゃいますが、ちょっと異なるアプローチを試したので記事にしました。 Django + Webpack を使ってVueを動かす Django REST framework with Vue.js どうやって？ Djangoプロジェクトでは通常htmlファイルはテンプレートとして解釈されてレンダリングされますが、そのテンプレート構文がVueと丸かぶり。そのためにVue的なテンプレート構文を持ったhtmlはDjangoテンプレートと共存できません。 そこで、webpackを利用してフロントエンドをVueの単一ファイルコンポーネントに分割しながら書いていくことでこの
FlaskとElasticsearchで社内の簡易書籍管理システムを作ってみた - Qiita
今の会社では社員に対して技術書の購入を推奨（会社費用）する制度を設けています。 各自読み終わった本は所定の書棚に格納するのですが、その冊数も徐々に増え始め、今後の増加も見越して、そういった書籍を管理するためのシステムを作成することにしました。 今回は、登録と検索を作成しました。将来的には機能を拡張していく予定です。 レポジトリ この記事の内容のコードは次のレポジトリに掲載しました https://github.com/michihosokawa/MiniBookManagementSystem 前提 社内で各技術者が購入した技術書を、社員（100人超）で共有することを想定しています。 構成 次のような構成にしました Python flask Elasticsearch Vue.js ※将来的なメンテナンスの省力化を考え、内部で流通するデータはJSON形式です WebAPIの利用 書籍データ
【Python+Flask】WebAPIを使った簡易書籍管理アプリ【Vue.js、Elasticsearch】 - Qiita
【GitHub】MiniBookSearch 今回、GitHubにあるOSSプロジェクトを使って『APIの改変』と『追加機能』を実装してみました。 Python未経験でIT業界半年以内の自分でも出来たので、 興味がある方はぜひこのアプリを使ってぜひやってみてください 本人の記事も下記で紹介していますが自分なりに分かりやすくまとめます。 元を作った方は同じ職場の方ですので分からない事があれば気軽に聞いてください 📗 やったこと @michihosokawaさんの『 書籍管理システム(GitHub) 』 ・使用されているAPIを「GoogleBooksAPI」から「openBD」へ書き換える ・新機能『一覧表示機能』を追加する @michihosokawaさんのQiita記事はこちら↓ FlaskとElasticsearchで社内の簡易書籍管理システムを作ってみた 📗 アプリの機能 ISB
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Django(DRF) + Vue.jsの設計パターン
Django REST framework with Vue.js - Qiita
GitHub - tokibito/note-app-django-vuex: An example of a note application using django and vue.js (with vuex)