Restful制約 No 項目 概要 メリット・デメリット 1 nullスタート - REST原則のみで成立。他の原則、設計思想とは独立 2 クライアント/サーバー - 画面（UI）とデータで作業や役割を分離できる。- クライアント側がトリガー、サーバー側は受け身。（最近はサ…

API の価値を生み出す 4 つの方法 (google) cloud.google.com API公開の効果と課題 （総務省） www.soumu.go.jp 綺麗なAPIを設計するには気をつけたい5つのポイント(NTTデータ) developer.ntt.com Best Practices for Designing a Pragmatic RESTful API www…

はじめに 前回、構築したVue3+TypeScriptの環境ににtailwindcssをインストールした px-wing.hatenablog.com px-wing.hatenablog.com 結論 下記のエラーが発生してエラーを解消できなくなってしまった。 INFO Starting development server... 98% after emitt…

はじめに 下記のStripeを利用してオンライン決済をする。Stripeは会員登録が必要です。 stripe.com LaravelにStripeパッケージをインストールする 下記のコマンドを実行してインストールする composer require stripe/stripe-php StripeのAPIキーの取得 下記…

はじめに 最近ソーシャル関係の仕事の依頼が来る。 twitter APIを利用する機会があったので下記にまとめてみる。 実装する前の準備 下記のサイトにアクセスしてTwitter APIに必要なAPIキーを取得する。 developer.twitter.com 数年前に比べるとだいぶ面倒な…

はじめに Vue3の環境などを準備したので、開発するにあたり、CSSフレームワークを検討していく。 px-wing.hatenablog.com px-wing.hatenablog.com Vue3の各CSSフレームワークの対応状況 Vuetify vuetifyjs.com Vuetifyの現在のバージョンはVue3をサポートし…

はじめに 前回、electronの環境を構築したので、せっかくなので、何かデモアプリを作成してみる。 electronにはいろいろなAPIがあるので、さっくと簡単にいろいろな機能がつくれる。 www.electronjs.org サンプルコード ドラック＆ドロップでファイルの情報…

はじめに 下記のサイトを参考にElectronの環境を構築してみる。 www.electronjs.org インストールするもの 環境構築に必要なものは下記の２つのみ nodejs 下記のサイトからダウンロードしてインストールする nodejs.org electron nodeインストール後下記のコ…

はじめに 前回、sqlalchemy-migrateを利用してUserテーブルを作成したので、そのユーザーテーブルにアクセスしてデータを返すサンプルを作成する px-wing.hatenablog.com インストール 必要なライブラリは下記となります。利用しているデータベースはmysqlサ…

はじめに EC2で動作させているdocker imagesを更新するため、久しぶりにdocker-compose buildを実行したらエラーになった エラーの内容 docker-compose buildを実行すると下記のエラーが発生する $ docker-compose build ERROR: Couldn't connect to Docker …

SqlAlchemy-migrateを使ってみる sqlalchemy-migrate.readthedocs.io 詳しい作業手順は下記に記載されているので、マネしてやってみる sqlalchemy-migrate.readthedocs.io インストール $ pip install sqlalchemy $ pip install sqlalchemy-migrate $ pip in…

はじめに 表題の件を下記の公式サイトを参考に実装してみる 公式サイトではSQLAlchemyを使用した例があるのでSQLAlchemyを利用したデータベースアクセスを実装してみる。 fastapi.tiangolo.com 下記のデータベースをサポートしている PostgreSQL MySQL SQLit…

はじめに TypescriptとVue3の環境を作成したので、Typescriptのclassを利用して簡単なコンポーネントを作成する [Vue v3] @ComponentデコレータとVue基本クラス @Component名前がに変更され@Optionsます。 @Options オプションを宣言しない場合はオプション…

はじめに FastAPI は、Pythonの標準である型ヒントに基づいてPython 3.6 以降でAPI を構築するための、モダンで、高速(高パフォーマンス)な、Web フレームワークです。 fastapi.tiangolo.com fastapiはstarletteをラッピングしているので、基本starletteが、…

はじめに Dockerを利用してpythonのfastapiの環境を作るために環境構築していたところ幾つかのエラーにあったので、対処法を下記に記載する エラー① mariadb-devをインストールすることで解決する Collecting mysqlclient Downloading mysqlclient-2.0.1.tar…

