【ffmpeg】動画変換コマンド

拡張子から判断してよろしく変換してくれる ffmpeg -i src.flv dest.mp4

【Windowsバッチ】カレントディレクトリ配下のファイルをループ処理する

bat

@echo off setlocal EnableDelayedExpansion @REM カレントディレクトリ配下を再帰処理 for /r .\ %%a in (*.png) do ( set filePath=%%a @REM ここに処理を書く ) pause

GCP vs AWS (無料枠の比較)

概要 GCP(Google Cloud Platform)無料枠のまとめ AWSと比較 GCP無料枠 以下から抜粋 https://cloud.google.com/free/docs/gcp-free-tier?hl=ja#free-tier NO GCP 概要 無料枠 1 App Engine 大規模なウェブ アプリケーションの開発とホスティングを行うため…

【Java】Jsonあれこれ

概要 実装 ライブラリの追加 シリアライズ(data→Json文字列) 呼び出し方 実行結果 デシリアライズ(Json文字列→data) 呼び出し方 実行結果 概要 JavaでJsonを扱う Jacksonで実装 実装 ライブラリの追加 gradle dependencies { implementation group: 'com…

【Angular】PJのひな型(AngularMaterial + Angular Flex-Layout)

概要 初期PJ生成のメモ。 以下のライブラリを使用する。 Angular Material https://material.angular.io/ Angular Flex-Layout https://www.npmjs.com/package/@angular/flex-layout 手順 Angularプロジェクトの新規作成 ng new ${PJ名} --routing --style s…

お問い合わせフォーム

読み込んでいます…

【Angular】Angular Materialでフォントを変更する

AngularMaterialでフォントを変更する AngularMaterialが設定するフォントを変更する フォントはGoogle Fontを使用する Google Font(日本語対応)は以下を参照 https://googlefonts.github.io/japanese/ 実装 index.html Google Fontを追加する <head> <meta charset="utf-8"> <title>Sample</title> <base href="/"> </base></meta></head>

【Angular】実装メモ~Router編~

Routing 画面遷移や表示制御を行う 詳細は以下を参照 https://angular.jp/guide/router#defining-a-basic-route 実装 画面遷移の設定 app-routing.module.ts内に定義する 初期画面の設定 パス指定無しの場合のリダイレクト設定 pathMatch: 'full'はパスの完…

【Angular】実装メモ~Form編~

Form FormGroupで実装 入力フォームを次の仕様で作る 縦並び バリデーション付き バリデーションエラー時はボタンを非活性 UIライブラリにAngular Material + flex-layoutを使用 実装イメージ (初期表示) (入力時) (エラー時) 実装 app.module // イン…

【Angular】Ngrx概要

Ngrx? 用語集 Component Action Reducer Store Selector Effects Service 実装 インストール Store Effects Devtool Storeの作成 Actionの作成 Reducerの作成 NgModuleに設定 Componentから呼び出す Ngrx? Reduxの思想をAngularで実装するためのライブラリ E…

【概要】Reduxを始める

概要 基本構成 データフロー詳細 Reduxの3原則 1. Single source of truth 2. State is read-only 3. Mutations are written as pure functions 用語集(Redux) Action ActionCreator Store Dispatch State Reducer 概要 UIの状態管理を行うライブラリ 状態…

【Angular】IndexedDBを使う

前提 AngularでIndexedDBにアクセス ライブラリに Dexie.jsを使う バージョンは3.0.2 ライブラリの詳細は以下参考 https://dexie.org/ IndexedDB? ブラウザー内にデータを永続的に保存する手段 Key-Value形式で保存 詳細は以下参照 https://developer.mozil…

プライバシーポリシー

個人情報の利用目的 当ブログでは、お問い合わせや記事へのコメントの際、名前やメールアドレス等の個人情報を入力いただく場合がございます。 取得した個人情報は、お問い合わせに対する回答や必要な情報を電子メールなどをでご連絡する場合に利用させてい…

【RxJS】ユースケースから理解するRxJS

環境 ユースケース Observableを作りたい PromiseをObservableに変換したい 複数の非同期通信の結果を待ち合わせて取得する 非同期通信でエラーが発生した場合 subscribe側に値を渡したい 共通化して処理の切り出し 非同期処理の実行結果を使って非同期処理…

【AWS】S3からダウンロードしたファイルのContent-Typeが変なんです

Content-Typeがbinary/octet-stream 現象 原因 対策 Content-Typeがbinary/octet-stream 現象 S3からダウンロードしたファイルのContent-Typeがbinary/octet-streamになってしまう。 原因 S3へのアップロード時にContent-Typeを指定していない。 APIでのアッ…

【AWS】Amplify使ってAPI Gatewayにリクエスト送信したい

目的 環境 実装 Angularプロジェクトを作成 Amplifyライブラリを追加 AWSの設定ファイルを作成 aws-export.jsを作成 設定ファイル読み込み処理を実装 Shimの追加 リクエスト送信処理の実装 GET通信の場合 POST通信の場合 その他 (1)CORSでエラーになる An…

【AWS】DynamoDBを理解する【クエリ編】

DynamoDBからデータを読み書きする 読み込み プライマリキーでデータを取得 プライマリキーとソートキーでデータを取得 セカンダリインデックスでデータを取得 全件取得 取得したデータを絞り込む 書き込み 複数の書き込み DynamoDBからデータを読み書きする…

【AWS】DynamoDBを理解する【概要編】

DynamoDB? 料金 プロビジョンドモード 課金対象一覧 課金対象詳細 プロビジョニングされた書き込みキャパシティー プロビジョニングされた読み込みキャパシティー データストレージ オプション オンデマンド 無料利用枠 オンデマンド プロビジョンド 言語集…