はじめに Intervention Imageを利用して画像を加工する。Intervention Imageは、オープンソースのPHP画像処理および操作ライブラリです。 これは、画像を作成、編集、および作成するためのより簡単で表現力豊かな方法を提供し、現在2つの最も一般的な画像処…

はじめに docker環境で動作しているcomposer install をするとメモリエラーが発生するので解決方法を下記に記述する 仮にphpdocをインストールする例になります。 エラーの内容 composer install を実行するとAllowed memory size of xxxxxxx bytesとエラー…

はじめに 前回、docker環境でVue3とTypeScriptを動作する環境を作ったので開発するためにhot reloadできるようにする px-wing.hatenablog.com vue.config.jsファイル watchOptionsでpollをtrueに設定すると修正した内容がすぐに反映される。 module.exports …

docker-compose.yaml version: '3' services: nodejs: build: . volumes: - .:/srv/front/src/app ports: - "8080:8080" tty: true Dockerfile FROM node:lts-alpine3.12 WORKDIR /srv/front/src/app RUN apk update && \ npm install -g npm @vue/cli CMD […

はじめに 先日作成した住所検索をChromeの拡張機能として利用できるように設定する px-wing.hatenablog.com フォルダ構成 前回作成したフォルダ構成は下記のような構成となっている C:. └─address_search form.html jquery.min.js manifest.json zipcodeSear…

はじめに 住所検索をする機会が多く便利なChromeの拡張機能があると思い調べてみたところ、なさそうだったので、自分で作ってみた。 APIに関しては下記のサイトのAPIを利用させていただく。 zipcoda.net manifest.jsonファイルを作成する manifest.jsonファ…

はじめに InstagramのAPIを利用してサイトに埋め込むたいという話がきたので調べてみました。 最新のグラフAPIのバージョンは8.0になっている。古いバージョンを利用していると、利用期限があるため注意しないといけない。 developers.facebook.com Instagra…

Pythonデザインパターン-シングルトン クラスのインスタンス化を1つのオブジェクトに制限します。これは一種の作成パターンであり、メソッドと指定されたオブジェクトを作成するためのクラスは1つだけです。 作成されたインスタンスへのグローバルアクセスポ…

はじめに 前回、Laravel Excelをインストールしたので、今回は実際に利用してみる 設定 config/app.phpに下記の記述を行う 'providers' => [ Maatwebsite\Excel\ExcelServiceProvider::class, ] 'aliases' => [ ... 'Excel' => Maatwebsite\Excel\Facades\Ex…

はじめに LaravelでExcelを出力する github.com docs.laravel-excel.com インストール 下記のコマンドでパッケージをインストールする composer require maatwebsite/excel 下記のエラーが発生する Your requirements could not be resolved to an installab…

インストール 下記のパッケージはHTMLをPDFに変換するライブラリです。 github.com composer require barryvdh/laravel-dompdf 設定ファイル パッケージのインストール後、config /app.phpにサービスプロバイダーとエイリアスを追加します。 'providers' => …

はじめに 前回、aws-sdk-php-laravelをインストールしたので、こちらを利用してSESを利用してメールを送信する px-wing.hatenablog.com 設定ファイル config/services.phpに下記を追記する 'ses' => [ 'key' => env('AWS_SES_ACCESS_KEY_ID'), 'secret' => e…

はじめに 前回、aws-sdk-php-laravelをインストールしたので、こちらを利用してファイルのアップロードを行う px-wing.hatenablog.com シンボリックリンクを設定する 下記のコマンドを実行しないとファイルのアップロードはうまくいかない。 $ php artisan s…

はじめに aws-sdk-php-laravelを利用してファイルのアップロードを実装する github.com インストール Composerを介してインストールできます。composer.jsonファイルに下記の記述を追加する { "require": { "aws/aws-sdk-php-laravel": "~3.0" } } Composer…

はじめに S3にあるファイルをブラウザでアクセスできるようにする docs.aws.amazon.com dev.classmethod.jp アクセスポイントの設定 対象のバケットを選択して「アクセスポイント」→「アクセスポイントの作成」ボタンをクリックする アクセスポイント名は任…